wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置

haoxuan

2024-02-07 d68b036a3b3c67273b8effa3c9925ef3869a91ba

 src/views/reportForm/locationReport/index.vue

@@ -28,7 +28,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">
                  <i class="el-icon-refresh"></i>
                  <span>补货</span>
                </span>
@@ -60,7 +60,7 @@
  data() {
    return {
      tableList: {},
      showcol: ["存储类别", "产品类别", "预留数量", "价值"],
      showcol: [ "产品类别",  "价值"],
      // countcol: [
      //   { label: "在库数量", unit: "" },
      //   { label: "预留数量", unit: "" },
@@ -106,7 +106,8 @@
      },
      productId: this.$route.params.id,
      productName: this.$route.params.name,
      metaTitle: this.$route.meta.title
      metaTitle: this.$route.meta.title,
      keyWord:''
    }
  },
  created() {
@@ -162,17 +163,20 @@
        },
        {
          label: "在库数量",
          width:100,
          prop: "amount",
          isShowColumn: true,
          default: true,
          unit: ""
          unit: "",
          textAlign:"right"
        },
        {
          label: "预留数量",
          prop: "availableStore",
          isShowColumn: true,
          default: true,
          unit: ""
          default: false,
          isShowColumn: showcol.includes("预留数量"),
          unit: "",
          textAlign:"right"
        },
        {
          label: "单位",
@@ -187,6 +191,7 @@
          width: 120,
          default: false,
          isShowColumn: showcol.includes("价值"),
          textAlign:"right",
          unit: "￥"
        }
      ]
@@ -207,19 +212,32 @@
      })
    },
    getData() {
      this.getLocationData({
      if(this.$route.params.name==="库存报表"){
        this.getLocationData({
        wareHouseCode:this.$route.params.wareHouseCode,
        productId:this.$route.params.productId,
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      })
      }else{
        let params={
          page: this.pagerOptions.currPage,
          pageSize: this.pagerOptions.pageSize,
          keyWord:this.keyWord,
        }
        if(this.$route.params.locationId){
          params.locationId=this.$route.params.locationId
        }
        this.getLocationData(params)
      }
    },

    // 搜索
    getList(val) {
      this.getLocationData({
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize,
        keyWord: val
      })
      this.keyWord=val
      this.pagerOptions.currPage=1
      this.pagerOptions.pageSize=15
      this.getData()
    },
    // 行点击
    tableRowClick(row) {
@@ -240,20 +258,32 @@
    },
    // 历史
    handleHistoryClick(row) {
      console.log(row)
      this.$router.push({
        name: "inboundOutboundDetail",
        name: "outEnterLibrary",
        params: {
          row: row,
          // id: row.produceId,
          keyWord:row.productName,
          produceId:row.produceId,
          productName:row.productName,
          unit:row.unit,
          name: "报表"
        }
      })
    },
    // 补货
    handleAddGoods() {}
    handleAddGoods(row) {
      this.$router.push({
        name: 'orderPoint',
        params:{
          locationId:row.locationId,
          locationName:row.locationName
        }
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped></style>
<style lang="scss" scoped>
</style>