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/locationReport/index.vue | 207 +++++++++++++++++++++++++++++++--------------------
1 files changed, 125 insertions(+), 82 deletions(-)
diff --git a/src/views/reportForm/locationReport/index.vue b/src/views/reportForm/locationReport/index.vue
index 39736e4..2da4e3e 100644
--- a/src/views/reportForm/locationReport/index.vue
+++ b/src/views/reportForm/locationReport/index.vue
@@ -1,22 +1,44 @@
+<!-- 浣嶇疆鎶ヨ〃 -->
<template>
<div class="rightContent">
<div class="top">
- <SearchCommonView
- :add-title="'鏂板缓'"
- :showAdd="false"
- :placeholder="'璇疯緭鍏ュ弬鑰�'"
- :amount-view="false"
- @addCommonClick="addBtnClick"
- @searchClick="getList"
- />
+ <div>
+ <SearchCommonView
+ :add-title="'鏂板缓'"
+ :showAdd="false"
+ :placeholder="''"
+ :amount-view="false"
+ @addCommonClick="addBtnClick"
+ @searchClick="getList"
+ :isDisabled="true"
+ />
+ </div>
</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"
+ :showSummary="true"
+ >
+ <template slot="tableButton">
+ <el-table-column label="鎿嶄綔" width="210" align="center">
+ <template slot-scope="scope">
+ <span @click="handleHistoryClick(scope.row)">
+ <i class="el-icon-refresh-left"></i>
+ <span>鍘嗗彶</span>
+ </span>
+ <span @click="handleAddGoods(scope)" class="margin_left_5px">
+ <i class="el-icon-refresh"></i>
+ <span>琛ヨ揣</span>
+ </span>
+ </template>
+ </el-table-column>
+ </template>
+ </TableCommonView>
+ </div>
<div class="btn-pager">
<PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
</div>
@@ -28,7 +50,7 @@
<script>
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
-import { getProductOperatonList } from "@/api/product/product"
+import { getLocationData } from "@/api/locationApi/locationApi"
import AddOverviewDialog from "@/views/overview/AddOverviewDialog"
export default {
@@ -40,7 +62,39 @@
data() {
return {
tableList: {},
- showcol: ["鐘舵��"],
+ showcol: ["瀛樺偍绫诲埆", "浜у搧绫诲埆", "棰勭暀鏁伴噺", "浠峰��"],
+ // countcol: [
+ // { label: "鍦ㄥ簱鏁伴噺", unit: "" },
+ // { label: "棰勭暀鏁伴噺", unit: "" },
+ // { label: "浠峰��", unit: "锟�" },
+ // ],
+ countcol: ["鍦ㄥ簱鏁伴噺", "棰勭暀鏁伴噺", "浠峰��"],
+ testArr: [
+ {
+ product: "HC/閿�鍞尯/b鍖�",
+ category: "涓濈桓鍒跺搧/鐪熶笣鐫¤",
+ cost: "800.00",
+ totalPrices: "2000.00",
+ inStore: "00.00",
+ availableStore: "200.00",
+ inStorage: "00.00",
+ toStore: 65432.0,
+ forecast: "0.00",
+ unit: "浠�"
+ },
+ {
+ product: "HC閿�鍞尯/A鍖�",
+ category: "涓濈桓鍒跺搧/閲戜笣鐫¤",
+ cost: "9980.00",
+ totalPrices: "00.00",
+ inStore: "00.00",
+ availableStore: "20.00",
+ inStorage: "0.00",
+ toStore: 32618.0,
+ forecast: "0.00",
+ unit: "浠�"
+ }
+ ],
searchOptions: [],
commonDetail: {
visible: false,
@@ -53,7 +107,8 @@
infomation: {}
},
productId: this.$route.params.id,
- productName: this.$route.params.name
+ productName: this.$route.params.name,
+ metaTitle: this.$route.meta.title
}
},
created() {
@@ -64,8 +119,10 @@
setTable() {
this.tableList = {
tableInfomation: [],
- selectBox: true,
+ selectBox: false,
+ selectIndex: true,
showcol: this.showcol,
+ countcol: this.countcol,
allcol: [],
tableColumn: this.setTableColumn(this.showcol)
}
@@ -81,63 +138,58 @@
setTableColumn(showcol) {
let tableColumn = [
{
- label: "鏃ユ湡",
- prop: "operationDate",
- isShowColumn: true,
+ label: "浣嶇疆",
+ prop: "locationName",
default: true,
- date: true
+ isShowColumn: true
},
+
{
- label: "鍗曞彿",
- prop: "number",
- isShowColumn: true,
- default: true
+ label: "瀛樺偍绫诲埆",
+ prop: "category",
+ default: false,
+ isShowColumn: showcol.includes("瀛樺偍绫诲埆")
},
{
label: "浜у搧",
prop: "productName",
- isShowColumn: true,
- default: true
+ default: true,
+ isShowColumn: true
},
{
- label: "浠�",
- prop: "from",
- isShowColumn: true,
- default: true
+ label: "浜у搧绫诲埆",
+ prop: "productTypeName",
+ default: false,
+ isShowColumn: showcol.includes("浜у搧绫诲埆")
},
{
- label: "鑷�",
- prop: "to",
- isShowColumn: true,
- default: true
- },
- {
- label: "鏁伴噺",
+ label: "鍦ㄥ簱鏁伴噺",
prop: "amount",
isShowColumn: true,
- default: true
+ default: true,
+ unit: ""
+ },
+ {
+ label: "棰勭暀鏁伴噺",
+ prop: "availableStore",
+ isShowColumn: true,
+ default: true,
+ unit: ""
},
{
label: "鍗曚綅",
prop: "unit",
- isShowColumn: true,
- default: true
- },
- {
- label: "鐘舵��",
- prop: "status",
width: 120,
- isShowColumn: showcol.includes("鐘舵��"),
default: false,
- status: true,
- isCallMethod: true,
- getCallMethod: this.getStatus
+ isShowColumn: showcol.includes("鍗曚綅")
},
{
- label: "瀹屾垚鑰�",
- prop: "admin",
- isShowColumn: showcol.includes("瀹屾垚鑰�"),
- default: false
+ label: "浠峰��",
+ prop: "value",
+ width: 120,
+ default: false,
+ isShowColumn: showcol.includes("浠峰��"),
+ unit: "锟�"
}
]
return tableColumn
@@ -148,25 +200,18 @@
},
// 璇锋眰鏁版嵁
async getData() {
- await getProductOperatonList({
- productId: this.productId,
+ await getLocationData({
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
- }
- })
+ const list = res.data
this.tableList.tableInfomation = list || []
this.pagerOptions.totalCount = res.total
}
})
},
+
// 鎼滅储
getList(val) {
console.log(val)
@@ -174,7 +219,7 @@
// 琛岀偣鍑�
tableRowClick(row) {
console.log(row)
- this.editConfig.visible = true
+ // this.editConfig.visible = true;
this.editConfig.title = "鏌ョ湅"
this.editConfig.infomation = { ...row }
},
@@ -182,29 +227,27 @@
addBtnClick() {
this.editConfig.visible = true
this.editConfig.title = "鏂板缓"
+ this.getData()
},
// 鐘舵��
getStatus(val) {
return val === 1 ? "鑽夌" : val === 3 ? "灏辩华" : "瀹屾垚"
- }
+ },
+ // 鍘嗗彶
+ handleHistoryClick(row) {
+ this.$router.push({
+ name: "inboundOutboundDetail",
+ params: {
+ id: row.produceId,
+ name: "鎶ヨ〃"
+ }
+ })
+ },
+ // 琛ヨ揣
+ handleAddGoods() {}
}
}
</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