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;
      // 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)
    // },
    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";
          // 将开始时间减一
          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("开始时间要比结束时间早");
        }
      } else {
        this.getRequestUrl()
      }
    },
    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>