page: 📄 添加任务调度页面
This commit is contained in:
parent
7ffbb3bc08
commit
24e2990da9
|
@ -0,0 +1,22 @@
|
||||||
|
import { http } from '@/api/service/request';
|
||||||
|
import type { BaseResult, ResultTable } from '@/api/service/types';
|
||||||
|
|
||||||
|
/** Schedulers视图---获取Schedulers视图列表 */
|
||||||
|
export const fetchGetSchedulersList = (data: any) => {
|
||||||
|
return http.request<BaseResult<ResultTable>>('get', `schedulers/getSchedulersList/${data.currentPage}/${data.pageSize}`, { params: data });
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Schedulers视图---添加Schedulers视图 */
|
||||||
|
export const fetchAddSchedulers = (data: any) => {
|
||||||
|
return http.request<BaseResult<object>>('post', 'schedulers/addSchedulers', { data });
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Schedulers视图---更新Schedulers视图 */
|
||||||
|
export const fetchUpdateSchedulers = (data: any) => {
|
||||||
|
return http.request<BaseResult<object>>('put', 'schedulers/updateSchedulers', { data });
|
||||||
|
};
|
||||||
|
|
||||||
|
/** Schedulers视图---删除Schedulers视图 */
|
||||||
|
export const fetchDeleteSchedulers = (data: any) => {
|
||||||
|
return http.request<BaseResult<object>>('delete', 'schedulers/deleteSchedulers', { data });
|
||||||
|
};
|
|
@ -0,0 +1,77 @@
|
||||||
|
import { defineStore } from 'pinia';
|
||||||
|
import { fetchAddSchedulers, fetchDeleteSchedulers, fetchGetSchedulersList, fetchUpdateSchedulers } from '@/api/v1/schedulers';
|
||||||
|
import { pageSizes } from '@/enums/baseConstant';
|
||||||
|
import { storeMessage } from '@/utils/message';
|
||||||
|
import { storePagination } from '@/store/useStorePagination';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Schedulers视图 Store
|
||||||
|
*/
|
||||||
|
export const useSchedulersStore = defineStore('schedulersStore', {
|
||||||
|
state() {
|
||||||
|
return {
|
||||||
|
// Schedulers视图列表
|
||||||
|
datalist: [],
|
||||||
|
// 查询表单
|
||||||
|
form: {
|
||||||
|
// 任务名称
|
||||||
|
jobName: undefined,
|
||||||
|
// 任务分组
|
||||||
|
jobGroup: undefined,
|
||||||
|
// 任务详情
|
||||||
|
description: undefined,
|
||||||
|
// 任务类名称
|
||||||
|
jobClassName: undefined,
|
||||||
|
// 触发器名称
|
||||||
|
triggerName: undefined,
|
||||||
|
// triggerState触发器状态
|
||||||
|
triggerState: undefined,
|
||||||
|
},
|
||||||
|
// 分页查询结果
|
||||||
|
pagination: {
|
||||||
|
currentPage: 1,
|
||||||
|
pageSize: 150,
|
||||||
|
total: 100,
|
||||||
|
pageSizes,
|
||||||
|
},
|
||||||
|
// 加载
|
||||||
|
loading: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
getters: {},
|
||||||
|
actions: {
|
||||||
|
/** 获取Schedulers视图 */
|
||||||
|
async getSchedulersList() {
|
||||||
|
// 整理请求参数
|
||||||
|
const data = { ...this.pagination, ...this.form };
|
||||||
|
delete data.pageSizes;
|
||||||
|
delete data.total;
|
||||||
|
delete data.background;
|
||||||
|
|
||||||
|
// 获取Schedulers视图列表
|
||||||
|
const result = await fetchGetSchedulersList(data);
|
||||||
|
|
||||||
|
// 公共页面函数hook
|
||||||
|
const pagination = storePagination.bind(this);
|
||||||
|
return pagination(result);
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 添加Schedulers视图 */
|
||||||
|
async addSchedulers(data: any) {
|
||||||
|
const result = await fetchAddSchedulers(data);
|
||||||
|
return storeMessage(result);
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 修改Schedulers视图 */
|
||||||
|
async updateSchedulers(data: any) {
|
||||||
|
const result = await fetchUpdateSchedulers(data);
|
||||||
|
return storeMessage(result);
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 删除Schedulers视图 */
|
||||||
|
async deleteSchedulers(data: any) {
|
||||||
|
const result = await fetchDeleteSchedulers(data);
|
||||||
|
return storeMessage(result);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
|
@ -0,0 +1,129 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { onMounted, ref } from 'vue';
|
||||||
|
import { columns } from '@/views/monitor/schedulers/utils/columns';
|
||||||
|
import PureTableBar from '@/components/TableBar/src/bar';
|
||||||
|
import AddFill from '@iconify-icons/ri/add-circle-line';
|
||||||
|
import PureTable from '@pureadmin/table';
|
||||||
|
import { onAdd, onDelete, onSearch, onUpdate } from '@/views/monitor/schedulers/utils/hooks';
|
||||||
|
import Delete from '@iconify-icons/ep/delete';
|
||||||
|
import EditPen from '@iconify-icons/ep/edit-pen';
|
||||||
|
import Refresh from '@iconify-icons/ep/refresh';
|
||||||
|
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
|
||||||
|
import { $t } from '@/plugins/i18n';
|
||||||
|
import { useSchedulersStore } from '@/store/monitor/schedulers.ts';
|
||||||
|
import { useRenderIcon } from '@/components/CommonIcon/src/hooks';
|
||||||
|
import { FormInstance } from 'element-plus';
|
||||||
|
|
||||||
|
const tableRef = ref();
|
||||||
|
const formRef = ref();
|
||||||
|
const schedulersStore = useSchedulersStore();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 当前页改变时
|
||||||
|
*/
|
||||||
|
const onCurrentPageChange = async (value: number) => {
|
||||||
|
schedulersStore.pagination.currentPage = value;
|
||||||
|
await onSearch();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 当分页发生变化
|
||||||
|
* @param value
|
||||||
|
*/
|
||||||
|
const onPageSizeChange = async (value: number) => {
|
||||||
|
schedulersStore.pagination.pageSize = value;
|
||||||
|
await onSearch();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 重置表单
|
||||||
|
* @param formEl
|
||||||
|
*/
|
||||||
|
const resetForm = async (formEl: FormInstance | undefined) => {
|
||||||
|
if (!formEl) return;
|
||||||
|
formEl.resetFields();
|
||||||
|
await onSearch();
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
onSearch();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="main">
|
||||||
|
<el-form ref="formRef" :inline="true" :model="schedulersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
|
||||||
|
<el-form-item :label="$t('schedulers_jobName')" prop="jobName">
|
||||||
|
<el-input v-model="schedulersStore.form.jobName" :placeholder="`${$t('input')}${$t('schedulers_jobName')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
|
||||||
|
<el-input v-model="schedulersStore.form.jobGroup" :placeholder="`${$t('input')}${$t('schedulers_jobGroup')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('description')" prop="description">
|
||||||
|
<el-input v-model="schedulersStore.form.description" :placeholder="`${$t('input')}${$t('description')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
|
||||||
|
<el-input v-model="schedulersStore.form.jobClassName" :placeholder="`${$t('input')}${$t('schedulers_jobClassName')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_triggerName')" prop="triggerName">
|
||||||
|
<el-input v-model="schedulersStore.form.triggerName" :placeholder="`${$t('input')}${$t('schedulers_triggerName')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_triggerState')" prop="triggerState">
|
||||||
|
<el-input v-model="schedulersStore.form.triggerState" :placeholder="`${$t('input')}${$t('schedulers_triggerState')}`" class="!w-[180px]" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button :icon="useRenderIcon('ri:search-line')" :loading="schedulersStore.loading" type="primary" @click="onSearch"> {{ $t('search') }} </el-button>
|
||||||
|
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)"> {{ $t('buttons.reset') }}</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<PureTableBar :columns="columns" title="Schedulers视图" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
|
||||||
|
<template #buttons>
|
||||||
|
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot="{ size, dynamicColumns }">
|
||||||
|
<pure-table
|
||||||
|
ref="tableRef"
|
||||||
|
:adaptiveConfig="{ offsetBottom: 96 }"
|
||||||
|
:columns="dynamicColumns"
|
||||||
|
:data="schedulersStore.datalist"
|
||||||
|
:header-cell-style="{ background: 'var(--el-fill-color-light)', color: 'var(--el-text-color-primary)' }"
|
||||||
|
:loading="schedulersStore.loading"
|
||||||
|
:pagination="schedulersStore.pagination"
|
||||||
|
:size="size"
|
||||||
|
adaptive
|
||||||
|
align-whole="center"
|
||||||
|
border
|
||||||
|
highlight-current-row
|
||||||
|
row-key="id"
|
||||||
|
showOverflowTooltip
|
||||||
|
table-layout="auto"
|
||||||
|
@page-size-change="onPageSizeChange"
|
||||||
|
@page-current-change="onCurrentPageChange"
|
||||||
|
>
|
||||||
|
<template #createUser="{ row }">
|
||||||
|
<el-button link type="primary" @click="selectUserinfo(row.createUser)">{{ $t('table.createUser') }} </el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #updateUser="{ row }">
|
||||||
|
<el-button link type="primary" @click="selectUserinfo(row.updateUser)">{{ $t('table.updateUser') }} </el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #operation="{ row }">
|
||||||
|
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
|
||||||
|
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd"> {{ $t('add_new') }} </el-button>
|
||||||
|
<!-- TODO 待完成 -->
|
||||||
|
<el-popconfirm :title="`${$t('delete')}${row.email}?`" @confirm="onDelete(row)">
|
||||||
|
<template #reference>
|
||||||
|
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
|
||||||
|
{{ $t('delete') }}
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-popconfirm>
|
||||||
|
</template>
|
||||||
|
</pure-table>
|
||||||
|
</template>
|
||||||
|
</PureTableBar>
|
||||||
|
</div>
|
||||||
|
</template>
|
|
@ -0,0 +1,57 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import { FormInstance } from 'element-plus';
|
||||||
|
import { rules } from '@/views/monitor/schedulers/utils/columns';
|
||||||
|
import { FormProps } from '@/views/monitor/schedulers/utils/types';
|
||||||
|
import { $t } from '@/plugins/i18n';
|
||||||
|
|
||||||
|
const props = withDefaults(defineProps<FormProps>(), {
|
||||||
|
formInline: () => ({
|
||||||
|
// 任务名称
|
||||||
|
jobName: undefined,
|
||||||
|
// 任务分组
|
||||||
|
jobGroup: undefined,
|
||||||
|
// 任务详情
|
||||||
|
description: undefined,
|
||||||
|
// 任务类名称
|
||||||
|
jobClassName: undefined,
|
||||||
|
// corn表达式
|
||||||
|
cronExpression: undefined,
|
||||||
|
// 触发器名称
|
||||||
|
triggerName: undefined,
|
||||||
|
// triggerState触发器状态
|
||||||
|
triggerState: undefined,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
const formRef = ref<FormInstance>();
|
||||||
|
const form = ref(props.formInline);
|
||||||
|
|
||||||
|
defineExpose({ formRef });
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
|
||||||
|
<el-form-item :label="$t('schedulers_jobName')" prop="jobName">
|
||||||
|
<el-input v-model="form.jobName" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
|
||||||
|
<el-input v-model="form.jobGroup" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('description')" prop="description">
|
||||||
|
<el-input v-model="form.description" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
|
||||||
|
<el-input v-model="form.jobClassName" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_cronExpression')" prop="cronExpression">
|
||||||
|
<el-input v-model="form.cronExpression" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_triggerName')" prop="triggerName">
|
||||||
|
<el-input v-model="form.triggerName" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('schedulers_triggerState')" prop="triggerState">
|
||||||
|
<el-input v-model="form.triggerState" autocomplete="off" type="text" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
|
@ -0,0 +1,41 @@
|
||||||
|
import { reactive } from 'vue';
|
||||||
|
import { $t } from '@/plugins/i18n';
|
||||||
|
|
||||||
|
// 表格列
|
||||||
|
export const columns: TableColumnList = [
|
||||||
|
{ type: 'index', index: (index: number) => index + 1, label: '序号', width: 60 },
|
||||||
|
// 任务名称
|
||||||
|
{ label: $t('schedulers_jobName'), prop: 'jobName' },
|
||||||
|
// 任务分组
|
||||||
|
{ label: $t('schedulers_jobGroup'), prop: 'jobGroup' },
|
||||||
|
// 任务详情
|
||||||
|
{ label: $t('description'), prop: 'description' },
|
||||||
|
// 任务类名称
|
||||||
|
{ label: $t('schedulers_jobClassName'), prop: 'jobClassName' },
|
||||||
|
// corn表达式
|
||||||
|
{ label: $t('schedulers_cronExpression'), prop: 'cronExpression' },
|
||||||
|
// 触发器名称
|
||||||
|
{ label: $t('schedulers_triggerName'), prop: 'triggerName' },
|
||||||
|
// triggerState触发器状态
|
||||||
|
{ label: $t('schedulers_triggerState'), prop: 'triggerState' },
|
||||||
|
// 操作
|
||||||
|
{ label: $t('table.operation'), fixed: 'right', width: 210, slot: 'operation' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// 添加规则
|
||||||
|
export const rules = reactive({
|
||||||
|
// 任务名称
|
||||||
|
jobName: [{ required: true, message: `${$t('input')}${$t('schedulers_jobName')}`, trigger: 'blur' }],
|
||||||
|
// 任务分组
|
||||||
|
jobGroup: [{ required: true, message: `${$t('input')}${$t('schedulers_jobGroup')}`, trigger: 'blur' }],
|
||||||
|
// 任务详情
|
||||||
|
description: [{ required: true, message: `${$t('input')}${$t('description')}`, trigger: 'blur' }],
|
||||||
|
// 任务类名称
|
||||||
|
jobClassName: [{ required: true, message: `${$t('input')}${$t('schedulers_jobClassName')}`, trigger: 'blur' }],
|
||||||
|
// corn表达式
|
||||||
|
cronExpression: [{ required: true, message: `${$t('input')}${$t('schedulers_cronExpression')}`, trigger: 'blur' }],
|
||||||
|
// 触发器名称
|
||||||
|
triggerName: [{ required: true, message: `${$t('input')}${$t('schedulers_triggerName')}`, trigger: 'blur' }],
|
||||||
|
// triggerState触发器状态
|
||||||
|
triggerState: [{ required: true, message: `${$t('input')}${$t('schedulers_triggerState')}`, trigger: 'blur' }],
|
||||||
|
});
|
|
@ -0,0 +1,112 @@
|
||||||
|
import { addDialog } from '@/components/BaseDialog/index';
|
||||||
|
import SchedulersDialog from '@/views/monitor/schedulers/schedulers-dialog.vue';
|
||||||
|
import { useSchedulersStore } from '@/store/monitor/schedulers.ts';
|
||||||
|
import { h, ref } from 'vue';
|
||||||
|
import { messageBox } from '@/utils/message';
|
||||||
|
import type { FormItemProps } from '@/views/monitor/schedulers/utils/types';
|
||||||
|
import { $t } from '@/plugins/i18n';
|
||||||
|
|
||||||
|
export const formRef = ref();
|
||||||
|
const schedulersStore = useSchedulersStore();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 搜索初始化Schedulers视图
|
||||||
|
*/
|
||||||
|
export async function onSearch() {
|
||||||
|
schedulersStore.loading = true;
|
||||||
|
await schedulersStore.getSchedulersList();
|
||||||
|
schedulersStore.loading = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 添加Schedulers视图
|
||||||
|
*/
|
||||||
|
export function onAdd() {
|
||||||
|
addDialog({
|
||||||
|
title: `${$t('add_new')}${$t('schedulers')}`,
|
||||||
|
width: '30%',
|
||||||
|
props: {
|
||||||
|
formInline: {
|
||||||
|
jobName: undefined,
|
||||||
|
jobGroup: undefined,
|
||||||
|
description: undefined,
|
||||||
|
jobClassName: undefined,
|
||||||
|
cronExpression: undefined,
|
||||||
|
triggerName: undefined,
|
||||||
|
triggerState: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
draggable: true,
|
||||||
|
fullscreenIcon: true,
|
||||||
|
closeOnClickModal: false,
|
||||||
|
contentRenderer: () => h(SchedulersDialog, { ref: formRef }),
|
||||||
|
beforeSure: (done, { options }) => {
|
||||||
|
const form = options.props.formInline as FormItemProps;
|
||||||
|
formRef.value.formRef.validate(async (valid: any) => {
|
||||||
|
if (!valid) return;
|
||||||
|
|
||||||
|
const result = await schedulersStore.addSchedulers(form);
|
||||||
|
if (!result) return;
|
||||||
|
done();
|
||||||
|
await onSearch();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 更新Schedulers视图
|
||||||
|
* @param row
|
||||||
|
*/
|
||||||
|
export function onUpdate(row: any) {
|
||||||
|
addDialog({
|
||||||
|
title: `${$t('modify')}${$t('schedulers')}`,
|
||||||
|
width: '30%',
|
||||||
|
props: {
|
||||||
|
formInline: {
|
||||||
|
jobName: row.jobName,
|
||||||
|
jobGroup: row.jobGroup,
|
||||||
|
description: row.description,
|
||||||
|
jobClassName: row.jobClassName,
|
||||||
|
cronExpression: row.cronExpression,
|
||||||
|
triggerName: row.triggerName,
|
||||||
|
triggerState: row.triggerState,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
draggable: true,
|
||||||
|
fullscreenIcon: true,
|
||||||
|
closeOnClickModal: false,
|
||||||
|
contentRenderer: () => h(SchedulersDialog, { ref: formRef }),
|
||||||
|
beforeSure: (done, { options }) => {
|
||||||
|
const form = options.props.formInline as FormItemProps;
|
||||||
|
formRef.value.formRef.validate(async (valid: any) => {
|
||||||
|
if (!valid) return;
|
||||||
|
|
||||||
|
const result = await schedulersStore.updateSchedulers({ ...form, id: row.id });
|
||||||
|
if (!result) return;
|
||||||
|
done();
|
||||||
|
await onSearch();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 删除Schedulers视图
|
||||||
|
*/
|
||||||
|
export const onDelete = async (row: any) => {
|
||||||
|
const id = row.id;
|
||||||
|
|
||||||
|
// 是否确认删除
|
||||||
|
const result = await messageBox({
|
||||||
|
title: $t('confirm_delete'),
|
||||||
|
showMessage: false,
|
||||||
|
confirmMessage: undefined,
|
||||||
|
cancelMessage: $t('cancel_delete'),
|
||||||
|
});
|
||||||
|
if (!result) return;
|
||||||
|
|
||||||
|
// 删除数据
|
||||||
|
await schedulersStore.deleteSchedulers([id]);
|
||||||
|
await onSearch();
|
||||||
|
};
|
|
@ -0,0 +1,22 @@
|
||||||
|
// 添加或者修改表单元素
|
||||||
|
export interface FormItemProps {
|
||||||
|
// 任务名称
|
||||||
|
jobName: string;
|
||||||
|
// 任务分组
|
||||||
|
jobGroup: string;
|
||||||
|
// 任务详情
|
||||||
|
description: string;
|
||||||
|
// 任务类名称
|
||||||
|
jobClassName: string;
|
||||||
|
// corn表达式
|
||||||
|
cronExpression: string;
|
||||||
|
// 触发器名称
|
||||||
|
triggerName: string;
|
||||||
|
// triggerState触发器状态
|
||||||
|
triggerState: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加或修改表单Props
|
||||||
|
export interface FormProps {
|
||||||
|
formInline: FormItemProps;
|
||||||
|
}
|
Loading…
Reference in New Issue