|
@@ -1,23 +1,23 @@
|
|
|
<template>
|
|
|
- <el-form :rules="rules" :model="data" ref="form" class="sub-form">
|
|
|
+ <el-form :rules="rules" :model="form" ref="form" class="sub-form">
|
|
|
<p class="line"></p>
|
|
|
- <el-input v-model="data.orderNo" :value="index" type="hidden"></el-input>
|
|
|
+ <!--<el-input v-model="form.orderNo" :value="index" type="hidden"></el-input>-->
|
|
|
<el-form-item label="是否属于诊断:" prop="isReason" @change="emitVal">
|
|
|
- <el-select v-model="data.isReason" placeholder="请选择" :disabled="isEdit&&index<len">
|
|
|
+ <el-select v-model="form.isReason" placeholder="请选择" :disabled="isEdit&&index<len">
|
|
|
<el-option label="否" :value="0"></el-option>
|
|
|
<el-option label="是" :value="1"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="显示位置:" prop="position" label-width="130px">
|
|
|
- <el-checkbox-group v-model="data.position" @change="emitVal" :disabled="isEdit&&index<len">
|
|
|
+ <el-checkbox-group v-model="form.position" @change="emitVal" :disabled="isEdit&&index<len">
|
|
|
<el-checkbox v-for="it in positions" :key="it.key" :label="it.key">{{it.name}}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标题" prop="title" label-width="130px">
|
|
|
- <el-input v-model="data.title" maxlength="120" @change="emitVal"></el-input>
|
|
|
+ <el-input v-model="form.title" maxlength="120" @change="emitVal"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="内容" prop="content" label-width="130px">
|
|
|
- <quillEditor v-model="data.content" :options="editorOption"></quillEditor>
|
|
|
+ <quillEditor v-model="form.content" :options="editorOption"></quillEditor>
|
|
|
</el-form-item>
|
|
|
<el-form-item label-width="130px">
|
|
|
<el-button @click="addEmit">添加段落</el-button>
|
|
@@ -31,6 +31,7 @@
|
|
|
import 'quill/dist/quill.snow.css'
|
|
|
import 'quill/dist/quill.bubble.css'
|
|
|
import {quillEditor, Quill} from 'vue-quill-editor'
|
|
|
+ import config from '@api/config';
|
|
|
import {container, ImageExtend, QuillWatch} from 'quill-image-extend-module';
|
|
|
Quill.register('modules/ImageExtend', ImageExtend);
|
|
|
export default{
|
|
@@ -46,9 +47,9 @@
|
|
|
ImageExtend: {
|
|
|
loading: true,
|
|
|
name: 'upfile',
|
|
|
- action: 'http://192.168.2.236/api/icssman/file/uploadImage',
|
|
|
+ action: config.promptServer,
|
|
|
response: (res) => {
|
|
|
- return 'http://192.168.2.236:82'+res.url;
|
|
|
+ return config.imgHost+res.url;
|
|
|
}
|
|
|
},
|
|
|
toolbar: {
|
|
@@ -61,7 +62,10 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- form:{},
|
|
|
+ form:{
|
|
|
+ position:[],
|
|
|
+ orderNo:0
|
|
|
+ },
|
|
|
positions:[], //位置列表
|
|
|
rules:{
|
|
|
isReason: [
|
|
@@ -80,17 +84,26 @@
|
|
|
}
|
|
|
},
|
|
|
watch:{
|
|
|
- 'data.content':{ //content改变时传值
|
|
|
+ 'form.content':{ //content改变时传值
|
|
|
+ handler(newVal,oldVal){
|
|
|
+ this.emitVal();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 'form.position':{
|
|
|
handler(newVal,oldVal){
|
|
|
this.emitVal();
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- created(){
|
|
|
+ mounted(){
|
|
|
//显示位置枚举列表
|
|
|
const pos = localStorage.getItem("icssEnumsData");
|
|
|
this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
|
|
|
- this.form = this.data;
|
|
|
+ },
|
|
|
+ beforeUpdate(){
|
|
|
+ if(this.isEdit){
|
|
|
+ this.form = Object.assign({},this.data);
|
|
|
+ }
|
|
|
},
|
|
|
methods:{
|
|
|
addEmit(){
|
|
@@ -100,10 +113,10 @@
|
|
|
this.$emit("del",this.index);
|
|
|
},
|
|
|
emitVal(){
|
|
|
- let data = Object.assign({},this.data);
|
|
|
- let pst=this.data.position;
|
|
|
+ let data = this.form;
|
|
|
+ let pst=this.form.position;
|
|
|
pst = typeof pst=='string'?pst:pst.join(',');
|
|
|
- data = Object.assign({},data,{position:this.data.position?pst:''});
|
|
|
+ data = Object.assign({},data,{position:this.form.position?pst:'',orderNo:this.index});
|
|
|
this.$emit("change",this.index,data);
|
|
|
}
|
|
|
}
|