From eb956d7f1a0d174c0d55fccebfa4872d2abfbe94 Mon Sep 17 00:00:00 2001
From: huminmin <mac@MacBook-Pro.local>
Date: 星期五, 06 三月 2026 18:02:18 +0800
Subject: [PATCH] 增加采购退货单列表和新增页面
---
src/api/procurementManagement/purchase_return_order.js | 20 +
src/views/procurementManagement/purchaseReturnOrder/New.vue | 492 +++++++++++++++++++++++++++++++++++++
src/views/procurementManagement/purchaseReturnOrder/index.vue | 109 ++++++++
src/views/procurementManagement/purchaseReturnOrder/ProductList.vue | 151 +++++++++++
4 files changed, 772 insertions(+), 0 deletions(-)
diff --git a/src/api/procurementManagement/purchase_return_order.js b/src/api/procurementManagement/purchase_return_order.js
new file mode 100644
index 0000000..33ec33e
--- /dev/null
+++ b/src/api/procurementManagement/purchase_return_order.js
@@ -0,0 +1,20 @@
+import request from "@/utils/request";
+// 閲囪喘閫�璐у崟
+
+// 鍒嗛〉鏌ヨ
+export function findPurchaseReturnOrderListPage(query) {
+ return request({
+ url: "/purchaseReturnOrders/listPage",
+ method: "get",
+ params: query,
+ });
+}
+
+// 鏂板
+export function createPurchaseReturnOrder(data) {
+ return request({
+ url: "/purchaseReturnOrders/add",
+ method: "post",
+ data
+ });
+}
\ No newline at end of file
diff --git a/src/views/procurementManagement/purchaseReturnOrder/New.vue b/src/views/procurementManagement/purchaseReturnOrder/New.vue
new file mode 100644
index 0000000..ef71275
--- /dev/null
+++ b/src/views/procurementManagement/purchaseReturnOrder/New.vue
@@ -0,0 +1,492 @@
+<template>
+ <div>
+ <el-dialog
+ v-model="isShow"
+ title="鏂板閲囪喘閫�璐�"
+ width="1200"
+ @close="closeModal"
+ >
+ <el-form label-width="140px" :model="formState" label-position="top" ref="formRef" :inline="true">
+ <el-form-item
+ label="閫�鏂欏崟鍙�"
+ prop="no"
+ :rules="[
+ {
+ required: !formState.isDefaultNo,
+ message: '璇疯緭鍏ラ��鏂欏崟鍙�',
+ trigger: 'blur',
+ }
+ ]"
+ >
+ <el-input
+ v-model="formState.no"
+ :placeholder="formState.isDefaultNo ? '浣跨敤绯荤粺缂栧彿' : '璇疯緭鍏ラ��鏂欏崟鍙�'"
+ :disabled="formState.isDefaultNo"
+ >
+ <template #append>
+ <el-checkbox v-model="formState.isDefaultNo" size="large" @change="handleChangeIsDefaultNo" />
+ </template>
+ </el-input>
+ </el-form-item>
+
+ <el-form-item
+ label="閫�璐ф柟寮�"
+ prop="returnType"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨閫�璐ф柟寮�',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-select
+ v-model="formState.returnType"
+ placeholder="璇烽�夋嫨閫�璐ф柟寮�"
+ style="width: 240px"
+ >
+ <el-option label="閫�璐ч��娆�" :value="0" />
+ <el-option label="鎷掓敹" :value="1" />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="渚涘簲鍟嗗悕绉�"
+ prop="supplierId"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨渚涘簲鍟�',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-select
+ v-model="formState.supplierId"
+ placeholder="璇烽�夋嫨渚涘簲鍟�"
+ style="width: 240px"
+ @focus="fetchSupplierOptions"
+ @change="handleChangeSupplierId"
+ >
+ <el-option
+ v-for="item in supplierOptions"
+ :key="item.id"
+ :label="item.supplierName"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="椤圭洰"
+ prop="projectId"
+ >
+ <el-select
+ v-model="formState.projectId"
+ placeholder="璇烽�夋嫨椤圭洰"
+ style="width: 240px"
+ @focus="fetchProjectOptions"
+ >
+ <el-option
+ v-for="item in projectOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="椤圭洰闃舵"
+ prop="projectPhase"
+ >
+ <el-select
+ v-model="formState.projectPhase"
+ placeholder="璇烽�夋嫨椤圭洰闃舵"
+ style="width: 240px"
+ >
+ <el-option
+ v-for="item in projectStageOptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="鍒朵綔鏃ユ湡"
+ prop="preparedAt"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨鍒朵綔鏃ユ湡',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-date-picker
+ v-model="formState.preparedAt"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ type="date"
+ placeholder="璇烽�夋嫨鍒朵綔鏃ユ湡"
+ style="width: 240px"
+ clearable />
+ </el-form-item>
+
+ <el-form-item
+ label="鍒跺崟浜猴細"
+ prop="preparedUserId"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨鍒跺崟浜�',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-select
+ v-model="formState.preparedUserId"
+ placeholder="璇烽�夋嫨"
+ clearable
+ filterable
+ default-first-option
+ :reserve-keyword="false"
+ style="width: 240px"
+ @focus="fetchUserOptions"
+ >
+ <el-option
+ v-for="item in userOptions"
+ :key="item.userId"
+ :label="item.nickName"
+ :value="item.userId"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="閫�鏂欎汉锛�"
+ prop="returnUserId"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨閫�鏂欎汉',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-select
+ v-model="formState.returnUserId"
+ placeholder="璇烽�夋嫨"
+ clearable
+ filterable
+ default-first-option
+ style="width: 240px"
+ :reserve-keyword="false"
+ @focus="fetchUserOptions"
+ >
+ <el-option
+ v-for="item in userOptions"
+ :key="item.userId"
+ :label="item.nickName"
+ :value="item.userId"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="閲囪喘鍚堝悓鍙凤細"
+ prop="purchaseLedgerId"
+ :rules="[
+ {
+ required: true,
+ message: '璇烽�夋嫨閲囪喘鍚堝悓鍙�',
+ trigger: 'change',
+ }
+ ]"
+ >
+ <el-select
+ v-model="formState.purchaseLedgerId"
+ placeholder="璇烽�夋嫨"
+ clearable
+ filterable
+ default-first-option
+ style="width: 240px"
+ :reserve-keyword="false"
+ @change="handleChangePurchaseLedgerId"
+ >
+ <el-option
+ v-for="item in purchaseLedgerOptions"
+ :key="item.id"
+ :label="item.purchaseContractNumber"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+
+ <el-form-item
+ label="澶囨敞锛�"
+ prop="remark"
+ >
+ <el-input v-model="formState.remark" type="textarea" placeholder="璇疯緭鍏ュ娉�"/>
+ </el-form-item>
+ </el-form>
+
+ <el-button type="primary" size="small" @click="isShowProductsModal = true" :disabled="!formState.purchaseLedgerId">娣诲姞浜у搧</el-button>
+ <el-table :data="products" border>
+ <el-table-column align="center"
+ type="selection"
+ width="55" />
+ <el-table-column align="center"
+ label="搴忓彿"
+ type="index"
+ width="60" />
+ <el-table-column label="浜у搧澶х被"
+ prop="productCategory" />
+ <el-table-column label="瑙勬牸鍨嬪彿"
+ prop="specificationModel" />
+ <el-table-column label="鍗曚綅"
+ prop="unit"
+ width="70" />
+ <el-table-column label="鏁伴噺"
+ prop="quantity"
+ width="70" />
+ <el-table-column label="搴撳瓨棰勮鏁伴噺"
+ prop="warnNum"
+ width="120"
+ show-overflow-tooltip />
+ <el-table-column label="绋庣巼(%)"
+ prop="taxRate"
+ width="80" />
+ <el-table-column label="鍚◣鍗曚环(鍏�)"
+ prop="taxInclusiveUnitPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="鍚◣鎬讳环(鍏�)"
+ prop="taxInclusiveTotalPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="涓嶅惈绋庢�讳环(鍏�)"
+ prop="taxExclusiveTotalPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="鏄惁璐ㄦ"
+ prop="isChecked"
+ width="150">
+ <template #default="scope">
+ <el-tag :type="scope.row.isChecked ? 'success' : 'info'">
+ {{ scope.row.isChecked ? '鏄�' : '鍚�' }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column fixed="right"
+ label="鎿嶄綔"
+ width="120"
+ align="center">
+ <template #default="scope">
+ <el-button
+ link
+ type="primary"
+ size="small"
+ >
+ 缂栬緫
+ </el-button>
+ <el-button
+ link
+ type="danger"
+ size="small"
+ @click="delProduct(scope.$index)"
+ >
+ 鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="handleSubmit">纭</el-button>
+ <el-button @click="closeModal">鍙栨秷</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
+ <ProductList
+ v-if="isShowProductsModal"
+ v-model:visible="isShowProductsModal"
+ :purchase-ledger-id="formState.purchaseLedgerId"
+ @completed="handleAddProduct"
+ />
+
+ </div>
+</template>
+
+<script setup>
+import {ref, computed, getCurrentInstance} from "vue";
+import {createPurchaseReturnOrder} from "@/api/procurementManagement/purchase_return_order.js";
+import {getOptions, purchaseList} from "@/api/procurementManagement/procurementLedger.js";
+import {userListNoPageByTenantId} from "@/api/system/user.js";
+const ProductList = defineAsyncComponent(() => import("@/views/procurementManagement/purchaseReturnOrder/ProductList.vue"));
+const props = defineProps({
+ visible: {
+ type: Boolean,
+ required: true,
+ }
+});
+let { proxy } = getCurrentInstance()
+const emit = defineEmits(['update:visible', 'completed']);
+
+// 鍝嶅簲寮忔暟鎹紙鏇夸唬閫夐」寮忕殑 data锛�
+const formState = ref({
+ no: '',
+ isDefaultNo: true,
+ returnType: 0,
+ remark: '',
+ supplierId: undefined,
+ projectId: undefined,
+ projectPhase: undefined,
+ preparedAt: undefined,
+ preparedUserId: undefined,
+ returnUserId: undefined,
+ purchaseLedgerId: undefined,
+});
+// 渚涘簲鍟嗛�夐」
+const supplierOptions = ref([])
+// 椤圭洰閫夐」
+const projectOptions = ref([])
+// 椤圭洰闃舵閫夐」
+const projectStageOptions = ref([
+ {
+ label: '绔嬮」',
+ value: 0,
+ },
+ {
+ label: '璁捐',
+ value: 1,
+ },
+ {
+ label: '閲囪喘',
+ value: 2,
+ },
+ {
+ label: '鐢熶骇',
+ value: 3,
+ },
+ {
+ label: '鍑鸿揣',
+ value: 4,
+ }
+])
+// 鐢ㄦ埛閫夐」
+const userOptions = ref([])
+// 閲囪喘鍙拌处閫夐」
+const purchaseLedgerOptions = ref([])
+// 浜у搧鍒楄〃鏁版嵁
+const products = ref([])
+// 鏄惁灞曠ず浜у搧鍒楄〃鏁版嵁
+const isShowProductsModal = ref(false)
+
+const isShow = computed({
+ get() {
+ return props.visible;
+ },
+ set(val) {
+ emit('update:visible', val);
+ },
+});
+
+const formattedNumber = (row, column, cellValue) => {
+ return parseFloat(cellValue).toFixed(2);
+};
+
+const closeModal = () => {
+ isShow.value = false;
+};
+
+// 鑾峰彇渚涘簲鍟嗛�夐」
+const fetchSupplierOptions = () => {
+ if (supplierOptions.value.length > 0) {
+ return
+ }
+ getOptions().then((res) => {
+ supplierOptions.value = res.data;
+ });
+}
+
+// 鑾峰彇椤圭洰閫夐」
+const fetchProjectOptions = () => {
+ if (projectOptions.value.length > 0) {
+ return
+ }
+ // todo 椤圭洰閫夐」
+}
+
+// 鑾峰彇鐢ㄦ埛閫夐」
+const fetchUserOptions = () => {
+ if (userOptions.value.length > 0) {
+ return
+ }
+ userListNoPageByTenantId().then((res) => {
+ userOptions.value = res.data;
+ });
+}
+
+// 澶勭悊鏀瑰彉渚涘簲鍟嗘暟鎹�
+const handleChangeSupplierId = () => {
+ formState.value.purchaseLedgerId = undefined
+ fetchPurchaseLedgerOptions()
+}
+
+// 鑾峰彇閲囪喘鍙拌处閫夐」
+const fetchPurchaseLedgerOptions = () => {
+ purchaseLedgerOptions.value = []
+ if (formState.value.supplierId) {
+ purchaseList({supplierId: formState.value.supplierId}).then((res) => {
+ purchaseLedgerOptions.value = res.rows;
+ });
+ }
+}
+
+// 澶勭悊鏀瑰彉閲囪喘鍙拌处鏁版嵁
+const handleChangePurchaseLedgerId = () => {
+ products.value = []
+}
+
+// 澶勭悊鏀瑰彉鏄惁榛樿缂栧彿
+const handleChangeIsDefaultNo = (checked) => {
+ if (checked) {
+ formState.value.no = ''
+ }
+}
+
+// 澧炲姞浜у搧
+const handleAddProduct = (selectedRows) => {
+ products.value.push(...selectedRows)
+}
+
+// 鍒犻櫎鍗曢」浜у搧
+const delProduct = (index) => {
+ products.value.splice(index, 1)
+}
+
+// 鎻愪氦琛ㄥ崟
+const handleSubmit = () => {
+ proxy.$refs["formRef"].validate(valid => {
+ if (valid) {
+ createPurchaseReturnOrder(formState.value).then(res => {
+ // 鍏抽棴妯℃�佹
+ isShow.value = false;
+ // 鍛婄煡鐖剁粍浠跺凡瀹屾垚
+ emit('completed');
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ })
+ }
+ })
+};
+
+defineExpose({
+ closeModal,
+ handleSubmit,
+ isShow,
+});
+</script>
diff --git a/src/views/procurementManagement/purchaseReturnOrder/ProductList.vue b/src/views/procurementManagement/purchaseReturnOrder/ProductList.vue
new file mode 100644
index 0000000..9b4f802b
--- /dev/null
+++ b/src/views/procurementManagement/purchaseReturnOrder/ProductList.vue
@@ -0,0 +1,151 @@
+<template>
+ <template>
+ <div>
+ <el-dialog
+ v-model="isShow"
+ title="鏂板浜у搧"
+ width="1200"
+ @close="closeModal"
+ >
+ <div class="table_list">
+ <el-table :data="tableData"
+ border
+ @selection-change="handleChangeSelection">
+ <el-table-column align="center"
+ type="selection"
+ width="55" />
+ <el-table-column align="center"
+ label="搴忓彿"
+ type="index"
+ width="60" />
+ <el-table-column label="浜у搧澶х被"
+ prop="productCategory" />
+ <el-table-column label="瑙勬牸鍨嬪彿"
+ prop="specificationModel" />
+ <el-table-column label="鍗曚綅"
+ prop="unit"
+ width="70" />
+ <el-table-column label="鏁伴噺"
+ prop="quantity"
+ width="70" />
+ <el-table-column label="搴撳瓨棰勮鏁伴噺"
+ prop="warnNum"
+ width="120"
+ show-overflow-tooltip />
+ <el-table-column label="绋庣巼(%)"
+ prop="taxRate"
+ width="80" />
+ <el-table-column label="鍚◣鍗曚环(鍏�)"
+ prop="taxInclusiveUnitPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="鍚◣鎬讳环(鍏�)"
+ prop="taxInclusiveTotalPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="涓嶅惈绋庢�讳环(鍏�)"
+ prop="taxExclusiveTotalPrice"
+ :formatter="formattedNumber"
+ width="150" />
+ <el-table-column label="鏄惁璐ㄦ"
+ prop="isChecked"
+ width="150">
+ <template #default="scope">
+ <el-tag :type="scope.row.isChecked ? 'success' : 'info'">
+ {{ scope.row.isChecked ? '鏄�' : '鍚�' }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper"
+ :page="page.current" :limit="page.size" @pagination="paginationChange" />
+ </div>
+
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" :disabled="selectedRows.length === 0" @click="handleSubmit">纭</el-button>
+ <el-button @click="closeModal">鍙栨秷</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+ </template>
+</template>
+
+<script setup>
+import {computed, reactive, ref} from "vue";
+import {productList} from "@/api/procurementManagement/procurementLedger.js";
+import {ElMessage} from "element-plus";
+
+const props = defineProps({
+ visible: {
+ type: Boolean,
+ required: true,
+ },
+
+ purchaseLedgerId: {
+ type: Number,
+ required: true,
+ }
+});
+
+const emit = defineEmits(['update:visible', 'completed']);
+
+const isShow = computed({
+ get() {
+ return props.visible;
+ },
+ set(val) {
+ emit('update:visible', val);
+ },
+});
+
+const tableData = ref([])
+const selectedRows = ref([])
+const tableLoading = ref(false)
+const page = reactive({
+ current: 1,
+ size: 100,
+})
+const total = ref(0)
+const formattedNumber = (row, column, cellValue) => {
+ return parseFloat(cellValue).toFixed(2);
+};
+
+const paginationChange = (obj) => {
+ page.current = obj.page;
+ page.size = obj.limit;
+ getList()
+}
+
+const handleChangeSelection = (val) => {
+ selectedRows.value = val;
+}
+
+const fetchData = () => {
+ tableLoading.value = true;
+ productList({salesLedgerId: props.purchaseLedgerId, type: 2}).then((res) => {
+ tableData.value = res.data;
+ }).finally(() => {
+ tableLoading.value = false;
+ })
+}
+
+const handleSubmit = () => {
+ if (selectedRows.value.length === 0) {
+ ElMessage.warning("璇烽�夋嫨涓�鏉′骇鍝�");
+ return;
+ }
+
+ emit('completed', selectedRows.value);
+}
+
+const closeModal = () => {
+ isShow.value = false;
+};
+
+onMounted(() => {
+ fetchData()
+})
+
+</script>
diff --git a/src/views/procurementManagement/purchaseReturnOrder/index.vue b/src/views/procurementManagement/purchaseReturnOrder/index.vue
new file mode 100644
index 0000000..4e91e59
--- /dev/null
+++ b/src/views/procurementManagement/purchaseReturnOrder/index.vue
@@ -0,0 +1,109 @@
+<template>
+ <div class="app-container">
+ <div class="search_form">
+ <el-form :model="searchForm"
+ :inline="true">
+ <el-form-item label="閫�鏂欏崟鍙凤細">
+ <el-input v-model="searchForm.no"
+ placeholder="璇疯緭鍏�"
+ clearable
+ prefix-icon="Search"
+ @change="handleQuery" />
+ </el-form-item>
+
+ <el-form-item>
+ <el-button type="primary"
+ @click="handleQuery"> 鎼滅储 </el-button>
+ </el-form-item>
+ </el-form>
+
+ <div>
+ <el-button type="primary" @click="isShowNewModal = true">鏂板</el-button>
+ </div>
+ </div>
+
+ <div class="table_list">
+ <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange" :row-key="row => row.id" style="width: 100%" height="calc(100vh - 18.5em)">
+ <el-table-column align="center" type="selection" width="55" />
+ <el-table-column align="center" label="搴忓彿" type="index" width="60" />
+ <el-table-column label="閫�鏂欏崟鍙�" prop="no" show-overflow-tooltip />
+ <el-table-column label="閫�璐ф柟寮�" prop="returnType" show-overflow-tooltip />
+ <el-table-column label="渚涘簲鍟嗗悕绉�" prop="supplierName" show-overflow-tooltip />
+ <el-table-column label="鍏宠仈鍗曞彿" prop="purchaseContractNumber" show-overflow-tooltip />
+ <el-table-column label="閫�鏂欎汉" prop="returnUserName" show-overflow-tooltip />
+ <el-table-column label="澶囨敞" prop="remark" show-overflow-tooltip />
+ <el-table-column label="鍒涘缓浜�" prop="createUserName" show-overflow-tooltip />
+ <el-table-column label="鍒涘缓鏃堕棿" prop="createTime" show-overflow-tooltip />
+ <el-table-column label="鏈�杩戞洿鏂版椂闂�" prop="updateTime" show-overflow-tooltip />
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center">
+ <template #default="scope">
+ <el-button link type="primary" size="small">璇︽儏</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper"
+ :page="page.current" :limit="page.size" @pagination="paginationChange" />
+ </div>
+ <new v-if="isShowNewModal"
+ v-model:visible="isShowNewModal"
+ @completed="handleQuery" />
+ </div>
+</template>
+
+<script setup>
+import pagination from '@/components/PIMTable/Pagination.vue'
+import { ref, reactive, toRefs, onMounted } from 'vue'
+import {findPurchaseReturnOrderListPage} from "@/api/procurementManagement/purchase_return_order.js";
+const New = defineAsyncComponent(() => import("@/views/procurementManagement/purchaseReturnOrder/New.vue"));
+const tableData = ref([])
+const selectedRows = ref([])
+const tableLoading = ref(false)
+const page = reactive({
+ current: 1,
+ size: 100,
+})
+const total = ref(0)
+// 鏄惁鏄剧ず鏂板寮规
+const isShowNewModal = ref(false)
+const data = reactive({
+ searchForm: {
+ no: '',
+ }
+})
+const { searchForm } = toRefs(data)
+
+// 鏌ヨ鍒楄〃
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = () => {
+ page.current = 1
+ getList()
+}
+
+const paginationChange = (obj) => {
+ page.current = obj.page;
+ page.size = obj.limit;
+ getList()
+}
+
+const getList = () => {
+ tableLoading.value = true
+ findPurchaseReturnOrderListPage({ ...searchForm.value, ...page }).then(res => {
+ tableLoading.value = false
+ tableData.value = res.data.records
+ total.value = res.data.total
+ }).catch(() => {
+ tableLoading.value = false
+ })
+}
+
+// 琛ㄦ牸閫夋嫨鏁版嵁
+const handleSelectionChange = (selection) => {
+ // 杩囨护鎺夊瓙鏁版嵁
+ selectedRows.value = selection.filter(item => item.id);
+}
+
+onMounted(() => {
+ getList()
+})
+</script>
+
--
Gitblit v1.9.3