From 9b7032666d105dc6abde1b8c7f1cfb2b5f1c989e Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期五, 17 二月 2023 11:28:11 +0800
Subject: [PATCH] Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0

---
 src/views/operate/viewEvent/index.vue |  111 +++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 99 insertions(+), 12 deletions(-)

diff --git a/src/views/operate/viewEvent/index.vue b/src/views/operate/viewEvent/index.vue
index af08244..f4e79c0 100644
--- a/src/views/operate/viewEvent/index.vue
+++ b/src/views/operate/viewEvent/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="userList">
     <header>
-      <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>
+<!--      <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>-->
       <div class="headerContent">
         <div class="contentItem">
           <div style="width: 80px">鎸夌紪鍙�:</div>
@@ -37,7 +37,7 @@
           </div>
         </div>
         <div class="btn">
-          <el-button type="primary" @click="getList">鎼滅储</el-button>
+          <el-button type="primary" @click="getList">鏌ヨ</el-button>
         </div>
       </div>
       <div class="headerContent">
@@ -63,18 +63,21 @@
       <div class="mainContent">
         <!-- 鏁版嵁灞曠ず -->
         <el-table
+            border
+            stripe
           ref="multipleTable"
           :header-cell-style="{
+          'background':'#F5F5F5',
             background: '#fff',
-            'font-size': '12px',
-            color: '#4b9bb7',
             '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="code" label="浜嬩欢缂栧彿" min-width="18">
             <template slot-scope="scope">
               <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
@@ -157,6 +160,34 @@
         </el-dialog>
         <!-- tools -->
         <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
@@ -196,6 +227,28 @@
   },
   data() {
     return {
+      all: false,
+      unsame: false,
+      myIdx: 0,
+      options: [
+        {
+          value: 0,
+          label: "鎵归噺鎿嶄綔",
+          disabled: true,
+        },
+        {
+          value: 1,
+          label: "鎵归噺鍚敤",
+        },
+        {
+          value: 2,
+          label: "鎵归噺绂佺敤",
+        },
+        {
+          value: 3,
+          label: "鎵归噺鍒犻櫎",
+        },
+      ],
       datepick: null,
       tableData: [],
       dialogExamine: false,
@@ -228,6 +281,40 @@
     this.getCommunityOptions();
   },
   methods: {
+    // 鎵归噺鍒犻櫎
+    mulDelete(idArr) {},
+    // 鎵ц涓嬫媺妗嗘搷浣�
+    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: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
+        });
+      }
+    },
+    // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
+    tableChange(list) {
+      this.tempList = list;
+      this.all = list.length === this.tableData.length;
+    },
+    // 鍏ㄩ��
+    selectAll() {
+      this.$refs.multipleTable.toggleAllSelection();
+    },
+    // 鍙嶉��
+    disSame(list) {
+      list.forEach((row) => {
+        this.$refs.multipleTable.toggleRowSelection(row);
+      });
+    },
     // 鑾峰彇鍒楄〃
     getList() {
       const searchData = Object.assign({}, this.searchData);
@@ -319,14 +406,14 @@
 <style lang="scss" scoped>
 .userList {
   text-align: left;
-  margin: 10px 20px;
-  color: #4b9bb7;
-
+  padding: 10px 20px;
+  // color: #4b9bb7;
+  border: 1px solid #ccc;
   header {
     display: flex;
     line-height: 60px;
     flex-direction: column;
-    padding: 0 20px;
+    padding: 0;
     color: #4b9bb7;
 
     .headerContent {
@@ -420,8 +507,8 @@
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       &::v-deep .cell {
         text-overflow: ellipsis;
@@ -443,7 +530,7 @@
         .line {
           padding: 0 5px;
         }
-
+        color: var(--operation-color);
         span:hover {
           cursor: pointer;
         }
@@ -523,4 +610,4 @@
     // background-color: #06122c;
   }
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0