Skip to content

R
rs-cloud-platform-ui
Commit a6fd78de authored by rencs's avatar rencs
Browse files
Options

Merge branch 'dev_ren' into 'master' 

产品介绍，

See merge request !15
parents b4641114 171c920f
Hide whitespace changes
Inline Side-by-side
Showing with 395 additions and 323 deletions
src/views/webSiteManagement/industryApplication/applicationList/addUpApp/index.vue
View file @ a6fd78de
...@@ -7,20 +7,24 @@ ...@@ -7,20 +7,24 @@
* @FilePath: \rs-cloud-platform-ui\src\views\webSiteManagement\industryApplication\applicationList\addApp\index.vue * @FilePath: \rs-cloud-platform-ui\src\views\webSiteManagement\industryApplication\applicationList\addApp\index.vue
--> -->
<template> <template>
<div id='addApp'> <div id="addApp">
<div class="top"> <div class="top">
<div class="title" @click="backup"> <div class="title" @click="backup">
<i class="el-icon-back"></i> <i class="el-icon-back"></i>
<!-- <img src="/static/images/return.png"/> --> <!-- <img src="/static/images/return.png"/> -->
返回上一页 返回上一页
</div> </div>
</div> </div>
<div class="content"> <div class="content">
<el-form ref="form" :rules="rules" :model="form" label-width="120px"> <el-form ref="form" :rules="rules" :model="form" label-width="120px">
<div class="item"> <div class="item">
<div class="title">基本信息</div> <div class="title">基本信息</div>
<div class="form"> <div class="form">
<el-form-item label="应用类别" prop="type" v-show="firstTypes.length>0"> <el-form-item
label="应用类别"
prop="type"
v-show="firstTypes.length > 0"
>
<el-select v-model="currentFirstType" placeholder="全部"> <el-select v-model="currentFirstType" placeholder="全部">
<el-option <el-option
v-for="item in firstTypes" v-for="item in firstTypes"
...@@ -41,15 +45,24 @@ ...@@ -41,15 +45,24 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="应用名称" prop="title"> <el-form-item label="应用名称" prop="title">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.title" placeholder="请输入应用名称"></el-input> <el-input
</el-col> v-model="form.title"
placeholder="请输入应用名称"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="封面图" prop="coverImg"> <el-form-item label="封面图" prop="coverImg">
<singleImageX :value="form.coverImg" @input="onCoverPreview"></singleImageX> <singleImageX
:value="form.coverImg"
@input="onCoverPreview"
></singleImageX>
</el-form-item> </el-form-item>
<el-form-item label="详情图" prop="detailImg"> <el-form-item label="详情图" prop="detailImg">
<singleImageX :value="form.detailImg" @input="onDetailPreview"></singleImageX> <singleImageX
:value="form.detailImg"
@input="onDetailPreview"
></singleImageX>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
...@@ -57,57 +70,77 @@ ...@@ -57,57 +70,77 @@
<div class="title">应用参数</div> <div class="title">应用参数</div>
<div class="form"> <div class="form">
<el-form-item label="行业" prop="industry"> <el-form-item label="行业" prop="industry">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.industry" placeholder="请输入行业"></el-input> <el-input
</el-col> v-model="form.industry"
placeholder="请输入行业"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="地区" prop="region"> <el-form-item label="地区" prop="region">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.region" placeholder="请输入地区"></el-input> <el-input
</el-col> v-model="form.region"
placeholder="请输入地区"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="数据采集时间" prop="collectTime"> <el-form-item label="数据采集时间" prop="collectTime">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.collectTime" placeholder="请输入数据采集时间"></el-input> <el-input
</el-col> v-model="form.collectTime"
placeholder="请输入数据采集时间"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="数据来源" prop="origin"> <el-form-item label="数据来源" prop="origin">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.origin" placeholder="请输入数据来源"></el-input> <el-input
</el-col> v-model="form.origin"
placeholder="请输入数据来源"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="成果形式" prop="achievement"> <el-form-item label="成果形式" prop="achievement">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.achievement" placeholder="请输入成果形式"></el-input> <el-input
</el-col> v-model="form.achievement"
placeholder="请输入成果形式"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="分辨率" prop="resolvpower"> <el-form-item label="分辨率" prop="resolvpower">
<el-col :span="12"> <el-col :span="12">
<el-input v-model="form.resolvpower" placeholder="请输入分辨率"></el-input> <el-input
</el-col> v-model="form.resolvpower"
placeholder="请输入分辨率"
></el-input>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="是否提供样例" prop="isSample"> <el-form-item label="是否提供样例" prop="isSample">
<el-radio-group v-model="form.isSample"> <el-radio-group v-model="form.isSample">
<el-radio-button label="是"></el-radio-button> <el-radio-button label="是"></el-radio-button>
<el-radio-button label="否"></el-radio-button> <el-radio-button label="否"></el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="是否提供定制" prop="isCustomized"> <el-form-item label="是否提供定制" prop="isCustomized">
<el-radio-group v-model="form.isCustomized"> <el-radio-group v-model="form.isCustomized">
<el-radio-button label="是"></el-radio-button> <el-radio-button label="是"></el-radio-button>
<el-radio-button label="否"></el-radio-button> <el-radio-button label="否"></el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="上传样例" prop="fileList"> <el-form-item label="上传样例" prop="fileList">
<el-upload class="upload-demo" <el-upload
action="#" class="upload-demo"
:on-preview="handlePreview" action="#"
:on-remove="handleRemove" :on-preview="handlePreview"
:before-remove="beforeRemove" :on-remove="handleRemove"
multiple :before-remove="beforeRemove"
:on-exceed="handleExceed" multiple
:http-request="onUploadRequest" :on-exceed="handleExceed"
:file-list="form.fileList"> :http-request="onUploadRequest"
:file-list="form.fileList"
>
<el-button size="small" type="primary">上传文件</el-button> <el-button size="small" type="primary">上传文件</el-button>
<!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> --> <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
</el-upload> </el-upload>
...@@ -118,18 +151,28 @@ ...@@ -118,18 +151,28 @@
<div class="title">应用简介</div> <div class="title">应用简介</div>
<div class="form"> <div class="form">
<el-form-item label="产品简介" prop="introduction"> <el-form-item label="产品简介" prop="introduction">
<kind-editor id="editor_id" :content.sync="form.introduction" :afterChange="afterChange()" :loadStyleMode="false" @on-content-change="onContentChange"></kind-editor> <kind-editor
id="editor_id"
:content.sync="form.introduction"
:afterChange="afterChange()"
:loadStyleMode="false"
@on-content-change="onContentChange"
></kind-editor>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<el-form-item> <el-form-item>
<el-button @click="$parent.componentName='appList'">取消</el-button> <el-button @click="$parent.componentName = 'appList'">取消</el-button>
<el-button type="primary" @click="onSubmit">确定</el-button> <el-button type="primary" @click="onSubmit">确定</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<!-- 使用图片查看器预览当前缩略图 --> <!-- 使用图片查看器预览当前缩略图 -->
<el-image-viewer v-if="currentIcon.showPreview" :on-close="closePreview" :url-list="[currentIcon.url]"/> <el-image-viewer
v-if="currentIcon.showPreview"
:on-close="closePreview"
:url-list="[currentIcon.url]"
/>
</div> </div>
</template> </template>
...@@ -137,90 +180,109 @@ ...@@ -137,90 +180,109 @@
// 导入组件 // 导入组件
import ElImageViewer from "element-ui/packages/image/src/image-viewer"; import ElImageViewer from "element-ui/packages/image/src/image-viewer";
import { uploadFile } from "@/api/website/newsCategory/index"; import { uploadFile } from "@/api/website/newsCategory/index";
import singleImageX from '@/components/Upload/singleImageX'; import singleImageX from "@/components/Upload/singleImageX";
import KindEditor from "@/components/Kindeditor"; import KindEditor from "@/components/Kindeditor";
import { import {
getAllApplicationType, getAllApplicationType,
addUpdateApplicationInfo, addUpdateApplicationInfo,
} from "api/website/industryApplication/index"; } from "api/website/industryApplication/index";
export default { export default {
name: 'addApp', name: "addApp",
components: { components: {
singleImageX, singleImageX,
KindEditor, KindEditor,
ElImageViewer ElImageViewer,
}, },
data(){ data() {
return { return {
rules:{ rules: {
type: [{ required: true, message: '请选择应用类别', trigger: 'blur' }], type: [{ required: true, message: "请选择应用类别", trigger: "blur" }],
title: [{ required: true, message: '请输入应用名称', trigger: 'blur' }], title: [{ required: true, message: "请输入应用名称", trigger: "blur" }],
coverImg: [{ required: true, message: '请上传封面图', trigger: 'blur' }], coverImg: [
detailImg: [{ required: true, message: '请上传详情图', trigger: 'blur' }], { required: true, message: "请上传封面图", trigger: "blur" },
industry: [{ required: true, message: '请输入行业', trigger: 'blur' }], ],
region: [{ required: true, message: '请输入地区', trigger: 'blur' }], detailImg: [
collectTime: [{ required: true, message: '请输入数据采集时间', trigger: 'blur' }], { required: true, message: "请上传详情图", trigger: "blur" },
origin: [{ required: true, message: '请输入数据来源', trigger: 'blur' }], ],
achievement: [{ required: true, message: '请输入成果形式', trigger: 'blur' }], industry: [{ required: true, message: "请输入行业", trigger: "blur" }],
resolvpower: [{ required: true, message: '请输入分辨率', trigger: 'blur' }], region: [{ required: true, message: "请输入地区", trigger: "blur" }],
isSample: [{ required: true, message: '是否提供样例', trigger: 'blur' }], collectTime: [
isCustomized: [{ required: true, message: '是否提供定制', trigger: 'blur' }], { required: true, message: "请输入数据采集时间", trigger: "blur" },
fileList: [{ required: true, message: '请上传样例', trigger: 'blur' }], ],
introduction: [{ required: true, message: '请输入产品简介', trigger: 'blur' }], origin: [
{ required: true, message: "请输入数据来源", trigger: "blur" },
],
achievement: [
{ required: true, message: "请输入成果形式", trigger: "blur" },
],
resolvpower: [
{ required: true, message: "请输入分辨率", trigger: "blur" },
],
isSample: [
{ required: true, message: "是否提供样例", trigger: "blur" },
],
isCustomized: [
{ required: true, message: "是否提供定制", trigger: "blur" },
],
fileList: [{ required: true, message: "请上传样例", trigger: "blur" }],
introduction: [
{ required: true, message: "请输入产品简介", trigger: "blur" },
],
}, },
form: { form: {
title: '',// 应用名称 title: "", // 应用名称
coverImg: '',// 封面图 coverImg: "", // 封面图
detailImg: '',// 详情图 detailImg: "", // 详情图
industry: '',// 行业 industry: "", // 行业
region: '',// 地区 region: "", // 地区
collectTime: '',// 采集时间 collectTime: "", // 采集时间
origin: '',// 数据来源 origin: "", // 数据来源
achievement: '',// 成果形式 achievement: "", // 成果形式
resolvpower: '',// 分辨率 resolvpower: "", // 分辨率
isSample: '是',// 是否提供样例 isSample: "是", // 是否提供样例
isCustomized: '是',// 是否定制 isCustomized: "是", // 是否定制
fileList: [],// 样例图片路径集合 fileList: [], // 样例图片路径集合
introduction: '', // 简介 introduction: "", // 简介
}, },
currentIcon: { currentIcon: {
showPreview: false, showPreview: false,
url: [] url: [],
}, },
firstTypes: [], firstTypes: [],
currentFirstType: '', currentFirstType: "",
secondTypes: [], secondTypes: [],
currentSecondType: '', currentSecondType: "",
} };
}, },
watch:{ watch: {
"form.fileList":{ "form.fileList": {
deep: true, deep: true,
handler: function(newVal){ handler: function (newVal) {
console.log("newVal=>",newVal) console.log("newVal=>", newVal);
} },
} },
}, },
mounted() { mounted() {
this.pullAllApplicationType() this.pullAllApplicationType();
if(!!this.$parent.info){ if (!!this.$parent.info) {
let info = this.$parent.info let info = this.$parent.info;
let attribute = eval("(" + info.attribute + ")") let attribute = eval("(" + info.attribute + ")");
console.log("info=>",info) console.log("info=>", info);
console.log("获取到的编辑数据=>",attribute) console.log("获取到的编辑数据=>", attribute);
this.form.title = info.title this.form.title = info.title;
this.form.coverImg = info.coverImg this.form.coverImg = info.coverImg;
this.form.detailImg = info.icon.url this.form.detailImg = info.icon.url;
this.form.industry = attribute.industry this.form.industry = attribute.industry;
this.form.region = attribute.area this.form.region = attribute.area;
this.form.collectTime = attribute.date this.form.collectTime = attribute.date;
this.form.origin = attribute.source this.form.origin = attribute.source;
this.form.achievement = attribute.achievements this.form.achievement = attribute.achievements;
this.form.resolvpower = attribute.ratio this.form.resolvpower = attribute.ratio;
this.form.isSample = info.examples==0?"否":"是" this.form.isSample = info.examples == 0 ? "否" : "是";
this.form.fileList = info.examples!=0?eval("("+info.examplesJson+")"):[] this.form.fileList =
this.form.introduction = info.introduction info.examples != 0 ? eval("(" + info.examplesJson + ")") : [];
this.form.isCustomized = info.customized==1?"是":"否" this.form.introduction = info.introduction;
this.form.isCustomized = info.customized == 1 ? "是" : "否";
// this.form = { // this.form = {
// title: info.title,// 应用名称 // title: info.title,// 应用名称
// coverImg: info.coverImg,// 封面图 // coverImg: info.coverImg,// 封面图
...@@ -237,279 +299,289 @@ export default { ...@@ -237,279 +299,289 @@ export default {
// introduction: info.introduction, // 简介 // introduction: info.introduction, // 简介
// } // }
} }
this.$bus.$emit('hideThreeRoute',false) this.$bus.$emit("hideThreeRoute", false);
}, },
beforeDestroy(){ beforeDestroy() {
this.$bus.$emit('hideThreeRoute',true) this.$bus.$emit("hideThreeRoute", true);
}, },
methods: { methods: {
// 获取所有应用类型 // 获取所有应用类型
pullAllApplicationType(){ pullAllApplicationType() {
this.firstTypes = [] this.firstTypes = [];
getAllApplicationType().then(res => { getAllApplicationType().then((res) => {
if(res.status == 200){ if (res.status == 200) {
res.data.forEach(element => { res.data.forEach((element) => {
if(element.isDel==0){ if (element.isDel == 0) {
if(element.pid==0){ if (element.pid == 0) {
this.firstTypes.push({ this.firstTypes.push({
value: element.id, value: element.id,
label: element.title label: element.title,
}); });
}else{ } else {
this.secondTypes.push({ this.secondTypes.push({
value: element.id, value: element.id,
label: element.title label: element.title,
}) });
} }
} }
}); });
if(this.firstTypes.length>0){ if (this.firstTypes.length > 0) {
this.currentFirstType = this.firstTypes[0].value this.currentFirstType = this.firstTypes[0].value;
} }
if(this.secondTypes.length>0){ if (this.secondTypes.length > 0) {
this.currentSecondType = this.secondTypes[0].value this.currentSecondType = this.secondTypes[0].value;
} }
} }
}) });
}, },
// 关闭图片查看器 // 关闭图片查看器
closePreview() { closePreview() {
this.currentIcon.showPreview = false; this.currentIcon.showPreview = false;
}, },
onContentChange (val) { onContentChange(val) {
console.log(val) console.log(val);
},
afterChange () {
}, },
backup(){ afterChange() {},
this.$parent.componentName='appList' backup() {
this.$bus.$emit('hideThreeRoute',true) this.$parent.componentName = "appList";
this.$bus.$emit("hideThreeRoute", true);
}, },
// 上传样例Begin // 上传样例Begin
onUploadRequest(data) { onUploadRequest(data) {
/** /**
* [{"filename":"文件名","size":"文件大小","url":"文件路径"}] * [{"filename":"文件名","size":"文件大小","url":"文件路径"}]
*/ */
console.log("uploadData=>",data) console.log("uploadData=>", data);
let filename = data.file.name let filename = data.file.name;
let size = data.file.size let size = data.file.size;
let fileObj = data.file; let fileObj = data.file;
//获取图片详情信息 //获取图片详情信息
let imgInfo = {}; let imgInfo = {};
let temp = URL.createObjectURL(fileObj) let temp = URL.createObjectURL(fileObj);
let img = new Image(); let img = new Image();
img.src = temp; img.src = temp;
img.onload = function () { img.onload = function () {
imgInfo.width = img.width; imgInfo.width = img.width;
imgInfo.height = img.height; imgInfo.height = img.height;
} };
imgInfo.size = fileObj.size; imgInfo.size = fileObj.size;
imgInfo.type = fileObj.type; imgInfo.type = fileObj.type;
// FormData 对象 // FormData 对象
let form = new FormData(); let form = new FormData();
// 文件对象 // 文件对象
form.append("file", fileObj); form.append("file", fileObj);
uploadFile(form).then(res => { uploadFile(form).then((res) => {
this.uploading = false; this.uploading = false;
if (res.status == 200) { if (res.status == 200) {
console.log("上传文件成功,获取到的文件路径为=>",res.data) console.log("上传文件成功,获取到的文件路径为=>", res.data);
this.form.fileList.push({ this.form.fileList.push({
name: filename, name: filename,
size: size, size: size,
url: res.data url: res.data,
}) });
} else { } else {
this.$message.error(res.message) this.$message.error(res.message);
} }
}) });
}, },
handlePreview(file,fileList) { handlePreview(file, fileList) {
let obj = this.form.fileList.find(element => element.name == file.name) let obj = this.form.fileList.find((element) => element.name == file.name);
let url = obj ? obj.url : "" let url = obj ? obj.url : "";
console.log("url=>",url) console.log("url=>", url);
this.currentIcon.showPreview = true this.currentIcon.showPreview = true;
this.currentIcon.url = url this.currentIcon.url = url;
}, },
handleRemove(file,fileList) { handleRemove(file, fileList) {
let index = this.form.fileList.findIndex(ele => ele.name == file.name) let index = this.form.fileList.findIndex((ele) => ele.name == file.name);
index != -1 && (this.form.fileList.splice(index,1)) index != -1 && this.form.fileList.splice(index, 1);
}, },
beforeRemove(file, fileList) { beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }？`); return this.$confirm(`确定移除 ${file.name}？`);
}, },
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
files.length + fileList.length
} 个文件`
);
}, },
// 上传样例End // 上传样例End
onCoverPreview(url){ onCoverPreview(url) {
this.form.coverImg = url this.form.coverImg = url;
}, },
onDetailPreview(url){ onDetailPreview(url) {
this.form.detailImg = url this.form.detailImg = url;
}, },
onSubmit() { onSubmit() {
if(this.form.title==''){ if (this.form.title == "") {
this.$message.error('请输入应用名称!!!'); this.$message.error("请输入应用名称!!!");
}else if(this.form.coverImg==''){ } else if (this.form.coverImg == "") {
this.$message.error('请上传封面图!!!'); this.$message.error("请上传封面图!!!");
}else if(this.detailImg==''){ } else if (this.detailImg == "") {
this.$message.error('请上传详情图!!!'); this.$message.error("请上传详情图!!!");
}else if(this.form.introduction==''){ } else if (this.form.introduction == "") {
this.$message.error('请输入产品简介!!!'); this.$message.error("请输入产品简介!!!");
}else if(this.form.industry==''){ } else if (this.form.industry == "") {
this.$message.error('请输入行业!!!'); this.$message.error("请输入行业!!!");
}else if(this.form.region==''){ } else if (this.form.region == "") {
this.$message.error('请输入地区!!!'); this.$message.error("请输入地区!!!");
}else if(this.form.achievement==''){ } else if (this.form.achievement == "") {
this.$message.error('请输入成果形式!!!'); this.$message.error("请输入成果形式!!!");
}else if(this.form.origin==''){ } else if (this.form.origin == "") {
this.$message.error('请输入数据来源!!!'); this.$message.error("请输入数据来源!!!");
}else if(this.form.collectTime==''){ } else if (this.form.collectTime == "") {
this.$message.error('请输入数据采集时间!!!'); this.$message.error("请输入数据采集时间!!!");
}else if(this.form.resolvpower==''){ } else if (this.form.resolvpower == "") {
this.$message.error('请输入分辨率!!!'); this.$message.error("请输入分辨率!!!");
}else if(this.form.isSample=="是"&&this.form.fileList.length==0){ } else if (this.form.isSample == "是" && this.form.fileList.length == 0) {
this.$message.error('请上传样例!!!'); this.$message.error("请上传样例!!!");
}else{ } else {
let data,message let data, message;
if(this.$parent.info){ if (this.$parent.info) {
data = { data = {
id: this.$parent.info.id, id: this.$parent.info.id,
title: this.form.title, title: this.form.title,
coverImg: this.form.coverImg, coverImg: this.form.coverImg,
detailImg: this.form.detailImg, detailImg: this.form.detailImg,
introduction: this.form.introduction, introduction: this.form.introduction,
attribute: JSON.stringify({ attribute: JSON.stringify({
industry: this.form.industry, industry: this.form.industry,
area: this.form.region, area: this.form.region,
achievements: this.form.achievement, achievements: this.form.achievement,
source: this.form.origin, source: this.form.origin,
date: this.form.collectTime, date: this.form.collectTime,
ratio: this.form.resolvpower ratio: this.form.resolvpower,
}), }),
examples: this.form.isSample=="是" ? 1 : 0, examples: this.form.isSample == "是" ? 1 : 0,
examplesJson: JSON.stringify(this.form.fileList), examplesJson: JSON.stringify(this.form.fileList),
protection: this.$parent.protection, protection: this.$parent.protection,
rank: this.$parent.info.rank, rank: this.$parent.info.rank,
status: this.$parent.info.status, status: this.$parent.info.status,
firstTypeId: this.$parent.info.firstTypeId, firstTypeId: this.$parent.info.firstTypeId,
firstTitle: this.$parent.info.firstTitle, firstTitle: this.$parent.info.firstTitle,
secondTypeId: this.$parent.info.secondTypeId, secondTypeId: this.$parent.info.secondTypeId,
secondTitle: this.$parent.info.secondTitle, secondTitle: this.$parent.info.secondTitle,
indexShow: this.$parent.info.indexShow, indexShow: this.$parent.info.indexShow,
isDel: this.$parent.info.isDel, isDel: this.$parent.info.isDel,
customized: this.form.isCustomized=="是"?1:2, customized: this.form.isCustomized == "是" ? 1 : 2,
} };
message = "修改成功!!!" message = "修改成功!!!";
}else { } else {
data = { let secondtitle = "";
title: this.form.title, if (this.secondTypes && this.currentSecondType) {
coverImg: this.form.coverImg, secondtitle = this.secondTypes.find(
detailImg: this.form.detailImg, (ele) => ele.value == this.currentSecondType
introduction: this.form.introduction, ).label;
attribute: JSON.stringify({
industry: this.form.industry,
area: this.form.region,
achievements: this.form.achievement,
source: this.form.origin,
date: this.form.collectTime,
ratio: this.form.resolvpower
}),
examples: this.form.isSample=="是" ? 1 : 0,
examplesJson: JSON.stringify(this.form.fileList),
protection: "",
indexShow: 1,
isDel: 0,
status: 1,
rank: 0,
firstTypeId: this.currentFirstType,
firstTitle: this.firstTypes.find(ele => ele.value == this.currentFirstType).label,
secondTypeId: this.currentSecondType,
secondTitle: this.secondTypes.find(ele => ele.value == this.currentSecondType).label,
customized: this.form.isCustomized=="是" ? 1 : 2
}
message = "添加成功!!!"
} }
addUpdateApplicationInfo(data).then(res => { data = {
if(res.status==200){ title: this.form.title,
this.$message({ coverImg: this.form.coverImg,
message: message, detailImg: this.form.detailImg,
type: 'success' introduction: this.form.introduction,
}); attribute: JSON.stringify({
this.$parent.componentName = "appList" industry: this.form.industry,
this.$parent.info = null area: this.form.region,
}else{ achievements: this.form.achievement,
this.$message.error('操作失败,请稍后重试!!!'); source: this.form.origin,
} date: this.form.collectTime,
}); ratio: this.form.resolvpower,
}),
examples: this.form.isSample == "是" ? 1 : 0,
examplesJson: JSON.stringify(this.form.fileList),
protection: "",
indexShow: 1,
isDel: 0,
status: 1,
rank: 0,
firstTypeId: this.currentFirstType,
firstTitle: this.firstTypes.find(
(ele) => ele.value == this.currentFirstType
).label,
secondTypeId: this.currentSecondType,
secondTitle: secondtitle,
customized: this.form.isCustomized == "是" ? 1 : 2,
};
message = "添加成功!!!";
} }
} addUpdateApplicationInfo(data).then((res) => {
if (res.status == 200) {
this.$message({
message: message,
type: "success",
});
this.$parent.componentName = "appList";
this.$parent.info = null;
} else {
this.$message.error("操作失败,请稍后重试!!!");
}
});
}
},
}, },
} };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
#addApp{ #addApp {
margin: 0 1% 0 1%; margin: 0 1% 0 1%;
width: 98%; width: 98%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
color: #5178f2;
.top {
width: 100%;
height: 68px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
overflow: hidden;
border-bottom: 1px solid #eeeeee;
.title {
width: auto;
margin: 0 0 0 30px;
height: 46px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #5178f2;
overflow: hidden;
cursor: pointer;
}
}
.content {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
.item {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
.title {
padding-left: 40px;
width: calc(100% - 40px);
height: 36px;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
color: #5178F2; background-color: #f2f2f2;
.top{ color: #000000;
width: 100%; }
height: 68px; .form {
display: flex; padding-top: 20px;
flex-direction: row; padding-left: 20px;
justify-content: space-between; width: calc(100% - 40px);
align-items: center; height: auto;
overflow: hidden; }
border-bottom: 1px solid #EEEEEE; }
.title{
width: auto;
margin: 0 0 0 30px;
height: 46px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #5178F2;
overflow: hidden;
cursor: pointer;
}
}
.content{
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
.item{
width: 100%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
.title{
padding-left: 40px;
width: calc(100% - 40px);
height: 36px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: #F2F2F2;
color: #000000;
}
.form{
padding-top: 20px;
padding-left: 20px;
width: calc(100% - 40px);
height: auto;
}
}
}
} }
</style> }
\ No newline at end of file </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment