From d68b036a3b3c67273b8effa3c9925ef3869a91ba Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 07 二月 2024 13:56:50 +0800
Subject: [PATCH] wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置
---
src/views/reportForm/inventoryReport/index.vue | 115 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 82 insertions(+), 33 deletions(-)
diff --git a/src/views/reportForm/inventoryReport/index.vue b/src/views/reportForm/inventoryReport/index.vue
index b03195f..52fa318 100644
--- a/src/views/reportForm/inventoryReport/index.vue
+++ b/src/views/reportForm/inventoryReport/index.vue
@@ -5,7 +5,7 @@
<SearchCommonView
:showAdd="false"
:add-title="'鏂板缓'"
- :placeholder="''"
+ :placeholder="'璇疯緭鍏ヤ骇鍝佸悕绉版垨浜у搧绫诲埆'"
:amount-view="false"
@addCommonClick="addBtnClick"
@searchClick="getList"
@@ -22,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">
@@ -46,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>
@@ -86,7 +88,7 @@
import { getInventoryData, getProductCategoryList, getWarehouseList } from "@/api/reportForm/inventoryRwport"
export default {
- name: "InboundOutboundDetail",
+ name: "inventoryReport",
props: {},
components: { AddOverviewDialog },
mixins: [pageMixin],
@@ -145,7 +147,8 @@
stashRadio: "1",
pageSizes: [15, 30],
oldRadioBtn: "",
- metaTitle: this.$route.meta.title
+ metaTitle: this.$route.meta.title,
+ searchStr: this.$route.params.name ?? ""
}
},
created() {
@@ -166,6 +169,12 @@
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]
@@ -210,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: "棰勬祴",
@@ -268,7 +283,8 @@
this.tableList.tableColumn = this.setTableColumn(val)
},
getList(val) {
- console.log(val)
+ this.searchStr = val
+ this.getData()
},
// 琛岀偣鍑�
tableRowClick(row) {
@@ -280,8 +296,8 @@
// 鏂板缓
addBtnClick() {
// this.editConfig.visible = true;
- this.editConfig.title = "鏂板缓"
- this.getData()
+ // this.editConfig.title = "鏂板缓"
+ // this.getData()
},
// 鐘舵��
getStatus(val) {
@@ -292,7 +308,10 @@
this.$router.push({
name: "inboundOutboundDetail",
params: {
- id: row.produceId,
+ keyWord: row.productName,
+ produceId: row.produceId,
+ unit: row.unit,
+ productName: row.productName,
name: "鎶ヨ〃"
}
})
@@ -300,11 +319,24 @@
// 琛ヨ揣
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() {},
@@ -329,14 +361,7 @@
//鎺ュ彛璇锋眰-----------------------------------------------------------------------------------------------
// 鑾峰彇搴撳瓨鎶ヨ〃鏁版嵁
- async getData() {
- let params = {
- categoryIds: this.categoryListId,
- keyWord:this.productName,
- page: this.pagerOptions.currPage,
- pageSize: this.pagerOptions.pageSize,
- warehouseCode: this.warehouseListName
- }
+ async getInventoryData(params) {
await getInventoryData(params).then((res) => {
if (res.code === 200) {
const list = res.data
@@ -344,6 +369,16 @@
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
+ }
+ this.getInventoryData(params)
},
// 鑾峰彇浜у搧绫诲瀷鍒楄〃鏁版嵁
async getProductCategoryList() {
@@ -364,8 +399,8 @@
page: this.pagerOptions.currPage,
pageSize: this.pagerOptions.pageSize
}).then((res) => {
- if (res.data.code === 200) {
- this.warehouseList = res.data.data
+ if (res.code === 200) {
+ this.warehouseList = res.data
}
})
}
@@ -382,6 +417,7 @@
.con_left {
width: 200px;
.el-checkbox-group {
+ width: 100%;
display: flex;
flex-direction: column;
}
@@ -394,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