From 538f0972c19b96af2ee361c6af4fc86c41127171 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 13 八月 2025 14:43:09 +0800
Subject: [PATCH] feat: 接口对接
---
packages/components/src/AreaTreeSelect/PositionSelectView.vue | 45 ++++++++++++++++++++++++++++++++-------------
1 files changed, 32 insertions(+), 13 deletions(-)
diff --git a/packages/components/src/AreaTreeSelect/PositionSelectView.vue b/packages/components/src/AreaTreeSelect/PositionSelectView.vue
index 048754e..14431f9 100644
--- a/packages/components/src/AreaTreeSelect/PositionSelectView.vue
+++ b/packages/components/src/AreaTreeSelect/PositionSelectView.vue
@@ -1,15 +1,16 @@
<template>
- <Category :category="provinceList" @change="change" class="position-select-view">
+ <Category :category="_industryList" @change="change" class="position-select-view">
<CategoryPane :max="max" :categoryChild="categoryChild" :multiple="multiple" v-model="model">
</CategoryPane>
</Category>
</template>
<script setup lang="ts">
-import { useAllAreaList } from '@12333/hooks';
+import { useDictionaryDataSelect, useGetDictionaryCategorySelect } from '@12333/hooks';
import Category from './Category.vue';
import CategoryPane from './CategoryPane.vue';
import { reactive, computed, watch } from 'vue';
+import { CategoryCode } from '@12333/constants';
defineOptions({
name: 'PositionSelectView',
@@ -24,29 +25,47 @@
multiple: true,
});
-const model = defineModel<number[]>();
+const model = defineModel<string[]>();
const state = reactive({
- provinceIndex: 0,
+ industryIndex: 0,
});
-const { areaTreeList } = useAllAreaList();
+const { dictionaryDataList: industryList } = useDictionaryDataSelect({
+ categoryCode: CategoryCode.IndustryCategory,
+});
-const provinceList = computed(() => areaTreeList.value.map((x) => ({ ...x, name: x.areaName })));
+const _industryList = computed(() =>
+ industryList.value.map((x) => ({
+ ...x,
+ name: x.label,
+ id: x.value,
+ }))
+);
+
+const { dictionaryDataList: positionList } = useDictionaryDataSelect({
+ categoryCode: CategoryCode.Position,
+});
+
+const _positionList = computed(() =>
+ positionList.value.map((x) => ({
+ ...x,
+ name: x.label,
+ id: x.value,
+ }))
+);
const categoryChild = computed(() => {
- if (!provinceList.value.length) {
+ if (!_industryList.value.length) {
return [];
}
- return provinceList.value[state.provinceIndex].children.map((x) => ({
- ...x,
- name: x.areaName,
- value: x.areaCode,
- }));
+ return _positionList.value?.filter(
+ (x) => x.data.field1 === _industryList.value[state.industryIndex]?.code
+ );
});
const change = (index: number) => {
- state.provinceIndex = index;
+ state.industryIndex = index;
};
</script>
--
Gitblit v1.9.1