From 327b218be9d7e23cc936c0fdbcf47ec9d9c4e6d0 Mon Sep 17 00:00:00 2001
From: tdg930622 <51816549+tdg930622@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:12:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E9=80=81=E7=9F=AD=E4=BF=A1=E3=80=81?=
 =?UTF-8?q?=E6=96=87=E4=B9=A6=E9=80=81=E8=BE=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CaseTraceDialog.vue            |   2 +-
 .../dtraceDetail/smsDialogDetail.vue          | 392 ++++++++++--------
 .../components/batchSMSDialog.vue             | 244 ++++++-----
 .../components/batchofficeDeliveryDialog.vue  | 206 +++++----
 src/services/caseManagement.js                |  39 +-
 5 files changed, 512 insertions(+), 371 deletions(-)

diff --git a/src/pages/case-management/components/CaseTraceDialog.vue b/src/pages/case-management/components/CaseTraceDialog.vue
index 14ac9f0..3da7b51 100644
--- a/src/pages/case-management/components/CaseTraceDialog.vue
+++ b/src/pages/case-management/components/CaseTraceDialog.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-dialog :visible="true" width="1300px" class="dialog-case-record" append-to-body :close-on-click-modal="false" 
+        <el-dialog :visible="true" width="1300px" class="dialog-case-record" :close-on-click-modal="false"
             @close="handleClose()">
             
             <div class="dialog-content dialog-case-trace">
diff --git a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
index 4da619e..da88f55 100644
--- a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
@@ -1,191 +1,231 @@
 <template>
-    <div>
-        <div class="pt-8 border-b-solid-lighter-1">
-            <div class="height-30 flex-row align-items-center justify-content-between mb-24">
-                <div class="f18 color-text-primary">筛选</div>
+  <div>
+    <div class="pt-8 border-b-solid-lighter-1">
+      <div class="height-30 flex-row align-items-center justify-content-between mb-24">
+        <div class="f18 color-text-primary">筛选</div>
+      </div>
+      <el-collapse-transition>
+        <el-row :gutter="56">
+          <el-col :span="6">
+            <div class="flex-row-center align-items-center height-40 mb-24">
+              <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
+              <el-input v-model.trim="queryParam.pkgName"
+                        clearable placeholder="请输入短信接收人"
+                        @keydown.enter.native="handleSearch">
+              </el-input>
             </div>
-            <el-collapse-transition>
-                <el-row :gutter="56">
-                    <el-col :span="6">
-                        <div class="flex-row-center align-items-center height-40 mb-24">
-                            <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
-                            <el-input v-model.trim="queryParam.pkgName"
-                                        clearable placeholder="请输入短信接收人"
-                                        @keydown.enter.native="handleSearch">
-                            </el-input>
-                        </div>
-                    </el-col>
-                    <el-col :span="5">
-                        <div class="flex-row-center align-items-center height-40 mb-24">
-                            <span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
-                            <el-input v-model.trim="queryParam.phone"
-                                        clearable placeholder="请输入电话号码"
-                                        @keydown.enter.native="handleSearch">
-                            </el-input>
-                        </div>
-                    </el-col>
-                    <el-col :span="9">
-                        <div class="justify-content-start  align-items-center height-40 mb-24">
-                            <span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
-                            <el-date-picker
-                                    v-model="queryDate"
-                                    type="daterange"
-                                    clearable
-                                    range-separator="至"
-                                    start-placeholder="开始日期"
-                                    end-placeholder="结束日期"
-                                    @change="handleChangeDate">
-                            </el-date-picker>
-                        </div>
-                    </el-col>
-                    <el-col :span="4">
-                        <div class="flex-row align-items-center justify-content-end">
-                            <el-button @click="hanldeReset">重置</el-button>
-                            <el-button type="primary" @click="handleSearch">搜索</el-button>
-                        </div>
-                    </el-col>
-                </el-row>
-            </el-collapse-transition>
-        </div>
-        <!-- table -->
-        <div class="pt-8">
-            <div class="height-56 flex-row align-items-center justify-content-between">
-                <div class="f18 color-text-primary">明细列表</div>
-                <div class="flex-row">
-                    
-                </div>
+          </el-col>
+          <el-col :span="5">
+            <div class="flex-row-center align-items-center height-40 mb-24">
+              <span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
+              <el-input v-model.trim="queryParam.phone"
+                        clearable placeholder="请输入电话号码"
+                        @keydown.enter.native="handleSearch">
+              </el-input>
             </div>
