页面修改

src/components/Share/shareFriend.vue

@@ -39,8 +39,9 @@
           </el-table-column>
           <el-table-column label="发圈文案" width="300">
             <template slot-scope="scope">
-              {{scope.row.MaterialInfo}}<img @click="getMaterInfo(scope.row)" style="margin-left:3px;"
-                src="../../assets/img/userman/edit1.png" alt="">
+                <span v-html="scope.row.MaterialInfo"></span>
+              <!-- <img @click="getMaterInfo(scope.row)" style="margin-left:3px;"
+                src="../../assets/img/userman/edit1.png" alt=""> -->
             </template>
           </el-table-column>
           <el-table-column prop="MaterialImg" label="图片视频" width="300">
@@ -144,7 +145,8 @@
               <el-button type="text" @click="isShowGoods=true">选择商品</el-button>
             </el-form-item>
             <el-form-item label="动态文案" prop="MaterialInfo">
-              <el-input type="textarea" :rows="6" v-model="addMsg.MaterialInfo"></el-input>
+              <UeEditor style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true"
+                ref="UeEditor1"></UeEditor>
             </el-form-item>
             <el-form-item>
               <label slot="label">动态图片
@@ -241,15 +243,25 @@
   import ChooseImg from "@/components/global/ChooseImg.vue";
   import choiceMaterial from "@/components/common/choiceMaterial.vue";
   import choiceGood from "@/components/common/choiceGood.vue";
+  import UeEditor from "@/components/global/UE.vue";
   export default {
     components: {
       ChooseImg,
       choiceMaterial,
-      choiceGood
+      choiceGood,
+      UeEditor
     },
     data() {
       return {
+        //UeEditor配置
+        defaultMsg: "",
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 350
+        },
+        //编辑行号
         sort_goods_id: 0,
+        //开始时间-结束时间
         dateStr: [],
         loading: false,
         //是否显示新增分类
@@ -329,6 +341,8 @@
       submitForm(formName) {
         this.$refs[formName].validate((valid) => {
           if (valid) {
+            let content = this.$refs.UeEditor1.getUEContent();
+            this.addMsg.MaterialInfo = content;
             this.apipost("/api/Share/SetShareFriend", this.addMsg,
               res => {
                 this.loading = false;
@@ -362,6 +376,9 @@
                 this.addMsg.GoodsId = tempObj.GoodsId;
                 this.addMsg.CoverImg = tempObj.CoverImg;
                 this.addMsg.GoodsName = tempObj.GoodsName;
+                if (tempObj.MaterialInfo) {
+                  this.defaultMsg = tempObj.MaterialInfo;
+                }
                 this.addMsg.MaterialInfo = tempObj.MaterialInfo;
                 if (tempObj.LinkUrl) {
                   this.addMsg.LinkUrl = tempObj.LinkUrl;
@@ -369,9 +386,9 @@
                 this.addMsg.IsTop = tempObj.IsTop;
                 this.addMsg.SortNum = tempObj.SortNum;
                 this.addMsg.ImgList = tempObj.ImgList;
-                this.addMsg.FirstLevelName=tempObj.FirstLevelName;
-                this.addMsg.SecondLevelName=tempObj.SecondLevelName;
-                this.addMsg.ThirdLevelName=tempObj.ThirdLevelName;
+                this.addMsg.FirstLevelName = tempObj.FirstLevelName;
+                this.addMsg.SecondLevelName = tempObj.SecondLevelName;
+                this.addMsg.ThirdLevelName = tempObj.ThirdLevelName;
               }
               this.IsShowCategory = false;
             } else {
@@ -405,13 +422,14 @@
         this.addMsg.CateId = 0;
         this.addMsg.GoodsId = 0;
         this.addMsg.CoverImg = "";
-        this.addMsg.FirstLevelName="";
-        this.addMsg.SecondLevelName="";
-        this.addMsg.ThirdLevelName="";
+        this.addMsg.FirstLevelName = "";
+        this.addMsg.SecondLevelName = "";
+        this.addMsg.ThirdLevelName = "";
         this.addMsg.MaterialInfo = "";
         this.addMsg.LinkUrl = "";
         this.addMsg.IsTop = 1;
         this.addMsg.SortNum = 1;
+        this.defaultMsg="";
       },
       //更新是否置顶
       updateIsTop(item) {