fix 网元输入框自动完成下拉选择
This commit is contained in:
@@ -8,13 +8,16 @@ type NeInfo = {
|
||||
/**网元列表 */
|
||||
nelist: Record<string, any>[];
|
||||
/**级联options树结构 */
|
||||
neOtions: Record<string, any>[];
|
||||
neCascaderOtions: Record<string, any>[];
|
||||
/**选择器单级父类型 */
|
||||
neSelectOtions: Record<string, any>[];
|
||||
};
|
||||
|
||||
const useNeInfoStore = defineStore('neinfo', {
|
||||
state: (): NeInfo => ({
|
||||
nelist: [],
|
||||
neOtions: [],
|
||||
neCascaderOtions: [],
|
||||
neSelectOtions: [],
|
||||
}),
|
||||
getters: {
|
||||
/**
|
||||
@@ -22,8 +25,16 @@ const useNeInfoStore = defineStore('neinfo', {
|
||||
* @param state 内部属性不用传入
|
||||
* @returns 级联options
|
||||
*/
|
||||
getNeOtions(state) {
|
||||
return state.neOtions;
|
||||
getNeCascaderOtions(state) {
|
||||
return state.neCascaderOtions;
|
||||
},
|
||||
/**
|
||||
* 选择器单级父类型
|
||||
* @param state 内部属性不用传入
|
||||
* @returns 级联options
|
||||
*/
|
||||
getNeSelectOtions(state) {
|
||||
return state.neSelectOtions;
|
||||
},
|
||||
},
|
||||
actions: {
|
||||
@@ -41,6 +52,9 @@ const useNeInfoStore = defineStore('neinfo', {
|
||||
}
|
||||
const res = await getNelistAll();
|
||||
if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
|
||||
// 原始列表
|
||||
this.nelist = res.data;
|
||||
|
||||
// 转级联数据
|
||||
const options = parseDataToOptions(
|
||||
res.data,
|
||||
@@ -48,8 +62,10 @@ const useNeInfoStore = defineStore('neinfo', {
|
||||
'neName',
|
||||
'neId'
|
||||
);
|
||||
this.neCascaderOtions = options;
|
||||
|
||||
this.neOtions = options;
|
||||
// 转选择器单级父类型
|
||||
this.neSelectOtions = options.map(item => item);
|
||||
}
|
||||
return res;
|
||||
},
|
||||
|
||||
@@ -16,6 +16,7 @@ import {
|
||||
import { saveAs } from 'file-saver';
|
||||
import useI18n from '@/hooks/useI18n';
|
||||
import { getConfigInfo, updateConfig } from '@/api/configManage/config';
|
||||
import useNeInfoStore from '@/store/modules/neinfo';
|
||||
const { t } = useI18n();
|
||||
const route = useRoute();
|
||||
|
||||
@@ -251,7 +252,7 @@ function fnModalVisibleByEdit() {
|
||||
if (res.code === RESULT_CODE_SUCCESS) {
|
||||
modalState.from.configTag = res.data.configTag
|
||||
modalState.from.autoBackupTime = res.data.value
|
||||
modalState.title = t('views.configManage.backupManage.SetBackupTask');
|
||||
modalState.title = t('views.configManage.backupManage.setBackupTask');
|
||||
modalState.visibleByEdit = true;
|
||||
} else {
|
||||
message.error(`获取配置信息失败`, 2);
|
||||
@@ -333,11 +334,12 @@ onMounted(() => {
|
||||
:label="t('views.configManage.backupManage.neType')"
|
||||
name="neType "
|
||||
>
|
||||
<a-input
|
||||
<a-auto-complete
|
||||
v-model:value="queryParams.neType"
|
||||
:options="useNeInfoStore().getNeSelectOtions"
|
||||
allow-clear
|
||||
:placeholder="t('views.configManage.backupManage.neTypePlease')"
|
||||
></a-input>
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :lg="6" :md="12" :xs="24">
|
||||
@@ -364,7 +366,7 @@ onMounted(() => {
|
||||
<a-space :size="8" align="center">
|
||||
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
|
||||
<template #icon><FieldTimeOutlined /></template>
|
||||
{{ t('views.configManage.backupManage.SetBackupTask') }}
|
||||
{{ t('views.configManage.backupManage.setBackupTask') }}
|
||||
</a-button>
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
@@ -97,7 +97,7 @@ onMounted(() => {
|
||||
<a-form-item label="网元类型" name="neType ">
|
||||
<a-cascader
|
||||
v-model:value="queryParams.neType"
|
||||
:options="useNeInfoStore().getNeOtions"
|
||||
:options="useNeInfoStore().getNeCascaderOtions"
|
||||
placeholder="请选择网元"
|
||||
/>
|
||||
</a-form-item>
|
||||
|
||||
Reference in New Issue
Block a user