From 5173f8e31d106abd003e123c8679cf53c7940b33 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 30 一月 2023 11:54:12 +0800
Subject: [PATCH] 网格绘制

---
 src/views/operate/baseSetting/illegalBuild/index.vue |   52 ++++++++++++++++++++++------------------------------
 1 files changed, 22 insertions(+), 30 deletions(-)

diff --git a/src/views/operate/baseSetting/illegalBuild/index.vue b/src/views/operate/baseSetting/illegalBuild/index.vue
index 78f9a5d..bcf63fe 100644
--- a/src/views/operate/baseSetting/illegalBuild/index.vue
+++ b/src/views/operate/baseSetting/illegalBuild/index.vue
@@ -24,17 +24,20 @@
         <main>
             <div class="mainContent">
                 <!-- 鏁版嵁灞曠ず -->
-                <el-table ref="multipleTable"
-                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
+                <el-table
+                    border
+                    stripe
+                    ref="multipleTable"
+                    :header-cell-style="{'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
                     :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                     @selection-change="tableChange">
                     <el-table-column type="selection" min-width="5">
                     </el-table-column>
-                    <el-table-column prop="number" label="缂栧彿" min-width="10">
+                    <el-table-column prop="number" label="缂栧彿" min-width="5">
                     </el-table-column>
                     <el-table-column prop="typeFirst" label="鎵�灞炵被鍨�" min-width="10">
                     </el-table-column>
-                    <el-table-column prop="type" label="鎵�灞炵被鍒�" min-width="10">
+                    <el-table-column prop="type" label="鎵�灞炵被鍒�" min-width="20">
                     </el-table-column>
                     <el-table-column prop="operation" label="鎿嶄綔" min-width="10">
                         <template slot-scope="scope">
@@ -128,7 +131,6 @@
     methods: {
         // 鎵归噺鍒犻櫎
         mulDelete(idArr){
-            console.log(idArr);
             this.$axios({
                 method:'delete',
                 url:'sccg/illegal_building/batch_delete?ids='+idArr,
@@ -160,11 +162,7 @@
         // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
         tableChange(list) {
             this.tempList = list;
-            if (list.length === this.tableData.length) {
-                this.all = true;
-            } else {
-                this.all = false
-            }
+            this.all = list.length === this.tableData.length;
         },
         // 鍏ㄩ��
         selectAll() {
@@ -178,16 +176,13 @@
         },
         // 鍒犻櫎鍗曟潯鏁版嵁
         handleDelete({ number }) {
-            console.log(number);
             this.$confirm('纭鍒犻櫎锛�')
                 .then(_ => {
-                    console.log(1);
                     this.$axios({
                         method: 'delete',
                         url: `sccg/illegal_building/delete?id=${number}`,
                     })
                         .then(res => {
-                            console.log(res);
                             this.$message({
                                 type: res.code === 200 ? 'success' : 'warning',
                                 message: res.message
@@ -196,7 +191,7 @@
                             this.getUserList();
                         })
                 })
-                .catch(_ => { console.log(2) });
+                .catch(_ => {  });
         },
         // 鑾峰彇鐢ㄦ埛鍒楄〃
         getUserList() {
@@ -213,12 +208,11 @@
         },
         // 璁剧疆琛ㄦ牸鏂戦┈绾�
         tableRowClassName({ row, rowIndex }) {
-            if ((rowIndex + 1) % 2 == 0) {
+            if ((rowIndex + 1) % 2 === 0) {
                 return 'warning-row';
             } else {
                 return 'success-row';
             }
-            return '';
         },
         // 鏌ョ湅鐢ㄦ埛淇℃伅(涓嶅彲淇敼)
         handleFind(rowData) {
@@ -272,19 +266,18 @@
 <style lang="scss" scoped>
 .userList {
     text-align: left;
-    margin: 10px 20px;
+    padding: 10px 20px;
     color: #4b9bb7;
-
+  border: 1px solid #ccc;
     .headerTitle {
         line-height: 40px;
     }
 
     header {
-        background-color: #09152f;
-        border: 1pox solid #fff;
+        background-color: #fff;
 
         .headerContent {
-            padding: 0 40px;
+            padding: 0;
             display: flex;
             line-height: 100px;
             justify-content: space-between;
@@ -314,24 +307,23 @@
 
                 .el-button {
                     padding: 12px 25px;
-                    border-radius: 20px;
+                    //border-radius: 20px;
                 }
             }
 
             .addBtn {
-                background-color: #eb5d01;
+                //background-color: #eb5d01;
                 border: none;
-                border-radius: 20px;
+                //border-radius: 20px;
                 padding: 12px 30px;
             }
         }
     }
 
     main {
-        background-color: #09152f;
+        background-color: #fff;
         margin-top: 20px;
         padding-bottom: 50px;
-        border: 1pox solid #fff;
 
         .mainTitle {
             line-height: 60px;
@@ -386,7 +378,7 @@
                     &::v-deep li,
                     &::v-deep .btn-prev,
                     &::v-deep .btn-next {
-                        background-color: #071f39;
+                        // background-color: #071f39;
                         color: #4b9bb7;
                     }
 
@@ -399,8 +391,8 @@
         }
 
         .el-table {
-            color: #4b9bb7;
-            font-size: 10px;
+            // color: #4b9bb7;
+            // font-size: 10px;
 
             &::v-deep .cell {
                 text-overflow: ellipsis;
@@ -421,4 +413,4 @@
         }
     }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0