From cf6a4b874aed82592eea78294715c7c688f9b248 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期五, 03 十一月 2023 14:50:31 +0800 Subject: [PATCH] Merge branch 'dev' into songshankun/add-token --- src/views/reportForm/inboundOutboundDetail/index.vue | 249 ++++++++++++++++++++++++++++--------------------- 1 files changed, 143 insertions(+), 106 deletions(-) diff --git a/src/views/reportForm/inboundOutboundDetail/index.vue b/src/views/reportForm/inboundOutboundDetail/index.vue index 8876f1d..c6ee050 100644 --- a/src/views/reportForm/inboundOutboundDetail/index.vue +++ b/src/views/reportForm/inboundOutboundDetail/index.vue @@ -4,42 +4,36 @@ <SearchCommonView :add-title="'鏂板缓'" :showAdd="false" - :placeholder="'璇疯緭鍏ュ弬鑰�'" + :placeholder="'璇锋牴鎹崟鍙枫�佷骇鍝併�佷笟鍔$被鍨嬭繘琛屾悳绱�'" :amount-view="false" @addCommonClick="addBtnClick" @searchClick="getList" /> </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,185 @@ 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: "baseOperationType", + isShowColumn: 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({ + keyWord:this.params.keyWord, + produceId:this.params.produceId, + unit:this.params.unit, + productName:this.params.productName, page: this.pagerOptions.currPage, - pageSize: this.pagerOptions.pageSize, + 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; + this.tableList.tableInfomation = res.data + this.pagerOptions.totalCount = res.total } - }); - } else if (this.$route.params.pageName == "鎶ヨ〃") { - await getHistory(this.$route.params.product).then((res) => { + }) + } 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 + // } + // }) + await getHistory({ + page: this.pagerOptions.currPage, + pageSize: this.pagerOptions.pageSize + }).then((res) => { if (res.code === 200) { - this.tableList.tableInfomation = res.data; + // let arr=[] + res.data.map((item)=>{ + if(item.baseOperationType===1){ + item.baseOperationType="鏀惰揣" + }else if(item.baseOperationType===2){ + item.baseOperationType="浜よ揣" + }else if(item.baseOperationType===3){ + item.baseOperationType="鍐呴儴璋冩嫧" + }else if(item.baseOperationType===4){ + item.baseOperationType="鎶ュ簾" + }else if(item.baseOperationType===5){ + item.baseOperationType="搴撳瓨鐩樼偣" + } + }) + this.tableList.tableInfomation = res.data + this.pagerOptions.totalCount = res.total } - }); + }) } }, - //浜у搧璺宠浆璇锋眰鏁版嵁 - // 鎼滅储 getList(val) { - console.log(val); + console.log(val) + // getHistory({ + // page: this.pagerOptions.currPage, + // pageSize: this.pagerOptions.pageSize + // }).then((res) => { + // if (res.code === 200) { + // this.tableList.tableInfomation = res.data + // this.pagerOptions.totalCount = res.total + // } + // }) }, // 琛岀偣鍑� 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