| | |
| | | </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"> |
| | |
| | | <i class="el-icon-refresh-left"></i> |
| | | <span>历史</span> |
| | | </span> |
| | | <span @click="handleAddGoods(scope)" class="margin_left_5px no-cursor"> |
| | | <span @click="handleAddGoods(scope.row)" class="margin_left_5px;" style="cursor: pointer"> |
| | | <i class="el-icon-refresh"></i> |
| | | <span>补货</span> |
| | | </span> |
| | |
| | | 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: this.$route.params.name ?? '' |
| | | 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, |
| | | pageSize: this.pagerOptions.pageSize, |
| | | keyWord: val |
| | | }) |
| | | this.getData() |
| | | }, |
| | | // 行点击 |
| | | tableRowClick(row) { |
| | |
| | | this.$router.push({ |
| | | name: "inboundOutboundDetail", |
| | | params: { |
| | | id: row.produceId, |
| | | 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() {}, |
| | |
| | | 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> |