update: 已失效素材

src/views/ecm/marketing-event/assets/img/invalid.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="1618907934833" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9879" width="40" height="40" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M415 934c205.2 1.2 391.9-120.1 476.2-309.5 82.3-189.1 45.1-409.7-94.4-560.6h37.4C1014 280.7 999 600.8 799.9 799.4 599.1 999.9 281.2 1014.7 63 833.8v-37.3C159.4 885 284.8 934 415 934z" p-id="9880" fill="#F5222D"></path><path d="M861.2 271.7l21-6c3.2 9.3 5.7 18.8 7.5 28.4l-21 6c-1.6-9.7-4.1-19.2-7.5-28.4z m13.5 55.3l21-4.5c1.5 10.5 3 19.4 4.5 30l-21 3c-1.5-10.5-3-19.5-4.5-28.5z m9 83.7c0.3-9.5-0.2-18.9-1.5-28.3l21-1.5c0 10.5 1.5 19.4 1.5 30l-21-0.2z m-43.4-191.4l19.5-9c4.6 8.7 8.6 17.7 12 26.9l-19.5 7.5c-4.6-7.4-7.6-16.3-12-25.4z m-58.4-94.2l16.5-13.5c6 7.5 12 15 18 23.9l-18 12c-5.1-7.8-10.6-15.3-16.5-22.4z m-212.7 755c-9 3-18 6-28.4 9l-6-20.9c9-3 18-4.5 26.9-7.5l7.5 19.4zM813.3 170l19.5-10.5c4.5 7.5 9 16.3 15 25.4l-19.5 10.5c-4.4-8.8-9.4-17.3-15-25.4zM73.4 733.8l12 12 7.5 9-15 15c-2.6-2.9-5.6-5.4-9-7.5l-6-6v-13.5l10.5-9z m672.5-649l-3-3 15-15 3 3 18 17.9-16.5 15c-5.1-6.3-10.6-12.3-16.5-17.9zM397 883.1V904c-10.5 0-19.5-1.5-30-1.5l1.5-20.9c9.6-0.2 19.1 0.3 28.5 1.5z m-56.9-6l-3 20.9c-10.1-1.3-20.1-3.3-30-6l6-20.9c8.8 2.8 17.9 4.8 27 6z m172.2 18c-10.5 1.5-19.5 3-30 4.5l-3-20.9c9-1.5 18-3 28.5-4.5l4.5 20.9z m-56.9 7.5c-9.9 1.2-19.9 1.7-30 1.5v-20.9c9.5 0.3 19-0.2 28.4-1.5l1.6 20.9z m-169.2-37.4l-6 20.9c-10.5-3-19.5-6-28.5-9l7.3-20.9 27.2 9z m-53.9-19.5l-9 19.4c-9-4.5-18-7.5-26.9-12l10.5-19.4c8.9 4.5 17.8 8.9 25.2 12h0.2zM135 790.4l-13.5 17.9-22.4-17.9 13.5-16.3c8 4.6 15.5 10.1 22.3 16.4l0.1-0.1z m47.9 30l-10.5 19.4c-9-4.5-16.5-10.5-25.5-15l12-17.9c7.4 4.4 14.9 8.9 23.8 13.4l0.2 0.1z m569-79.3l16.5 15-6 6-15 15-15-16.3c5.4-4.6 10.4-9.6 15-15l4.5-4.5v-0.2z m-28.4 53.8c-7.5 6-15 12-24 17.9l-12-17.9c7.5-6 15-10.5 22.4-16.3l13.6 16.3z m160.2-355.8l21 1.5c-0.3 10-1.2 20.1-3 30l-21-3c1.5-10.5 1.5-19.5 3-28.5z m-64.4 212.3l19.5 10.5c-4.5 9-10.5 16.3-15 25.4l-18-12c4.6-7.5 9-14.9 13.5-23.9z m-13.5 59.9l-18 22.4-16.5-13.5 18-22.4 16.5 13.5z m58.4-162.9l21 6c-3 10.5-6 19.4-9 28.4l-19.5-7.5c1.8-9.2 4.3-18.2 7.5-26.9z m-188.7 281c-8.2 5.5-16.7 10.5-25.5 15L639.5 825c7.5-4.5 16.5-10.5 24-15l12 19.4z m200.7-335l22.4 3c-1.3 10.1-3.3 20.1-6 30l-21-6 4.6-27z m-31.4 106.3l19.5 9c-4.5 9-7.5 17.9-12 26.9l-19.5-10.5c4.9-8 8.9-16.6 12-25.4zM624.6 857.8c-9 4.5-18 7.5-26.9 12l-7.5-19.4c8.9-3.1 17.4-7.1 25.5-12l8.9 19.4zM428.4 738.2h-10.6c-17.6 0-35.1-1.5-52.4-4.5l3-20.9c19.3 3 38.9 4.5 58.4 4.5 162.8-4.8 291.3-141.7 287.6-306.6-0.5-17.1-2.5-34.1-6-50.8l21-4.5c18.5 92.1-3.9 187.8-61.3 261.6-58.7 73.6-146.1 117.7-239.5 121.1l-0.2 0.1z m-5.9-617.5c-78.7-0.4-154.4 30.1-211.2 85.2-56.5 54.6-88.4 130.2-88.4 209.2-0.1 17 1.4 34.1 4.5 50.8l-21 3c-15.5-92.7 10.9-187.6 71.9-258.5 69.1-83 175.4-124.2 281.6-109.1l-3 22.4a248.3 248.3 0 0 0-34.4-3zM77.1 594.9l132.7-134.3 70.8 71.7L168 646.2l43.1 43.6c15.4 15.6 22.7 14.8 38.8-1.5l70.4-71.3c17.2-17.4 18.1-22.7 4.9-37.9l-22.1-24.2 18.1-11.7c6.5 7 17.4 19.4 23.3 26.6 19 22.2 17.6 33.5-5.8 57.2L259 707.6c-22.4 22.7-36.2 23.8-59 0.7l-84.9-85.9 14.7-14.8 24.4 24.7 98.3-99.5-43.1-43.6L91.1 609.1l-14-14.2zM390 561.8c24.4-58.4 27.3-101 11.2-131.9l-69.5 70.4-13.5-13.8 71.9-72.7c-0.4-0.4-0.5-0.9-0.9-1.3-3.1-3.5-16.5-17.4-31.1-32.7L317.4 421c4.9 13.6 8.9 27.5 12.1 41.6l-19.2 5.9a301.8 301.8 0 0 0-32.3-86.3l17-10.3c5.4 9.7 10.3 19.6 14.7 30l35.1-35.6-31-32.1 14.6-14.8s14.7 15.2 31 32.1l60.3-61 13.5 13.6-60.5 61.2c14.1 14.7 27.3 28 30.4 31.2 0.7 0.7 1.3 1.6 2 2.4l69.3-70.2 13.6 13.6-67.7 68.5c37.7 16.5 76.6 12.6 129.2-12.3l5.6 21.8c-39.8 21-86 25.8-129.2 13.2 11.6 44.6 6.6 92-13.9 133.2l-21.5-5-0.5 0.1z m171.7-344.9c-7.9-33.2-21.1-64.9-39.1-93.8l15.2-11.7c7.3 11.9 13.8 24.3 19.6 37l55.2-55.9 13.5 13.6-14.9 15c23.9 27.8 41 60.9 50.2 96.6 25.1 2.6 50.5 1.5 75.4-3.3l2.9 20.9c-24.7 4.5-50 5.4-75 2.9 1.9 26.1 0.4 52.4-4.7 78.1l-20.6-1.8c6.2-26 8.2-52.9 5.8-79.5-24.1-5.5-47-15.5-67.5-29.5l3.1 13.6-19.1-2.2zM524 306.8l1.4-17.9c12.5 0.2 27.2 0.4 42.5 0.9-3.9-13.2-9.1-26-15.6-38.1l16.5-7.9c7.7 14.8 13.7 30.5 17.9 46.7 18.1 0.7 35.7 2 48.7 3.1l-1.4 19.8-43.3-3.1c3.3 26.2 2.4 52.7-2.7 78.6l-19.4-2.4c5.9-25.3 7.1-51.4 3.4-77.1-17.2-1.1-34.4-2-48-2.6z m-72.6-105.7l8.1-17c11.4 3.1 25.5 7.5 36.8 11.5L489 211l39.3-39.8 13.6 13.8-82.8 83.7-13.6-13.6 41.7-42.1c-11.2-4-25-8.8-35.8-11.7v-0.2z m113.9-33.6l4.1 10.9c21.3 16.7 45.7 28.8 71.7 35.5-8.8-29.2-23.4-56.3-42.9-79.7l-32.9 33.3z m-63.6 151.6c-1.3-24.4-5.5-48.5-12.7-71.8l17.4-5.1c7 24.8 11.2 50.3 12.5 76l-17.2 0.9z m13.6-84.1l2.9-17.2c23.6 2.6 47.1 5.4 70.6 8.4l-2.7 18.3c-17.7-2.9-54.7-7.7-70.9-9.6h0.1z" p-id="9881" fill="#F5222D"></path></svg>
\ No newline at end of file

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

@@ -326,6 +326,7 @@ export default {
         } else {
           this.isEdit = false;
           this.ecmMarketingTypeRelationId = '';
+          this.materials = [];
         }
       },
       immediate: true,

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

 <template>
   <div class="material-item">
+    <img v-if="item.statusFlag === 0" class="invalid" src="../assets/img/invalid.svg" />
     <el-button class="material-item__delete" type="text" @click="onDelete">删除</el-button>
     <template v-if="item.type == 1">
       <div class="text__title">{{ item.title }}</div>
@@ -47,6 +48,7 @@ export default {
 
 <style lang="scss" scoped>
 .material-item {
+  position: relative;
   box-sizing: border-box;
   font-size: 12px;
   font-weight: 400;
@@ -65,6 +67,14 @@ export default {
   .text-center {
     text-align: center;
   }
+  .invalid {
+    height: 40px;
+    width: 40px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    opacity: 0.4;
+  }
 }
 .text {
   &__title {