From d6fb18b49cd61427a343fbe7a2a4f94e4b597bdc Mon Sep 17 00:00:00 2001
From: wl <173@qq.com>
Date: 星期四, 29 十二月 2022 14:00:41 +0800
Subject: [PATCH] fix:店铺状态

---
 src/views/operate/viewEvent/index.vue |   86 ++++++++++++++++++++++++------------------
 1 files changed, 49 insertions(+), 37 deletions(-)

diff --git a/src/views/operate/viewEvent/index.vue b/src/views/operate/viewEvent/index.vue
index 27d6f79..40a643f 100644
--- a/src/views/operate/viewEvent/index.vue
+++ b/src/views/operate/viewEvent/index.vue
@@ -15,19 +15,16 @@
         <div class="contentItem">
           <div style="width: 80px">鎸夌被鍨�:</div>
           <div class="search">
-            <el-input
-              placeholder=" 璇疯緭鍏ョ被鍨�"
-              v-model="searchData.categories"
-            ></el-input>
+            <el-select clearable v-model="searchData.categories" placeholder=" 璇烽�夋嫨绫诲瀷">
+              <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
+            </el-select>
           </div>
         </div>
         <div class="contentItem">
           <div style="width: 80px">鎸夌ぞ鍖�:</div>
           <div class="search">
-            <el-input
-              placeholder=" 璇疯緭鍏ョぞ鍖�"
-              v-model="searchData.communityId"
-            ></el-input>
+            <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="璇烽�夋嫨绀惧尯">
+            </el-cascader>
           </div>
         </div>
         <div class="contentItem">
@@ -68,9 +65,7 @@
         <el-table
           ref="multipleTable"
           :header-cell-style="{
-            background: '#06122c',
-            'font-size': '12px',
-            color: '#4b9bb7',
+            background: '#fff',
             'font-weight': '650',
             'line-height': '45px',
           }"
@@ -80,7 +75,7 @@
         >
           <el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
             <template slot-scope="scope">
-              <el-link>{{ scope.row.code }}</el-link>
+              <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
             </template>
           </el-table-column>
           <el-table-column prop="category" label="闂绫诲埆" min-width="8">
@@ -91,7 +86,7 @@
           <el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
             <template v-if="scope.row.eventSource" slot-scope="scope">
               <span>{{
-                scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛涓婁紶"
+                scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛宸℃煡"
               }}</span>
             </template>
           </el-table-column>
@@ -186,6 +181,7 @@
 import helper from "@/utils/mydate";
 import casequery from "@/api/operate/basecase";
 import { CATEGOTY } from "@/utils/helper";
+import department from "@/api/system/department";
 
 export default {
   components: {
@@ -207,24 +203,18 @@
       totalNum: null,
       pageSize: 10,
       currentPage: 1,
-      typeList: [
-        {
-          name: "杩濊",
-          value: 1,
-          checked: true,
-        },
-        {
-          name: "杩濆缓",
-          value: 2,
-          checked: false,
-        },
-      ],
+      categoryOptions: CATEGOTY,
+      communityOptions: [],
+      communityProps: {
+        label: 'regionName',
+        value: 'id'
+      },
       myproblem: 1,
       number: "",
       searchData: {
         categories: null,
         number: null,
-        communityId: null,
+        community: null,
         endTime: null,
         site: null,
         startTime: null,
@@ -233,15 +223,21 @@
   },
   created() {
     this.getList();
+    this.getCommunityOptions();
   },
   methods: {
     // 鑾峰彇鍒楄〃
     getList() {
+      const searchData = Object.assign({}, this.searchData);
+      if (this.searchData.community) {
+        searchData.communityId = searchData.community[1];
+      }
+      delete searchData.community;
       casequery
         .baseCaseQuery({
           current: this.currentPage,
           pageSize: this.pageSize,
-          ...this.searchData,
+          ...searchData,
         })
         .then((res) => {
           this.tableData = res.records;
@@ -251,6 +247,16 @@
           this.tableData = [];
         });
     },
+
+    // 鑾峰彇绀惧尯鍜岃閬�
+    getCommunityOptions() {
+      department.getDepartmentList()
+          .then(res => {
+            this.communityOptions = res;
+          })
+          .catch(err => this.$message.error(err))
+    },
+
     // 璁剧疆琛ㄦ牸鏂戦┈绾�
     tableRowClassName({ row, rowIndex }) {
       if ((rowIndex + 1) % 2 === 0) {
@@ -289,7 +295,13 @@
     closeDialog({ flag }) {
       this.dialogExamine = flag;
       this.dialogClosure = flag;
+      this.dialogView = false;
       this.getList();
+    },
+
+    async handleView(rowData) {
+      this.info = await casequery.getBaseCaseDetail(rowData.code);
+      this.dialogView = true;
     },
 
     filterTime(time) {
@@ -330,7 +342,7 @@
   }
 
   main {
-    background-color: #09152f;
+    background-color: #fff;
     margin-top: 20px;
     padding-bottom: 50px;
 
@@ -370,7 +382,7 @@
 
           &::v-deep .el-input__inner {
             border: none;
-            background-color: #09152f;
+            // background-color: #09152f;
           }
 
           &:hover {
@@ -393,7 +405,7 @@
           &::v-deep li,
           &::v-deep .btn-prev,
           &::v-deep .btn-next {
-            background-color: #071f39;
+            // background-color: #071f39;
             color: #4b9bb7;
           }
 
@@ -406,8 +418,8 @@
     }
 
     .el-table {
-      color: #4b9bb7;
-      font-size: 10px;
+      // color: #4b9bb7;
+      // font-size: 10px;
 
       &::v-deep .cell {
         text-overflow: ellipsis;
@@ -416,7 +428,7 @@
       }
 
       &::v-deep .el-table__empty-block {
-        background-color: #09152f;
+        // background-color: #09152f;
       }
 
       &::v-deep .el-table__empty-block {
@@ -437,11 +449,11 @@
     }
 
     .el-table::v-deep .warning-row {
-      background: #06122c;
+      // background: #06122c;
     }
 
     .el-table::v-deep .success-row {
-      background: #071f39;
+      // background: #071f39;
     }
 
     &::v-deep .switchStyle .el-switch__label {
@@ -480,7 +492,7 @@
 
   &::v-deep .el-dialog__header,
   &::v-deep .el-dialog__body {
-    background-color: #06122c;
+    // background-color: #06122c;
   }
 
   &::v-deep .el-dialog__header {
@@ -506,7 +518,7 @@
   }
 
   &::v-deep .el-range-input {
-    background-color: #06122c;
+    // background-color: #06122c;
   }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0