From fb1d57f4bce31fe4f8147a144f8ef4afbca0a4cd Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 21 二月 2023 13:48:29 +0800
Subject: [PATCH] Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0

---
 src/views/operate/fivepack/threepack/components/content.vue |  155 +++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 142 insertions(+), 13 deletions(-)

diff --git a/src/views/operate/fivepack/threepack/components/content.vue b/src/views/operate/fivepack/threepack/components/content.vue
index d399d6b..ce0cc4b 100644
--- a/src/views/operate/fivepack/threepack/components/content.vue
+++ b/src/views/operate/fivepack/threepack/components/content.vue
@@ -6,7 +6,8 @@
           <div class="search-item">
             <span>杈撳叆鏌ヨ:</span>
             <el-input
-              style="flex: 1"
+
+              style="flex: 1;margin-left: 15px"
               :placeholder="
                 isStorePage() ? '搴楅摵锛堥棬搴楋級鍚嶇О' : '璇疯緭鍏ュ簵閾虹紪鍙�'
               "
@@ -15,7 +16,7 @@
           </div>
           <div class="search-item">
             <span>搴楅摵鐘舵��:</span>
-            <el-select v-model="storeStatus" placeholder="閫夋嫨搴楅摵鐘舵��">
+            <el-select v-model="storeStatus" style="margin-left: 15px" placeholder="閫夋嫨搴楅摵鐘舵��">
               <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -253,18 +254,46 @@
           </el-form>
         </div>
       </el-dialog>
-      <!-- 鍒嗛〉 -->
-      <div class="pagination">
-        <el-pagination
-          background
-          :current-page="currentPage"
-          layout="prev, pager, next"
-          :total="totalNum"
-          :page-size="pageSize"
-          @current-change="changeCurrentPage"
-        >
-        </el-pagination>
+      <div class="tools">
+        <div class="funs">
+          <div class="funsItem">
+            <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
+          </div>
+          <div class="funsItem">
+            <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
+          </div>
+          <div class="funsItem">
+            <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
+              <el-option v-for="item in options" :key="item.value" :label="item.label"
+                         :value="item.value" :disabled="item.disabled">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="pagination">
+          <el-pagination
+              background
+              :current-page="currentPage"
+              layout="prev, pager, next"
+              :total="totalNum"
+              :page-size="pageSize"
+              @current-change="changeCurrentPage"
+          >
+          </el-pagination>
+        </div>
       </div>
+      <!-- 鍒嗛〉 -->
+<!--      <div class="pagination">-->
+<!--        <el-pagination-->
+<!--          background-->
+<!--          :current-page="currentPage"-->
+<!--          layout="prev, pager, next"-->
+<!--          :total="totalNum"-->
+<!--          :page-size="pageSize"-->
+<!--          @current-change="changeCurrentPage"-->
+<!--        >-->
+<!--        </el-pagination>-->
+<!--      </div>-->
     </main>
   </div>
 </template>
@@ -358,6 +387,46 @@
   },
 
   methods: {
+    // 鎵归噺鍒犻櫎
+    mulDelete(idArr) {
+      this.$axios({
+        method: "delete",
+        url: "sccg/illegal_building/batch_delete?ids=" + idArr,
+      }).then((res) => {
+        this.getUserList();
+        this.$message({
+          message: res.message,
+          type: res.code === 200 ? "success" : "warning",
+        });
+      });
+    },
+    // 鎵ц涓嬫媺妗嗘搷浣�
+    selectChange(val) {
+      let ids = [];
+      this.tempList.forEach((item) => {
+        ids.push(item.number);
+      });
+      if (ids.length !== 0) {
+        if (val === 3) {
+          this.mulDelete(ids);
+        }
+      } else {
+        this.$message({
+          type: "warning",
+          message: "鎮ㄨ繕娌¢�変腑浠讳綍鏁版嵁",
+        });
+      }
+    },
+    // 鍏ㄩ��
+    selectAll() {
+      this.$refs.multipleTable.toggleAllSelection();
+    },
+    // 鍙嶉��
+    disSame(list) {
+      list.forEach((row) => {
+        this.$refs.multipleTable.toggleRowSelection(row);
+      });
+    },
     // 鏂板缓/淇濆瓨娑堟伅(1:鏂板缓,0淇濆瓨娑堟伅)
     handleSubmit(mystatus) {
       this.role.body = this.$refs.edit.editor.txt.html();
@@ -623,7 +692,67 @@
     .mainTitle {
       line-height: 60px;
     }
+    .tools {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 20px;
 
+      .funs {
+        display: flex;
+
+        .funsItem {
+          line-height: 28px;
+          display: flex;
+          align-items: center;
+          border: 1px solid #ccc;
+          border-radius: 4px;
+          font-size: 12px;
+          margin-left: 10px;
+
+          .el-checkbox {
+            width: 80px;
+            padding: 0 10px;
+          }
+
+          .el-select {
+            width: 120px;
+          }
+          &::v-deep .el-input__inner {
+            border: none;
+            // background-color: #09152f;
+          }
+          &:hover {
+            border: 1px solid #4b9bb7;
+          }
+
+          &:hover .el-checkbox {
+            color: #4b9bb7;
+          }
+        }
+      }
+
+      .pagination {
+        margin-top: 50px;
+        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-link {
       color: #4b9bb7;
     }

--
Gitblit v1.8.0