-            
-            <div class="case-table">
-                <el-table :data="tableData" height="340" >
-                    <el-table-column type="index" label="序号" width="55"></el-table-column>
-                    <!-- <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column> -->
-                    <el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="channel" label="短信模板" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="receiver" label="短信接收人" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="phone" label="电话号码" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="status" label="发送状态" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="failureReason" label="失败原因" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
-                    <el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip >
-                        <template slot-scope="scope">
-                            <span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
-                        </template>
-                    </el-table-column>
-                    
-                    <el-table-column  label="操作" width="150">
-                        <template slot-scope="scope">
-                            <div class="flex-row align-items-center">
-                                <el-button size="mini" @click="handleDelete(scope)">重试</el-button>
-                                <el-button size="mini" @click="handleBackCase(scope)">取消</el-button>
-                            </div>
-                        </template>
-                    </el-table-column>
-                </el-table>
+          </el-col>
+          <el-col :span="9">
+            <div class="justify-content-start  align-items-center height-40 mb-24">
+              <span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
+              <el-date-picker
+                  v-model="queryDate"
+                  type="daterange"
+                  clearable
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  @change="handleChangeDate">
+              </el-date-picker>
             </div>
-            
-            <div class="text-center pt-16">
-                <el-pagination
-                    @size-change="getList"
-                    @current-change="getList"
-                    :current-page="queryParam.current"
-                    :page-size="queryParam.size"
-                    layout="total, prev, pager, next, jumper"
-                    :total="total">
-                </el-pagination>
+          </el-col>
+          <el-col :span="4">
+            <div class="flex-row align-items-center justify-content-end">
+              <el-button @click="hanldeReset">重置</el-button>
+              <el-button type="primary" @click="handleSearch">搜索</el-button>
             </div>
-        </div>
+          </el-col>
+        </el-row>
+      </el-collapse-transition>
     </div>
