update: 选择素材

index.html

@@ -42,5 +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.1.js"></script>
   </body>
 </html>

src/components/linktools-fulls/index.vue

@@ -42,8 +42,7 @@ components: {linkId
     :close-on-click-modal="false"
     :visible.sync="mylinkToolsVisible"
     @close="changeVisible"
-    :modal-append-to-body="false"
-    :append-to-body="appendToBody">
+    :modal-append-to-body="false">
       <div v-loading="loading">
       <!-- 链接类型 -->
       <div class="links-types">
@@ -446,7 +445,7 @@ import { setTimeout } from 'timers';
 export default {
   name: 'links-tool',
 
-  props: ['linkVisible','showType','projectName', 'linkData', 'canSave', 'remove', 'appendToBody'],
+  props: ['linkVisible','showType','projectName', 'linkData', 'canSave', 'remove'],
 
   data () {
     return {

src/views/ecm/marketing-event/assets/img/file2.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1617868465882" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7312" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M146.432 5.12H614.4l307.2 305.664v668.672c0 24.064-19.456 43.52-44.032 43.52H146.432c-24.064 0-44.032-19.456-44.032-43.52V48.64C102.4 24.576 121.856 5.12 146.432 5.12z" fill="#3D6AE8" p-id="7313"></path><path d="M614.4 5.12l307.2 307.2h-239.104C645.12 312.32 614.4 281.6 614.4 244.224V5.12z" fill="#86ADF2" p-id="7314"></path><path d="M239.104 514.048h546.304v102.4H239.104zM239.104 718.848h546.304v102.4H239.104z" fill="#E1EDFF" p-id="7315"></path></svg>
\ No newline at end of file

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

@@ -3,7 +3,7 @@
     <div class="fz16">{{ qywx.qywxEnterpriseName }}</div>
     <div class="divider"></div>
     <div>{{ item.title }}</div>
-    <div style="margin-top:12px;color:#606266;white-space:pre">{{ qywx.remark }}</div>
+    <div style="margin-top:12px;color:#606266;white-space:pre-wrap;word-break:break-word">{{ qywx.remark }}</div>
     <p style="margin-top:12px">
       <span>任务完成方式</span>：
       <el-checkbox label="话务" :value="qywx.telFlag" :true-label="1" :false-label="0" disabled></el-checkbox>

src/views/ecm/marketing-event/components/material-item.vue

@@ -5,35 +5,41 @@
       <div class="text__title">{{ item.title }}</div>
       <div class="text__content">{{ item.content }}</div>
     </template>
-    <div class="webpage" v-if="type == 3">
-      <div style="flex:1;min-width:0">
+    <div class="webpage" v-else-if="item.type == 3">
+      <div style="flex:1;min-width:0;margin-right:10px">
         <div class="webpage__title">{{ item.title }}</div>
         <div class="webpage__content">{{ item.content }}</div>
       </div>
       <img :src="item.img" />
     </div>
-    <template v-if="[2, 4].includes(type)">
+    <template v-else-if="[2, 4].includes(item.type)">
       <div class="media__title">{{ item.title }}</div>
       <div class="media__content">
         <img :src="item.img" />
       </div>
     </template>
-    <div class="file" v-if="type == 5">
-      <img :src="item.img" />
-      <span class="file-title">{{ item.title }}</span>
+    <div class="file" v-else-if="item.type == 5">
+      <img style="width:36px;height:36px;margin-left:15px" :src="fileImg" />
+      <span class="file__title">{{ item.title }}</span>
     </div>
   </div>
 </template>
 
 <script>
+const fileImg = require('../assets/img/file2.svg'); //eslint-disable-line
 export default {
   name: 'material-item',
   props: {
     item: Object
   },
+  data() {
+    return {
+      fileImg
+    };
+  },
   methods: {
     onDelete() {
-      this.$emit('delete');
+      this.$emit('delete', this.item.relation_id);
     }
   }
 };
@@ -41,6 +47,7 @@ export default {
 
 <style lang="scss" scoped>
 .material-item {
+  box-sizing: border-box;
   font-size: 12px;
   font-weight: 400;
   color: #303133;
@@ -60,6 +67,12 @@ export default {
   }
 }
 .text {
+  &__title {
+    max-width: 180px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   &__content {
     margin-top: 4px;
     overflow: hidden;
@@ -70,11 +83,11 @@ export default {
   }
 }
 .webpage {
-  margin-top: 13px;
+  margin-top: 20px;
   display: flex;
   align-items: center;
   &__content {
-    margin-top: 10;
+    margin-top: 10px;
   }
   &__title,
   &__content {
@@ -88,17 +101,21 @@ export default {
   &__content,
   &__title {
     text-align: center;
+    max-width: 180px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   &__content {
     margin-top: 4px;
   }
 }
 .file {
-  margin-top: 13px;
+  margin-top: 30px;
   display: flex;
   align-items: center;
   &__title {
-    margin-left: 10px;
+    margin-left: 24px;
     flex: 1;
     min-width: 0;
     overflow: hidden;

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

 <template>
   <div>
     <!-- 压缩链接 -->
-    <el-dialog :visible.sync="reduceLink.show" title="压缩链接" width="798px" @closed="reduceLink.link = ''" append-to-body>
+    <el-dialog :visible.sync="reduceLink.show" title="压缩链接" width="798px" @closed="reduceLink.link = ''">
       <el-form label-width="100px">
         <el-form-item label="请输入网址：">
           <dm-input class="reduce-link-input" type="textarea" :rows="4" v-model="reduceLink.link"></dm-input>
@@ -14,7 +14,7 @@
       </template>
     </el-dialog>
     <!-- 插入小程序链接 -->
-    <el-dialog :visible.sync="transferLink.show" title="插入小程序链接" width="878px" @closed="onTransferLinkClose" append-to-body>
+    <el-dialog :visible.sync="transferLink.show" title="插入小程序链接" width="878px" @closed="onTransferLinkClose">
       <el-form label-width="110px">
         <el-form-item label="链接类型：">
           <el-button @click="selectLink.show = true">{{ selectLink.linkData.name || '设置小程序链接' }}</el-button>
@@ -39,7 +39,7 @@
         <el-button type="primary" @click="onTransferLink">生成链接</el-button>
       </template>
     </el-dialog>
-    <el-dialog :visible.sync="insertLink.show" title="链接生成" append-to-body>
+    <el-dialog :visible.sync="insertLink.show" title="链接生成">
       <div class="insert-link">
         <p class="link-text">{{ insertLink.link }}</p>
         <el-button type="text" v-clipboard:text="insertLink.link">复制</el-button>
@@ -49,8 +49,8 @@
         <el-button type="primary" @click="onInsert">插入链接</el-button>
       </template>
     </el-dialog>
-    <linktools :linkVisible.sync="selectLink.show" :linkData="selectLink.linkData" :remove="[5, 35]" :can-save="true" @linkSelect="onSaveLink" :appendToBody="true" /><!-- 链接小工具 - 转赠 -->
-    <el-dialog title="选择短信模板" :visible.sync="smsTemplate.show" width="800px" @close="selectedData = null" append-to-body>
+    <linktools :linkVisible.sync="selectLink.show" :linkData="selectLink.linkData" :remove="[5, 35]" :can-save="true" @linkSelect="onSaveLink" /><!-- 链接小工具 - 转赠 -->
+    <el-dialog title="选择短信模板" :visible.sync="smsTemplate.show" width="800px" @close="selectedData = null">
       <div class="pb22">
         <el-input clearable v-model="listParams.search" class="w200" placeholder="请输入短信名称" @change="refresh"><i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>
       </div>