|
@@ -3,13 +3,13 @@
|
|
|
<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-select v-model="data.isReason" placeholder="请选择" :disabled="isEdit">
|
|
|
+ <el-select v-model="data.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">
|
|
|
+ <el-checkbox-group v-model="data.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>
|
|
@@ -17,37 +17,49 @@
|
|
|
<el-input v-model="data.title" @change="emitVal"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="内容" prop="content" label-width="130px">
|
|
|
- <InfoUeditor v-model="data.content" :config="config"></InfoUeditor>
|
|
|
+ <quillEditor v-model="data.content" :options="editorOption"></quillEditor>
|
|
|
</el-form-item>
|
|
|
<el-form-item label-width="130px">
|
|
|
- <el-button @click="addEmit">添加段落</el-button >
|
|
|
+ <el-button @click="addEmit">添加段落</el-button>
|
|
|
<el-button @click="delEmit" type="info">删除本段落</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import InfoUeditor from 'vue-ueditor-wrap';
|
|
|
+ import 'quill/dist/quill.core.css'
|
|
|
+ import 'quill/dist/quill.snow.css'
|
|
|
+ import 'quill/dist/quill.bubble.css'
|
|
|
+ import {quillEditor, Quill} from 'vue-quill-editor'
|
|
|
+ import {container, ImageExtend, QuillWatch} from 'quill-image-extend-module';
|
|
|
+ Quill.register('modules/ImageExtend', ImageExtend);
|
|
|
export default{
|
|
|
- props:['data','index','isEdit'],
|
|
|
+ props:['data','index','isEdit','len'],
|
|
|
name:'InfoParagraph',
|
|
|
components:{
|
|
|
- InfoUeditor
|
|
|
+ quillEditor
|
|
|
},
|
|
|
data(){
|
|
|
return {
|
|
|
- config:{
|
|
|
- initialFrameWidth: null,
|
|
|
- initialFrameHeight: 350,
|
|
|
- imageUrlPrefix:"http://192.168.2.236:82",
|
|
|
- serverUrl: '/api/icssman/file/uploadImage',
|
|
|
- UEDITOR_HOME_URL: '/UEditor/', //静态文件路径
|
|
|
- toolbars:[['source','undo','redo','bold','italic','underline','fontborder','strikethrough','superscript','subscript','removeformat','formatmatch','autotypeset','blockquote',
|
|
|
- 'pasteplain','forecolor','backcolor','insertorderedlist','insertunorderedlist','selectall',
|
|
|
- 'cleardoc','rowspacingtop','rowspacingbottom','lineheight','customstyle','paragraph',
|
|
|
- 'fontfamily','fontsize','directionalityltr','directionalityrtl','indent','justifyleft',
|
|
|
- 'justifycenter','justifyright','justifyjustify','touppercase','tolowercase','link','simpleupload','insertimage','horizontal',
|
|
|
- 'date','time','spechars','fullscreen']] //自定义工具
|
|
|
+ editorOption: {
|
|
|
+ modules: {
|
|
|
+ ImageExtend: {
|
|
|
+ loading: true,
|
|
|
+ name: 'upfile',
|
|
|
+ action: 'http://192.168.2.236/api/icssman/file/uploadImage',
|
|
|
+ response: (res) => {
|
|
|
+ return 'http://192.168.2.236:82'+res.url;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toolbar: {
|
|
|
+ container: container,
|
|
|
+ handlers: {
|
|
|
+ 'image': function () {
|
|
|
+ QuillWatch.emit(this.quill.id)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
form:{},
|
|
|
positions:[], //位置列表
|
|
@@ -78,7 +90,7 @@
|
|
|
//显示位置枚举列表
|
|
|
const pos = localStorage.getItem("icssEnumsData");
|
|
|
this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
|
|
|
- this.form = this.data;console.log(this.isEdit)
|
|
|
+ this.form = this.data;
|
|
|
},
|
|
|
methods:{
|
|
|
addEmit(){
|
|
@@ -89,7 +101,9 @@
|
|
|
},
|
|
|
emitVal(){
|
|
|
let data = Object.assign({},this.data);
|
|
|
- data = Object.assign({},data,{position:this.data.position?this.data.position.join(","):''});
|
|
|
+ let pst=this.data.position;
|
|
|
+ pst = typeof pst=='string'?pst:pst.join(',');
|
|
|
+ data = Object.assign({},data,{position:this.data.position?pst:''});
|
|
|
this.$emit("change",this.index,data);
|
|
|
}
|
|
|
}
|