优化了界面，给每个页面都加了 header 与section 的分隔线

src/views/deviceManagement/CameraManagement.vue

@@ -19,6 +19,7 @@
                 <el-button @click="add" type="primary" icon="el-icon-document-add">新建</el-button>
             </el-col>
         </el-row>
+        <hr class="hr">
         <el-row>
             <el-table :data="deviceList">
                 <el-table-column prop="id" label="序号" width="120px"></el-table-column>
@@ -383,10 +384,15 @@ export default {
 
 <style lang="scss" scoped>
 .CameraManagement {
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
     .dialog {
         .item_row {
             display: flex;
         }
     }
 }
+
 </style>

src/views/deviceManagement/DeviceInfo.vue

@@ -32,6 +32,7 @@
                 <el-button @click="add" type="primary" icon="el-icon-document-add">新建</el-button>
             </el-col>
         </el-row>
+        <hr class="hr"/>
         <el-row>
             <el-table :data="deviceList">
                 <el-table-column prop="id" label="序号" width="120px"></el-table-column>
@@ -319,6 +320,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.DeviceInfo{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
+
 .input-with-select-select {
     width: 180px;
 }

src/views/deviceManagement/DeviceType.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="DeviceType">
         <el-button size="mini" type="primary" @click="isShowDialog=true">新建分类</el-button>
+        <hr class="hr"/>
         <el-tree
             class="filter-tree"
             :data="typeDataTree"
@@ -203,5 +204,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.DeviceType{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
 </style>
 

src/views/messageManagement/MessageBind.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="MessageBind">
         <el-button @click="add" type="primary" icon="el-icon-document-add">添加</el-button>
+        <hr class="hr">
         <el-table :data="tableData" border width="70%">
             <el-table-column prop="id" label="序号" width="120"></el-table-column>
 
@@ -366,4 +367,12 @@ export default {
     }
 };
 </script>
+<style lang="scss" scoped>
+.MessageBind{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
+</style>
 

src/views/messageManagement/MessagePoint.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="MessagePoint">
         <el-button @click="add" type="primary" icon="el-icon-document-add">添加</el-button>
+        <hr class="hr">
         <el-table :data="tableData" border style="width: 60%">
             <el-table-column prop="id" label="序号" width="120"></el-table-column>
             <el-table-column prop="code" label="消息点编码" width="120" ></el-table-column>
@@ -163,4 +164,12 @@ export default {
     }
 };
 </script>
+<style lang="scss" scoped>
+.MessagePoint{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
+</style>
 

src/views/messageManagement/MessageServicMer.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="MessageServicMer">
         <el-button @click="add" type="primary" icon="el-icon-document-add">添加</el-button>
+        <hr class="hr">
         <el-table :data="tableData" border style="width: 80%">
             <el-table-column prop="id" label="服务商id" width="180"></el-table-column>
             <el-table-column prop="name" label="服务商名" width="120"></el-table-column>
@@ -198,4 +199,12 @@ export default {
     }
 };
 </script>
+<style lang="scss" scoped>
+.MessageServicMer{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
+</style>
 

src/views/messageManagement/MessageTemplate.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="MessageTemplate">
         <el-button @click="add" type="primary" icon="el-icon-document-add">添加</el-button>
+        <hr class="hr">
         <el-table :data="tableData" border style="width: 80%">
             <el-table-column prop="id" label="序号" width="120"></el-table-column>
             <el-table-column prop="code" label="模板编码" width="120"></el-table-column>
@@ -202,4 +203,12 @@ export default {
     }
 };
 </script>
+<style lang="scss" scoped>
+.MessageTemplate{
+    .hr{
+        border-top: 2px solid #eee;
+        margin: 10px 0;
+    }
+}
+</style>