web_dist/src/components/cy/yf-group/YfGrouo.vue

<script setup lang="ts">
import { useYfGroupStore } from "@/pinia/use-yf-group";
import XcElOption from "@/components/xiao-chan/xc-el-option/XcElOption.vue";

const props = withDefaults(
  defineProps<{
    modelValue?: string | number;
    type?: "xy" | "cy";
    oldStyle?: boolean;
  }>(),
  {
    type: "xy",
    oldStyle: false,
  }
);

const emits = defineEmits(["update:modelValue"]);
const value = defineModel();

const data = computed(() => {
  return useYfGroupStore()[props.type];
});

onMounted(() => {
  useYfGroupStore().init();
  value.value = useYfGroupStore().getDefaultCode(props.type);
});
</script>

<template>
  <el-select v-model="value" style="width: 120px" v-if="!props.oldStyle">
    <xc-el-option :data="data" />
  </el-select>
  <select v-model="value" style="width: 120px" v-else>
    <option v-for="item in data" :value="item.code">
      {{ item.name }}
    </option>
  </select>
</template>