From 6dabd7d10f4d680dd3033b44247c5dc821861c3a Mon Sep 17 00:00:00 2001
From: jameszow <jameszow@163.com>
Date: Tue, 24 Oct 2023 14:08:48 +0800
Subject: [PATCH 1/4] Add handleExport method

---
 src/views/product/info/index.vue | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/views/product/info/index.vue b/src/views/product/info/index.vue
index 379e60c..4a377ce 100644
--- a/src/views/product/info/index.vue
+++ b/src/views/product/info/index.vue
@@ -7,7 +7,7 @@
         <a-button type="primary" @click="handleOnStatus(0)"> 批量启用</a-button>
         <a-button type="primary" @click="handleOnStatus(1)"> 批量禁用</a-button>
         <a-button type="primary" @click="handleImport"> 导入</a-button>
-        <a-button type="primary" @click=""> 导出</a-button>
+        <a-button type="primary" @click="handleExport"> 导出</a-button>
         <a-button type="primary" @click="handleBatchProductInfo"> 批量编辑</a-button>
         <a-button type="primary" @click=""> 修正库存</a-button>
       </template>
@@ -50,6 +50,7 @@ import ProductInfoModal from "@/views/product/info/components/ProductInfoModal.v
 import BatchEditModal from "@/views/product/info/components/BatchEditModal.vue";
 import {getProductInfo, deleteProduct, updateProductStatus} from "@/api/product/product";
 import ImportFileModal from "@/components/Tools/ImportFileModal.vue";
