新格式富文本组件类型封装

src/business/gitopn/model/index.js

@@ -205,6 +205,7 @@ export default class Gitopn {
 					covgodsrv: '', // Object of Contract		.gidgrp.blk.covgodsrv
 					orcplc: '', // Original Contract Place		.gidgrp.blk.orcplc
 					addinf: '', // Additional Info		.gidgrp.blk.addinf
+					gidtxt: '', // Guarantee Text with Variables		.gidgrp.blk.gidtxt
 					gtxgidtxt: '', // Guarantee Text with Variables		.gidgrp.blk.gtxgidtxt
 					apprulc: '', // Applicable Rules		.gidgrp.blk.apprulc
 					feetxtc: '', // Additional Details to Code for Charges		.gidgrp.blk.feetxtc

src/business/gitopn/views/Gidtxtp.vue

@@ -9,21 +9,21 @@
               label="保函文本可变因素"
               prop="gidgrp.blk.gidtxt"
             >
-              <c-xml-format-editor 
-                :model="model.gidgrp.blk.gidtxt" 
+              <c-xml-format-editor-new
+                v-model="model.gidgrp.blk.gidtxt" 
                 :disabled="model.gitp.gidtxtmodflg == ''"
                 placeholder="请输入保函文本可变因素"
-              ></c-xml-format-editor>
+              ></c-xml-format-editor-new>
             </el-form-item>
             <el-form-item
               v-if="model.gitp.gidtxtmodflg == 'X'"
               label="保函文本可变因素"
               prop="gidgrp.blk.gtxgidtxt"
             >
-              <c-xml-format-editor 
-                :model="model.gidgrp.blk.gtxgidtxt"
+              <c-xml-format-editor-new 
+                v-model="model.gidgrp.blk.gtxgidtxt"
                 placeholder="请输入保函文本可变因素" 
-              ></c-xml-format-editor>
+              ></c-xml-format-editor-new>
             </el-form-item>
           </c-col>
         </c-col>
@@ -33,6 +33,7 @@
               v-model="model.gitp.gidtxtmodflg"
               style="margin: 0 0 0 10px"
               class="checkbox-left"
+              value="X"
               >修改保函文本</c-checkbox
             >
           </c-col>

src/components/XmlFormatEditorNew.vue

+<!-- 新格式的富文本组件 -->
+<template>
+  <c-rich-text-editor
+    v-model="model"
+    v-bind="$attrs"
+    @blur="blurEvent"
+  ></c-rich-text-editor>
+</template>
+
+<script>
+// 保函文本
+export default {
+  name: "XmlFormatEditorNew",
+  props: {
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    model: {
+      get () {
+        return this.value
+      }, 
+      set (newVal) {
+        this.$emit('input',newVal )
+      }
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    blurEvent () {
+      this.$emit('blur', this.model)
+    }
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file

src/components/index.js

@@ -58,6 +58,7 @@ import PagingTable from "./PagingTable.vue";
 import MulRowInput from "./MulRowInput.vue"
 import RichTextEditor from "./RichTextEditor.vue"
 import XmlFormatEditor from "./XmlFormatEditor.vue"
+import XmlFormatEditorNew from "./XmlFormatEditorNew.vue"
 
 export default {
     install(Vue) {
@@ -117,5 +118,6 @@ export default {
         Vue.component("c-mul-row-input", MulRowInput)
         Vue.component("c-rich-text-editor", RichTextEditor)
         Vue.component("c-xml-format-editor", XmlFormatEditor)
+        Vue.component("c-xml-format-editor-new", XmlFormatEditorNew)
     }
 }
\ No newline at end of file