发送短息新增自定义

src/components/byh/componments/LoanInfo.vue

@@ -112,10 +112,19 @@
                   <el-input v-model="MessageForm.complaintChannel" @input="handleInput" placeholder="请填写短信渠道" />
                 </el-form-item>
               </template>
+              <template v-if=" MessageForm.templateCode === 'CUSTOMIZE' ">
 
+                <el-form-item label="短信内容：" prop="context">
+                  <el-input type="textarea" v-model="MessageForm.context" placeholder="请输入发送的短信内容" :rows="4" />
+                </el-form-item>
+                <el-form-item label="发送号码：" prop="mobile">
+                  <el-input placeholder="请输入发送号码" v-model="MessageForm.mobile" disabled />
+                </el-form-item>
+
+              </template>
 
               <template
-                v-if="MessageForm.templateCode && MessageForm.templateCode !== 'COMPLAINT_RETURN_SMS' || MessageForm.templateCode && MessageForm.templateCode === 'COMPLAINT_RETURN_SMS' &&  MessageForm.complaintChannel">
+                v-if="MessageForm.templateCode && MessageForm.templateCode !== 'COMPLAINT_RETURN_SMS' && MessageForm.templateCode !== 'CUSTOMIZE' || MessageForm.templateCode && MessageForm.templateCode === 'COMPLAINT_RETURN_SMS' &&  MessageForm.complaintChannel  ">
 
                 <el-form-item label="短信内容：" prop="context">
                   <el-input type="textarea" v-model="MessageForm.context" placeholder="请输入发送号码" :rows="4" disabled />
@@ -126,6 +135,7 @@
 
               </template>
 
+              
               <el-form-item>
                 <el-button size="small" type="primary" @click="handleMessageSubmit">提 交</el-button>
               </el-form-item>
@@ -185,6 +195,7 @@ export default {
       MessageRules: {
         templateCode: [{ required: true, message: "请选择短信模板", trigger: 'change' }],
         complaintChannel: [{ required: true, message: "请输入短信渠道", trigger: 'blur' }],
+        context: [{ required: true, message: "请输入短信内容", trigger: 'blur' }],
       },
       MessageDialogVisible: false,
     }
@@ -259,6 +270,7 @@ export default {
     async initMsgContext() {
       try {
         const params = this.MessageForm
+        console.log(params,'params')
         const { data, status } = await this.$$post('/detail/getSmsTemplateContent', { ...params });
         if (status === 200 && data.success) {
           this.MessageForm.context = decodeURIComponent(data.result.smsContent);

src/views/custom/SignAgreement.vue

@@ -67,7 +67,8 @@
         </el-table-column>
         <el-table-column align="center" width="80" label="签署地址">
           <template slot-scope="scope">
-            <a target="_blank" :href="H5+'#/login?loanNo='+scope.row.tempId+'&id='+scope.row.id">点击预览</a>
+            <!-- <a target="_blank" :href="H5+'#/login?loanNo='+scope.row.tempId+'&id='+scope.row.id">点击预览</a> -->
+            <a target="_blank" :href="scope.row.clientSignUrl">点击预览</a>
           </template>
         </el-table-column>
         <el-table-column align="center" label="附件">
@@ -107,6 +108,7 @@
           <template v-if="scope.row.invalid==='true'" slot-scope="scope">
             <el-button type="text" size="small" @click="handleCancel(scope.row)">协议作废</el-button>
             <el-button type="text" size="small" @click="handleDelay(scope.row)">延时</el-button>
+            <el-button type="text" size="small" @click="handleSms(scope.row)">发送短信</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -162,7 +164,31 @@
           v-if="videourl"
       ></video>
     </el-dialog>
+    <!-- 短信发送 -->
+    <template v-if="MessageDialogVisible">
+      <BaseDialog width="45%" :onCancel="handleMsgCancel" :visible.sync="MessageDialogVisible" title="发短信">
+        <el-form size="small" :model="MessageForm" :rules="MessageRules" ref="MessageForm" label-width="120px">
+          <el-row>
+            <el-col :span="18">
+              <template>
+                <el-form-item label="短信内容：" prop="context">
+                  <el-input type="textarea" v-model="MessageForm.context" placeholder="请输入发送号码" :rows="4" disabled />
+                </el-form-item>
+                <el-form-item label="发送号码：" prop="mobile">
+                  <el-input placeholder="请输入发送号码" v-model="MessageForm.mobile" disabled />
+                </el-form-item>
 
+              </template>
+
+              <el-form-item>
+                <el-button size="small" type="primary" @click="handleMessageSubmit">提 交</el-button>
+              </el-form-item>
+
+            </el-col>
+          </el-row>
+        </el-form>
+      </BaseDialog>
+    </template>
   </div>
 </template>
 
@@ -211,7 +237,23 @@ export default {
           return time.getTime() < Date.now();
         },
         selectableRange: "00:00:00 - 23:59:59",
-      }
+      },
+      // 短信模板
+      msgTemplateEnmu: [],
+      // 短信发送
+      MessageForm: {
+        templateCode: '',
+        complaintChannel: '',
+        loanNo: '',
+        operator: '',
+        context: '',
+        mobile: ''
+      },
+      MessageRules: {
+        templateCode: [{ required: true, message: "请选择短信模板", trigger: 'change' }],
+        complaintChannel: [{ required: true, message: "请输入短信渠道", trigger: 'blur' }],
+      },
+      MessageDialogVisible: false
     }
   },
   created() {
@@ -336,7 +378,63 @@ export default {
     onSubmit() {
       this.init()
     },
+    handleSms(row){
+        const { loanNo, clientCell } = row;
+        console.log(row,'row11')
+        this.MessageDialogVisible = true;
+        this.MessageForm.loanNo = loanNo
+        this.MessageForm.mobile = clientCell
+        this.initMsgContext();
+    },
+     // 根据短信模板获取短信内容
+    async initMsgContext() {
+      try {
+        const params = this.MessageForm
+        console.log(params,'params')
+        const { data, status } = await this.$$post('/detail/getSmsTemplateContent', { ...params });
+        if (status === 200 && data.success) {
+          this.MessageForm.context = decodeURIComponent(data.result.smsContent);
+          this.MessageForm.mobile = data.result.sendPhone;
+        } else {
+          this.MessageForm.context = '';
+          this.MessageForm.mobile = '';
+        }
+      } catch (err) {
+        console.log(err, '初始化短信模板异常')
+      }
+    },
+     // 重置
+    handleMsgCancel() {
+      console.log('xx')
+      this.$refs['MessageForm'].resetFields();
+    },
+
+     // 发送短信提交
+    handleMessageSubmit() {
+      this.$refs['MessageForm'].validate(async (valid) => {
+        if (!valid) {
+          return false
+        }
+        
+        try {
+          const params = this.MessageForm
+          const { data, status } = await this.$$post('/detail/sendSms', { ...params });
+          if (status === 200 && data.success) {
+
+            this.$message({
+              message: '短信发送，操作成功',
+              type: 'success'
+            });
 
+            this.MessageDialogVisible = false;
+            this.handleMsgCancel();
+
+          }
+        } catch (err) {
+          console.log(err, '短信发送失败')
+        }
+      })
+    },
     handleCurrentChange(e) {
       this.form.current = e;
       this.init();