部署管理界面优化

@@ -4,12 +4,12 @@
             <!--检索条件-->
             <!--检索条件-->
             <el-row class="toolbar" style="background-color: white;margin-bottom: 10px">
             <el-row class="toolbar" style="background-color: white;margin-bottom: 10px">
                 <el-col :span="6">
                 <el-col :span="6">
-                    <el-input v-model="queryinfo.name" placeholder="名称" style="width: 200px">
+                    <el-input v-model="queryinfo.name" placeholder="名称" style="width: 200px" clearable>
                         <template slot="prepend">名称</template>
                         <template slot="prepend">名称</template>
                     </el-input>
                     </el-input>
                 </el-col>
                 </el-col>
                 <el-col :span="6">
                 <el-col :span="6">
-                    <el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px">
+                    <el-input v-model="queryinfo.key" placeholder="key-ID" style="width: 200px" clearable>
                         <template slot="prepend">key-ID</template>
                         <template slot="prepend">key-ID</template>
                     </el-input>
                     </el-input>
                 </el-col>
                 </el-col>
@@ -27,6 +27,7 @@
                             :data="tableData"
                             :data="tableData"
                             style="width: 100%"
                             style="width: 100%"
                             :default-sort = "{prop: 'date', order: 'descending'}"
                             :default-sort = "{prop: 'date', order: 'descending'}"
+                            :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
                     >
                     >
                         <el-table-column
                         <el-table-column
                                 prop="name"
                                 prop="name"
@@ -104,6 +105,9 @@
                 tableloading:false,
                 tableloading:false,
             }
             }
         },
         },
+        mounted() {
+            this.getList();
+        },
         methods: {
         methods: {
             // 分页
             // 分页
             handleSizeChange(val) {
             handleSizeChange(val) {
@@ -124,15 +128,17 @@
                         return _this.$message.error('获取消息收发记录，失败！')
                         return _this.$message.error('获取消息收发记录，失败！')
                     }
                     }
                     // 获取列表数据
                     // 获取列表数据
-                    _this.tableData = res.data.list
+                    _this.tableData = res.data
                     // 获取列表的总记录数
                     // 获取列表的总记录数
-                    _this.total = res.data.total
+                    _this.total = res.total
                     this.tableloading = false;
                     this.tableloading = false;
                     _this.$message.success('获取消息收发记录，成功！')
                     _this.$message.success('获取消息收发记录，成功！')
                 }).catch(error => {
                 }).catch(error => {
+
                     // 关闭加载
                     // 关闭加载
                     _this.$message.error(error.toString())
                     _this.$message.error(error.toString())
                     this.tableloading = false;
                     this.tableloading = false;
+
                 })
                 })
             },
             },
 
 
@@ -141,5 +147,13 @@
 </script>
 </script>
 
 
 <style scoped>
 <style scoped>
-
+    .toolbar{
+        height: 60px;
+        background-color: white;
+        /*line-height: 60px;*/
+        vertical-align: middle;
+        border-radius: 5px 5px 5px 5px;
+        padding: 15px 0 0 20px;
+        box-shadow: 0px 5px 5px #e5e8eb;
+    }
 </style>
 </style>

 {
 {
-  "nmmsVer": "1.16"
+  "nmmsVer": "1.17"
 }
 }