提交一下

src/views/AppSelect.vue

@@ -1,12 +1,15 @@
 <template>
-  <el-select v-model="value" placeholder="品类" size="small">
-    <el-option
-        v-for="item in options"
-        :key="item.value"
-        :label="item.label"
-        :value="item.value">
-    </el-option>
-  </el-select>
+  <section class="AppSelect" >
+    <div class="label">类型</div>
+    <el-select v-model="value" placeholder="全部" size="small" @change="handleSearch">
+      <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :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>