提交一下

src/views/AppSelect.vue

@@ -1,12 +1,15 @@
 <template>
-  <el-select v-model="value" placeholder="品类" size="small">
+  <section class="AppSelect" >
-    <el-option
+    <div class="label">类型</div>
-        v-for="item in options"
+    <el-select v-model="value" placeholder="全部" size="small" @change="handleSearch">
-        :key="item.value"
+      <el-option
-        :label="item.label"
+          v-for="item in options"
-        :value="item.value">
+          :key="item.value"
-    </el-option>
+          :label="item.label"
-  </el-select>
+          :value="item.value">
+      </el-option>
+    </el-select>
+  </section>
 </template>
 
 <script>
@@ -15,16 +18,39 @@ export default {
   label: "下拉菜单",
   data() {
     return {
-      options: [],
+      options: $dicts.类型,
       value: ''
     }
+  },
+  computed: {
+    refs: v => v.$parent.getItemRefs(),
+  },
+  methods: {
+    handleSearch(v) {
+      const list = this.refs['6e6c93d7-5b24-4d75-a0d0-4beb130045ed'].$refs.main
+      list.search.type = v
+      list.getData()
+    }
   }
 }
 </script>
 
 <style scoped>
-:deep(.el-input__inner) {
+.AppSelect {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.AppSelect .el-input__inner {
   background: linear-gradient(180deg, rgba(12, 53, 111, 0) 0%, #0C356F 100%);
   border: 1px solid #1760AE;
+  border-radius: 0;
+}
+
+.AppSelect .label {
+  white-space: nowrap;
+  color: #fff;
+  font-size: 14px;
 }
 </style>

src/views/AppStoresTable.vue

@@ -87,10 +87,13 @@ export default {
   },
   methods: {
     getData() {
-      this.stores = this.stores.map(({storeName, storeCode, storeCameraVOList = []}) => {
+      const {$http, $waitFor} = window
-        const keyGoods = this.storeKeyGoods.filter(e => e.storeCode == storeCode)
+      $waitFor($http).then(() => Promise.all([this.getCameras(), this.getStoreKeyGoods(), this.getCategorySales()])).then(() => {
-        const categorySale = this.categorySales.filter(e => e.storeCode == storeCode)
+        this.stores = this.stores.map(({storeName, storeCode, storeCameraVOList = []}) => {
-        return {storeCode, storeName, camera: storeCameraVOList.map(e => e.url), keyGoods, categorySale}
+          const keyGoods = this.storeKeyGoods.filter(e => e.storeCode == storeCode)
+          const categorySale = this.categorySales.filter(e => e.storeCode == storeCode)
+          return {storeCode, storeName, camera: storeCameraVOList.map(e => e.url), keyGoods, categorySale}
+        })
       })
     },
     getCameras() {
@@ -122,15 +125,14 @@ export default {
     },
     gotoDetail(store) {
       $glob.query = {storeCode: store.storeCode}
-      $glob.group = "9f299712-5549-413b-a93b-7c3e3b5bfadb"
+      const sid = "9f299712-5549-413b-a93b-7c3e3b5bfadb"
+      $glob.group = sid
+      this.refs["ff6a5ca5-8cca-4fad-8058-a2ab2388236c"].$refs.main.groupId = sid
     },
   },
   mounted() {
     this.height = `${this.$el.clientHeight}px`
-    setTimeout(() => {
+    this.getData()
-      const {$http, $waitFor} = window
-      $waitFor($http).then(() => Promise.all([this.getCameras(), this.getStoreKeyGoods(), this.getCategorySales()])).then(() => this.getData())
-    }, 2000)
   }
 }
 </script>