haoxuan
2024-02-07 d68b036a3b3c67273b8effa3c9925ef3869a91ba
src/views/reportForm/inventoryReport/index.vue
@@ -31,7 +31,9 @@
        </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">
@@ -50,7 +52,7 @@
                    <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>
@@ -86,7 +88,7 @@
import { getInventoryData, getProductCategoryList, getWarehouseList } from "@/api/reportForm/inventoryRwport"
export default {
  name: "InboundOutboundDetail",
  name: "inventoryReport",
  props: {},
  components: { AddOverviewDialog },
  mixins: [pageMixin],
@@ -146,7 +148,7 @@
      pageSizes: [15, 30],
      oldRadioBtn: "",
      metaTitle: this.$route.meta.title,
      searchStr: this.$route.params.name ?? ''
      searchStr: this.$route.params.name ?? ""
    }
  },
  created() {
@@ -217,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: "预测",
@@ -276,11 +284,7 @@
    },
    getList(val) {
      this.searchStr = val
      this.getInventoryData({
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize,
        keyWord: val
      })
      this.getData()
    },
    // 行点击
    tableRowClick(row) {
@@ -304,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: "报表"
        }
      })
@@ -312,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() {},
@@ -379,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
        }
      })
    }
@@ -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>