From fbe9459ed908eef6c25c3bcd244d0a7e74dfa792 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期四, 19 十月 2023 13:45:08 +0800
Subject: [PATCH] feat: 产品列表添加查看编辑按钮;弹窗根据情况展示对应标题

---
 src/views/reportForm/inboundOutboundDetail/index.vue |  109 ++++++++++++++++++++++++++++++------------------------
 1 files changed, 60 insertions(+), 49 deletions(-)

diff --git a/src/views/reportForm/inboundOutboundDetail/index.vue b/src/views/reportForm/inboundOutboundDetail/index.vue
index 31bd7f2..594c6a6 100644
--- a/src/views/reportForm/inboundOutboundDetail/index.vue
+++ b/src/views/reportForm/inboundOutboundDetail/index.vue
@@ -11,12 +11,14 @@
       />
     </div>
     <div class="list-view">
-      <TableCommonView
-        ref="tableListRef"
-        :table-list="tableList"
-        @selTableCol="selTableCol"
-        @tableRowClick="tableRowClick"
-      ></TableCommonView>
+      <div class="table">
+        <TableCommonView
+          ref="tableListRef"
+          :table-list="tableList"
+          @selTableCol="selTableCol"
+          @tableRowClick="tableRowClick"
+        ></TableCommonView>
+      </div>
       <div class="btn-pager">
         <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
       </div>
@@ -28,7 +30,9 @@
 
 <script>
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
+import { getHistory } from "@/api/reportForm/inventoryRwport"
 import { getProductOperatonList } from "@/api/product/product"
+
 import AddOverviewDialog from "@/views/overview/AddOverviewDialog"
 
 export default {
@@ -58,9 +62,9 @@
   created() {
     this.setTable()
     console.log(this.$route.params)
-    var paramsData = sessionStorage.getItem("paramsList")
+    var paramsList = sessionStorage.getItem("paramsList")
     let params = {}
-    if (paramsData) {
+    if (paramsList) {
       params = JSON.parse(sessionStorage.getItem("paramsList"))
     } else {
       params = this.$route.params
@@ -69,6 +73,10 @@
     this.params = params
     console.log(this.params)
     this.getData()
+  },
+  // 椤甸潰閿�姣佷箣鍓�
+  beforeDestroy() {
+    sessionStorage.removeItem("paramsList")
   },
   methods: {
     setTable() {
@@ -92,7 +100,7 @@
       let tableColumn = [
         {
           label: "鏃ユ湡",
-          prop: "operationDate",
+          prop: "date",
           isShowColumn: true,
           default: true,
           date: true
@@ -111,13 +119,13 @@
         },
         {
           label: "浠�",
-          prop: "from",
+          prop: "fromLocation",
           isShowColumn: true,
           default: true
         },
         {
           label: "鑷�",
-          prop: "to",
+          prop: "toLocation",
           isShowColumn: true,
           default: true
         },
@@ -145,7 +153,7 @@
         },
         {
           label: "瀹屾垚鑰�",
-          prop: "admin",
+          prop: "contactedName",
           isShowColumn: showcol.includes("瀹屾垚鑰�"),
           default: false
         }
@@ -156,26 +164,44 @@
       this.showcol = val
       this.tableList.tableColumn = this.setTableColumn(val)
     },
-    // 璇锋眰鏁版嵁
+    // 搴撳瓨鎶ヨ〃璺宠浆璇锋眰鏁版嵁
     async getData() {
-      await getProductOperatonList({
-        productId: this.params.id,
-        page: this.pagerOptions.currPage,
-        pageSize: this.pagerOptions.pageSize
-      }).then((res) => {
-        if (res.code === 200) {
-          const list = res.data.map((item) => {
-            return {
-              ...item,
-              from: item.fromLocation.name,
-              to: item.toLocation.name,
-              productName: this.params.name
-            }
-          })
-          this.tableList.tableInfomation = list || []
-          this.pagerOptions.totalCount = res.total
-        }
-      })
+      if (this.params.name === "鎶ヨ〃") {
+        await getHistory({
+          keyWord:this.params.keyWord,
+          produceId:this.params.produceId,
+          unit:this.params.unit,
+          productName:this.params.productName,
+          page: this.pagerOptions.currPage,
+          pageSize: this.pagerOptions.pageSize
+        }).then((res) => {
+          if (res.code === 200) {
+            this.tableList.tableInfomation = res.data
+            this.pagerOptions.totalCount = res.total
+          }
+        })
+      } else {
+        await getProductOperatonList({
+          productId: this.params.id,
+          page: this.pagerOptions.currPage,
+          pageSize: this.pagerOptions.pageSize
+        }).then((res) => {
+          if (res.code === 200) {
+            const list = res.data.map((item) => {
+              return {
+                ...item,
+                fromLocation: item.fromLocation.name,
+                toLocation: item.toLocation.name,
+                productName: this.params.name,
+                amount: item.details[0].product.amount,
+                unit: item.details[0].product.unit
+              }
+            })
+            this.tableList.tableInfomation = list || []
+            this.pagerOptions.totalCount = res.total
+          }
+        })
+      }
     },
     // 鎼滅储
     getList(val) {
@@ -183,14 +209,14 @@
     },
     // 琛岀偣鍑�
     tableRowClick(row) {
-      console.log(row)
+      console.log(row, "琛宺ow")
       this.editConfig.visible = true
       this.editConfig.title = "鏌ョ湅"
       this.editConfig.infomation = { ...row }
     },
     // 鏂板缓
     addBtnClick() {
-      this.editConfig.visible = true
+      // this.editConfig.visible = true
       this.editConfig.title = "鏂板缓"
     },
     // 鐘舵��
@@ -202,19 +228,4 @@
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="scss" scoped>
-// .rightContent {
-//   height: 100%;
-//   background: #e6ecf2;
-//   padding: 10px;
-//   .top {
-//     margin-bottom: 20px;
-//     height: 60px;
-//     background: #fff;
-//     border-radius: 8px;
-//   }
-//   .list-view {
-//     height: calc(100% - 120px);
-//   }
-// }
-</style>
+<style lang="scss" scoped></style>

--
Gitblit v1.8.0