|
|
|
@ -240,8 +240,8 @@
|
|
|
|
|
<!-- <editor v-model="form.content" :min-height="192"/> -->
|
|
|
|
|
<el-input v-model="form.content" resize="none" :rows="5" type="textarea" placeholder="请输入内容" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="图片上传" prop="imageUrl">
|
|
|
|
|
<imageUpload v-model="form.imageUrl"/>
|
|
|
|
|
<el-form-item label="图片上传">
|
|
|
|
|
<imageUpload v-model="imageUrls"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="文件">
|
|
|
|
|
<el-button @click="addDomain" type="primary">添加图片</el-button>
|
|
|
|
@ -280,7 +280,7 @@
|
|
|
|
|
|
|
|
|
|
<div slot="title" class="dialog-title">{{ infoTitle }}</div>
|
|
|
|
|
|
|
|
|
|
<el-descriptions title="清朗专项行动动态" :column="2" border labelClassName="desLable">
|
|
|
|
|
<el-descriptions title="清朗专项行动动态" :column="2" border labelClassName="desLable" contentClassName="desContent">
|
|
|
|
|
<!-- <el-descriptions-item label="区域">{{ selectDictLabel(dict.type.tc_area,form.areaId) }}</el-descriptions-item> -->
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item label="启用/禁用">{{ selectDictLabel(dict.type.tc_start,form.isStatus) }}</el-descriptions-item>
|
|
|
|
@ -289,7 +289,7 @@
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item label="内容"><div v-html='form.content'></div></el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item label="图片路径(完整路径)"><a v-for="(url,index) in images" :key="index" :href="url" target="blank">查看图片</a></el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="图片路径(完整路径)"><div class="images-box"><img v-for="(url,index) in images" :key="index" :src="url"></img></div></el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
<el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
|
|
|
|
|
|
|
|
|
@ -395,6 +395,7 @@
|
|
|
|
|
},
|
|
|
|
|
fileList:[],
|
|
|
|
|
images:[],
|
|
|
|
|
imageUrls:'',
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -526,6 +527,8 @@
|
|
|
|
|
const id = row.id || this.ids
|
|
|
|
|
getQlzxxddt(id).then(response => {
|
|
|
|
|
this.form = response.data;
|
|
|
|
|
this.imageUrls = this.form.imageUrl
|
|
|
|
|
|
|
|
|
|
// this.form.isStatus = response.data.isStatus;
|
|
|
|
|
// this.form.title = response.data.title;
|
|
|
|
|
// this.form.content = response.data.content;
|
|
|
|
@ -572,11 +575,23 @@
|
|
|
|
|
},
|
|
|
|
|
/** 提交按钮 */
|
|
|
|
|
submitForm() {
|
|
|
|
|
// let arr1 = [];
|
|
|
|
|
let arr1 = [];
|
|
|
|
|
// this.form.domains.forEach((value) => {
|
|
|
|
|
// arr1.push(value.imageUrl);
|
|
|
|
|
// });
|
|
|
|
|
this.form.imageUrl = process.env.VUE_APP_BASE_API + this.form.imageUrl;
|
|
|
|
|
let images = this.imageUrls.split(',')
|
|
|
|
|
let reg = new RegExp('http')
|
|
|
|
|
if(images.length > 0 && images[0] !== ''){
|
|
|
|
|
images.forEach(item=>{
|
|
|
|
|
if(reg.test(item)){
|
|
|
|
|
item = item;
|
|
|
|
|
} else {
|
|
|
|
|
item = process.env.VUE_APP_BASE_API + item;
|
|
|
|
|
}
|
|
|
|
|
arr1.push(item)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
this.form.imageUrl = arr1.join(',')
|
|
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
if (this.form.id != null) {
|
|
|
|
@ -675,9 +690,14 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
color: #0072c6;
|
|
|
|
|
margin: 0 5px;
|
|
|
|
|
.images-box {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
width: 100%;
|
|
|
|
|
img {
|
|
|
|
|
width: 150px;
|
|
|
|
|
margin: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|