短信记录

src/pages/mediation-page/components/SidebarTool.vue

@@ -79,40 +79,24 @@
       <div v-if="rightActive === 3">
         <div class="tab-content-title f16 f-weight600 pb-8">短信记录</div>
         <el-scrollbar :style="'height:'+`${contentHeight}`+'px'">
-          <el-card shadow="never" class="mt-8">
+
+          <el-card v-for="(item,index) in smsRecord" :key="index" shadow="never" class="mt-8">
             <div class="flex-row align-items-center pb-6">
               <div class="mr-8"><svg-icon icon-class="dxjl-yx" className="dxjl-svg" /></div>
-              <div class="f-weight600">向被申请人发送通知短信</div>
+              <div class="f-weight600">发送{{item.templateId.desc}}短信</div>
             </div>
             <div class="flex-row align-items-center pb-6 f-weight600">
-              李四 134****9447
+              {{item.contact}} {{item.phone}}
-              <el-tag class="ml-8" size="small" effect="danger">失败</el-tag>
+              <el-tag class="ml-8" size="small" effect="danger">{{ item.status.desc }}</el-tag>
             </div>
-            <div class="pb-6 color-4E5969 f12">原因：描述描述描述描述描述描述描述描述描述描述描述</div>
+            <div class="pb-6 color-4E5969 f12">失败原因：{{item.failureReason}}</div>
-            <div class="pb-6 color-86909C f12">2024-11-29 21:15:05</div>
+            <div class="pb-6 color-86909C f12">{{ item.createAt | formaDate("yyyy-MM-dd hh:mm:ss") }}</div>
-            <div class="flex-row justify-content-between border-radius-2 f12 color-000 short-message-btn">
+            <div class="flex-row justify-content-between border-radius-2 f12 color-000 short-message-btn" v-if="item.status.code !== 4 && item.status.code !== 2">
-              <span class="cursor-pointer">修改手机号</span>
+              <span class="cursor-pointer" @click="handleRetry(item)">重发</span>
-              <span class="cursor-pointer">重发</span>
+              <span class="cursor-pointer" @click="handleCancel(item)">取消</span>
-              <span class="cursor-pointer">忽略</span>
-            </div>
-          </el-card>
-          <el-card shadow="never" class="mt-8">
-            <div class="flex-row align-items-center pb-6">
-              <div class="mr-8"><svg-icon icon-class="dxjl-yx" className="dxjl-svg" /></div>
-              <div class="f-weight600">向被申请人发送通知短信</div>
-            </div>
-            <div class="flex-row align-items-center pb-6 f-weight600">
-              李四 134****9447
-              <el-tag class="ml-8" size="small" effect="success">成功</el-tag>
-            </div>
-            <div class="pb-6 color-4E5969 f12">原因：描述描述描述描述描述描述描述描述描述描述描述</div>
-            <div class="pb-6 color-86909C f12">2024-11-29 21:15:05</div>
-            <div class="flex-row justify-content-between border-radius-2 f12 color-000 short-message-btn">
-              <span class="cursor-pointer">修改手机号</span>
-              <span class="cursor-pointer">重发</span>
-              <span class="cursor-pointer">忽略</span>
             </div>
           </el-card>
+
         </el-scrollbar>
       </div>
 
@@ -323,6 +307,7 @@
 </template>
 
 <script>
+import tracapi from "@/services/eventTracingApi";
 import api from "@/services/caseManagement";
 import contactPerson from "@/services/contactPerson";
 export default {
@@ -347,6 +332,7 @@ export default {
       markNum: 4,
       communicationRecord: [],
       communicationvideoRecord:[],
+      smsRecord:[],
     }
   },
   computed: {
@@ -367,6 +353,10 @@ export default {
       {
         this.getmediate_record()
       }
+      if(this.rightActive == 3)
+      {
+        this.getsmsList()
+      }
       if(this.rightActive == 4)
       {
         this.getvideomediate_record()
@@ -394,6 +384,40 @@ export default {
         }
       })
     },
+    // 短信列表数据
+    getsmsList() {
+      tracapi.posttrace_sms_detail({size:100,current:1,caseId:this.caseId}).then(res => {
+        if (!res.code) {
+          this.smsRecord = res.records;
+        }
+      })
+    },
+    handleRetry(row) {
+      this.$confirm("确定重试?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        api.smsRetry({id: row.id}).then(res => {
+          this.getsmsList(1);
+          this.$message.success("成功");
+        })
+      }).catch(() => {});
+    },
+    handleCancel(row) {
+      this.$confirm("确定取消?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        api.smsCancel({id: row.id}).then(res => {
+          this.getsmsList(1);
+          this.$message.success("成功");
+        })
+      }).catch(() => {});
+    },
 
   }
 }