icore-pass/src/views/WMS/components/steel/steel_inboundStatistics.vue

//入库统计
<template>
  <div class="steel_inboundStatistics">
    <div class="sache">
      <span class="text">入库时间：</span>
      <el-date-picker
        v-model="startTime"
        type="datetime"
        placeholder="选择日期"
      >
      </el-date-picker>
      <span class="text1">至</span>
      <el-date-picker v-model="endTime" type="datetime" placeholder="选择日期">
      </el-date-picker>
      <el-select v-model="region" placeholder="请选择班次" style="width: auto;">
        <el-option label="不选择班次" value="0"></el-option>
        <el-option label="早班" value="1"></el-option>
        <el-option label="中班" value="2"></el-option>
        <el-option label="晚班" value="3"></el-option>
      </el-select>
      <el-button type="primary" class="btn" @click="onclick">
        <i class="el-icon-search"></i>查询
      </el-button>
      <el-col :span="3" v-html="'\u2003'" />
      <span class="text">生产总件数</span>
      <el-input
        placeholder="请输入内容"
        v-model="input3"
        :disabled="true"
        class="inputs"
        style="width:10%"
      >
      </el-input>
      <span class="text">生产总重量</span>
      <el-input
        placeholder="请输入内容"
        v-model="input4"
        :disabled="true"
        style="width:10%"
      >
      </el-input>
    </div>
    <div class="table">
      <dilTable v-bind.sync="options" @func="func" :rowClassName="rowClassName">
      </dilTable>
    </div>
  </div>
</template>

