店铺地区查询

project/fengdu/app/AppIntegratingSupermarket/components/GoodsList.vue

@@ -16,22 +16,6 @@
             placeholder="请选择类型"
             :selectList="dict.getDict('integralSGStatus')">
           </ai-select>
-          <ai-picker
-            :instance="instance"
-            :multiple="false"
-            dialogTitle="请选择服务地区"
-            :ops="{ label: 'girdName' }"
-            pageTitle="网格"
-            action="/app/appgirdinfo/girdList"
-            v-model="userList"
-            @pick="onGridChange">
-            <div class="userSelcet">
-              <span style="color: #606266;" v-if="search.visibleId">{{ search.girdName }}</span>
-              <span v-else>请选择服务地区</span>
-              <i class="el-icon-arrow-up"  v-if="!search.visibleId"></i>
-              <i class="el-icon-circle-close" v-if="search.visibleId" @click.stop="search.visibleId = '', search.girdName = '', search.current = 1, getList()"></i>
-            </div>
-          </ai-picker>
         </template>
         <template slot="right">
           <el-input
@@ -114,8 +98,6 @@
           current: 1,
           status: '',
           size: 10,
-          visibleId: '',
-          girdName: ''
         },
         total: 0,
         tableData: [],
@@ -140,14 +122,6 @@
     },
 
     methods: {
-      onGridChange (e) {
-        if (e.length) {
-          this.search.visibleId = e[0].girdCode
-          this.search.girdName = e[0].girdName
-          this.search.current = 1
-          this.getList()
-        }
-      },
       getList () {
         this.instance.post(`/app/appintegralsupermarketgoods/list`, null, {
           params: {
@@ -247,47 +221,5 @@
     .type0 {
       background-color: #FF6900;
     }
-    .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;
-      }
-    }
   }
 </style>

project/fengdu/app/AppIntegratingSupermarket/components/StoreList.vue

@@ -16,6 +16,22 @@
             placeholder="请选择状态"
             :selectList="dict.getDict('integralSSStatus')">
           </ai-select>
+          <ai-picker
+            :instance="instance"
+            :multiple="false"
+            dialogTitle="请选择服务地区"
+            :ops="{ label: 'girdName' }"
+            pageTitle="网格"
+            action="/app/appgirdinfo/girdList"
+            v-model="userList"
+            @pick="onGridChange">
+            <div class="userSelcet">
+              <span style="color: #606266;" v-if="search.visibleId">{{ search.girdName }}</span>
+              <span v-else>请选择服务地区</span>
+              <i class="el-icon-arrow-up"  v-if="!search.visibleId"></i>
+              <i class="el-icon-circle-close" v-if="search.visibleId" @click.stop="search.visibleId = '', search.girdName = '', search.current = 1, getList()"></i>
+            </div>
+          </ai-picker>
         </template>
         <template slot="right">
           <el-input
@@ -79,7 +95,9 @@
           title: '',
           current: 1,
           status: '',
-          size: 10
+          size: 10,
+          visibleId: '',
+          girdName: ''
         },
         total: 0,
         tableData: [],
@@ -106,6 +124,14 @@
     },
 
     methods: {
+      onGridChange (e) {
+        if (e.length) {
+          this.search.visibleId = e[0].girdCode
+          this.search.girdName = e[0].girdName
+          this.search.current = 1
+          this.getList()
+        }
+      },
       getList () {
         this.instance.post(`/app/appintegralsupermarketshop/list`, null, {
           params: {
@@ -155,5 +181,47 @@
 
 <style lang="scss" scoped>
   .order_management {
+    .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;
+      }
+    }
   }
 </style>