+import {exportXlsx} from "@/api/basic/common";
 
 export default defineComponent({
   name: 'ProductInfo',
@@ -155,6 +156,29 @@ export default defineComponent({
       importModalRef.value.title = "商品信息数据导入";
     }
 
+    const getTimestamp = (date) => {
+      return (
+          date.getFullYear() * 10000000000 +
+          (date.getMonth() + 1) * 100000000 +
+          date.getDate() * 1000000 +
+          date.getHours() * 10000 +
+          date.getMinutes() * 100 +
+          date.getSeconds()
+      ).toString();
+    };
+
+    async function handleExport() {
+      const file = await exportXlsx("商品信息列表")
+      const blob = new Blob([file]);
+      const link = document.createElement("a");
+      link.href = URL.createObjectURL(blob);
+      const timestamp = getTimestamp(new Date());
+      link.download = "商品信息数据" + timestamp + ".xlsx";
+      link.target = "_blank";
+      link.click();
+    }
+
+
     return {
       registerTable,
       handleCreate,
@@ -169,6 +193,7 @@ export default defineComponent({
       batchProductInfoModalRef,
       handleBatchProductInfo,
       handleImport,
+      handleExport,
       importModalRef
     }
   }

From f2a9da2a9c7ba1d8bad7ed5abfe6fe080f4a681b Mon Sep 17 00:00:00 2001
From: jameszow <jameszow@163.com>
Date: Tue, 24 Oct 2023 21:33:49 +0800
Subject: [PATCH 2/4] Fix business reality bugs on the page

---
 .../info/components/ProductInfoModal.vue      | 154 ++++++++++--------
 1 file changed, 86 insertions(+), 68 deletions(-)

diff --git a/src/views/product/info/components/ProductInfoModal.vue b/src/views/product/info/components/ProductInfoModal.vue
index 3717761..106de6b 100644
--- a/src/views/product/info/components/ProductInfoModal.vue
+++ b/src/views/product/info/components/ProductInfoModal.vue
@@ -58,22 +58,17 @@
                                 @change="manyUnitOnChange"
                                 showSearch
                                 optionFilterProp="children"
-                                :dropdownMatchSelectWidth="false">
-                        <!--                        <template v-slot:dropdownRender="props" >-->
-                        <!--                          <v-nodes :vnodes="props.menu" />-->
-                        <!--                          <a-divider style="margin: 4px 0;" />-->
-                        <!--                          <div style="padding: 4px 8px; cursor: pointer;"-->
-                        <!--                               @mousedown="e => e.preventDefault()"-->
-                        <!--                               @click="addUnit">-->
-                        <!--                            <a-icon type="plus" />-->
-                        <!--                            新增计量单位-->
-                        <!--                          </div>-->
-                        <!--                        </template>-->
-                        <a-select-option v-for="(item, index) in unitList.value"
-                                         :key="index"
-                                         :value="item.id">
-                          {{ item.computeUnit }}
-                        </a-select-option>
+                                :dropdownMatchSelectWidth="false"
+                                v-if="unitChecked"
+                                :options="unitList.map(item => ({ value: item.id, label: item.computeUnit }))">
+                        <template #dropdownRender="{ menuNode: menu }">
+                          <v-nodes :vnodes="menu" />
+                          <a-divider style="margin: 4px 0" />
+                          <div style="padding: 4px 8px; cursor: pointer;"
+                               @mousedown="e => e.preventDefault()" @click="addUnit">
+                            <plus-outlined />
+                            新增计量单位</div>
+                        </template>
                       </a-select>
                     </a-col>
                     <a-col :lg="9" :md="9" :sm="24" style="padding:0px; text-align:center">
@@ -156,8 +151,7 @@
                     <a-tag class="tag-info" v-if="!manySkuStatus">需要先录入单位才能激活</a-tag>
                     <a-select mode="multiple" showSearch optionFilterProp="children"
                               placeholder="请选择多属性（可多选）" @change="onManySkuChange" v-show="manySkuStatus">
-                      <a-select-option v-for="(item,index) in productAttributeList.value" :key="index" :value="item.id"
-                                       :disabled="item.disabled">
+                      <a-select-option v-for="(item,index) in productAttributeList.value" :key="index" :value="item.id" :disabled="item.disabled">
                         {{ item.attributeName }}
                       </a-select-option>
                     </a-select>
@@ -335,11 +329,11 @@
       </a-form>
     </a-spin>
   </a-modal>
-
 </template>
 
 <script lang="ts">
 import {onMounted, reactive, ref, UnwrapRef, watch} from 'vue';
+import {PlusOutlined} from '@ant-design/icons-vue';
 import {UploadProps,} from 'ant-design-vue';
 import {
   Button,
@@ -398,6 +392,18 @@ export interface FormState {
   otherFieldThree: string,
 }
 
+const VNodes = {
+  props: {
+    vnodes: {
+      type: Object,
+      required: true,
+    },
+  },
+  render() {
+    return this.vnodes;
+  },
+};
+
 export default {
   name: 'ProductInfoModal',
   emits: ['success', 'cancel', 'error'],
@@ -420,8 +426,11 @@ export default {
     'a-tabs': Tabs,
     'a-tab-pane': TabPane,
     'a-table': Table,
+    'v-nodes': VNodes,
+    'plus-outlined': PlusOutlined,
     BatchSetPriceModal,
-    BatchSetStockModal
+    BatchSetStockModal,
+    VNodes
   },
   setup(_, context) {
     const {createMessage} = useMessage();
@@ -489,7 +498,7 @@ export default {
       xs: {span: 24},
       sm: {span: 16},
     })
-    const unitList = reactive([])
+    const unitList = ref([])
     const skuOneList = reactive([])
     const skuTwoList = reactive([])
     const skuThreeList = reactive([])
@@ -518,7 +527,7 @@ export default {
         },
         {
           title: '多属性',
-          key: 'sku',
+          key: 'multiAttribute',
           type: 'input',
           readonly: true,
           placeholder: '请输入${title}'
@@ -597,7 +606,9 @@ export default {
 
     function handleCancel() {
       close();
-      clearData()
+      if (formState.productId) {
+        clearData()
+      }
       context.emit('cancel');
     }
 
@@ -620,49 +631,10 @@ export default {
       } else {
         title.value = '新增商品'
         loadWarehouse()
-        clearData()
         manySkuItem.value = true
-        manySkuStatus.value = true
       }
     }
 
-    function clearData(){
-      formState.id = null
-      formState.productName = ""
-      formState.productStandard = ""
-      formState.productModel = ""
-      formState.productUnit = ""
-      formState.productUnitId = null
-      formState.productColor = ""
-      formState.productWeight = null
-      formState.productExpiryNum = null
-      formState.productCategoryId = null
-      formState.enableSerialNumber = null
-      formState.enableBatchNumber = null
-      formState.warehouseShelves = ""
-      formState.productManufacturer = ""
-      formState.otherFieldOne = ""
-      formState.otherFieldTwo = ""
-      formState.otherFieldThree = ""
-      unitChecked.value = false
-      manyUnitStatus.value = false
-      manySkuStatus.value = false
-      unitStatus.value = false
-      switchDisabled.value = false
-      barCodeSwitch.value = false
-      // 清除所有的sku
-      manySkuSelected.value = 0
-      skuOneList.value = []
-      skuTwoList.value = []
-      skuThreeList.value = []
-      skuOne.value = []
-      skuTwo.value = []
-      skuThree.value = []
-      meTable.dataSource = []
-      stock.dataSource = []
-      fileList.value = []
-    }
-
     function unitOnChange(event) {
       const isChecked = event.target.checked;
       if (isChecked) {
@@ -694,7 +666,7 @@ export default {
       }
     }
 
-    const meTableValueChange = (record, dataIndex, value, key) => {
+    const meTableValueChange = (record, key) => {
       if (!editableData[record.key]) {
         editableData[record.key] = {};
       }
@@ -868,7 +840,7 @@ export default {
         skuArr.value = arr;
         loadBarCode();
       } else {
-        createMessage.warn('请填写单位（注意不要勾选多单位）');
+        createMessage.warn('如果使用多属性，请填写单位（注意不要勾选多单位）');
         barCodeSwitch.value = false
       }
     }
@@ -881,7 +853,7 @@ export default {
             meTable.dataSource.splice(0); // 清空meTableData数组
             for (let i = 0; i < skuArr.value.length; i++) {
               let currentBarCode = maxBarCode + i
-              const newRowData = {key: i, productUnit: formState.productUnit, barCode: currentBarCode, sku: skuArr.value[i]}
+              const newRowData = {key: i, productUnit: formState.productUnit, barCode: currentBarCode, multiAttribute: skuArr.value[i]}
               meTable.dataSource.push(newRowData);
             }
             meTable.dataSource.forEach(row => {
@@ -938,7 +910,7 @@ export default {
                   productPriceId: data.priceList[i].productPriceId,
                   barCode: data.priceList[i].barCode,
                   productUnit: data.priceList[i].productUnit,
-                  sku: data.priceList[i].sku,
+                  multiAttribute: data.priceList[i].multiAttribute,
                   purchasePrice: data.priceList[i].purchasePrice,
                   retailPrice: data.priceList[i].retailPrice,
                   salesPrice: data.priceList[i].salesPrice,
@@ -1184,7 +1156,6 @@ export default {
 
     const editStockData = reactive([])
 
-
     function getBase64(file: File) {
       return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -1256,6 +1227,42 @@ export default {
       previewTitle.value = '';
     }
 
+    function clearData(){
+      formState.productName = ""
+      formState.productStandard = ""
+      formState.productModel = ""
+      formState.productUnit = ""
+      formState.productUnitId = null
+      formState.productColor = ""
+      formState.productWeight = null
+      formState.productExpiryNum = null
+      formState.productCategoryId = null
+      formState.enableSerialNumber = null
+      formState.enableBatchNumber = null
+      formState.warehouseShelves = ""
+      formState.productManufacturer = ""
+      formState.otherFieldOne = ""
+      formState.otherFieldTwo = ""
+      formState.otherFieldThree = ""
+      unitChecked.value = false
+      manyUnitStatus.value = false
+      manySkuStatus.value = false
+      unitStatus.value = false
+      switchDisabled.value = false
+      barCodeSwitch.value = false
+      // 清除所有的sku
+      manySkuSelected.value = 0
+      skuOneList.value = []
+      skuTwoList.value = []
+      skuThreeList.value = []
+      skuOne.value = []
+      skuTwo.value = []
+      skuThree.value = []
+      meTable.dataSource = []
+      stock.dataSource = []
+      fileList.value = []
+    }
+
     async function handleOk() {
       if (!formState.productName) {
         createMessage.error('请输入商品名称');
@@ -1274,6 +1281,11 @@ export default {
         createMessage.error('请插入一行数据，录入商品条码价格信息');
         return;
       }
+      // 检查库存信息是否为空
+      if (stock.dataSource.length === 0) {
+        createMessage.warn('系统检查到您没有仓库信息，请在基本资料菜单栏->添加至少1条仓库信息');
+        return;
+      }
 
       const imageList = []
       if (fileList && fileList.value) {
@@ -1300,6 +1312,11 @@ export default {
         }
       }
 
+      console.info(editableData)
+      console.info(meTable.dataSource)
+      // 我的editableData是一个对象，但是meTable.dataSource是一个数组，
+      // 我需要将数据覆盖到meTable.dataSource中 我的源数据是editableData 这里应该循环editableData
+
       const product : AddProductReq = {
         productId: formState.productId,
         productName: formState.productName,
@@ -1408,7 +1425,8 @@ export default {
       handleOk,
       formState,
       meTableValueChange,
-      stockTableValueChange
+      stockTableValueChange,
+      VNodes
     };
   },
 }

From 39edbe45c71e786c9444acc9f0b15a14efb4c765 Mon Sep 17 00:00:00 2001
From: jameszow <jameszow@163.com>
Date: Tue, 24 Oct 2023 22:04:05 +0800
Subject: [PATCH 3/4] Update product info modal name, resolve conflicts with
 opening unit module names

---
 src/views/product/info/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/product/info/index.vue b/src/views/product/info/index.vue
index 4a377ce..73f8b28 100644
--- a/src/views/product/info/index.vue
+++ b/src/views/product/info/index.vue
@@ -86,7 +86,7 @@ export default defineComponent({
     });
 
     function handleCreate() {
-      productModalRef.value.openModal()
+      productModalRef.value.openProductInfoModal()
     }
 
     async function handleBatchDelete() {
@@ -103,7 +103,7 @@ export default defineComponent({
     }
 
     function handleEdit(record: Recordable) {
-      productModalRef.value.openModal(record.id)
+      productModalRef.value.openProductInfoModal(record.id)
     }
 
     async function handleDelete(record: Recordable) {

From 5252ee10d6ab5d1ddfc7aeaf850b1ad34d900796 Mon Sep 17 00:00:00 2001
From: jameszow <jameszow@163.com>
Date: Tue, 24 Oct 2023 22:04:14 +0800
Subject: [PATCH 4/4] Add unit modal

---
 .../info/components/ProductInfoModal.vue      | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/views/product/info/components/ProductInfoModal.vue b/src/views/product/info/components/ProductInfoModal.vue
index 106de6b..384ac6e 100644
--- a/src/views/product/info/components/ProductInfoModal.vue
+++ b/src/views/product/info/components/ProductInfoModal.vue
@@ -329,10 +329,11 @@
       </a-form>
     </a-spin>
   </a-modal>
+  <UnitModal @register="registerModal" @success="handleUnitSuccess" />
 </template>
 
 <script lang="ts">
-import {onMounted, reactive, ref, UnwrapRef, watch} from 'vue';
+import {defineComponent, onMounted, reactive, ref, UnwrapRef, watch} from 'vue';
 import {PlusOutlined} from '@ant-design/icons-vue';
 import {UploadProps,} from 'ant-design-vue';
 import {
@@ -371,6 +372,8 @@ import BatchSetStockModal from "@/views/product/info/components/BatchSetStockMod
 import {uploadOss} from "@/api/basic/common";
 import {getWarehouse} from "@/api/basic/warehouse";
 import {AddProductImageReq, AddProductReq} from "@/api/product/model/productModel";
+import UnitModal from "@/views/product/units/components/UnitModal.vue";
+import {useModal} from "@/components/Modal";
 
 export interface FormState {
   productId: number,
@@ -404,7 +407,7 @@ const VNodes = {
   },
 };
 
-export default {
+export default defineComponent({
   name: 'ProductInfoModal',
   emits: ['success', 'cancel', 'error'],
   components: {
@@ -430,6 +433,7 @@ export default {
     'plus-outlined': PlusOutlined,
     BatchSetPriceModal,
     BatchSetStockModal,
+    UnitModal,
     VNodes
   },
   setup(_, context) {
@@ -460,6 +464,7 @@ export default {
 
     const priceModalForm = ref(null);
     const stockModalForm = ref(null);
+    const [registerModal, {openModal}] = useModal();
     const maxBarCodeInfo = ref();
 
     onMounted(() => {
@@ -601,7 +606,9 @@ export default {
     })
 
     function addUnit() {
-
+      openModal(true, {
+        isUpdate: false,
+      });
     }
 
     function handleCancel() {
@@ -616,7 +623,7 @@ export default {
       open.value = false
     }
 
-    function openModal(id) {
+    function openProductInfoModal(id) {
       open.value = true
       loadBarCode()
       loadUnitListData()
@@ -1358,9 +1365,14 @@ export default {
       }
     }
 
+    function handleUnitSuccess() {
+      // 重新渲染单位下拉框数据
+      loadUnitListData()
+    }
+
     return {
       confirmLoading,
-      openModal,
+      openProductInfoModal,
       closeModal,
       handleCancel,
       title,
@@ -1426,10 +1438,12 @@ export default {
       formState,
       meTableValueChange,
       stockTableValueChange,
-      VNodes
+      VNodes,
+      registerModal,
+      handleUnitSuccess
     };
   },
-}
+})
 </script>
 
 <style scoped>