+    <!-- table -->
+    <div class="pt-8">
+      <div class="height-56 flex-row align-items-center justify-content-between">
+        <div class="f18 color-text-primary">明细列表</div>
+        <div class="flex-row">
+
+        </div>
+      </div>
+
+      <div class="case-table">
+        <el-table :data="tableData" height="340">
+          <el-table-column type="index" label="序号" width="55"></el-table-column>
+          <!-- <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column> -->
+          <el-table-column prop="caseNo" label="案件编号" width="200" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="channel" label="短信模板" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="receiver" label="短信接收人" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="phone" label="电话号码" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="channel" label="短信接收对象" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="status" label="发送状态" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span>{{ scope.row.status.desc }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="failureReason" label="失败原因" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="channel" label="操作人" show-overflow-tooltip></el-table-column>
+          <el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span>{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" width="150">
+            <template slot-scope="scope">
+              <div class="flex-row align-items-center">
+                <el-button size="mini" @click="handleRetry(scope.row)" v-if="scope.row.status.code !== 4">重试</el-button>
+                <el-button size="mini" @click="handleCancel(scope.row)" v-if="scope.row.status.code !== 4">取消</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="text-center pt-16">
+        <el-pagination
+            @size-change="getList"
+            @current-change="getList"
+            :current-page="queryParam.current"
+            :page-size="queryParam.size"
+            layout="total, prev, pager, next, jumper"
+            :total="total">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import api from "@/services/eventTracingApi";
-    export default {
-        components: {
-            
-        },
-        props: {
-            DialogDetail: {
-                type: Object,
-                default: () => {
-                    return {}
-                },
-            },
-        },
-        data() {
-            return {
-                queryDate: '',
-                queryParam:{
-                    traceId:'',
-                    phone:'',
-                    beginTime:'',
-                    endTime:'',
-                    current:1,
-                    size:10
-                },
-                tableData:[],
-                total:0,
-            };
-        },
-        mounted () {
-            console.log(this.DialogDetail,'this.DialogDetail.caseNo')
-            if(this.DialogDetail.caseNo !=undefined && this.DialogDetail.caseNo !=''){this.queryParam.caseNo = this.DialogDetail.caseNo}
-            this.queryParam.traceId = this.DialogDetail.id
-            this.getList(1)
-        },
-        methods: {
-            handleChangeDate() {
-                this.activeUsage = ''
-                if(this.queryDate === null) {
-                    this.setDateFast()
-                }else {
-                    this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
-                    this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
-                }
-            },
-            // 重置
-            hanldeReset() {
-                for (let key in this.queryParam) {
-                this.queryParam[key] = ''
-                }
-                this.queryParam.current = 1
-                this.queryParam.size = 10
-            },
-            handleSearch() {
-                this.queryParam.size = 10;
-                this.queryParam.current = 1;
-                this.getList(1)
-            },
-            // 列表数据
-            getList(val){
-                this.queryParam.planBegin = this.queryParam.beginTime
-                this.queryParam.planEnd = this.queryParam.endTime
-                this.queryParam.current = val
-                api.posttrace_sms_detail(this.queryParam).then(res => {
-                    if (!res.code) {
-                        this.tableData = res.records;
-                        this.total = res.total;
-                    }
-                })
-            },
-        }
+import caseManagement from "@/services/caseManagement";
+export default {
+  components: {},
+  props: {
+    DialogDetail: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      queryDate: '',
+      queryParam: {
+        traceId: '',
+        phone: '',
+        beginTime: '',
+        endTime: '',
+        current: 1,
+        size: 10
+      },
+      tableData: [],
+      total: 0,
     };
+  },
+  mounted() {
+    console.log(this.DialogDetail, 'this.DialogDetail.caseNo')
+    if (this.DialogDetail.caseNo != undefined && this.DialogDetail.caseNo != '') {
+      this.queryParam.caseNo = this.DialogDetail.caseNo
+    }
+    this.queryParam.traceId = this.DialogDetail.id
+    this.getList(1)
+  },
+  methods: {
+    handleChangeDate() {
+      this.activeUsage = ''
+      if (this.queryDate === null) {
+        this.setDateFast()
+      } else {
+        this.queryParam.beginTime = this.$util.getDayStart(this.queryDate[0])
+        this.queryParam.endTime = this.$util.getDayEnd(this.queryDate[1])
+      }
+    },
+    // 重置
+    hanldeReset() {
+      for (let key in this.queryParam) {
+        this.queryParam[key] = ''
+      }
+      this.queryParam.current = 1
+      this.queryParam.size = 10
+    },
+    handleSearch() {
+      this.queryParam.size = 10;
+      this.queryParam.current = 1;
+      this.getList(1)
+    },
+    // 列表数据
+    getList(val) {
+      this.queryParam.planBegin = this.queryParam.beginTime
+      this.queryParam.planEnd = this.queryParam.endTime
+      this.queryParam.current = val
+      api.posttrace_sms_detail(this.queryParam).then(res => {
+        if (!res.code) {
+          this.tableData = res.records;
+          this.total = res.total;
+        }
+      })
+    },
+    handleRetry(row) {
+      this.$confirm("确定重试?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        caseManagement.smsRetry({id: row.id}).then(res => {
+          this.getList(1);
+          this.$message.success("成功");
+        })
+      }).catch(() => {});
+    },
+    handleCancel(row) {
+      this.$confirm("确定取消?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        if(!this.$clickThrottle()) { return }//防止重复点击
+        caseManagement.smsCancel({id: row.id}).then(res => {
+          this.getList(1);
+          this.$message.success("成功");
+        })
+      }).catch(() => {});
+    },
+  }
+};
 </script>
 <style scoped lang="scss">