<script>
import { sjTime } from "@/utils/sharedJsFile";
import { getCookie } from "@/utils/util.js";
export default {
  data() {
    return {
      rowClassName({ row, rowIndex }) {
        if (rowIndex === 0) {
          return "success-row";
        }
        return "";
      },
      input1: "",
      input2: "",
      input3: "",
      input4: "",
      input5: "",
      inputText: "",
      startTime: null,
      endTime: null,
      region: "0",
      options: {
        // first请求数据的地址
        requestUrl:
          "/api/v1/wms/getWmsInboundResultStatistics?apiId=445&warehouseId=" + 3
        // selectionType: "select",
        // mapList: [],
      }
    };
  },
  created() {
    console.log(this.options.data);
  },
  methods: {
    func(res) {
      // console.log(res.list[0])
      // this.input1 = this.input1 + e.furnaceNumber1,
      let num1 = 0;
      let num2 = 0;
      res.list.forEach(e => {
        console.log(e);
        console.log(e.count);
        console.log(e.weight);
        num1 = num1 + e.count;
        num2 = num2 + e.weight;
      });
      this.input3 = num1;
      this.input4 = (num2 / 1000).toFixed(3);
      // this.input1 = res.list[0].furnaceNumber1,
      // this.input2 = res.list[0].materialName,
      // this.input3 = res.list[0].count,
      // this.input4 = res.list[0].weight,
      // this.input5 = res.list[0].onetime
    },
    // inboundDetails(scope){
    //   	this.$router.push("/inboundDetails/" + scope.row.inboundId)
    // },
    // 获取当前月份的最后一天
    getdaysinmonth(year, month) {
      month = parseInt(month, 10) + 1;
      let days = 0;
      month = month - 1;
      console.log("othermonth" + month);
      console.log("otheryear" + year);
      // 根据月份获取对应的天数
      if (month == 2) {
        days = year % 4 == 0 ? 29 : 28;
      } else if (
        month == 1 ||
        month == 3 ||
        month == 5 ||
        month == 7 ||
        month == 8 ||
        month == 10 ||
        month == 12
      ) {
        days = 31;
      } else {
        days = 30;
      }
      console.log("otherdays" + days);
      return days;
    },
    onclick() {
      let startTime = null;
      let endTime = null;
      // 判断用户有没有班次，有班次则提供默认时间
      if (this.region != null) {
        let date = null;
        let date2 = null;
        let year = null;
        let month = null;
        let day = null;
        let year2 = null;
        let month2 = null;
        let day2 = null;
        // 判断当前日期输入框中是否选择了时间,并且开始日期和结束日期是否是同一天
        if (this.startTime != null) {
          date = this.startTime;
          // 判断当前开始时间是标准时间还是字符串时间

          year = date.getFullYear(); // 年
          month = date.getMonth() + 1; // 月
          day = date.getDate(); // 日
        }
        if (this.endTime != null) {
          date2 = this.endTime;
          year2 = date2.getFullYear(); // 年
          month2 = date2.getMonth() + 1; // 月
          day2 = date2.getDate(); // 日 // 日
        }
        if (this.startTime == null && this.endTime == null) {
          // 获取当前的日期时间
          date = new Date();
          year = date.getFullYear(); // 年
          month = date.getMonth() + 1; // 月
          day = date.getDate(); // 日
        }
        // 判断开始日期和结束日期是否是同一天
        if (
          !(year == year2 && month == month2 && day == day2) &&
          (this.startTime != null || this.endTime != null) &&
          this.region == null
        ) {
          // 当不是同一天的时候，直接弹窗警告
          this.startTime = null;
          this.endTime = null;
          this.$message.warning("开始日期和结束日期不是同一天");
        }
        // 判断当前用户选择的具体班次
        if (this.region == 0) {
          this.startTime = year + "-" + month + "-" + day + " " + "00:00:00";
          // 将结束时间加一
          day = parseInt(day) + 1;
          this.endTime = year + "-" + month + "-" + day + " " + "00:00:00";
        } else if (this.region == 1) {
          this.startTime = year + "-" + month + "-" + day + " " + "07:30:00";
          this.endTime = year + "-" + month + "-" + day + " " + "15:30:00";
        } else if (this.region == 2) {
          this.startTime = year + "-" + month + "-" + day + " " + "15:30:00";
          this.endTime = year + "-" + month + "-" + day + " " + "23:30:00";
        } else if (this.region == 3) {
          this.endTime = year + "-" + month + "-" + day + " " + "07:30:00";
          // 判断开始日期和结束日期是否跨月份了
          if (month != month2) {
            month = parseInt(month) - 1;
            // 获取前一个月份的最后一天
            day = this.$options.methods.getdaysinmonth(year, month);
          } else {
            // 将开始时间减一
            day = parseInt(day) - 1;
          }
          this.startTime = year + "-" + month + "-" + day + " " + "23:30:00";
        }
        this.startTime = new Date(this.startTime);
        this.endTime = new Date(this.endTime);
        console.log(this.startTime + "开始时间");
        console.log(this.endTime + "结束时间");
        // 将拼接好的日期转换为时间戳
        startTime = Date.parse(this.startTime);
        endTime = Date.parse(this.endTime);
        console.log(startTime + "开始时间2");
        console.log(endTime + "结束时间2");
      } else {
        if (this.startTime) {
          startTime = sjTime(this.startTime);
        }
        if (this.endTime) {
          endTime = sjTime(this.endTime);
        }
      }
      if (startTime && endTime) {
        if (startTime < endTime) {
          // if(getCookie("orgCode") == "dagangadmin" || getCookie("orgCode") == "zidonghuabu"){
          this.options.requestUrl =
            "/api/v1/wms/getWmsInboundResultStatistics?apiId=445&warehouseId=" +
            3 +
            "&startTime=" +
            startTime +
            "&endTime=" +
            endTime +
            "&i=" +
            new Date();
          // }else if(getCookie("orgCode") == "wuliuchuyunzhongxin"){
          // this.options.requestUrl = "/api/v1/wms/getWmsInboundResultStatistics?apiId=445&warehouseId="+3+"&orderType=13&startTime=" + startTime + "&endTime=" + endTime + "&i=" +new Date();
          // }else{
          // this.options.requestUrl = '/api/v1/wms/getWmsInboundResultStatistics?apiId=445&warehouseId="+3+"&userId=' + getCookie("orgCode") +"&startTime=" + startTime + "&endTime=" + endTime + "&i=" +new Date();
          // }
        } else {
          this.startTime = null;
          this.endTime = null;
          this.$message.warning("开始时间要比结束时间早");
        }
      }
    },
    selectionChange(selection) {
      this.options.mapList = selection;
    }
  }
};
</script>

<style lang="scss" scoped>
.steel_inboundStatistics {
  margin-top: 30px;
  margin-left: 20px;
  .sache {
    display: flex;
    margin-bottom: 10px;
    padding-right: 10px;
    .text {
      text-align: left;
      line-height: 40px;
      width: 70px;
    }
    .text1 {
      text-align: left;
      line-height: 40px;
    }
    .el-date-editor {
      margin-right: 5px;
      margin-left: 5px;
    }
    .btn {
      margin-left: 10px;
    }
    .el-select {
      width: 100%;
      .el-input__inner {
        width: 150px;
      }
    }
  }
}
</style>