update: 调整

index.html

@@ -42,6 +42,6 @@
     <script src="//web-1251519181.file.myqcloud.com/components/card.2.0.20.js"></script><!-- 卡券弹窗 -->
     <script src="//web-1251519181.file.myqcloud.com/components/radio-transfer.1.0.13.js"></script><!-- 单选穿梭框 -->
     <script src="//web-1251519181.file.myqcloud.com/components/steps.1.0.1.js"></script>
-    <script src="//web-1251519181.file.myqcloud.com/components/material.1.0.3.js"></script>
+    <script src="//web-1251519181.file.myqcloud.com/components/material.1.0.4.js"></script>
   </body>
 </html>

src/views/ecm/marketing-event/components/lib-message.vue

@@ -24,7 +24,7 @@
       <el-table-column :show-overflow-tooltip="false" :width="200" :min-width="200" align="left" prop="title" label="模板名称"></el-table-column>
       <el-table-column :show-overflow-tooltip="false" :width="200" :min-width="200" align="left" prop="content" label="模板类型">
         <template slot-scope="scope">
-          <p class="gray">{{ scope.row.type === 0 ? '普通短信' : scope.row.type === 1 ? '营销短信' : '验证码' }}</p>
+          <div>{{ scope.row.type === 0 ? '普通短信' : scope.row.type === 1 ? '营销短信' : '验证码' }}</div>
         </template>
       </el-table-column>
       <el-table-column :show-overflow-tooltip="false" :min-width="200" align="left" prop="content" label="模板内容">

src/views/ecm/marketing-event/components/lib-qywx.vue

@@ -57,12 +57,12 @@
             勾选多个，则门店人员通过任一方式即可完成任务。
           </div>
           <div class="task-wrapper">
-            <el-checkbox style="margin-top:-5px" label="话务" v-model="form.telFlag" :true-label="1" :false-label="0" :disabled="readOnly"></el-checkbox>
+            <el-checkbox style="margin-top:-6px" label="话务" v-model="form.telFlag" :true-label="1" :false-label="0" :disabled="readOnly"></el-checkbox>
           </div>
           <div class="task-wrapper">
             <el-checkbox style="margin-bottom:0" label="会话" v-model="form.chatFlag" :true-label="1" :false-label="0" :disabled="readOnly"></el-checkbox>
             <span style="color: #909399;font-size:12px;line-height:17px;margin-left:15px">最多可添加 5 个</span>
-            <div style="margin-bottom:16px;display:flex;flex-wrap:wrap;margin-top:12px" :class="{ 'material-height': !isEdit }">
+            <div ref="materialContainer" style="margin-bottom:16px;display:flex;flex-wrap:wrap;margin-top:12px" :class="{ 'material-height': !isEdit }">
               <material-item class="card-item" v-for="item in materials" :key="item.relation_id" :item="item" @delete="onDeleteMaterial" :read-only="readOnly"></material-item>
               <div v-show="materials.length < 5 && !readOnly" class="chat-item card-item" @click="materialVisible = true">
                 <i class="el-icon-plus"></i>
@@ -334,6 +334,9 @@ export default {
         content: item.materialContent || item.link,
         img: item.imgUrl
       });
+      this.$nextTick(() => {
+        this.$refs.materialContainer.scrollTop = this.$refs.materialContainer.scrollHeight - this.$refs.materialContainer.clientHeight;
+      });
     }
   },
   watch: {
@@ -548,5 +551,6 @@ export default {
   max-height: 120px;
   overflow-x: hidden;
   overflow-y: auto;
+  scroll-behavior: smooth;
 }
 </style>

src/views/ecm/marketing-event/components/opt.vue

@@ -24,11 +24,11 @@ export default {
     },
     onHover(i, v) {
       if (v.disabled) return;
-      this.$refs[`img-${i}`][0].src = v.hoverImg;
+      this.$refs[`img-${i}`] && this.$refs[`img-${i}`][0] && (this.$refs[`img-${i}`][0].src = v.hoverImg);
     },
     onLeave(i, v) {
       if (v.disabled) return;
-      this.$refs[`img-${i}`][0].src = v.img;
+      this.$refs[`img-${i}`] && this.$refs[`img-${i}`][0] && (this.$refs[`img-${i}`][0].src = v.img);
     }
   }
 };

src/views/ecm/marketing-event/components/qywx-dialog.vue

@@ -70,7 +70,7 @@
         <el-table-column :show-overflow-tooltip="false" :width="150" :min-width="200" align="left" prop="title" label="模板名称"></el-table-column>
         <el-table-column :show-overflow-tooltip="false" :width="150" :min-width="200" align="left" prop="content" label="模板类型">
           <template slot-scope="scope">
-            <p class="gray">{{ scope.row.type === 0 ? '普通短信' : scope.row.type === 1 ? '营销短信' : '验证码' }}</p>
+            <div>{{ scope.row.type === 0 ? '普通短信' : scope.row.type === 1 ? '营销短信' : '验证码' }}</div>
           </template>
         </el-table-column>
         <el-table-column :show-overflow-tooltip="false" :min-width="200" align="left" prop="content" label="模板内容">