kengee-data-screen/src/views/AppSelect.vue

<template>
  <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>
export default {
  name: "AppSelect",
  label: "下拉菜单",
  data() {
    return {
      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>
.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>