update: 微信营销菜单调整

src/components/libs/imgTemp/index.vue

@@ -66,7 +66,6 @@ export default {
   },
   created() {
     this.loadImgList();
-    this.$store.commit('mutations_breadcrumb', [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '素材库', path: '' }, { name: '图文', path: '' }]);
   },
   data() {
     return {

src/components/libs/imgTextTemp/index.vue

 <template>
   <section :class="{ 'dm-wrap': auto }" v-loading="loading">
+    <div class="dm-imgtext__tip">
+      <p class="dm-imgtext__tip-item">此处是同步【微信公众平台-草稿箱】中的图文类型草稿，点击“检查同步”可获取最新的草稿和草稿状态；</p>
+      <p class="dm-imgtext__tip-item">若在微信公众后台对草稿有进行相关操作，请在此处“检查同步”以获取最新结果；</p>
+    </div>
     <div class="dm-imgtext_head" :class="pbSize">
       <div>
         图文消息(共{{ total }}条)
@@ -140,23 +144,6 @@ export default {
     }
   },
   mounted() {
-    if (!this.isPublish) {
-      this.$store.commit(
-        'mutations_layoutTips',
-        `<div class="layout--tips">
-            <i class="el-icon-info"></i>
-            <span style="display:inline-block;vertical-align: top">
-              此处是同步【微信公众平台-草稿箱】中的图文类型草稿，点击“检查同步”可获取最新的草稿和草稿状态。若在微信公众后台对草稿有进行相关操作，请在此处“检查同步”以获取最新结果。
-              <br>
-              在此处对草稿进行“修改”/“发布”/“删除”操作，结果都会同步至微信公众平台对应的草稿上
-            </span>
-        </div>`
-      );
-      this.$store.commit('mutations_breadcrumb', [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '素材库', path: '' }, { name: '图文发草稿箱', path: '' }]);
-    } else {
-      this.$store.commit('mutations_layoutTips', '');
-      this.$store.commit('mutations_breadcrumb', [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '素材库', path: '' }, { name: '图文发布列表', path: '' }]);
-    }
     this.loadImgTextList();
   },
   data() {
@@ -301,6 +288,28 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.dm-imgtext__tip {
+  margin-bottom: 20px;
+  padding: 10px 18px;
+  background: #f7f8fa;
+  border-radius: 2px;
+  .dm-imgtext__tip-item {
+    font-size: 12px;
+    font-weight: 400;
+    color: #303133;
+    line-height: 17px;
+    &::before {
+      content: '';
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: 6px;
+      width: 5px;
+      height: 5px;
+      border-radius: 5px;
+      background: #1890ff;
+    }
+  }
+}
 .tips-content {
   display: flex;
   justify-content: flex-start;

src/views/wechat/editor.vue

@@ -108,11 +108,11 @@
       <span slot="footer" class="dialog-footer"><el-button @click="close">取 消</el-button></span>
     </el-dialog>
     <preview :show.sync="previewShow" :imgTextList="imgTextList" :firstImgText="firstImgText"></preview>
-    <div class="btn-wrap_fixed" :class="{ on: asideShow }">
+    <dm-form-bottom>
       <el-button type="primary" v-if="$route.path.indexOf('check-imgtext') <= 0" @click="submit" :loading="subLoading">保 存</el-button>
       <el-button @click="previewShow = true">预 览</el-button>
       <el-button @click="$router.go(-1)">返 回</el-button>
-    </div>
+    </dm-form-bottom>
   </section>
 </template>
 
@@ -188,11 +188,6 @@ export default {
       imgReduce: false
     };
   },
-  computed: {
-    asideShow() {
-      return this.$store.state.marketing.asideShow;
-    }
-  },
   watch: {
     videoShow(val) {
       if (!val && this.$refs.videoiframe) {
@@ -223,20 +218,6 @@ export default {
   },
   created() {
     this.getMarketingUserInfo();
-    // editor
-    // editor:id
-    // check-imgtext:id
-    const bread = [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '素材库', path: '/wechat/temp' }];
-    if (this.$route.path == '/wechat/editor') {
-      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: '' });
-    }
-    this.$store.commit('mutations_breadcrumb', bread);
     //监听获取图片   封面图或者正文图片
     // eslint-disable-next-line
     $bus.$on('img-temp-choose', val => {

src/views/wechat/form.vue

 <template>
-  <div v-loading="loading" style="padding-bottom: 58px">
+  <div v-loading="loading">
     <section class="dm-form__wrap">
+      <div class="page-tip">微信群发接口限制：高级群发接口的每日调用限制为100次</div>
       <div class="mb20">
         <span class="dm-input_label mr8">
           数据对话
@@ -90,11 +91,11 @@
     <section class="dm-form__wrap">
       <tips />
     </section>
-    <div class="btn-wrap_fixed" :class="{ on: asideShow }">
+    <dm-form-bottom>
       <el-button plain type="primary" @click="submit(1)" v-if="!isInfo" :disabled="canSend">预 览</el-button>
       <el-button type="primary" @click="submit(2)" v-if="!isInfo" :disabled="canSend">提 交</el-button>
       <el-button @click="$router.go(-1)">返 回</el-button>
-    </div>
+    </dm-form-bottom>
   </div>
 </template>
 <script>
@@ -187,20 +188,7 @@ export default {
       effectiveStatus: 1 // 不传： 所有状态 1： 有效 0： 失效
     };
   },
-  mounted() {
-    this.$store.commit(
-      'mutations_layoutTips',
-      `<div class="layout--tips">
-          <i class="el-icon-info"></i>
-          微信群发接口限制：高级群发接口的每日调用限制为100次
-      </div>
-    `
-    );
-  },
   created() {
-    this.$nextTick(() => {
-      this.$store.commit('mutations_breadcrumb', [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '发送记录', path: '/wechat' }, { name: '微信群发', path: '' }]);
-    });
     if (this.imgTextFlag) {
       this.wechatImageTextEdit();
     }
@@ -211,9 +199,6 @@ export default {
       this.handleIsShowSelf();
     }
   },
-  beforeDestroy() {
-    this.$store.commit('mutations_layoutTips', '');
-  },
   methods: {
     handleIsShowSelf() {
       getIsShowSelf({ page: 'teletext' }).then(res => {

src/views/wechat/record.vue

 <template>
   <section class="dm-wrap" v-loading="loading">
+    <div class="page-tip">送达人数由微信实时返；阅读人数、分享人数、收藏人数微信侧次日返回，可以查看数据</div>
     <!-- <el-button type="danger" plain disabled>删除</el-button> -->
     <div class="pb22">
       <el-select class="vertical-middle w150" v-model="listParams.contentType" placeholder="选择群发类型" @change="search">
@@ -204,22 +205,10 @@ export default {
       dmDialogId: ''
     };
   },
-  mounted() {
-    this.$store.commit(
-      'mutations_layoutTips',
-      `<div class="layout--tips">
-          <i class="el-icon-info"></i>送达人数由微信实时返；阅读人数、分享人数、收藏人数微信侧次日返回，可以查看数据
-      </div>`
-    );
-  },
   created() {
-    this.$store.commit('mutations_breadcrumb', [{ name: '营销管理' }, { name: '微信营销', path: '' }, { name: '发送记录', path: '' }]);
     this.sendRecordList();
     this.handleIsShowSelf();
   },
-  beforeDestroy() {
-    this.$store.commit('mutations_layoutTips', '');
-  },
   methods: {
     formatDateTimeByType,
     formatterTitle(row) {

src/views/wechat/video/addEdit.vue

@@ -25,10 +25,10 @@
       <p class="gray text-center pb10 pt20">不得上传未经授权的他人作品，以及色情、反动等违法视频。</p>
       <p class="gray text-center"><el-checkbox v-model="checked" class="pr10"></el-checkbox>我已阅读并同意<a href="http://v.qq.com/help/help_agreement.html" target="_blank">《腾讯视频上传服务规则》</a></p>
     </el-form>
-    <div class="btn-wrap_fixed" :class="{ on: asideShow }">
+    <dm-form-bottom>
       <el-button type="primary" :disabled="!checked" @click="submit('form')">确 定</el-button>
       <el-button @click="$router.go(-1)">返 回</el-button>
-    </div>
+    </dm-form-bottom>
   </section>
 </template>
 <script>
@@ -59,11 +59,6 @@ export default {
       videoId: this.$route.params.id
     };
   },
-  computed: {
-    asideShow() {
-      return this.$store.state.marketing.asideShow;
-    }
-  },
   methods: {
     tips() {
       this.$tips({ type: 'warning', message: '请先填写标题和简介再进行上传' });