级联数据 组件懒加载
This commit is contained in:
parent
a35abcd9cd
commit
93136c7295
|
@ -16,6 +16,7 @@ declare module 'vue' {
|
||||||
AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
|
AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
|
||||||
ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
|
ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
|
||||||
ADivider: typeof import('ant-design-vue/es')['Divider']
|
ADivider: typeof import('ant-design-vue/es')['Divider']
|
||||||
|
AdministrativeDivisionTree: typeof import('./src/components/tree/AdministrativeDivisionTree.vue')['default']
|
||||||
ADropdown: typeof import('ant-design-vue/es')['Dropdown']
|
ADropdown: typeof import('ant-design-vue/es')['Dropdown']
|
||||||
AForm: typeof import('ant-design-vue/es')['Form']
|
AForm: typeof import('ant-design-vue/es')['Form']
|
||||||
AFormItem: typeof import('ant-design-vue/es')['FormItem']
|
AFormItem: typeof import('ant-design-vue/es')['FormItem']
|
||||||
|
|
|
@ -1,101 +1,107 @@
|
||||||
declare const __APP_ENV: ImportMetaEnv;
|
declare const __APP_ENV: ImportMetaEnv;
|
||||||
|
class TreeNodeVo<T, E = Record<string, any>> {
|
||||||
declare global {
|
value: T;
|
||||||
/**
|
parentValue: T;
|
||||||
* 全局返回
|
label: string;
|
||||||
*/
|
orderIndex?: number;
|
||||||
interface JsonResult<T> {
|
children?: TreeNodeVo<T>[]
|
||||||
code: number;
|
extData?: E;
|
||||||
message: string;
|
|
||||||
data?: T;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export interface SecurityUnitPagerQueryParams {
|
|
||||||
/** 名称 **/
|
|
||||||
name?: string;
|
|
||||||
/** 社会编码 **/
|
|
||||||
socialCode?: string;
|
|
||||||
/** 行政区划编码 **/
|
|
||||||
administrativeDivisionCodes?: string[];
|
|
||||||
/** 是否启用 **/
|
|
||||||
isEnable?: number;
|
|
||||||
/** 审核状态 **/
|
|
||||||
checkStatus?: number;
|
|
||||||
}
|
|
||||||
interface BaseEnum<T> {
|
|
||||||
value: T;
|
|
||||||
label: string
|
|
||||||
}
|
|
||||||
class TreeNodeVo<T, E = Record<string, any>> {
|
|
||||||
value: T;
|
|
||||||
parentValue: T;
|
|
||||||
label: string;
|
|
||||||
orderIndex?: number;
|
|
||||||
children?: TreeNodeVo<T>[]
|
|
||||||
extData?: E;
|
|
||||||
}
|
|
||||||
declare interface Grid {
|
|
||||||
//栅格占据的列数
|
|
||||||
span?: number;
|
|
||||||
//栅格左侧的间隔格数
|
|
||||||
offset?: number;
|
|
||||||
//栅格向右移动格数
|
|
||||||
push?: number;
|
|
||||||
//栅格向左移动格数
|
|
||||||
pull?: number;
|
|
||||||
//<768px 响应式栅格数或者栅格属性对象
|
|
||||||
xs?: number;
|
|
||||||
//≥768px 响应式栅格数或者栅格属性对象
|
|
||||||
sm?: number;
|
|
||||||
//≥992px 响应式栅格数或者栅格属性对象
|
|
||||||
md?: number;
|
|
||||||
//≥1200px 响应式栅格数或者栅格属性对象
|
|
||||||
lg?: number;
|
|
||||||
//≥1920px 响应式栅格数或者栅格属性对象
|
|
||||||
xl?: number;
|
|
||||||
}
|
|
||||||
interface dataStatus {
|
|
||||||
account: string;
|
|
||||||
password: string;
|
|
||||||
remark: string;
|
|
||||||
checkStatus: {
|
|
||||||
extData: {
|
|
||||||
color: string;
|
|
||||||
};
|
|
||||||
label: string;
|
|
||||||
value: number;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
class SelectNodeVo<T, E = Record<string, any>> {
|
|
||||||
value: T;
|
|
||||||
label: string;
|
|
||||||
options?: SelectNodeVo<T>[]
|
|
||||||
orderIndex?: number;
|
|
||||||
disabled?: boolean;
|
|
||||||
extData?: E
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ExtData {
|
|
||||||
color?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Option {
|
|
||||||
label: string;
|
|
||||||
value: string | number;
|
|
||||||
extData?: ExtData | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface OptionsResponse {
|
|
||||||
IsEnable: Option[];
|
|
||||||
IsOrNot: Option[];
|
|
||||||
Sex: Option[];
|
|
||||||
CheckStatus: Option[];
|
|
||||||
ServiceProjectType: Option[];
|
|
||||||
DeleteFlag: Option[];
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 全局返回
|
||||||
|
*/
|
||||||
|
interface JsonResult<T> {
|
||||||
|
code: number;
|
||||||
|
message: string;
|
||||||
|
data?: T;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export interface SecurityUnitPagerQueryParams {
|
||||||
|
/** 名称 **/
|
||||||
|
name?: string;
|
||||||
|
/** 社会编码 **/
|
||||||
|
socialCode?: string;
|
||||||
|
/** 行政区划编码 **/
|
||||||
|
administrativeDivisionCodes?: string[];
|
||||||
|
/** 是否启用 **/
|
||||||
|
isEnable?: number;
|
||||||
|
/** 审核状态 **/
|
||||||
|
checkStatus?: number;
|
||||||
|
}
|
||||||
|
interface BaseEnum<T> {
|
||||||
|
value: T;
|
||||||
|
label: string
|
||||||
|
}
|
||||||
|
class TreeNodeVo<T, E = Record<string, any>> {
|
||||||
|
value: T;
|
||||||
|
parentValue: T;
|
||||||
|
label: string;
|
||||||
|
orderIndex?: number;
|
||||||
|
children?: TreeNodeVo<T>[]
|
||||||
|
extData?: E;
|
||||||
|
}
|
||||||
|
interface Grid {
|
||||||
|
//栅格占据的列数
|
||||||
|
span?: number;
|
||||||
|
//栅格左侧的间隔格数
|
||||||
|
offset?: number;
|
||||||
|
//栅格向右移动格数
|
||||||
|
push?: number;
|
||||||
|
//栅格向左移动格数
|
||||||
|
pull?: number;
|
||||||
|
//<768px 响应式栅格数或者栅格属性对象
|
||||||
|
xs?: number;
|
||||||
|
//≥768px 响应式栅格数或者栅格属性对象
|
||||||
|
sm?: number;
|
||||||
|
//≥992px 响应式栅格数或者栅格属性对象
|
||||||
|
md?: number;
|
||||||
|
//≥1200px 响应式栅格数或者栅格属性对象
|
||||||
|
lg?: number;
|
||||||
|
//≥1920px 响应式栅格数或者栅格属性对象
|
||||||
|
xl?: number;
|
||||||
|
}
|
||||||
|
interface dataStatus {
|
||||||
|
account: string;
|
||||||
|
password: string;
|
||||||
|
remark: string;
|
||||||
|
checkStatus: {
|
||||||
|
extData: {
|
||||||
|
color: string;
|
||||||
|
};
|
||||||
|
label: string;
|
||||||
|
value: number;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
class SelectNodeVo<T, E = Record<string, any>> {
|
||||||
|
value: T;
|
||||||
|
label: string;
|
||||||
|
options?: SelectNodeVo<T>[]
|
||||||
|
orderIndex?: number;
|
||||||
|
disabled?: boolean;
|
||||||
|
extData?: E
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ExtData {
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Option {
|
||||||
|
label: string;
|
||||||
|
value: string | number;
|
||||||
|
extData?: ExtData | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface OptionsResponse {
|
||||||
|
IsEnable: Option[];
|
||||||
|
IsOrNot: Option[];
|
||||||
|
Sex: Option[];
|
||||||
|
CheckStatus: Option[];
|
||||||
|
ServiceProjectType: Option[];
|
||||||
|
DeleteFlag: Option[];
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -67,6 +67,7 @@
|
||||||
:allowClear="item.componentsProps?.allowClear ?? true"
|
:allowClear="item.componentsProps?.allowClear ?? true"
|
||||||
:options="item.options"
|
:options="item.options"
|
||||||
/>
|
/>
|
||||||
|
<administrative-division-tree-comp v-else-if="item.type === 'administrativeDivisionTree'" style="width: 100%" v-model:value="modelValue[field]" v-bind="item.componentsProps" />
|
||||||
<a-range-picker
|
<a-range-picker
|
||||||
v-else-if="item.type === 'rangePicker'"
|
v-else-if="item.type === 'rangePicker'"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
|
@ -111,10 +112,14 @@
|
||||||
|
|
||||||
<script setup lang="ts" generic="T extends Record<string,any>">
|
<script setup lang="ts" generic="T extends Record<string,any>">
|
||||||
import { FormInstance } from 'ant-design-vue'
|
import { FormInstance } from 'ant-design-vue'
|
||||||
import { ref } from 'vue'
|
import { defineAsyncComponent, ref } from 'vue'
|
||||||
import { FormExpose } from 'ant-design-vue/es/form/Form'
|
import { FormExpose } from 'ant-design-vue/es/form/Form'
|
||||||
import { QuestionCircleOutlined } from '@ant-design/icons-vue'
|
import { QuestionCircleOutlined } from '@ant-design/icons-vue'
|
||||||
import { FormProMaxItemOptions, FormProMaxItemProps, FormProMaxProps } from '@/types/components/form/index.ts'
|
import { FormProMaxItemOptions, FormProMaxItemProps, FormProMaxProps } from '@/types/components/form/index.ts'
|
||||||
|
import { ComponentProps } from 'vue-component-type-helpers'
|
||||||
|
import AdministrativeDivisionTree from '@/components/tree/AdministrativeDivisionTree.vue'
|
||||||
|
|
||||||
|
const AdministrativeDivisionTreeComp: ComponentProps<typeof AdministrativeDivisionTree> = defineAsyncComponent(() => import('@/components/tree/AdministrativeDivisionTree.vue'))
|
||||||
|
|
||||||
const modelValue = defineModel<T>('value', {
|
const modelValue = defineModel<T>('value', {
|
||||||
default: {},
|
default: {},
|
||||||
|
@ -147,7 +152,7 @@ const props = withDefaults(defineProps<FormProMaxProps<T>>(), {
|
||||||
scrollToFirstError: undefined,
|
scrollToFirstError: undefined,
|
||||||
validateOnRuleChange: undefined,
|
validateOnRuleChange: undefined,
|
||||||
})
|
})
|
||||||
console.log(props)
|
|
||||||
const formProMaxRef = ref<FormInstance>(null!)
|
const formProMaxRef = ref<FormInstance>(null!)
|
||||||
|
|
||||||
const getResponsive = (item: FormProMaxItemProps): Grid => {
|
const getResponsive = (item: FormProMaxItemProps): Grid => {
|
||||||
|
|
|
@ -0,0 +1,84 @@
|
||||||
|
<template>
|
||||||
|
<a-cascader
|
||||||
|
v-model:value="modelValue"
|
||||||
|
:placeholder="placeholder"
|
||||||
|
:change-on-select="changeOnSelect"
|
||||||
|
:options="administrativeDivisionTree"
|
||||||
|
:load-data="loadData"
|
||||||
|
:allow-clear="allowClear"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import api from "@/axios";
|
||||||
|
import {onMounted, ref} from "vue";
|
||||||
|
import {CascaderProps} from "ant-design-vue";
|
||||||
|
import {isEmpty} from "lodash-es";
|
||||||
|
|
||||||
|
withDefaults(defineProps<{
|
||||||
|
placeholder?: string,
|
||||||
|
changeOnSelect?: boolean
|
||||||
|
allowClear?: boolean
|
||||||
|
}>(), {
|
||||||
|
placeholder: '请选择行政区划',
|
||||||
|
changeOnSelect: true,
|
||||||
|
allowClear: true
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const modelValue = defineModel('value', {
|
||||||
|
default: []
|
||||||
|
})
|
||||||
|
|
||||||
|
const administrativeDivisionTree = ref<TreeNodeVo<string>[]>([])
|
||||||
|
|
||||||
|
const loadData: CascaderProps['loadData'] = selectedOptions => {
|
||||||
|
const targetOption = selectedOptions[selectedOptions.length - 1];
|
||||||
|
targetOption.loading = true;
|
||||||
|
administrativeDivisionByParentCode(targetOption.value as string).then(data => {
|
||||||
|
targetOption.loading = false
|
||||||
|
targetOption.children = data
|
||||||
|
administrativeDivisionTree.value = [...administrativeDivisionTree.value]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据父级编码查询行政区划
|
||||||
|
* @param code
|
||||||
|
*/
|
||||||
|
const administrativeDivisionByParentCode = async (code: string = '0'): Promise<TreeNodeVo<string>[]> => {
|
||||||
|
const resp = await api.get<TreeNodeVo<string>[]>('/common/administrativeDivisionByParentCode', {
|
||||||
|
parentCode: code
|
||||||
|
})
|
||||||
|
//解决点击无加载提示
|
||||||
|
return resp.data.map(item => {
|
||||||
|
delete item.children
|
||||||
|
return item
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
administrativeDivisionTree.value = await administrativeDivisionByParentCode()
|
||||||
|
if (!isEmpty(modelValue.value)) {
|
||||||
|
const ps = modelValue.value.map(code => administrativeDivisionByParentCode(code))
|
||||||
|
Promise.all(ps).then(data => {
|
||||||
|
let i = 0;
|
||||||
|
const deepChildren = (treeData: TreeNodeVo<string>[]) => {
|
||||||
|
treeData.forEach(item => {
|
||||||
|
if (item.value === modelValue.value[i]) {
|
||||||
|
item.children = data[i]
|
||||||
|
i++;
|
||||||
|
deepChildren(item.children)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
deepChildren(administrativeDivisionTree.value)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
|
@ -15,6 +15,7 @@ import {
|
||||||
} from "ant-design-vue";
|
} from "ant-design-vue";
|
||||||
import { Ref, UnwrapRef, VNode } from "vue";
|
import { Ref, UnwrapRef, VNode } from "vue";
|
||||||
import { ComponentProps } from "vue-component-type-helpers";
|
import { ComponentProps } from "vue-component-type-helpers";
|
||||||
|
import AdministrativeDivisionTree from "@/components/tree/AdministrativeDivisionTree.vue";
|
||||||
|
|
||||||
type FormProMaxItemType =
|
type FormProMaxItemType =
|
||||||
| 'custom'
|
| 'custom'
|
||||||
|
@ -32,7 +33,8 @@ type FormProMaxItemType =
|
||||||
| 'datePicker'
|
| 'datePicker'
|
||||||
| 'rangePicker'
|
| 'rangePicker'
|
||||||
| 'timeRangePicker'
|
| 'timeRangePicker'
|
||||||
| 'timePicker';
|
| 'timePicker'
|
||||||
|
| 'administrativeDivisionTree'
|
||||||
|
|
||||||
interface FormProMaxItemCommonProps extends ComponentProps<typeof FormItem> {
|
interface FormProMaxItemCommonProps extends ComponentProps<typeof FormItem> {
|
||||||
label?: string,
|
label?: string,
|
||||||
|
@ -64,6 +66,7 @@ export type FormProMaxItemOptions<T> = {
|
||||||
| FormProMaxItemProps<'rangePicker', ComponentProps<typeof RangePicker>>
|
| FormProMaxItemProps<'rangePicker', ComponentProps<typeof RangePicker>>
|
||||||
| FormProMaxItemProps<'timeRangePicker', ComponentProps<typeof TimeRangePicker>>
|
| FormProMaxItemProps<'timeRangePicker', ComponentProps<typeof TimeRangePicker>>
|
||||||
| FormProMaxItemProps<'timePicker', ComponentProps<typeof TimePicker>>
|
| FormProMaxItemProps<'timePicker', ComponentProps<typeof TimePicker>>
|
||||||
|
| FormProMaxItemProps<'administrativeDivisionTree', ComponentProps<typeof AdministrativeDivisionTree>>
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface FormProMaxProps<T = {}> extends FormProps {
|
export interface FormProMaxProps<T = {}> extends FormProps {
|
||||||
|
|
|
@ -1,8 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 企事业单位 -->
|
<!-- 企事业单位 -->
|
||||||
<TableProMax ref="tableRef" :request-api="reqApi" :columns="columns" :searchFormOptions="searchFormOptions"
|
<TableProMax ref="tableRef" :request-api="reqApi" :columns="columns" :searchFormOptions="searchFormOptions" :scroll="{ x }">
|
||||||
:scroll="{ x }">
|
|
||||||
<!-- <template #tableHeader>
|
<!-- <template #tableHeader>
|
||||||
<a-space>
|
<a-space>
|
||||||
<a-button type="primary" @click="addUserManagement">新增用户</a-button>
|
<a-button type="primary" @click="addUserManagement">新增用户</a-button>
|
||||||
|
@ -16,18 +15,18 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="tsx">
|
<script setup lang="tsx">
|
||||||
import {storeTreeData, loadTreeFromCache} from '@/utils/DB.ts'
|
// import { storeTreeData, loadTreeFromCache } from '@/utils/DB.ts'
|
||||||
import api from '@/axios'
|
import api from '@/axios'
|
||||||
import {ref, reactive} from 'vue'
|
import { ref, reactive } from 'vue'
|
||||||
import TableProMax from '@/components/table/TableProMax.vue'
|
import TableProMax from '@/components/table/TableProMax.vue'
|
||||||
import {TableProMaxProps} from '@/types/components/table/index.ts'
|
import { TableProMaxProps } from '@/types/components/table/index.ts'
|
||||||
import {ComponentExposed} from 'vue-component-type-helpers'
|
import { ComponentExposed } from 'vue-component-type-helpers'
|
||||||
import {dictSelectNodes} from '@/config/dict.ts'
|
import { dictSelectNodes } from '@/config/dict.ts'
|
||||||
import {publicUnitPagerQueryParams, FromItem} from '@/types/views/publicUnit.ts'
|
import { publicUnitPagerQueryParams, FromItem } from '@/types/views/publicUnit.ts'
|
||||||
// import FormProMax from '@/components/form/FormProMax.vue'
|
// import FormProMax from '@/components/form/FormProMax.vue'
|
||||||
import {FormProMaxItemOptions} from '@/types/components/form//index.ts'
|
import { FormProMaxItemOptions } from '@/types/components/form//index.ts'
|
||||||
import {FormExpose} from 'ant-design-vue/es/form/Form'
|
import { FormExpose } from 'ant-design-vue/es/form/Form'
|
||||||
import {message} from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
|
|
||||||
const formRef = ref<FormExpose>(null)
|
const formRef = ref<FormExpose>(null)
|
||||||
type TableProps = TableProMaxProps<publicUnitPagerQueryParams>
|
type TableProps = TableProMaxProps<publicUnitPagerQueryParams>
|
||||||
|
@ -46,7 +45,7 @@ const columns: TableProps['columns'] = [
|
||||||
{
|
{
|
||||||
dataIndex: 'provinceName',
|
dataIndex: 'provinceName',
|
||||||
title: '行政区划',
|
title: '行政区划',
|
||||||
customRender: ({record}) => {
|
customRender: ({ record }) => {
|
||||||
return `${record?.provinceName}/${record?.cityName}/${record?.districtsName}/${record?.streetName}`
|
return `${record?.provinceName}/${record?.cityName}/${record?.districtsName}/${record?.streetName}`
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -72,14 +71,14 @@ const columns: TableProps['columns'] = [
|
||||||
{
|
{
|
||||||
dataIndex: 'contactPersonInfo',
|
dataIndex: 'contactPersonInfo',
|
||||||
title: '联系人姓名',
|
title: '联系人姓名',
|
||||||
customRender: ({record}) => {
|
customRender: ({ record }) => {
|
||||||
return record?.contactPersonInfo?.name
|
return record?.contactPersonInfo?.name
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
dataIndex: 'contactPersonInfo',
|
dataIndex: 'contactPersonInfo',
|
||||||
title: '联系人手机号',
|
title: '联系人手机号',
|
||||||
customRender: ({record}) => {
|
customRender: ({ record }) => {
|
||||||
return record?.contactPersonInfo?.telephone
|
return record?.contactPersonInfo?.telephone
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -100,33 +99,34 @@ const addUserManagement = () => {
|
||||||
title.value = ''
|
title.value = ''
|
||||||
}
|
}
|
||||||
|
|
||||||
const getTree = async () => {
|
// const getTree = async () => {
|
||||||
// 先尝试从缓存中加载数据
|
// // 先尝试从缓存中加载数据
|
||||||
const cachedData = await loadTreeFromCache()
|
// const cachedData = await loadTreeFromCache()
|
||||||
if (cachedData) {
|
// if (cachedData) {
|
||||||
console.log('未发请求')
|
// console.log('未发请求')
|
||||||
// 如果缓存存在,直接使用缓存数据
|
// // 如果缓存存在,直接使用缓存数据
|
||||||
return cachedData
|
// return cachedData
|
||||||
} else {
|
// } else {
|
||||||
console.log('发起了请求')
|
// console.log('发起了请求')
|
||||||
// 如果缓存不存在,发起 API 请求
|
// // 如果缓存不存在,发起 API 请求
|
||||||
const res = await api.get<any>('/common/administrativeDivisionTree')
|
// const res = await api.get<any>('/common/administrativeDivisionTree')
|
||||||
await storeTreeData(res.data)
|
// await storeTreeData(res.data)
|
||||||
return res.data
|
// return res.data
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
const loadOptions = async () => {
|
// const loadOptions = async () => {
|
||||||
const treeData = await getTree()
|
// const treeData = await getTree()
|
||||||
searchFormOptions.treeSelect.options = treeData
|
// searchFormOptions.treeSelect.options = treeData
|
||||||
}
|
// }
|
||||||
loadOptions()
|
// loadOptions()
|
||||||
const searchFormOptions = reactive<TableProps['searchFormOptions']>({
|
const searchFormOptions = reactive<TableProps['searchFormOptions']>({
|
||||||
name: {
|
name: {
|
||||||
type: 'input',
|
type: 'input',
|
||||||
label: '名称',
|
label: '名称',
|
||||||
},
|
},
|
||||||
treeSelect: {
|
treeSelect: {
|
||||||
type: 'cascader',
|
// type: 'cascader',
|
||||||
|
type: 'administrativeDivisionTree',
|
||||||
label: '行政区划',
|
label: '行政区划',
|
||||||
},
|
},
|
||||||
telephone: {
|
telephone: {
|
||||||
|
|
Loading…
Reference in New Issue