| | |
| | | </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-group> |
| | | <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"> |
| | | <div class="table"> |
| | |
| | | import { getInventoryData, getProductCategoryList, getWarehouseList } from "@/api/reportForm/inventoryRwport" |
| | | |
| | | export default { |
| | | name: "InboundOutboundDetail", |
| | | name: "inventoryReport", |
| | | props: {}, |
| | | components: { AddOverviewDialog }, |
| | | mixins: [pageMixin], |
| | |
| | | pageSizes: [15, 30], |
| | | oldRadioBtn: "", |
| | | metaTitle: this.$route.meta.title, |
| | | searchStr: "" |
| | | searchStr: this.$route.params.name ?? '' |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | 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: "预测", |
| | |
| | | getList(val) { |
| | | this.searchStr = val |
| | | this.getInventoryData({ |
| | | page: this.pagerOptions.currPage, |
| | | page: 1, |
| | | pageSize: this.pagerOptions.pageSize, |
| | | keyWord: val |
| | | }) |
| | |
| | | this.$router.push({ |
| | | name: "inboundOutboundDetail", |
| | | params: { |
| | | id: row.produceId, |
| | | keyWord:row.productType, |
| | | produceId:row.produceId, |
| | | unit:row.unit, |
| | | productName:row.productName, |
| | | name: "报表" |
| | | } |
| | | }) |
| | |
| | | console.log(row) |
| | | }, |
| | | // 位置 |
| | | handleLocation() { |
| | | this.$router.push("/reportForm/locationReport") |
| | | handleLocation(row) { |
| | | console.log(row,"rowwww") |
| | | this.$router.push({ |
| | | name:"locationReport", |
| | | params:{ |
| | | // keyWord:row.row.productName, |
| | | wareHouseCode:this.warehouseListName, |
| | | productId:row.row.produceId, |
| | | name:"库存报表" |
| | | } |
| | | }) |
| | | }, |
| | | // 预测 |
| | | handleForecast() {}, |
| | |
| | | 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 |
| | | } |
| | | }) |
| | | } |
| | |
| | | .con_left { |
| | | width: 200px; |
| | | .el-checkbox-group { |
| | | width:100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | |
| | | 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> |