|
|
|
@ -8,10 +8,15 @@
@@ -8,10 +8,15 @@
|
|
|
|
|
:wrapperCol="{ style: { width: '300px', 'margin-bottom': '5px' } }" |
|
|
|
|
> |
|
|
|
|
<AFormItem label="参数名称" name="name"> |
|
|
|
|
<a-input v-model:value="state.queryParams.name" placeholder="请输入参数名称"/> |
|
|
|
|
<a-input v-model:value="state.queryParams.name" |
|
|
|
|
allowClear |
|
|
|
|
placeholder="请输入参数名称" |
|
|
|
|
/> |
|
|
|
|
</AFormItem> |
|
|
|
|
<AFormItem label="参数键" name="key"> |
|
|
|
|
<a-input v-model:value="state.queryParams.key" placeholder="请输入参数键"/> |
|
|
|
|
<a-input v-model:value="state.queryParams.key" |
|
|
|
|
allowClear |
|
|
|
|
placeholder="请输入参数键"/> |
|
|
|
|
</AFormItem> |
|
|
|
|
<AFormItem label="系统内置" name="isSys"> |
|
|
|
|
<ASelect v-model:value="state.queryParams.isSys" |
|
|
|
@ -41,6 +46,7 @@
@@ -41,6 +46,7 @@
|
|
|
|
|
</AFormItem> |
|
|
|
|
</AForm> |
|
|
|
|
<ATable ref="tableElRef" |
|
|
|
|
:loading="state.loading" |
|
|
|
|
:size="state.selectedKeys[0]" |
|
|
|
|
:dataSource="state.dataSource" |
|
|
|
|
:columns="columns" |
|
|
|
@ -148,6 +154,7 @@
@@ -148,6 +154,7 @@
|
|
|
|
|
|
|
|
|
|
/** 类型规范统一声明定义区域 */ |
|
|
|
|
interface TableState { |
|
|
|
|
loading: boolean; |
|
|
|
|
ids: string[]; |
|
|
|
|
single: boolean; |
|
|
|
|
multiple: boolean; |
|
|
|
@ -194,6 +201,8 @@
@@ -194,6 +201,8 @@
|
|
|
|
|
const { toggle, isFullscreen } = useFullscreen(wrapRef); |
|
|
|
|
const [registerModal, { openModal }] = useModal(); |
|
|
|
|
const state = reactive<TableState>({ |
|
|
|
|
// 遮罩层 |
|
|
|
|
loading: true, |
|
|
|
|
// 选中数组 |
|
|
|
|
ids: [], |
|
|
|
|
// 非单个禁用 |
|
|
|
@ -203,7 +212,7 @@
@@ -203,7 +212,7 @@
|
|
|
|
|
// 总条数 |
|
|
|
|
total: 0, |
|
|
|
|
// 手动设置表格高度 |
|
|
|
|
tableHeight: 630, |
|
|
|
|
tableHeight: 588, |
|
|
|
|
// a-table表格实例 |
|
|
|
|
tableInstance: null, |
|
|
|
|
// a-form表单实例 |
|
|
|
@ -250,9 +259,11 @@
@@ -250,9 +259,11 @@
|
|
|
|
|
|
|
|
|
|
/** 查询列表数据 */ |
|
|
|
|
function getList() { |
|
|
|
|
state.loading = true; |
|
|
|
|
listConfig(convertDateRange(state.queryParams, state.dateRange)).then(response => { |
|
|
|
|
state.dataSource = response.data; |
|
|
|
|
state.total = response.total; |
|
|
|
|
state.loading = false; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|