From 81c27d42bf0e43bea7f3c3dfa75762c2c5ecaca8 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 25 四月 2024 15:23:56 +0800
Subject: [PATCH] wms 概述详情页根据不同的名称顶部名称不同
---
src/views/reportForm/inventoryReport/index.vue | 168 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 101 insertions(+), 67 deletions(-)
diff --git a/src/views/reportForm/inventoryReport/index.vue b/src/views/reportForm/inventoryReport/index.vue
index 7738753..52fa318 100644
--- a/src/views/reportForm/inventoryReport/index.vue
+++ b/src/views/reportForm/inventoryReport/index.vue
@@ -3,8 +3,9 @@
<div class="rightContent">
<div class="top">
<SearchCommonView
+ :showAdd="false"
:add-title="'鏂板缓'"
- :placeholder="'璇疯緭鍏ュ弬鑰�'"
+ :placeholder="'璇疯緭鍏ヤ骇鍝佸悕绉版垨浜у搧绫诲埆'"
:amount-view="false"
@addCommonClick="addBtnClick"
@searchClick="getList"
@@ -21,16 +22,18 @@
v-for="(item, index) in warehouseList"
:key="index"
v-model="stashRadio"
- :label="item.name"
+ :label="item.code"
@change="radioHandleChange"
>{{ item.name }}</el-radio
>
- <!-- <el-radio v-model="stashRadio" label="2">澶囬�夐」</el-radio> -->
+ <!-- @click.prevent.native="checkRadio(item.code)" 鍙栨秷鍗曢�夐」 -->
</template>
</div>
<p style="margin-top: 30px">绫诲埆</p>
<el-checkbox-group v-model="checkList" @change="checkListHandler">
- <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox>
+ <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id">
+ {{ item.name }}
+ </el-checkbox>
</el-checkbox-group>
</div>
<div class="list-view">
@@ -45,20 +48,20 @@
<template slot="tableButton">
<el-table-column label="鎿嶄綔" width="220" align="center">
<template slot-scope="scope">
- <span @click="handleHistoryClick(scope.row)">
+ <span @click="handleHistoryClick(scope.row)" class="yes-cursor">
<i class="el-icon-refresh-left"></i>
<span>鍘嗗彶</span>
</span>
- <span @click="handleAddGoods(scope)" class="margin_left_5px">
+ <span @click="handleAddGoods(scope.row)" class="margin_left_5px;" style="cursor: pointer">
<i class="el-icon-refresh"></i>
<span>琛ヨ揣</span>
</span>
<template>
- <span @click="handleLocation(scope)" class="margin_left_5px">
+ <span @click="handleLocation(scope)" class="margin_left_5px yes-cursor">
<i class="el-icon-menu"></i>
<span>浣嶇疆</span>
</span>
- <span @click="handleForecast(scope)" class="margin_left_5px">
+ <span @click="handleForecast(scope)" class="margin_left_5px no-cursor">
<i class="el-icon-s-data"></i>
<span>棰勬祴</span>
</span>
@@ -85,7 +88,7 @@
import { getInventoryData, getProductCategoryList, getWarehouseList } from "@/api/reportForm/inventoryRwport"
export default {
- name: "InboundOutboundDetail",
+ name: "inventoryReport",
props: {},
components: { AddOverviewDialog },
mixins: [pageMixin],
@@ -145,7 +148,8 @@
pageSizes: [15, 30],
oldRadioBtn: "",
metaTitle: this.$route.meta.title,
- };
+ searchStr: this.$route.params.name ?? ""
+ }
},
created() {
this.setTable()
@@ -158,21 +162,28 @@
},
methods: {
checkListHandler(e) {
- this.categoryListId = e;
- this.getData();
+ this.categoryListId = e
+ this.getData()
},
radioHandleChange(e) {
- this.warehouseListName = e;
- this.getData();
+ this.warehouseListName = e
+ this.getData()
},
+ // checkRadio(val){
+ // console.log(val)
+ // val == this.stashRadio ? this.stashRadio = '' : this.stashRadio = val
+ // this.warehouseListName = val
+ // this.getData()
+ // },
setTable() {
if (this.isIconIndex === "1") {
- this.pageSizes = [30, 60];
- this.pagerOptions.pageSize = 30;
+ this.pageSizes = [30, 60]
+ this.pagerOptions.pageSize = 30
}
this.tableList = {
tableInfomation: [],
- selectBox: true,
+ selectBox: false,
+ selectIndex: true,
showcol: this.showcol,
countcol: this.countcol,
allcol: [],
@@ -208,42 +219,48 @@
label: "鍗曚綅鎴愭湰",
prop: "cost",
default: false,
- isShowColumn: showcol.includes("鍗曚綅鎴愭湰")
+ isShowColumn: showcol.includes("鍗曚綅鎴愭湰"),
+ textAlign: "right"
},
{
label: "鎬讳环鍊�",
prop: "value",
default: false,
isShowColumn: showcol.includes("鎬讳环鍊�"),
- unit: "锟�"
+ unit: "锟�",
+ textAlign: "right"
},
{
label: "鍦ㄥ簱",
prop: "amount",
default: true,
isShowColumn: true,
- unit: ""
+ unit: "",
+ textAlign: "right"
},
{
label: "鍙敤搴撳瓨",
prop: "availableNumber",
default: true,
isShowColumn: true,
- unit: ""
+ unit: "",
+ textAlign: "right"
},
{
label: "鍏ュ簱",
prop: "in",
default: false,
isShowColumn: showcol.includes("鍏ュ簱"),
- unit: ""
+ unit: "",
+ textAlign: "right"
},
{
label: "鍑哄簱",
prop: "out",
isShowColumn: showcol.includes("鍑哄簱"),
default: false,
- unit: ""
+ unit: "",
+ textAlign: "right"
},
{
label: "棰勬祴",
@@ -266,7 +283,8 @@
this.tableList.tableColumn = this.setTableColumn(val)
},
getList(val) {
- console.log(val)
+ this.searchStr = val
+ this.getData()
},
// 琛岀偣鍑�
tableRowClick(row) {
@@ -278,8 +296,8 @@
// 鏂板缓
addBtnClick() {
// this.editConfig.visible = true;
- this.editConfig.title = "鏂板缓"
- this.getData()
+ // this.editConfig.title = "鏂板缓"
+ // this.getData()
},
// 鐘舵��
getStatus(val) {
@@ -290,37 +308,35 @@
this.$router.push({
name: "inboundOutboundDetail",
params: {
- name: this.metaTitle,
- product: {
- page: this.pagerOptions.currPage,
- pageSize: this.pagerOptions.pageSize,
- produceId: row.produceId,
- productName: row.productName,
- unit: row.unit,
- },
- pageName:"鎶ヨ〃",
- paramsKey: {
- amount: "amount",
- status: "status", //鐘舵��
- productName:"productName", //浜у搧鍚嶇О
- contactedName: "contactedName",
- date: "date",
- fromLocation: "fromLocation",
- number: "number",
- toLocation: "toLocation",
- unit: "unit",
- },
- },
- });
+ keyWord: row.productName,
+ produceId: row.produceId,
+ unit: row.unit,
+ productName: row.productName,
+ name: "鎶ヨ〃"
+ }
+ })
},
// 琛ヨ揣
handleAddGoods(row) {
- console.log(row);
+ this.$router.push({
+ name: "orderPoint",
+ params: {
+ productId: row.produceId
+ }
+ })
},
// 浣嶇疆
- handleLocation() {
- this.$router.push("/reportForm/locationReport")
+ handleLocation(row) {
+ this.$router.push({
+ name: "locationReport",
+ params: {
+ // keyWord:row.row.productName,
+ wareHouseCode: this.warehouseListName,
+ productId: row.row.produceId,
+ name: "搴撳瓨鎶ヨ〃"
+ }
+ })
},
// 棰勬祴
handleForecast() {},
@@ -337,35 +353,39 @@
inStorage: item.inStorage, // 鍏ュ簱
toStore: item.toStore, // 鍑哄簱
forecast: item.forecast, //棰勬祴
- unit: item.unit, //鍗曚綅
- };
- this.testArr.push(obj);
- });
+ unit: item.unit //鍗曚綅
+ }
+ this.testArr.push(obj)
+ })
},
//鎺ュ彛璇锋眰-----------------------------------------------------------------------------------------------
// 鑾峰彇搴撳瓨鎶ヨ〃鏁版嵁
- async getData() {
+ async getInventoryData(params) {
+ await getInventoryData(params).then((res) => {
+ if (res.code === 200) {
+ const list = res.data
+ this.tableList.tableInfomation = list || []
+ this.pagerOptions.totalCount = res.total
+ }
+ })
+ },
+ getData() {
let params = {
+ keyWord: this.searchStr,
categoryIds: this.categoryListId,
page: this.pagerOptions.currPage,
pageSize: this.pagerOptions.pageSize,
warehouseCode: this.warehouseListName
}
- await getInventoryData(params).then((res) => {
- if (res.code === 200) {
- const list = res.data;
- this.tableList.tableInfomation = list || [];
- this.pagerOptions.totalCount = res.total;
- }
- })
+ this.getInventoryData(params)
},
// 鑾峰彇浜у搧绫诲瀷鍒楄〃鏁版嵁
async getProductCategoryList() {
await getProductCategoryList({
keyWord: "",
page: this.pagerOptions.currPage,
- pageSize: this.pagerOptions.pageSize,
+ pageSize: this.pagerOptions.pageSize
}).then((res) => {
if (res.code === 200) {
this.categoryList = res.data
@@ -377,10 +397,10 @@
await getWarehouseList({
keyword: "",
page: this.pagerOptions.currPage,
- pageSize: this.pagerOptions.pageSize,
+ pageSize: this.pagerOptions.pageSize
}).then((res) => {
- if (res.data.code === 200) {
- this.warehouseList = res.data.data;
+ if (res.code === 200) {
+ this.warehouseList = res.data
}
})
}
@@ -397,6 +417,7 @@
.con_left {
width: 200px;
.el-checkbox-group {
+ width: 100%;
display: flex;
flex-direction: column;
}
@@ -409,4 +430,17 @@
flex: 1;
}
}
+::v-deep {
+ .el-checkbox {
+ padding: 5px;
+ }
+ .el-checkbox__label {
+ width: 95%;
+ box-sizing: border-box;
+ padding-right: 5px;
+ word-break: break-all;
+ word-wrap: break-word;
+ white-space: pre-wrap !important;
+ }
+}
</style>
--
Gitblit v1.8.0