fix: 代码生成批量删除相关 setCheckedIds -> handleRowCheckboxChange、deleteIds -> checkedIds 然后注释去掉
parent
2c9032e595
commit
2abe2e21bc
|
@ -73,10 +73,8 @@ async function handleDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// TODO @puhui999:方法名,改成 handleRowCheckboxChange;注释:处理选中表格行
|
const checkedIds = ref<number[]>([]);
|
||||||
// TODO @puhui999:deleteIds => checkedIds;然后注释去掉?
|
function handleRowCheckboxChange({
|
||||||
const checkedIds = ref<number[]>([]); // 待删除示例联系人 ID
|
|
||||||
function setCheckedIds({
|
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo01ContactApi.Demo01Contact[];
|
records: Demo01ContactApi.Demo01Contact[];
|
||||||
|
@ -121,8 +119,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
},
|
},
|
||||||
} as VxeTableGridOptions<Demo01ContactApi.Demo01Contact>,
|
} as VxeTableGridOptions<Demo01ContactApi.Demo01Contact>,
|
||||||
gridEvents: {
|
gridEvents: {
|
||||||
checkboxAll: setCheckedIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setCheckedIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -75,7 +75,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
onRefresh();
|
onRefresh();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -83,13 +83,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Grade[];
|
records: Demo03StudentApi.Demo03Grade[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -150,8 +150,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
cellClick: ({ row }: { row: Demo03StudentApi.Demo03Student }) => {
|
cellClick: ({ row }: { row: Demo03StudentApi.Demo03Student }) => {
|
||||||
selectDemo03Student.value = row;
|
selectDemo03Student.value = row;
|
||||||
},
|
},
|
||||||
checkboxAll: setDeleteIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setDeleteIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
@ -185,7 +185,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
|
|
@ -74,7 +74,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03CourseList(deleteIds.value);
|
await deleteDemo03CourseList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
onRefresh();
|
onRefresh();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -82,13 +82,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生课程 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Course[];
|
records: Demo03StudentApi.Demo03Course[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 表格操作按钮的回调函数 */
|
/** 表格操作按钮的回调函数 */
|
||||||
|
@ -143,8 +143,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
},
|
},
|
||||||
} as VxeTableGridOptions<Demo03StudentApi.Demo03Course>,
|
} as VxeTableGridOptions<Demo03StudentApi.Demo03Course>,
|
||||||
gridEvents: {
|
gridEvents: {
|
||||||
checkboxAll: setDeleteIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setDeleteIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -184,7 +184,7 @@ watch(
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
|
|
@ -74,7 +74,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03GradeList(deleteIds.value);
|
await deleteDemo03GradeList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
onRefresh();
|
onRefresh();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -82,13 +82,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生班级 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Grade[];
|
records: Demo03StudentApi.Demo03Grade[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 表格操作按钮的回调函数 */
|
/** 表格操作按钮的回调函数 */
|
||||||
|
@ -143,8 +143,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
},
|
},
|
||||||
} as VxeTableGridOptions<Demo03StudentApi.Demo03Grade>,
|
} as VxeTableGridOptions<Demo03StudentApi.Demo03Grade>,
|
||||||
gridEvents: {
|
gridEvents: {
|
||||||
checkboxAll: setDeleteIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setDeleteIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -184,7 +184,7 @@ watch(
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
|
|
@ -74,7 +74,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
onRefresh();
|
onRefresh();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -82,13 +82,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Student[];
|
records: Demo03StudentApi.Demo03Student[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -145,8 +145,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
},
|
},
|
||||||
} as VxeTableGridOptions<Demo03StudentApi.Demo03Student>,
|
} as VxeTableGridOptions<Demo03StudentApi.Demo03Student>,
|
||||||
gridEvents: {
|
gridEvents: {
|
||||||
checkboxAll: setDeleteIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setDeleteIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
@ -190,7 +190,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
|
|
@ -61,13 +61,13 @@ async function onDelete(row: Demo03StudentApi.Demo03Student) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Student[];
|
records: Demo03StudentApi.Demo03Student[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
/** 批量删除学生 */
|
/** 批量删除学生 */
|
||||||
async function onDeleteBatch() {
|
async function onDeleteBatch() {
|
||||||
|
@ -77,7 +77,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
onRefresh();
|
onRefresh();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -139,8 +139,8 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
},
|
},
|
||||||
} as VxeTableGridOptions<Demo03StudentApi.Demo03Student>,
|
} as VxeTableGridOptions<Demo03StudentApi.Demo03Student>,
|
||||||
gridEvents: {
|
gridEvents: {
|
||||||
checkboxAll: setDeleteIds,
|
checkboxAll: handleRowCheckboxChange,
|
||||||
checkboxChange: setDeleteIds,
|
checkboxChange: handleRowCheckboxChange,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
@ -173,7 +173,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
|
|
@ -122,7 +122,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo01ContactList(deleteIds.value);
|
await deleteDemo01ContactList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -130,13 +130,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除示例联系人 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo01ContactApi.Demo01Contact[];
|
records: Demo01ContactApi.Demo01Contact[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -241,7 +241,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo01-contact:delete']"
|
v-access:code="['infra:demo01-contact:delete']"
|
||||||
>
|
>
|
||||||
|
@ -254,8 +254,8 @@ onMounted(() => {
|
||||||
:data="list"
|
:data="list"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<VxeColumn field="id" title="编号" align="center" />
|
<VxeColumn field="id" title="编号" align="center" />
|
||||||
|
|
|
@ -133,7 +133,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -141,13 +141,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Student[];
|
records: Demo03StudentApi.Demo03Student[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -250,7 +250,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
@ -269,8 +269,8 @@ onMounted(() => {
|
||||||
}"
|
}"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<VxeColumn field="id" title="编号" align="center" />
|
<VxeColumn field="id" title="编号" align="center" />
|
||||||
|
|
|
@ -80,7 +80,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03CourseList(deleteIds.value);
|
await deleteDemo03CourseList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -88,13 +88,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生课程 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Course[];
|
records: Demo03StudentApi.Demo03Course[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
const loading = ref(true); // 列表的加载中
|
const loading = ref(true); // 列表的加载中
|
||||||
|
@ -231,7 +231,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
@ -244,8 +244,8 @@ onMounted(() => {
|
||||||
:data="list"
|
:data="list"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<VxeColumn field="id" title="编号" align="center" />
|
<VxeColumn field="id" title="编号" align="center" />
|
||||||
|
|
|
@ -80,7 +80,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03GradeList(deleteIds.value);
|
await deleteDemo03GradeList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -88,13 +88,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生班级 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Grade[];
|
records: Demo03StudentApi.Demo03Grade[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
const loading = ref(true); // 列表的加载中
|
const loading = ref(true); // 列表的加载中
|
||||||
|
@ -231,7 +231,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
@ -244,8 +244,8 @@ onMounted(() => {
|
||||||
:data="list"
|
:data="list"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<VxeColumn field="id" title="编号" align="center" />
|
<VxeColumn field="id" title="编号" align="center" />
|
||||||
|
|
|
@ -129,7 +129,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -137,13 +137,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Student[];
|
records: Demo03StudentApi.Demo03Student[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -246,7 +246,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
@ -259,8 +259,8 @@ onMounted(() => {
|
||||||
:data="list"
|
:data="list"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<!-- 子表的列表 -->
|
<!-- 子表的列表 -->
|
||||||
|
|
|
@ -123,7 +123,7 @@ async function onDeleteBatch() {
|
||||||
key: 'action_process_msg',
|
key: 'action_process_msg',
|
||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
await deleteDemo03StudentList(deleteIds.value);
|
await deleteDemo03StudentList(checkedIds.value);
|
||||||
message.success($t('ui.actionMessage.deleteSuccess'));
|
message.success($t('ui.actionMessage.deleteSuccess'));
|
||||||
await getList();
|
await getList();
|
||||||
} finally {
|
} finally {
|
||||||
|
@ -131,13 +131,13 @@ async function onDeleteBatch() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const deleteIds = ref<number[]>([]); // 待删除学生 ID
|
const checkedIds = ref<number[]>([]);
|
||||||
function setDeleteIds({
|
function handleRowCheckboxChange({
|
||||||
records,
|
records,
|
||||||
}: {
|
}: {
|
||||||
records: Demo03StudentApi.Demo03Student[];
|
records: Demo03StudentApi.Demo03Student[];
|
||||||
}) {
|
}) {
|
||||||
deleteIds.value = records.map((item) => item.id);
|
checkedIds.value = records.map((item) => item.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出表格 */
|
/** 导出表格 */
|
||||||
|
@ -240,7 +240,7 @@ onMounted(() => {
|
||||||
type="primary"
|
type="primary"
|
||||||
danger
|
danger
|
||||||
class="ml-2"
|
class="ml-2"
|
||||||
:disabled="isEmpty(deleteIds)"
|
:disabled="isEmpty(checkedIds)"
|
||||||
@click="onDeleteBatch"
|
@click="onDeleteBatch"
|
||||||
v-access:code="['infra:demo03-student:delete']"
|
v-access:code="['infra:demo03-student:delete']"
|
||||||
>
|
>
|
||||||
|
@ -253,8 +253,8 @@ onMounted(() => {
|
||||||
:data="list"
|
:data="list"
|
||||||
show-overflow
|
show-overflow
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
@checkbox-all="setDeleteIds"
|
@checkbox-all="handleRowCheckboxChange"
|
||||||
@checkbox-change="setDeleteIds"
|
@checkbox-change="handleRowCheckboxChange"
|
||||||
>
|
>
|
||||||
<VxeColumn type="checkbox" width="40" />
|
<VxeColumn type="checkbox" width="40" />
|
||||||
<VxeColumn field="id" title="编号" align="center" />
|
<VxeColumn field="id" title="编号" align="center" />
|
||||||
|
|
Loading…
Reference in New Issue