From 5b952be3c2534d1d34cd9a75e0f7df1e109f2354 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期三, 18 十月 2023 11:26:46 +0800
Subject: [PATCH] feat: 产品类别弹窗添加产品数量展示
---
src/views/reportForm/inboundOutboundDetail/index.vue | 204 +++++++++++++++++++++++++--------------------------
1 files changed, 100 insertions(+), 104 deletions(-)
diff --git a/src/views/reportForm/inboundOutboundDetail/index.vue b/src/views/reportForm/inboundOutboundDetail/index.vue
index 8876f1d..46a21b5 100644
--- a/src/views/reportForm/inboundOutboundDetail/index.vue
+++ b/src/views/reportForm/inboundOutboundDetail/index.vue
@@ -11,35 +11,29 @@
/>
</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"
- />
+ <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
</div>
</div>
<!-- 缂栬緫 -->
- <AddOverviewDialog
- v-if="editConfig.visible"
- :edit-common-config="editConfig"
- :add-name="this.$route.params.name"
- />
+ <AddOverviewDialog v-if="editConfig.visible" :edit-common-config="editConfig" :add-name="this.$route.params.name" />
</div>
</template>
<script>
-import pageMixin from "@/components/makepager/pager/mixin/pageMixin";
-import { getHistory } from "@/api/reportForm/inventoryRwport";
-import { getProductOperatonList } from "@/api/product/product";
+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";
+import AddOverviewDialog from "@/views/overview/AddOverviewDialog"
export default {
name: "InboundOutboundDetail",
@@ -55,21 +49,34 @@
commonDetail: {
visible: false,
title: "鏂板缓",
- infomation: {},
+ infomation: {}
},
editConfig: {
visible: false,
title: "鏂板缓",
- infomation: {},
+ infomation: {}
},
- productId: this.$route.params.id,
- productName: this.$route.params.name,
- };
+ params: {}
+ }
},
created() {
- this.setTable();
- this.getData();
- console.log(this.$route, "璺敱淇℃伅");
+ this.setTable()
+ console.log(this.$route.params)
+ var paramsList = sessionStorage.getItem("paramsList")
+ let params = {}
+ if (paramsList) {
+ params = JSON.parse(sessionStorage.getItem("paramsList"))
+ } else {
+ params = this.$route.params
+ sessionStorage.setItem("paramsList", JSON.stringify(params))
+ }
+ this.params = params
+ console.log(this.params)
+ this.getData()
+ },
+ // 椤甸潰閿�姣佷箣鍓�
+ beforeDestroy() {
+ sessionStorage.removeItem("paramsList")
},
methods: {
setTable() {
@@ -78,155 +85,144 @@
selectBox: true,
showcol: this.showcol,
allcol: [],
- tableColumn: this.setTableColumn(this.showcol),
- };
- let allcol = [];
+ tableColumn: this.setTableColumn(this.showcol)
+ }
+ let allcol = []
for (let i = 0; i < this.tableList.tableColumn.length; i++) {
if (!this.tableList.tableColumn[i].default) {
- const label = this.tableList.tableColumn[i].label;
- allcol.push(label);
+ const label = this.tableList.tableColumn[i].label
+ allcol.push(label)
}
}
- this.tableList.allcol = allcol;
+ this.tableList.allcol = allcol
},
setTableColumn(showcol) {
let tableColumn = [
{
label: "鏃ユ湡",
- prop: this.$route.params.paramsKey.date,
+ prop: "date",
isShowColumn: true,
default: true,
- date: true,
+ date: true
},
{
label: "鍗曞彿",
- prop: this.$route.params.paramsKey.number,
+ prop: "number",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "浜у搧",
- prop: this.$route.params.paramsKey.productName,
+ prop: "productName",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "浠�",
- prop: this.$route.params.paramsKey.fromLocation,
+ prop: "fromLocation",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "鑷�",
- prop: this.$route.params.paramsKey.toLocation,
+ prop: "toLocation",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "鏁伴噺",
- prop: this.$route.params.paramsKey.amount,
+ prop: "amount",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "鍗曚綅",
- prop: this.$route.params.paramsKey.unit,
+ prop: "unit",
isShowColumn: true,
- default: true,
+ default: true
},
{
label: "鐘舵��",
- prop: this.$route.params.paramsKey.status,
+ prop: "status",
width: 120,
isShowColumn: showcol.includes("鐘舵��"),
default: false,
status: true,
isCallMethod: true,
- getCallMethod: this.getStatus,
+ getCallMethod: this.getStatus
},
{
label: "瀹屾垚鑰�",
- prop: this.$route.params.paramsKey.contactedName,
+ prop: "contactedName",
isShowColumn: showcol.includes("瀹屾垚鑰�"),
- default: false,
- },
- ];
- return tableColumn;
+ default: false
+ }
+ ]
+ return tableColumn
},
selTableCol(val) {
- this.showcol = val;
- this.tableList.tableColumn = this.setTableColumn(val);
+ this.showcol = val
+ this.tableList.tableColumn = this.setTableColumn(val)
},
// 搴撳瓨鎶ヨ〃璺宠浆璇锋眰鏁版嵁
async getData() {
- if (this.$route.params.pageName == "浜у搧") {
- await getProductOperatonList({
- productId: this.productId,
+ if (this.params.name === "鎶ヨ〃") {
+ await getHistory({
+ productId: this.params.id,
page: this.pagerOptions.currPage,
- pageSize: this.pagerOptions.pageSize,
+ 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,
- from: item.fromLocation.name,
- to: item.toLocation.name,
- productName: this.productName,
- };
- });
- this.tableList.tableInfomation = list || [];
- this.pagerOptions.totalCount = res.total;
+ 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
}
- });
- } else if (this.$route.params.pageName == "鎶ヨ〃") {
- await getHistory(this.$route.params.product).then((res) => {
- if (res.code === 200) {
- this.tableList.tableInfomation = res.data;
- }
- });
+ })
}
},
- //浜у搧璺宠浆璇锋眰鏁版嵁
-
// 鎼滅储
getList(val) {
- console.log(val);
+ console.log(val)
},
// 琛岀偣鍑�
tableRowClick(row) {
- console.log(row,"琛宺ow")
- this.editConfig.visible = true;
- this.editConfig.title = "鏌ョ湅";
- this.editConfig.infomation = { ...row };
+ console.log(row, "琛宺ow")
+ this.editConfig.visible = true
+ this.editConfig.title = "鏌ョ湅"
+ this.editConfig.infomation = { ...row }
},
// 鏂板缓
addBtnClick() {
// this.editConfig.visible = true
- this.editConfig.title = "鏂板缓";
+ this.editConfig.title = "鏂板缓"
},
// 鐘舵��
getStatus(val) {
- console.log(val,"val鐘舵��")
- return val === 1 ? "鑽夌" : val === 3 ? "灏辩华" : "瀹屾垚";
- },
- },
-};
+ return val === 1 ? "鑽夌" : val === 3 ? "灏辩华" : "瀹屾垚"
+ }
+ }
+}
</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