update: 配置任务完成方式

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

@@ -48,9 +48,30 @@
       </div>
       <div class="task-wrapper">
         <el-checkbox label="会话" v-model="form.chatFlag" :true-label="1" :false-label="0"></el-checkbox>
+        <div style="margin-bottom:16px">
+          <div class="chat-item">
+            <i class="el-icon-plus"></i>
+            <span class="add-text">添加素材</span>
+          </div>
+        </div>
       </div>
       <div class="task-wrapper">
         <el-checkbox label="短信" v-model="form.smsFlag" :true-label="1" :false-label="0"></el-checkbox>
+        <el-row class="sms" type="flex">
+          <div class="sms-label">短信内容</div>
+          <div class="sms-template-wrapper">
+            <div class="sms-template-header">
+              <el-button type="text">选择模板</el-button>
+              <el-divider direction="vertical"></el-divider>
+              <el-button type="text">插入小程序链接</el-button>
+              <el-divider direction="vertical"></el-divider>
+              <el-button type="text">压缩网址</el-button>
+              <el-divider direction="vertical"></el-divider>
+              <el-button type="text">查看变量</el-button>
+            </div>
+            <el-input class="sms-template" v-model="form.smsContent" type="textarea" :rows="4" resize="none" show-word-limit :maxlength="450"></el-input>
+          </div>
+        </el-row>
       </div>
     </div>
     <template slot="footer" v-if="isEdit">
@@ -117,7 +138,8 @@ export default {
         { key: 3, value: '服务门店店长' }
       ],
       entepriseList: [],
-      isEdit: false
+      isEdit: false,
+      ecmMarketingTypeRelationId: ''
     };
   },
   created() {
@@ -144,7 +166,7 @@ export default {
     addItem() {
       let qywx = { ...this.form };
       delete qywx.title;
-      this.$emit('sendItem', { title: this.form.title, qywx, comName: 'qywx' });
+      this.$emit('sendItem', { title: this.form.title, qywx, comName: 'qywx', ecmMarketingTypeRelationId: this.ecmMarketingTypeRelationId });
       this.close();
     },
     async onNext() {
@@ -188,8 +210,10 @@ export default {
             }
           }
           this.form.title = this.item.title;
+          this.ecmMarketingTypeRelationId = this.item.ecmMarketingTypeRelationId;
         } else {
           this.isEdit = false;
+          this.ecmMarketingTypeRelationId = '';
         }
       },
       immediate: true,
@@ -254,4 +278,51 @@ export default {
     margin-right: 8px;
   }
 }
+.sms {
+  margin-bottom: 16px;
+  &-label {
+    margin-left: 23px;
+    margin-top: 8px;
+  }
+  &-template-wrapper {
+    margin-left: 12px;
+    border: 1px solid #dcdfe6;
+    flex: 1;
+    border-radius: 4px;
+  }
+  &-template-header {
+    padding: 10px 0;
+    margin: 0 10px;
+    border-bottom: 1px solid #dcdfe6;
+  }
+  &-template {
+    margin-top: 5px;
+    /deep/ .el-textarea__inner {
+      border: 0;
+    }
+  }
+}
+.chat-item {
+  width: 240px;
+  height: 100px;
+  border: 1px dotted #dcdfe6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  cursor: pointer;
+  .el-icon-plus {
+    color: #1890ff;
+    font-size: 24px;
+  }
+  .add-text {
+    margin-top: 12px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #303133;
+  }
+  &:hover {
+    border-color: #1890ff;
+  }
+}
 </style>