Default Changelist

src/views/campsiteManage/modal/oneCampsiteModal.vue

@@ -79,14 +79,15 @@
       <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
         <el-tab-pane label="营地详情" name="first">
           <!--<Editor  v-if="activeName2=='first'" @input="handelContentIncrease" :value="form.content" :myQuillEditor="'myQuillEditorContent'" :activeName2="activeName2"></Editor>-->
-          <div class="editor-container">
-            <UE :defaultMsg=defaultMsg :config=config ref="ue"></UE>
+          <div class="editor-container" v-if="activeName2=='first'">
+            <UE  :editorId="activeName2" :defaultMsg="form.content" :config=config ref="ue"  @ready="editorReadyEvent"></UE>
           </div>
-
-
         </el-tab-pane>
         <el-tab-pane label="配套&收费" name="second">
-          <Editor v-if="activeName2=='second'" @input="handelIntroduceIncrease" :value="form.configure" :myQuillEditor="'myQuillEditorIntroduce'" :activeName2="activeName2"></Editor>
+          <!--<Editor v-if="activeName2=='second'" @input="handelIntroduceIncrease" :value="form.configure" :myQuillEditor="'myQuillEditorIntroduce'" :activeName2="activeName2"></Editor>-->
+          <div class="editor-container" v-if="activeName2=='second'">
+            <UE :editorId="activeName2" :defaultMsg="form.configure" :config=config ref="ue"  @ready="editorReadyEvent"></UE>
+          </div>
         </el-tab-pane>
       </el-tabs>
       <el-form-item></el-form-item>
@@ -103,6 +104,9 @@
   </div>
 </template>
 <style>
+  textarea{
+    display: none;
+  }
   .info{
     border-radius: 10px;
     line-height: 20px;
@@ -157,8 +161,6 @@
           initialFrameWidth: null,
           initialFrameHeight: 350
         },
-
-
         isExist:false,//名称是否已存在
         campsiteObj: {},//营地地址
         departureList: [],//出发地列表
@@ -180,10 +182,10 @@
           address: undefined,//详细地址
           latitude: undefined,
           longitude: undefined,
-          content: undefined,//营地详情
+          content: '',//营地详情
           concat: "",//联系人
           logo:undefined,//封面图
-          configure: undefined,//配套&收费
+          configure: '',//配套&收费
           campsiteTagListVos: [],//营地类型
           carouse:[],//banner轮播
         },
@@ -312,9 +314,8 @@
           latitude: this.campsiteObj.latitude,
           longitude: this.campsiteObj.longitude,
         };
-        console.log(content)
         console.log(params);
-//        this.isExistCampsiteShop("create", params);
+        this.isExistCampsiteShop("create", params);
       },
       /**
        * 判断营地名称是否已存在
@@ -552,8 +553,15 @@
       /**
        * 富文本  营地详情
        * */
-      handelContentIncrease(step){
-        this.form.content = step;
+      editorReadyEvent(instance){
+        let t = this;
+        instance.addListener('contentChange', () => {
+          if(t.activeName2 == "first"){
+            t.form.content = instance.getContent();
+          } else if(t.activeName2 == "second"){
+            t.form.configure = instance.getContent();
+          }
+        });
       },
       /**
        * 删除banner
@@ -607,10 +615,10 @@
           address: undefined,//详细地址
           latitude: undefined,
           longitude: undefined,
-          content: undefined,//营地详情
+          content: '',//营地详情
           concat: "",//联系人
           logo:undefined,//封面图
-          configure: undefined,//配套&收费
+          configure: '',//配套&收费
           campsiteTagListVos: [],//营地类型
           carouse:[],//banner轮播
         };

src/views/modal/Ueditor.vue

 <template>
   <div>
-    <script id="editor" type="text/plain"></script>
+    <script :id="editorId" type="text/plain"></script>
   </div>
 </template>
 <script>
@@ -8,7 +8,7 @@
     name: 'UE',
     data () {
       return {
-        editor: null
+        editor: null,
       }
     },
     props: {
@@ -17,13 +17,15 @@
       },
       config: {
         type: Object
-      }
+      },
+      editorId:{}
     },
-    mounted() {
+    mounted() {debugger
       const _this = this;
-      this.editor = UE.getEditor('editor', this.config); // 初始化UE
-      this.editor.addListener("ready", function () {
+      this.editor = UE.getEditor(this.editorId, this.config); // 初始化UE
+      this.editor.addListener("ready", function () {debugger
         _this.editor.setContent(_this.defaultMsg); // 确保UE加载完成后，放入内容。
+        _this.$emit('ready', _this.editor);
       });
     },
     methods: {