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
Show 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,7 +7,7 @@ ...@@ -7,7 +7,7 @@
* @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>
...@@ -20,7 +20,11 @@ ...@@ -20,7 +20,11 @@
<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"
...@@ -42,14 +46,23 @@ ...@@ -42,14 +46,23 @@
</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
v-model="form.title"
placeholder="请输入应用名称"
></el-input>
</el-col> </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>
...@@ -58,32 +71,50 @@ ...@@ -58,32 +71,50 @@
<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
v-model="form.industry"
placeholder="请输入行业"
></el-input>
</el-col> </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
v-model="form.region"
placeholder="请输入地区"
></el-input>
</el-col> </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
v-model="form.collectTime"
placeholder="请输入数据采集时间"
></el-input>
</el-col> </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
v-model="form.origin"
placeholder="请输入数据来源"
></el-input>
</el-col> </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
v-model="form.achievement"
placeholder="请输入成果形式"
></el-input>
</el-col> </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
v-model="form.resolvpower"
placeholder="请输入分辨率"
></el-input>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="是否提供样例" prop="isSample"> <el-form-item label="是否提供样例" prop="isSample">
...@@ -99,7 +130,8 @@ ...@@ -99,7 +130,8 @@
</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
class="upload-demo"
action="#" action="#"
:on-preview="handlePreview" :on-preview="handlePreview"
:on-remove="handleRemove" :on-remove="handleRemove"
...@@ -107,7 +139,8 @@ ...@@ -107,7 +139,8 @@
multiple multiple
:on-exceed="handleExceed" :on-exceed="handleExceed"
:http-request="onUploadRequest" :http-request="onUploadRequest"
:file-list="form.fileList"> :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,143 +299,145 @@ export default { ...@@ -237,143 +299,145 @@ 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,
...@@ -386,9 +450,9 @@ export default { ...@@ -386,9 +450,9 @@ export default {
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,
...@@ -399,10 +463,16 @@ export default { ...@@ -399,10 +463,16 @@ export default {
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 = "修改成功!!!";
} else {
let secondtitle = "";
if (this.secondTypes && this.currentSecondType) {
secondtitle = this.secondTypes.find(
(ele) => ele.value == this.currentSecondType
).label;
} }
message = "修改成功!!!"
}else {
data = { data = {
title: this.form.title, title: this.form.title,
coverImg: this.form.coverImg, coverImg: this.form.coverImg,
...@@ -414,9 +484,9 @@ export default { ...@@ -414,9 +484,9 @@ export default {
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: "", protection: "",
indexShow: 1, indexShow: 1,
...@@ -424,41 +494,43 @@ export default { ...@@ -424,41 +494,43 @@ export default {
status: 1, status: 1,
rank: 0, rank: 0,
firstTypeId: this.currentFirstType, firstTypeId: this.currentFirstType,
firstTitle: this.firstTypes.find(ele => ele.value == this.currentFirstType).label, firstTitle: this.firstTypes.find(
(ele) => ele.value == this.currentFirstType
).label,
secondTypeId: this.currentSecondType, secondTypeId: this.currentSecondType,
secondTitle: this.secondTypes.find(ele => ele.value == this.currentSecondType).label, secondTitle: secondtitle,
customized: this.form.isCustomized=="是" ? 1 : 2 customized: this.form.isCustomized == "是" ? 1 : 2,
} };
message = "添加成功!!!" message = "添加成功!!!";
} }
addUpdateApplicationInfo(data).then(res => { addUpdateApplicationInfo(data).then((res) => {
if(res.status==200){ if (res.status == 200) {
this.$message({ this.$message({
message: message, message: message,
type: 'success' type: "success",
}); });
this.$parent.componentName = "appList" this.$parent.componentName = "appList";
this.$parent.info = null this.$parent.info = null;
}else{ } else {
this.$message.error('操作失败,请稍后重试!!!'); 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; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
color: #5178F2; color: #5178f2;
.top{ .top {
width: 100%; width: 100%;
height: 68px; height: 68px;
display: flex; display: flex;
...@@ -466,8 +538,8 @@ export default { ...@@ -466,8 +538,8 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
.title{ .title {
width: auto; width: auto;
margin: 0 0 0 30px; margin: 0 0 0 30px;
height: 46px; height: 46px;
...@@ -475,24 +547,24 @@ export default { ...@@ -475,24 +547,24 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #5178F2; color: #5178f2;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
} }
} }
.content{ .content {
width: 100%; width: 100%;
height: auto; height: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
.item{ .item {
width: 100%; width: 100%;
height: auto; height: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
.title{ .title {
padding-left: 40px; padding-left: 40px;
width: calc(100% - 40px); width: calc(100% - 40px);
height: 36px; height: 36px;
...@@ -500,10 +572,10 @@ export default { ...@@ -500,10 +572,10 @@ export default {
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
background-color: #F2F2F2; background-color: #f2f2f2;
color: #000000; color: #000000;
} }
.form{ .form {
padding-top: 20px; padding-top: 20px;
padding-left: 20px; padding-left: 20px;
width: calc(100% - 40px); width: calc(100% - 40px);
...@@ -511,5 +583,5 @@ export default { ...@@ -511,5 +583,5 @@ export default {
} }
} }
} }
} }
</style> </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