|
@@ -1,20 +1,20 @@
|
|
<template>
|
|
<template>
|
|
<el-form :rules="rules" :model="data" ref="form" class="sub-form">
|
|
<el-form :rules="rules" :model="data" ref="form" class="sub-form">
|
|
<p class="line"></p>
|
|
<p class="line"></p>
|
|
- <el-input v-model="data.orderNo" :value="index" type="hidden"></el-input>
|
|
|
|
- <el-form-item label="是否属于诊断:" prop="isReason" @change="emitVal">
|
|
|
|
|
|
+ <!--<el-input v-model="form.orderNo" :value="index" type="hidden"></el-input>-->
|
|
|
|
+ <el-form-item label="是否属于诊断:" prop="isReason">
|
|
<el-select v-model="data.isReason" placeholder="请选择" :disabled="isEdit&&index<len">
|
|
<el-select v-model="data.isReason" placeholder="请选择" :disabled="isEdit&&index<len">
|
|
<el-option label="否" :value="0"></el-option>
|
|
<el-option label="否" :value="0"></el-option>
|
|
<el-option label="是" :value="1"></el-option>
|
|
<el-option label="是" :value="1"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="显示位置:" prop="position" label-width="130px">
|
|
<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="data.position" :disabled="isEdit&&index<len">
|
|
<el-checkbox v-for="it in positions" :key="it.key" :label="it.key">{{it.name}}</el-checkbox>
|
|
<el-checkbox v-for="it in positions" :key="it.key" :label="it.key">{{it.name}}</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="标题" prop="title" label-width="130px">
|
|
<el-form-item label="标题" prop="title" label-width="130px">
|
|
- <el-input v-model="data.title" @change="emitVal"></el-input>
|
|
|
|
|
|
+ <el-input v-model="data.title" maxlength="120"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="内容" prop="content" label-width="130px">
|
|
<el-form-item label="内容" prop="content" label-width="130px">
|
|
<quillEditor v-model="data.content" :options="editorOption"></quillEditor>
|
|
<quillEditor v-model="data.content" :options="editorOption"></quillEditor>
|
|
@@ -31,6 +31,7 @@
|
|
import 'quill/dist/quill.snow.css'
|
|
import 'quill/dist/quill.snow.css'
|
|
import 'quill/dist/quill.bubble.css'
|
|
import 'quill/dist/quill.bubble.css'
|
|
import {quillEditor, Quill} from 'vue-quill-editor'
|
|
import {quillEditor, Quill} from 'vue-quill-editor'
|
|
|
|
+ import config from '@api/config';
|
|
import {container, ImageExtend, QuillWatch} from 'quill-image-extend-module';
|
|
import {container, ImageExtend, QuillWatch} from 'quill-image-extend-module';
|
|
Quill.register('modules/ImageExtend', ImageExtend);
|
|
Quill.register('modules/ImageExtend', ImageExtend);
|
|
export default{
|
|
export default{
|
|
@@ -46,9 +47,9 @@
|
|
ImageExtend: {
|
|
ImageExtend: {
|
|
loading: true,
|
|
loading: true,
|
|
name: 'upfile',
|
|
name: 'upfile',
|
|
- action: 'http://192.168.2.236/api/icssman/file/uploadImage',
|
|
|
|
|
|
+ action: config.urls.promptServer,
|
|
response: (res) => {
|
|
response: (res) => {
|
|
- return 'http://192.168.2.236:82'+res.url;
|
|
|
|
|
|
+ return config.imgHost+res.url;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
toolbar: {
|
|
toolbar: {
|
|
@@ -61,7 +62,10 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- form:{},
|
|
|
|
|
|
+ form:{
|
|
|
|
+ position:[],
|
|
|
|
+ orderNo:0
|
|
|
|
+ },
|
|
positions:[], //位置列表
|
|
positions:[], //位置列表
|
|
rules:{
|
|
rules:{
|
|
isReason: [
|
|
isReason: [
|
|
@@ -79,18 +83,10 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- watch:{
|
|
|
|
- 'data.content':{ //content改变时传值
|
|
|
|
- handler(newVal,oldVal){
|
|
|
|
- this.emitVal();
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- created(){
|
|
|
|
|
|
+ mounted(){
|
|
//显示位置枚举列表
|
|
//显示位置枚举列表
|
|
const pos = localStorage.getItem("icssEnumsData");
|
|
const pos = localStorage.getItem("icssEnumsData");
|
|
this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
|
|
this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
|
|
- this.form = this.data;
|
|
|
|
},
|
|
},
|
|
methods:{
|
|
methods:{
|
|
addEmit(){
|
|
addEmit(){
|
|
@@ -99,13 +95,13 @@
|
|
delEmit(){
|
|
delEmit(){
|
|
this.$emit("del",this.index);
|
|
this.$emit("del",this.index);
|
|
},
|
|
},
|
|
- emitVal(){
|
|
|
|
- let data = Object.assign({},this.data);
|
|
|
|
- let pst=this.data.position;
|
|
|
|
|
|
+ /*emitVal(){
|
|
|
|
+ let data = this.form;
|
|
|
|
+ let pst=this.form.position;
|
|
pst = typeof pst=='string'?pst:pst.join(',');
|
|
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,text:''});
|
|
this.$emit("change",this.index,data);
|
|
this.$emit("change",this.index,data);
|
|
- }
|
|
|
|
|
|
+ }*/
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -114,5 +110,15 @@
|
|
.is-error .el-form-item__error{
|
|
.is-error .el-form-item__error{
|
|
top:auto;
|
|
top:auto;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ /**富文本编辑器样式修改***/
|
|
|
|
+ .ql-snow .ql-picker.ql-size .ql-picker-label::before,
|
|
|
|
+ .ql-snow .ql-picker.ql-size .ql-picker-item::before,
|
|
|
|
+ .ql-snow .ql-picker.ql-header .ql-picker-label::before,
|
|
|
|
+ .ql-snow .ql-picker.ql-header .ql-picker-item::before,
|
|
|
|
+ .ql-snow .ql-picker.ql-font .ql-picker-label::before,
|
|
|
|
+ .ql-snow .ql-picker.ql-font .ql-picker-item::before,
|
|
|
|
+ .ql-snow .ql-color-picker .ql-picker-label svg,
|
|
|
|
+ .ql-snow .ql-icon-picker .ql-picker-label svg{
|
|
|
|
+ vertical-align: top;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|