update: 微信图文升级

src/components/upload/img.vue

@@ -72,6 +72,7 @@ export default {
         this.$emit('backImg', this.model);
         this.copyDisabled = this.disabled;
       },
+      immediate: true,
       deep: true
     }
   },

src/views/wechat/editor.vue

@@ -35,12 +35,13 @@
           <div class="editor_triangle"></div>
           <div class="editor-inner">
             <p class="line-height2"><span class="danger-color">*</span> 标题</p>
-            <dm-input size="medium" v-model="activeImgText.titleName" :maxlength="64"></dm-input>
+            <dm-input size="medium" v-model="activeImgText.titleName" :disabled="isCheckImg" :maxlength="64"></dm-input>
             <p class="line-height2 pt10">作者</p>
-            <dm-input size="medium" v-model="activeImgText.authorName" :byteType="1" :maxlength="8"></dm-input>
+            <dm-input size="medium" v-model="activeImgText.authorName" :disabled="isCheckImg" :byteType="1" :maxlength="8"></dm-input>
             <p class="line-height2 pt10">封面 <span class="gray fz12">(大图片建议尺寸：900像素 * 500像素)</span></p>
-            <upload-img url="/api-marketing/marketing-wechat-image-save" class="inline-block" :model.sync="postImg" :showImg="false" width="auto" label="本地上传" tips="" :labelStyle="{ padding: '8px 15px', fontSize: '14px', borderRadius: '4px' }"></upload-img>
+            <upload-img url="/api-marketing/marketing-wechat-image-save" class="inline-block" :disabled="isCheckImg" :model.sync="postImg" :showImg="false" width="auto" label="本地上传" tips="" :labelStyle="{ padding: '8px 15px', fontSize: '14px', borderRadius: '4px' }"></upload-img>
             <el-button
+              :disabled="isCheckImg"
               class="ml5"
               @click="
                 postFlag = true;
@@ -49,12 +50,12 @@
               >从素材中选择</el-button
             >
             <div class="cover_preview" v-show="activeImgText.qcloudImageUrl" :style="'background-image: url(' + activeImgText.qcloudImageUrl + ')'"></div>
-            <el-checkbox class="pt10" v-show="activeImgText.qcloudImageUrl" v-model="activeImgText.imageType" :true-label="1" :false-label="0">封面图片显示在正文中</el-checkbox>
+            <el-checkbox class="pt10" v-show="activeImgText.qcloudImageUrl" v-model="activeImgText.imageType" :disabled="isCheckImg" :true-label="1" :false-label="0">封面图片显示在正文中</el-checkbox>
 
             <p class="line-height2 pt10">摘要 <span class="gray fz12">(选填，如果不填写会默认抓取正文前54个字)</span></p>
-            <dm-input size="medium" v-model="activeImgText.remark" type="textarea" :rows="4" :maxlength="120"></dm-input>
+            <dm-input size="medium" v-model="activeImgText.remark" :disabled="isCheckImg" type="textarea" :rows="4" :maxlength="120"></dm-input>
             <p class="line-height2 mt10"><span class="danger-color">*</span> 正文</p>
-            <div class="toolbar">
+            <div class="toolbar" v-if="!isCheckImg">
               <span
                 @click="
                   postFlag = false;
@@ -66,7 +67,7 @@
               <!-- <span @click="cardShow = true"><i class="iconfont icon-qiaquan"></i><span> 卡券</span></span> -->
             </div>
             <vue-ueditor-wrap ref="ueditor" v-model="activeImgText.content" :destroy="false" :config="config" @ready="ready" :myInit="myInit"></vue-ueditor-wrap>
-            <el-checkbox class="pt10" v-model="activeImgText.originalStatus" :true-label="1" :false-label="0">原文链接</el-checkbox>
+            <el-checkbox class="pt10" v-model="activeImgText.originalStatus" :disabled="isCheckImg" :true-label="1" :false-label="0">原文链接</el-checkbox>
             <el-input size="medium" v-if="activeImgText.originalStatus" v-model="activeImgText.originalUrl"></el-input>
           </div>
         </div>
@@ -131,6 +132,7 @@ import { upRecord, downRecord, voidStr } from '@/utils/index.js';
 export default {
   data() {
     return {
+      isCheckImg: false,
       loading: false,
       subLoading: false,
       activeClass: 'first',
@@ -229,6 +231,8 @@ export default {
       bread.push({ name: '新建图文', path: '' });
     } else if (this.$route.path.indexOf('check-imgtext') >= 0) {
       bread.push({ name: '查看图文', path: '' });
+      this.isCheckImg = true;
+      this.config.readonly = true;
     } else {
       bread.push({ name: '编辑图文', path: '' });
     }

src/views/wechat/form.vue

@@ -505,7 +505,7 @@ export default {
             .then(res => {
               this.loading = false;
               if (res.errorCode === 0) {
-                this.$tips({ type: 'success', message: res.message || '操作成功' });
+                this.$tips({ type: 'success', message: this.$route.meta.type == 'edit' ? '编辑群发成功' : '新建群发成功' });
                 setTimeout(_ => {
                   if (this.imgTextFlag) {
                     // 图片使用时跳转到图片列表