电话拨打记录汇总信息开发

src/api/system/shortMessageSendRecord.js

@@ -9,6 +9,14 @@ export function listShortMessageSendRecord(query) {
     })
 }
 
+export function summaryExport(query) {
+  return request({
+    url: '/system/shortMessageSendRecord/summaryExport',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询短信发送结果记录详细
 export function getShortMessageSendRecord(id) {
     return request({

src/views/system/shortMessageSendRecord/index.vue

@@ -77,6 +77,16 @@
           >导出</el-button
         >
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-data-analysis"
+          size="mini"
+          @click="collectFun"
+        >汇总</el-button
+        >
+      </el-col>
       <right-toolbar
         style="margin-right: 20px"
         :showSearch.sync="showSearch"
@@ -222,6 +232,25 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog title="汇总信息" :visible.sync="collectVis" width="60" append-to-body>
+      <div>
+        <el-descriptions title="">
+          <el-descriptions-item label="发送总数">{{collectData.totalCount}}</el-descriptions-item>
+          <el-descriptions-item label="成功数量">{{ collectData.successCount }}</el-descriptions-item>
+          <el-descriptions-item label="失败数量">{{collectData.failCount}}</el-descriptions-item>
+          <el-descriptions-item label="开始时间">
+            <el-tag size="mini" v-text="collectData.earliestTime"></el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="截止时间">
+            <el-tag size="mini" type="success">{{collectData.latestTime}}</el-tag>
+
+          </el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="collectVis = false">关  闭</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -231,13 +260,15 @@ import {
   getShortMessageSendRecord,
   delShortMessageSendRecord,
   addShortMessageSendRecord,
-  updateShortMessageSendRecord,
+  updateShortMessageSendRecord, summaryExport,
 } from "@/api/system/shortMessageSendRecord";
 
 export default {
   name: "ShortMessageSendRecord",
   data() {
     return {
+      collectVis: false,
+      collectData: {},
       // 遮罩层
       loading: true,
       // 选中数组
@@ -281,6 +312,21 @@ export default {
     this.getList();
   },
   methods: {
+    collectFun(){
+      console.log("汇总============================================================");
+      this.collectVis = true;
+      let sendTimeStart = null
+      let sendTimeEnd = null
+      if(this.sendTime && this.sendTime.length > 1){
+        sendTimeStart = this.sendTime[0];
+        sendTimeEnd = this.sendTime[1];
+      }
+      console.log("请求参数是",{sendTimeStart,sendTimeEnd});
+      summaryExport({sendTimeStart,sendTimeEnd}).then(res => {
+        console.log("调用接口返回的数据是",res)
+        this.collectData = res
+      })
+    },
     /** 查询短信发送结果记录列表 */
     getList() {
       this.loading = true;