diff --git a/src/views/product/info/index.vue b/src/views/product/info/index.vue
index 0e6af90..379e60c 100644
--- a/src/views/product/info/index.vue
+++ b/src/views/product/info/index.vue
@@ -6,9 +6,9 @@
批量删除
批量启用
批量禁用
- 导入
+ 导入
导出
- 批量编辑
+ 批量编辑
修正库存
@@ -34,6 +34,8 @@
+
+
@@ -45,14 +47,18 @@ import {BasicTable, TableAction, useTable} from "@/components/Table";
import {useMessage} from "@/hooks/web/useMessage";
import {columns, searchFormSchema} from "@/views/product/info/info.data";
import ProductInfoModal from "@/views/product/info/components/ProductInfoModal.vue";
+import BatchEditModal from "@/views/product/info/components/BatchEditModal.vue";
import {getProductInfo, deleteProduct, updateProductStatus} from "@/api/product/product";
+import ImportFileModal from "@/components/Tools/ImportFileModal.vue";
export default defineComponent({
name: 'ProductInfo',
- components: {TableAction, BasicTable, ProductInfoModal },
+ components: {TableAction, BasicTable, ProductInfoModal, BatchEditModal, ImportFileModal},
setup() {
const { createMessage } = useMessage();
+ const importModalRef = ref(null);
const productModalRef = ref(null);
+ const batchProductInfoModalRef = ref(null);
const [registerTable, { reload, getSelectRows }] = useTable({
title: '商品信息列表',
rowKey: 'id',
@@ -125,11 +131,28 @@ export default defineComponent({
}
async function handleCancel() {
- reload();
+ await reload();
}
async function handleOk() {
- reload();
+ await reload();
+ }
+
+ function handleBatchProductInfo() {
+ const data = getSelectRows();
+ if (data.length === 0) {
+ createMessage.warn('请选择一条数据');
+ return;
+ }
+ const ids = data.map((item) => item.id);
+ batchProductInfoModalRef.value.open(ids)
+ }
+
+ function handleImport() {
+ const templateUrl = 'https://wansen-1317413588.cos.ap-shanghai.myqcloud.com/%E4%BC%9A%E5%91%98%E4%BF%A1%E6%81%AF%E6%A8%A1%E6%9D%BF.xlsx'
+ const templateName = '商品信息Excel模板[下载]'
+ importModalRef.value.initModal(templateUrl, templateName);
+ importModalRef.value.title = "商品信息数据导入";
}
return {
@@ -143,6 +166,10 @@ export default defineComponent({
handleCancel,
handleOk,
productModalRef,
+ batchProductInfoModalRef,
+ handleBatchProductInfo,
+ handleImport,
+ importModalRef
}
}
})