-.dialog-content{
-    padding: 16px 24px;
-    max-height:500px
+.dialog-content {
+  padding: 16px 24px;
+  max-height: 500px
 }
-.department-wrap{
-    padding: 16px 24px;
-    max-height: 250px;
-    .department-wrap-list{
-        margin-bottom:32px;
-    }
-    .department-wrap-list:last-child{
-        margin-bottom:0;
-    }
+
+.department-wrap {
+  padding: 16px 24px;
+  max-height: 250px;
+
+  .department-wrap-list {
+    margin-bottom: 32px;
+  }
+
+  .department-wrap-list:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.min-height350 {
+  min-height: 350px;
+}
+
+.department-dept ::v-deep .el-checkbox__label {
+  color: $color-000000
 }
-.min-height350{min-height: 350px;}
-.department-dept ::v-deep .el-checkbox__label {color: $color-000000}
 </style>
\ No newline at end of file
diff --git a/src/pages/mediation-management/components/batchSMSDialog.vue b/src/pages/mediation-management/components/batchSMSDialog.vue
index 6dfed7c..0157067 100644
--- a/src/pages/mediation-management/components/batchSMSDialog.vue
+++ b/src/pages/mediation-management/components/batchSMSDialog.vue
@@ -1,117 +1,159 @@
 <template>
-    <div>
-        <el-dialog title="批量发送短信" :visible="true" width="600px" append-to-body :close-on-click-modal="false" 
-            @close="handleClose">
-            <div class="dialog-content dialog-case-batch">
-                <div class="pt-8">
-                    <div class="flex-row align-items-center justify-content-between mb-24 case-batch-num">
-                        <span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择中案件进行批量发送短信！</span>
-                    </div>
-                    <el-collapse-transition>
-                        <el-row :gutter="56">
-                            <el-col :span="24">
-                                <div class="flex-row-center align-items-center height-40 mb-24">
-                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信模板</span>
-                                    <el-select v-model="ObjectInfo.methodId"
-                                             placeholder="请选择还款方式"
-                                            class="width100" @change="smsChange">
-                                        <el-option
-                                                v-for="item in smsOptions"
-                                                :key="item.value"
-                                                :label="item.label"
-                                                :value="item.value">
-                                        </el-option>
-                                    </el-select>
-                                </div>
-                            </el-col>
-                            <el-col :span="24">
-                                <div class="flex-row-center align-items-center height-40 mb-24">
-                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收方</span>
-                                    <el-input v-model.trim="ObjectInfo.users"
-                                                clearable placeholder="请输入" disabled>
-                                    </el-input>
-                                </div>
-                            </el-col>
-                            <el-col :span="24">
-                                <div class="flex-row-center align-items-center mb-24">
-                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16">模板内容</span>
-                                    <el-input class="mt-8" type="textarea" v-model="ObjectInfo.content" :rows="4" disabled></el-input>
-                                </div>
-                            </el-col>
-                            
-                        </el-row>
-                    </el-collapse-transition>
+  <div>
+    <el-dialog title="批量发送短信" :visible="true" width="600px" :close-on-click-modal="false"
+               @close="handleClose">
+      <div class="dialog-content dialog-case-batch">
+        <div class="pt-8">
+          <div class="flex-row align-items-center justify-content-between mb-24 case-batch-num">
+            <span>选中<a>{{ eventTraDialog.caseids.length }}</a>个案件，系统将对您选择中案件进行批量发送短信！</span>
+          </div>
+          <el-collapse-transition>
+            <el-row :gutter="56">
+              <el-col :span="24">
+                <div class="flex-row-center align-items-center height-40 mb-24">
+                  <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信模板</span>
+                  <el-select v-model="ObjectInfo.scene"
+                             placeholder="请选择还款方式"
+                             class="width100" @change="smsChange">
+                    <el-option
+                        v-for="item in smsOptions"
+                        :key="item.template"
+                        :label="item.template"
+                        :value="item.template">
+                    </el-option>
+                  </el-select>
                 </div>
+              </el-col>
+<!--              <el-col :span="24">-->
+<!--                <div class="flex-row-center align-items-center height-40 mb-24">-->
+<!--                  <span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收方</span>-->
+<!--                  <el-input v-model.trim="ObjectInfo.users"-->
+<!--                            clearable placeholder="请输入" disabled>-->
+<!--                  </el-input>-->
+<!--                </div>-->
+<!--              </el-col>-->
+              <el-col :span="24">
+                <div class="flex-row-center align-items-center mb-24">
+                  <span class="tabs__search-criteria-title flex-shrink-0 pr-16">模板内容</span>
+                  <el-input class="mt-8" type="textarea" v-model="ObjectInfo.content" :rows="4" disabled></el-input>
+                </div>
+              </el-col>
 
-            </div>
-            <span slot="footer" class="dialog-footer">
+            </el-row>
+          </el-collapse-transition>
+        </div>
+
+      </div>
+      <span slot="footer" class="dialog-footer">
                 <el-button @click="handleClose()">取消</el-button>
                 <el-button type="primary" @click="handleSubmit()">批量发送</el-button>
             </span>
-        </el-dialog>
-    </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
-import api from "@/services/caseManagement";
-    export default {
-        components: {
-        },
-        props: {
-            eventTraDialog: {
-                type: Object,
-                default: () => {
-                    return {}
-                },
-            },
-        },
-        data() {
-            return {
-                smsOptions:[{label:'案件受理通知',value:'notice',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}已由我中心受理调解，后续我方将组织双方共同进行调解，请您关注后续电话或者短信通知'},
-                {label:'还款计划通知',value:'repayment-plan',users:'由被申请方接收',content:'【${signName}】您与${applyName}的${issueType}经调解已经达成初步的方案及还款计划，您可以通过如下链接查看${smallProLink}。或者您也可以直接通过搜索微信小程序“保融通调解”进入“还款记录登记”模块进行查看。'}],
-                ObjectInfo:{
-                    methodId:'notice',
-                    users:'',
-                    content:''
-                },
-                tableData:[],
-                total:0,
+import caseManagement from "@/services/caseManagement";
+
+export default {
+  components: {},
+  props: {
+    eventTraDialog: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      smsOptions: [
+        // {
+        //   label: '案件受理通知',
+        //   template: 'notice',
+        //   // users: '由被申请方接收',
+        //   content: '【${signName}】您与${applyName}的${issueType}已由我中心受理调解，后续我方将组织双方共同进行调解，请您关注后续电话或者短信通知'
+        // },
+        // {
+        //   label: '还款计划通知',
+        //   template: 'repayment-plan',
+        //   // users: '由被申请方接收',
+        //   content: '【${signName}】您与${applyName}的${issueType}经调解已经达成初步的方案及还款计划，您可以通过如下链接查看${smallProLink}。或者您也可以直接通过搜索微信小程序“保融通调解”进入“还款记录登记”模块进行查看。'
+        // }
+      ],
+      ObjectInfo: {
+        scene: '',
+        // users: '',
+        content: ''
+      },
+      tableData: [],
+      total: 0,
 
-            };
-        },
-        mounted () {
-            this.smsChange()
-        },
-        methods: {
-            smsChange(){
-                let jsonData = this.smsOptions.find(item=>{
-                    return this.ObjectInfo.methodId == item.value
-                })
-                this.ObjectInfo.users = jsonData.users
-                this.ObjectInfo.content = jsonData.content
-            },
-            handleSubmit(){
-                console.log(this.eventTraDialog,'eventTraDialog')
-            },
-            handleClose() {
-                this.$emit('update:eventTraDialog', null)
-            },
-        }
     };
+  },
+  mounted() {
+    this.getSmsTemplate();
+    // this.smsChange();
+  },
+  methods: {
+    getSmsTemplate() {
+      caseManagement.getSmsTemplate().then(res => {
+        if (!res.code) {
+          this.smsOptions = res;
+          if (res.length){
+            this.ObjectInfo.scene = res[0].template;
+            this.ObjectInfo.content = res[0].content;
+          }
+        }
+      })
+    },
+    smsChange() {
+      let jsonData = this.smsOptions.find(item => {
+        return this.ObjectInfo.scene == item.template
+      })
+      // this.ObjectInfo.users = jsonData.users
+      this.ObjectInfo.content = jsonData.content
+    },
+    handleSubmit() {
+      // console.log(this.eventTraDialog, 'eventTraDialog')
+      if (!this.ObjectInfo.scene){
+        this.$message.warning("请选择短信模板！");
+        return
+      }
+      if(!this.$clickThrottle()) { return }//防止重复点击
+      let caseIdList = this.eventTraDialog.caseids;
+      caseManagement.smsBatchSend({...this.ObjectInfo, caseIdList: caseIdList}).then(res => {
+        this.$parent.getCaseInfoList(1)
+        this.handleClose()
+        this.$message.success("发送成功");
+      })
+    },
+    handleClose() {
+      this.$emit('update:eventTraDialog', null)
+    },
+  }
+};
 </script>
 
 <style scoped lang="scss">
-.dialog-case-batch{
-    padding: 16px 30px;
-    max-height:500px;
-    .tabs__search-criteria-title{
-        width: 100px;
+.dialog-case-batch {
+  padding: 16px 30px;
+  max-height: 500px;
+
+  .tabs__search-criteria-title {
+    width: 100px;
+  }
+
+  .case-batch-num {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 15px 20px;
+    border-radius: 4px;
+
+    a {
+      font-size: 16px;
+      font-weight: 500;
+      color: #C66A5B;
     }
-    .case-batch-num{
-        background-color: rgba(236, 238, 241, 0.8196078431);
-        padding: 15px 20px;
-        border-radius: 4px;
-        a{font-size: 16px;font-weight: 500;color: #C66A5B;}
-    }
-    
+  }
+
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/mediation-management/components/batchofficeDeliveryDialog.vue b/src/pages/mediation-management/components/batchofficeDeliveryDialog.vue
index b649122..de4118f 100644
--- a/src/pages/mediation-management/components/batchofficeDeliveryDialog.vue
+++ b/src/pages/mediation-management/components/batchofficeDeliveryDialog.vue
@@ -1,107 +1,133 @@
 <template>
-    <div>
-        <el-dialog title="批量文书送达" :visible="true" width="600px" append-to-body :close-on-click-modal="false" 
-            @close="handleClose">
-            <div class="dialog-content dialog-office-batch">
-                <div class="pt-8">
-                    <div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
-                        <span>选中<a>{{eventTraDialog.caseids.length}}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
-                    </div>
-                    <el-collapse-transition>
-                        <el-row :gutter="56">
-                            <el-col :span="24">
-                                <div class="flex-row-center align-items-center height-40 mb-8">
-                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 f18">选择文书类型（多选）</span>
-                                </div>
-                            </el-col>
-                            <el-col :span="24">
-                                <div class="mb-24 officelist">
-                                    <el-checkbox-group v-model="ObjectInfo.methodIds">
-                                        <el-checkbox border v-for="(item,index) in officeOptions" :label="item.label" :key="index" ></el-checkbox>
-                                    </el-checkbox-group>
-                                </div>
-                            </el-col>
-                            
-                        </el-row>
-                    </el-collapse-transition>
+  <div>
+    <el-dialog title="批量文书送达" :visible="true" width="600px" append-to-body :close-on-click-modal="false"
+               @close="handleClose">
+      <div class="dialog-content dialog-office-batch">
+        <div class="pt-8">
+          <div class="flex-row align-items-center justify-content-between mb-16 case-batch-num">
+            <span>选中<a>{{ eventTraDialog.caseids.length }}</a>个案件，系统将对您选择的案件进行批量电子短信送达！</span>
+          </div>
+          <el-collapse-transition>
+            <el-row :gutter="56">
+              <el-col :span="24">
+                <div class="flex-row-center align-items-center height-40 mb-8">
+                  <span class="tabs__search-criteria-title flex-shrink-0 pr-16 f18">选择文书类型（多选）</span>
                 </div>
+              </el-col>
+              <el-col :span="24">
+                <div class="mb-24 officelist">
+                  <el-checkbox-group v-model="ObjectInfo.documentTypes">
+                    <el-checkbox border v-for="(item,index) in officeOptions" :label="item.value"
+                                 :key="index">{{item.label}}</el-checkbox>
+                  </el-checkbox-group>
+                </div>
+              </el-col>
 
-            </div>
-            <span slot="footer" class="dialog-footer">
+            </el-row>
+          </el-collapse-transition>
+        </div>
+
+      </div>
+      <span slot="footer" class="dialog-footer">
                 <el-button @click="handleClose()">取消</el-button>
                 <el-button type="primary" @click="handleSubmit()">批量送达</el-button>
             </span>
-        </el-dialog>
-    </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
-import api from "@/services/caseManagement";
-    export default {
-        components: {
-        },
-        props: {
-            eventTraDialog: {
-                type: Object,
-                default: () => {
-                    return {}
-                },
-            },
-        },
-        data() {
-            return {
-                officeOptions:[{label:'调解告知书',value:'1'},{label:'调解申请书',value:'2'},
-                {label:'送达地址确认书',value:'3'},{label:'调解笔录',value:'4'},{label:'调解协议',value:'5'}],
-                ObjectInfo:{
-                    methodIds:['调解告知书','调解申请书','送达地址确认书','调解笔录','调解协议'],
-                    users:'',
-                    content:''
-                },
-                tableData:[],
-                total:0,
+import caseManagement from "@/services/caseManagement";
 
-            };
-        },
-        mounted () {
-            
-        },
-        methods: {
-            smsChange(){
-                let jsonData = this.smsOptions.find(item=>{
-                    return this.ObjectInfo.methodId == item.value
-                })
-                this.ObjectInfo.users = jsonData.users
-                this.ObjectInfo.content = jsonData.content
-            },
-
-            handleClose() {
-                this.$emit('update:eventTraDialog', null)
-            },
-        }
+export default {
+  components: {},
+  props: {
+    eventTraDialog: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      officeOptions: [
+        {label: '调解告知书', value: 'MEDIATE_NOTE'},
+        {label: '调解申请书', value: 'MEDIATE_APPLICATION'},
+        {label: '调解询问笔录', value: 'MEDIATE_RECORD'},
+        {label: '调解协议', value: 'MEDIATE_AGREEMENT'},
+        {label: '司法申请书', value: 'JUDICATURE_APPLICATION'},
+        {label: '司法承诺书', value: 'JUDICATURE_PROMISE'},
+        {label: '送达地址确认书', value: 'CONFIRMATION_OF_ADDRESS'},
+        {label: '身份识别报告', value: 'VERIFY_IDD'}
+      ],
+      ObjectInfo: {
+        documentTypes: ['MEDIATE_NOTE', 'MEDIATE_APPLICATION', 'MEDIATE_RECORD', 'MEDIATE_AGREEMENT',
+          'JUDICATURE_APPLICATION', 'JUDICATURE_PROMISE' , 'CONFIRMATION_OF_ADDRESS', 'VERIFY_IDD'],
+        servedType: 'SMS'
+      },
     };
+  },
+  mounted() {
+
+  },
+  methods: {
+    // smsChange() {
+    //   let jsonData = this.smsOptions.find(item => {
+    //     return this.ObjectInfo.methodId == item.value
+    //   })
+    //   this.ObjectInfo.users = jsonData.users
+    //   this.ObjectInfo.content = jsonData.content
+    // },
+    handleSubmit() {
+      if (!this.ObjectInfo.documentTypes.length){
+        this.$message.warning("请选择文书类型！");
+        return
+      }
+      if(!this.$clickThrottle()) { return }//防止重复点击
+      let caseIdList = this.eventTraDialog.caseids;
+      caseManagement.traceServedBatchCreate({...this.ObjectInfo, caseIdList: caseIdList}).then(res => {
+        this.$parent.getCaseInfoList(1)
+        this.handleClose()
+        this.$message.success("发送成功");
+      })
+    },
+    handleClose() {
+      this.$emit('update:eventTraDialog', null)
+    },
+  }
+};
 </script>
 
 <style scoped lang="scss">
-.dialog-office-batch{
-    padding: 16px 30px;
-    max-height:500px;
-    .tabs__search-criteria-title{
-        width: 100%;
+.dialog-office-batch {
+  padding: 16px 30px;
+  max-height: 500px;
+
+  .tabs__search-criteria-title {
+    width: 100%;
+  }
+
+  .case-batch-num {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 15px 20px;
+    border-radius: 4px;
+
+    a {
+      font-size: 16px;
+      font-weight: 500;
+      color: #C66A5B;
     }
-    .case-batch-num{
-        background-color: rgba(236, 238, 241, 0.8196078431);
-        padding: 15px 20px;
-        border-radius: 4px;
-        a{font-size: 16px;font-weight: 500;color: #C66A5B;}
+  }
+
+  .officelist {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 20px 20px;
+
+    .el-checkbox {
+      width: 230px;
+      margin: 10px;
     }
-    .officelist{
-        background-color: rgba(236, 238, 241, 0.8196078431);
-        padding: 20px 20px;
-        .el-checkbox
-        {
-            width: 230px;
-            margin: 10px;
-        }
-    }
-    
+  }
+
 }
 </style>
\ No newline at end of file
diff --git a/src/services/caseManagement.js b/src/services/caseManagement.js
index 763c4ab..731f1e1 100644
--- a/src/services/caseManagement.js
+++ b/src/services/caseManagement.js
@@ -138,10 +138,43 @@ const caseManagementApi = {
     },
 
 
-
-
-    
+    // 短信模板
+    getSmsTemplate: data => {
+        return service.service.get(`${apiAdmin}api/trace/sms/template`, data)
+    },
+    // 发送短信
+    smsSend: data => {
+        return service.service.post(`${apiAdmin}api/trace/sms/send`, data)
+    },
+    // 重试
+    smsRetry: data => {
+        return service.service.post(`${apiAdmin}api/trace/sms/retry`, data)
+    },
+    // 取消
+    smsCancel: data => {
+        return service.service.post(`${apiAdmin}api/trace/sms/cancel`, data)
+    },
+    // 批量发送短信
+    smsBatchSend: data => {
+        return service.service.post(`${apiAdmin}api/trace/sms/batch-send`, data)
+    },
     
+    // 发起-文书送达
+    traceServedCreate: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceServed/create`, data)
+    },
+    // 批量发起-文书送达
+    traceServedBatchCreate: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceServed/batch-create`, data)
+    },
+    // 取消
+    traceServedBatchCancel: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceServed/cancel`, data)
+    },
+    // 重试
+    traceServedBatchRetry: data => {
+        return service.service.post(`${apiAdmin}api/trace/traceServed/retry`, data)
+    },
 
     //========================end::案件管理======================================
 }