update: 通知记录弹窗分页尺码大小优化
This commit is contained in:
parent
f4a0cc77b6
commit
71187fcf85
|
@ -46,8 +46,9 @@
|
||||||
total: dataSource.length,
|
total: dataSource.length,
|
||||||
current: current,
|
current: current,
|
||||||
pageSize: pageSize,
|
pageSize: pageSize,
|
||||||
pageSizeOptions: ['12', '24', '48', '96'],
|
pageSizeOptions: ['5', '10', '20', '50', '100'],
|
||||||
showSizeChanger: true,
|
showSizeChanger: true,
|
||||||
|
hideOnSinglePage: true,
|
||||||
showTotal: (total: number, range: number) => `第 ${range[0]} - ${range[1]} 条/总共 ${total} 条`,
|
showTotal: (total: number, range: number) => `第 ${range[0]} - ${range[1]} 条/总共 ${total} 条`,
|
||||||
}"
|
}"
|
||||||
@change="handleTableChange"
|
@change="handleTableChange"
|
||||||
|
@ -384,7 +385,7 @@ const getTableData = () => {
|
||||||
* 前端分页
|
* 前端分页
|
||||||
*/
|
*/
|
||||||
const current = ref(1);
|
const current = ref(1);
|
||||||
const pageSize = ref(12);
|
const pageSize = ref(5);
|
||||||
const handleTableChange = (pagination: any) => {
|
const handleTableChange = (pagination: any) => {
|
||||||
current.value = pagination.current;
|
current.value = pagination.current;
|
||||||
pageSize.value = pagination.pageSize;
|
pageSize.value = pagination.pageSize;
|
||||||
|
|
|
@ -1012,7 +1012,10 @@ const { resetFields, validate, validateInfos, clearValidate } = useForm(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.markdown?.title,
|
() => formData.value.template.markdown?.title,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1021,7 +1024,10 @@ watch(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.link?.title,
|
() => formData.value.template.link?.title,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1030,7 +1036,10 @@ watch(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.subject,
|
() => formData.value.template.subject,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1040,7 +1049,10 @@ watch(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.message,
|
() => formData.value.template.message,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1049,7 +1061,10 @@ watch(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.ttsmessage,
|
() => formData.value.template.ttsmessage,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1058,7 +1073,10 @@ watch(
|
||||||
watch(
|
watch(
|
||||||
() => formData.value.template.body,
|
() => formData.value.template.body,
|
||||||
(val) => {
|
(val) => {
|
||||||
if (!val) return;
|
if (!val) {
|
||||||
|
formData.value.variableDefinitions = [];
|
||||||
|
return;
|
||||||
|
}
|
||||||
variableReg();
|
variableReg();
|
||||||
},
|
},
|
||||||
{ deep: true },
|
{ deep: true },
|
||||||
|
@ -1162,7 +1180,10 @@ const getConfigList = async () => {
|
||||||
{ column: 'type$IN', value: formData.value.type },
|
{ column: 'type$IN', value: formData.value.type },
|
||||||
{ column: 'provider', value: formData.value.provider },
|
{ column: 'provider', value: formData.value.provider },
|
||||||
];
|
];
|
||||||
const { result } = await templateApi.getConfig({ terms });
|
const { result } = await templateApi.getConfig({
|
||||||
|
terms,
|
||||||
|
sorts: [{ name: 'createTime', order: 'desc' }],
|
||||||
|
});
|
||||||
configList.value = result;
|
configList.value = result;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue