|
@@ -1,13 +1,25 @@
|
|
|
<script lang="ts" setup name="AppCatSelector">
|
|
<script lang="ts" setup name="AppCatSelector">
|
|
|
import { getAppCatByList } from '@/api/apps/appCatApi'
|
|
import { getAppCatByList } from '@/api/apps/appCatApi'
|
|
|
|
|
+const props = withDefaults(defineProps<{
|
|
|
|
|
+ modelValue: number
|
|
|
|
|
+}>(), {
|
|
|
|
|
+ modelValue: 0,
|
|
|
|
|
+})
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
interface AppCat {
|
|
interface AppCat {
|
|
|
appCatId: number
|
|
appCatId: number
|
|
|
appCatTitle: number
|
|
appCatTitle: number
|
|
|
}
|
|
}
|
|
|
|
|
+const appCatId = computed({
|
|
|
|
|
+ get: () => {
|
|
|
|
|
+ return props.modelValue
|
|
|
|
|
+ },
|
|
|
|
|
+ set: (val) => {
|
|
|
|
|
+ emit('update:modelValue', val)
|
|
|
|
|
+ },
|
|
|
|
|
+})
|
|
|
const state = reactive({
|
|
const state = reactive({
|
|
|
loading: false,
|
|
loading: false,
|
|
|
- appCatId: 0,
|
|
|
|
|
dataList: [] as AppCat[],
|
|
dataList: [] as AppCat[],
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -17,16 +29,14 @@ const getData = async () => {
|
|
|
state.loading = false
|
|
state.loading = false
|
|
|
state.dataList = data
|
|
state.dataList = data
|
|
|
}
|
|
}
|
|
|
-const onChange = () => {
|
|
|
|
|
- emit('update:modelValue', state.appCatId)
|
|
|
|
|
-}
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
getData ()
|
|
getData ()
|
|
|
})
|
|
})
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
<template>
|
|
|
- <el-select v-model="state.appCatId" v-loading="state.loading" style="width: 100%" filterable placeholder="请选择应用分类" value-key="appCatId" @change="onChange">
|
|
|
|
|
|
|
+ <el-select v-model="appCatId" v-loading="state.loading" style="width: 100%" filterable placeholder="请选择应用分类" value-key="appCatId">
|
|
|
|
|
+ <el-option key="0" label="请选择" :value="0" disabled />
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="item in state.dataList"
|
|
v-for="item in state.dataList"
|
|
|
:key="item.appCatId"
|
|
:key="item.appCatId"
|