From a29f7b4aaeaa33f4011b97616c80e40c9c04d9d7 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 9 May 2023 17:04:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B0=E9=83=BD=E7=A7=AF=E5=88=86=E8=A7=84?=
 =?UTF-8?q?=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppIntegratingRules/components/List.vue   | 81 ++++++++++++++++++-
 1 file changed, 79 insertions(+), 2 deletions(-)

diff --git a/project/fengdu/app/AppIntegratingRules/components/List.vue b/project/fengdu/app/AppIntegratingRules/components/List.vue
index cc6be835..47e5a81b 100644
--- a/project/fengdu/app/AppIntegratingRules/components/List.vue
+++ b/project/fengdu/app/AppIntegratingRules/components/List.vue
@@ -13,6 +13,21 @@
                         @change="handleTypeSearch" ref="eventTypeSearch"/>
           <ai-select v-model="search.status" @change="(page.current = 1), getList()" placeholder="请选择状态" :selectList="$dict.getDict('integralRuleStatus')">
           </ai-select>
+          <ai-picker
+            :instance="instance"
+            dialogTitle="选择网格"
+            :ops="{label: 'girdName', id: 'girdCode'}"
+            pageTitle="网格"
+            :action="'/app/appgirdinfo/girdList?idType=1'"
+            v-model="searchGirdList"
+            @pick="onGirdChange">
+            <div class="userSelcet">
+              <span style="color: #606266;" v-if="search.girdCode">{{ girdName }}</span>
+              <span v-else>有效地区</span>
+              <i class="el-icon-arrow-up"  v-if="!search.girdCode"></i>
+              <i class="el-icon-circle-close" v-if="search.girdCode" @click.stop="searchGirdList = [], search.girdCode = '', name = '', search.current = 1, getList()"></i>
+            </div>
+          </ai-picker>
         </template>
       </ai-search-bar>
       <ai-table
@@ -116,12 +131,15 @@
         }
       }
       return {
+        girdList: [],
+        girdName: '',
         search: {
           status: "",
           systemRuleId: "",
-          ruleName: ""
+          ruleName: "",
+          girdCode: ''
         },
-        girdList: [],
+        searchGirdList: [],
         systemRuleIdList: [],
         page: {current: 1, size: 10, total: 0},
         colConfigs: [
@@ -226,6 +244,22 @@
       });
     },
     methods: {
+      onGirdChange (e) {
+        if (e.length) {
+          this.girdName = e[0].girdName
+          this.search.girdCode = e[0].girdCode
+        } else {
+          this.girdName = ''
+        }
+
+        this.searchGirdList = e
+
+        this.page.current = 1
+
+        this.$nextTick(() => {
+          this.getList()
+        })
+      },
       onPick (e) {
         if (e.length) {
           this.form.girdName = e[0].girdName
@@ -428,6 +462,49 @@
     height: 100%;
     background: #f3f6f9;
 
+    .userSelcet {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 215px;
+      height: 32px;
+      line-height: 32px;
+      border-radius: 4px;
+      border: 1px solid #d0d4dc;
+      overflow: hidden;
+      cursor: pointer;
+      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+      &:hover {
+        border-color: $placeholderColor;
+      }
+
+      i {
+        display: flex;
+        position: relative;
+        align-items: center;
+        justify-content: center;
+        width: 30px;
+        height: 100%;
+        line-height: 32px;
+        font-size: 14px;
+        text-align: center;
+        color: #d0d4dc;
+        transform: rotateZ(180deg);
+      }
+
+      .el-icon-circle-close:hover {
+        opacity: 0.6;
+      }
+
+      span {
+        flex: 1;
+        padding: 0 15px;
+        font-size: 12px;
+        color: $placeholderColor;
+      }
+    }
+
     :deep( .ai-list__content--right ){
       width: 100%;
     }