| | |
| | | </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"> |
| | |
| | | prop: "cost", |
| | | default: false, |
| | | isShowColumn: showcol.includes("单位成本"), |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "总价值", |
| | |
| | | default: false, |
| | | isShowColumn: showcol.includes("总价值"), |
| | | unit: "¥", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "在库", |
| | |
| | | default: true, |
| | | isShowColumn: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "可用库存", |
| | |
| | | default: true, |
| | | isShowColumn: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "入库", |
| | |
| | | default: false, |
| | | isShowColumn: showcol.includes("入库"), |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "出库", |
| | |
| | | isShowColumn: showcol.includes("出库"), |
| | | default: false, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "预测", |
| | |
| | | this.$router.push({ |
| | | name:"locationReport", |
| | | params:{ |
| | | keyWord:row.row.productName, |
| | | // keyWord:row.row.productName, |
| | | wareHouseCode:this.warehouseListName, |
| | | productId:row.row.produceId, |
| | | name:"库存报表" |
| | | } |
| | | }) |
| | |
| | | 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; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .el-table__body-wrapper{ |
| | | height: unset !important; |
| | | // height: 100%; |
| | | } |
| | | ::v-deep .table-view{ |
| | | height:unset !important; |
| | | } |
| | | .el-table__cell{ |
| | | text-align: unset !important; |
| | | } |
| | | ::v-deep .el-table__cell.is-left{ |
| | | text-align: left !important; |
| | | } |
| | | </style> |