短信界面修改

device-manager-ui/admin/src/views/alarm/sms/send/list.vue

 <template>
     <div class="page">
-        <LayoutTable :data="tableData" :config="tableConfig">
+        <LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
+
+             <el-button
+                    slot="table-head-left2"
+                    style="margin-left: 10px"
+                    icon="el-icon-tickets"
+                    size="mini"
+                    @click="doExport"
+                    :disabled="isExport"
+            >导出</el-button>
                     </LayoutTable>
 
-        <dialog-show ref="dialogform" @ok="getData" />
+        <drawer-show ref="drawerform" @ok="getData" />
     </div>
 </template>
 
 <script>
     /** 表单弹出框模式需引入 */
-    import dialogShow from "./dialogshow";
+    import drawerShow from "./drawershow";
     import table from "@/assets/mixins/table";
     export default {
         name: "AlarmSmsSend",
-        components: {dialogShow },
+        components: {drawerShow },
         mixins: [table],
         created() {
         },
@@ -29,9 +38,21 @@
 
             },
             /** 重写查看方法 */
-            // toView(row) {
-            //     this.$refs.dialogform.view(row);
-            // },
+            toView(row) {
+                this.$refs.drawerform.view(row);
+            },
+             /** 导出Excel */
+            doExport() {
+                this.isExport = true;
+                this.$download("/alarm/sms/send/exportExcel", {
+                "idList": this.selection,
+                    'sendStatus': this.$route.query['sendStatus'],
+                    'sendTime': this.$route.query['sendTime'],
+                }, { type: "excel" }).then(() => this.isExport = false).catch(error => {
+                    this.isExport = false;
+                    this.$message.error(error.message);
+                });
+            },
 
         },
         data() {
@@ -53,10 +74,12 @@
                     ],
                     columns: [
                         {type: "selection", width: 60},
+                       {type: "index",label:"序号", width: 60},
 
-                        {label: "电话号码", prop: "mobile"},
+                       {label: "发送内容", prop: "sendMess",width:500},
+                        {label: "联系电话", prop: "mobile"},
 
-                        {label: "发送内容", prop: "sendMess"},
+                        {label: "接收人员", prop: "receiver"},
 
                         {label: "发送状态", prop: "sendStatus",formatter: this.formatter},
 
@@ -66,7 +89,7 @@
                             width: 240,
                             formatter: row => {
                                 return (
-                                    <table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
+                                    <table-buttons noAdd noEdit noDel row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} />
                             );
                             }
                         }