49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<template>
|
|
<el-select
|
|
:model-value="modelValue"
|
|
placeholder="请选择，支持搜索"
|
|
size="default"
|
|
:loading="dataStore.siteList.length === 0"
|
|
@change="valueChanged"
|
|
filterable
|
|
clearable
|
|
>
|
|
<el-option
|
|
v-for="item in dataStore.siteList"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id"
|
|
/>
|
|
</el-select>
|
|
</template>
|
|
<script setup name="SiteOptions">
|
|
import useDataStore from "@/store/modules/data";
|
|
import { ref, toRefs } from "vue";
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: [Number, String],
|
|
},
|
|
});
|
|
const { modelValue } = toRefs(props);
|
|
const dataStore = useDataStore();
|
|
dataStore.setSiteList();
|
|
// const siteList = ref([]);
|
|
|
|
const emit = defineEmits(["update:modelValue"]);
|
|
|
|
// // 获取站点列表
|
|
// const getSiteList = async () => {
|
|
// const { rows } = await tenantSelect();
|
|
// siteList.value = rows;
|
|
// dataStore.setSiteList(rows);
|
|
// };
|
|
|
|
const valueChanged = (val) => {
|
|
console.log("changed");
|
|
emit("update:modelValue", val);
|
|
};
|
|
|
|
// getSiteList();
|
|
dataStore.setSiteList();
|
|
</script>
|