From d233d809dd78aa2bf973cdb2ad577dc823eb6ddc Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期二, 28 二月 2023 11:45:36 +0800
Subject: [PATCH] 2023/2/28 肖辉 违建登记添加-身份证正反面调整

---
 src/views/systemSetting/device/loudspeaker/index.vue |   79 ++++++++++-----------------------------
 1 files changed, 20 insertions(+), 59 deletions(-)

diff --git a/src/views/systemSetting/device/loudspeaker/index.vue b/src/views/systemSetting/device/loudspeaker/index.vue
index a13924c..3f323ca 100644
--- a/src/views/systemSetting/device/loudspeaker/index.vue
+++ b/src/views/systemSetting/device/loudspeaker/index.vue
@@ -18,19 +18,25 @@
             </el-option>
           </el-select>
         </div>
+        <div class="main-title">
+          <el-button
+            class="el-icon-plus button-addition"
+            type="primary"
+            @click="handleAdd"
+            >娣诲姞</el-button
+          >
+        </div>
       </div>
     </header>
     <main>
       <div class="main-content">
-        <div class="main-title">
-          <el-button class="el-icon-plus button-addition" type="primary" @click="handleAdd"
-            >娣诲姞</el-button
-          >
-        </div>
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+          border
+          stripe
           ref="multipleTable"
           :header-cell-style="{
+            background: '#F5F5F5',
             'font-weight': '650',
             'line-height': '45px',
           }"
@@ -238,15 +244,11 @@
   <style lang="scss" scoped>
 .list {
   text-align: left;
-  margin: 10px 20px;
-  // color: #4b9bb7;
-
+  padding: 10px 20px;
+  border: 1px solid #ccc;
   header {
-    background-color: white;
-    // border: 1pox solid #fff;
-
     .header-content {
-      padding: 0 40px;
+      padding: 0px;
       display: flex;
       line-height: 100px;
       justify-content: space-between;
@@ -262,27 +264,17 @@
 
         .el-input {
           flex: 2;
-          // color: #1d3f57;
-
-          // &::v-deep .el-input__inner {
-          //   background-color: #09152f;
-          //   border: 1px solid #17324c;
-          // }
         }
+      }
+      .main-title {
+        line-height: 60px;
+        padding: 0;
       }
     }
   }
 
   main {
-    // background-color: #09152f;
-    margin-top: 20px;
     padding-bottom: 50px;
-    border: 1pox solid #fff;
-
-    .main-title {
-      line-height: 60px;
-      padding: 10px 20px;
-    }
 
     .tools {
       display: flex;
@@ -297,7 +289,6 @@
           line-height: 28px;
           display: flex;
           align-items: center;
-          // border: 1px solid #17324c;
           border-radius: 4px;
           font-size: 12px;
           margin-left: 10px;
@@ -310,19 +301,6 @@
           .el-select {
             width: 120px;
           }
-
-          // &::v-deep .el-input__inner {
-          //   border: none;
-          //   background-color: #09152f;
-          // }
-
-          // &:hover {
-          //   border: 1px solid #4b9bb7;
-          // }
-
-          // &:hover .el-checkbox {
-          //   color: #4b9bb7;
-          // }
         }
       }
 
@@ -331,30 +309,13 @@
         display: flex;
         line-height: 50px;
         justify-content: center;
-
-        .el-pagination {
-          // &::v-deep li,
-          // &::v-deep .btn-prev,
-          // &::v-deep .btn-next {
-          //   background-color: #071f39;
-          //   color: #4b9bb7;
-          // }
-
-          // &::v-deep .active {
-          //   background-color: #409eff;
-          //   color: #fff;
-          // }
-        }
       }
     }
 
     .el-table {
-      // color: #4b9bb7;
-      // font-size: 10px;
-
       .operation {
         display: flex;
-
+        color: var(--operation-color);
         .line {
           padding: 0 5px;
         }
@@ -366,4 +327,4 @@
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0