Browse Source

分页刷新问题

master
zhanglei 1 day ago
parent
commit
3f0aee87ac
  1. 26
      templates/vue/index.vue.j2
  2. 38
      vue-vben-admin/apps/web-antd/src/views/device/index.vue
  3. 26
      vue-vben-admin/apps/web-antd/src/views/fun/index.vue

26
templates/vue/index.vue.j2

@ -134,7 +134,8 @@ watch(
{immediate: false}
);
// ========== 表格配置 ==========
// 存储当前页码
const currentPageRef = ref(1);
// ========== 表格配置 ==========
const gridOptions = {
columns: [
@ -292,22 +293,21 @@ const gridOptions = {
console.log('=== 查询参数 ===', {
pageNum: page?.currentPage || 1,
pageSize: page?.pageSize || 10,
currentPageRef: currentPageRef.value,
...queryValues,
})
const res = await {{entity}}Api.page({
pageNum: page?.currentPage || 1,
pageNum: page.currentPage || 1,
pageSize: page?.pageSize || 10,
...queryValues, // 携带查询条件
})
const data = res.error?.result || res.result || res
return {
items: data.records || [],
total: data.total || 0
}
} catch (error) {
console.error('查询列表失败:', error)
throw error
@ -360,15 +360,15 @@ const [Modal, modalApi] = useVbenModal({
if (isEdit.value && currentRow.value?.id) {
await {{entity}}Api.save({...finalSubmitValues, id: currentRow.value.id});
Object.assign(currentRow.value, finalSubmitValues);
modalApi.close();
gridApi.reloadRow(currentRow.value);
isEdit.value = false;
} else {
await {{entity}}Api.add(finalSubmitValues);
}
modalApi.close();
gridApi.reload();
// 重置上传 URL 记录
if (!isEdit.value) {
// 新增才 reload(必须)
modalApi.close();
gridApi.reload();
formUploadUrls.value = {};
}
} catch (error) {
@ -433,7 +433,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
// 关闭弹窗并刷新表格
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
// 重置状态
uploadFileList.value = [];
@ -447,7 +447,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
// 只更新预览,不保存
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
}
} catch (error: any) {

38
vue-vben-admin/apps/web-antd/src/views/device/index.vue

@ -134,7 +134,8 @@ watch(
{immediate: false}
);
// ========== ==========
//
const currentPageRef = ref(1);
// ========== ==========
const gridOptions = {
columns: [
@ -292,22 +293,21 @@ const gridOptions = {
console.log('=== 查询参数 ===', {
pageNum: page?.currentPage || 1,
pageSize: page?.pageSize || 10,
currentPageRef: currentPageRef.value,
...queryValues,
})
const res = await deviceApi.page({
pageNum: page?.currentPage || 1,
pageNum: page.currentPage || 1,
pageSize: page?.pageSize || 10,
...queryValues, //
})
const data = res.error?.result || res.result || res
return {
items: data.records || [],
total: data.total || 0
}
} catch (error) {
console.error('查询列表失败:', error)
throw error
@ -360,15 +360,15 @@ const [Modal, modalApi] = useVbenModal({
if (isEdit.value && currentRow.value?.id) {
await deviceApi.save({...finalSubmitValues, id: currentRow.value.id});
Object.assign(currentRow.value, finalSubmitValues);
modalApi.close();
gridApi.reloadRow(currentRow.value);
isEdit.value = false;
} else {
await deviceApi.add(finalSubmitValues);
}
modalApi.close();
gridApi.reload();
// URL
if (!isEdit.value) {
// reload
modalApi.close();
gridApi.reload();
formUploadUrls.value = {};
}
} catch (error) {
@ -433,7 +433,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
//
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
//
uploadFileList.value = [];
@ -447,7 +447,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
//
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
}
} catch (error: any) {
@ -478,7 +478,7 @@ const getEditFormSchema = () => {
//
if (!isEdit.value && isImageField(item.fieldName)) {
// 使 formUploadUrls URL使
const currentImageUrl = formUploadUrls.value[item.fieldName] || formApi.getValues()?.[item.fieldName] || '';
const currentImageUrl = formUploadUrls.value[item.fieldName] || '';
return {
...item,
component: 'Upload',
@ -510,20 +510,14 @@ const getEditFormSchema = () => {
// URL
formUploadUrls.value[item.fieldName] = resultUrl;
//
const currentValues = formApi.getValues();
formApi.setValues({
...currentValues,
[item.fieldName]: resultUrl
});
// schema fileList
setTimeout(() => {
formApi.setState({
schema: getEditFormSchema(),
});
}, 0);
formApi.resetForm();
// Deleted:formApi.resetForm();
// false
return false;
} catch (error: any) {

26
vue-vben-admin/apps/web-antd/src/views/fun/index.vue

@ -134,7 +134,8 @@ watch(
{immediate: false}
);
// ========== ==========
//
const currentPageRef = ref(1);
// ========== ==========
const gridOptions = {
columns: [
@ -292,22 +293,21 @@ const gridOptions = {
console.log('=== 查询参数 ===', {
pageNum: page?.currentPage || 1,
pageSize: page?.pageSize || 10,
currentPageRef: currentPageRef.value,
...queryValues,
})
const res = await funApi.page({
pageNum: page?.currentPage || 1,
pageNum: page.currentPage || 1,
pageSize: page?.pageSize || 10,
...queryValues, //
})
const data = res.error?.result || res.result || res
return {
items: data.records || [],
total: data.total || 0
}
} catch (error) {
console.error('查询列表失败:', error)
throw error
@ -360,15 +360,15 @@ const [Modal, modalApi] = useVbenModal({
if (isEdit.value && currentRow.value?.id) {
await funApi.save({...finalSubmitValues, id: currentRow.value.id});
Object.assign(currentRow.value, finalSubmitValues);
modalApi.close();
gridApi.reloadRow(currentRow.value);
isEdit.value = false;
} else {
await funApi.add(finalSubmitValues);
}
modalApi.close();
gridApi.reload();
// URL
if (!isEdit.value) {
// reload
modalApi.close();
gridApi.reload();
formUploadUrls.value = {};
}
} catch (error) {
@ -433,7 +433,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
//
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
//
uploadFileList.value = [];
@ -447,7 +447,7 @@ const [UploadModal, uploadModalApi] = useVbenModal({
//
uploadModalApi.close();
gridApi.reload();
// gridApi.reload();
}
} catch (error: any) {

Loading…
Cancel
Save