yiliangyiyun-pc-jj/src/views/houseSelfCollect/inspectInfo.vue

<!--质检信息-->
<template>
  <div class="center">
    <el-row>
      <el-col :span="12">
        <h2 class="bg-left titleup">{{ information }}质检信息</h2>
      </el-col>
      <el-col :span="12" class="bg-right">
        <el-button class="bg-bottom" type="primary" size="small" @click="cancel"
          ><img
            width="6"
            height="10"
            style="vertical-align: bottom; margin-right: 3px"
            src="../../../public/img/lujing.png"
            alt=""
          />返回</el-button
        >
      </el-col>
    </el-row>
    <div class="substance">
      <ws-form>
        <div style="width: 50%; margin: 0 auto">
          <div class="title">基本信息</div>
          <ws-info-table>
            <ws-form-item label="编号" span="1" prop="qualityNo">
              <ws-input
                v-model="inspect.qualityNo"
                placeholder="请输入编号"
                maxlength="100"
                disabled
                size="small"
              />
            </ws-form-item>
            <ws-form-item label="仓位号" span="1" prop="binNumber">
              <ws-select
                v-model="inspect.binNumber"
                placeholder="请输入仓位号"
                class="typeselect"
                :disabled="disabled"
              >
                <ws-option
                  v-for="item in getbinNumberList"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value"
                />
              </ws-select>
            </ws-form-item>
            <ws-form-item label="客户" span="1" prop="customerName">
              <ws-select
                placeholder=""
                class="typeselect"
                @change="customerChange"
                :disabled="disabled"
              >
                <ws-option
                  v-for="item in customerList"
                  :key="item.valueKey"
                  :label="item.value"
                  :value="item.value"
                />
              </ws-select>
            </ws-form-item>
            <ws-form-item label="囤位号" span="1" prop="storageTagNo">
              <ws-input
                v-model="inspect.storageTagNo"
                placeholder="请输入囤位号"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="车牌号" span="1" prop="carNumber">
              <ws-input
                v-model="inspect.carNumber"
                placeholder="请输入车牌号"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="货名" span="1" prop="goodsName">
              <ws-select
                v-model="inspect.goodsName"
                placeholder=""
                class="typeselect"
                :disabled="disabled"
                @change="waterContentChange"
              >
                <ws-option
                  v-for="item in goodnameList"
                  :key="item.goodsNameKey"
                  :label="item.goodsName"
                  :value="item.goodsName"
                />
              </ws-select>
            </ws-form-item>
            <ws-form-item label="扣重比" span="1" prop="buckleWeightRatio">
              <ws-input
                v-model="inspect.buckleWeightRatio"
                placeholder="请输入扣重比"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="类型" span="1" prop="type">
              <ws-select
                v-model="inspect.type"
                placeholder=""
                :disabled="disabled"
              >
                <ws-option
                  v-for="item in typeList"
                  :key="item"
                  :label="item"
                  :value="item"
                />
              </ws-select>
            </ws-form-item>
            <ws-form-item
              label="购粮性质"
              span="1"
              prop="natureOfGrainPurchase"
            >
              <ws-input
                v-model="inspect.natureOfGrainPurchase"
                placeholder="请输入购粮性质"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item
              label="净重单价（元/公斤）"
              span="1"
              prop="buckleWeightRatio"
            >
              <ws-input
                v-model="inspect.tidalGrainPrice"
                placeholder="请输入净重单价"
                maxlength="100"
                size="small"
                disabled
              />
            </ws-form-item>
          </ws-info-table>

          <div class="title">质检数据</div>
          <ws-info-table>
            <ws-form-item label="等级" span="1" prop="grade">
              <ws-select
                v-model="inspect.grade"
                placeholder="请输入等级"
                class="typeselect"
                @change="waterContentChange"
                :disabled="disabled"
              >
                <ws-option
                  v-for="item in gradeList"
                  :key="item.constKey"
                  :label="item.constValue"
                  :value="item.constValue"
                />
              </ws-select>
            </ws-form-item>
            <ws-form-item label="杂质（%）" span="1" prop="impurity">
              <ws-input
                v-model="inspect.impurity"
                placeholder="请输入杂质占比"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="水分（%）" span="1" prop="waterContent">
              <ws-input
                v-model="inspect.waterContent"
                placeholder="请输入水分占比"
                maxlength="100"
                size="small"
                @change="waterContentChange"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="霉变粒（%）" span="1" prop="mildewGrain">
              <ws-input
                v-model="inspect.mildewGrain"
                placeholder="请输入霉变粒占比"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="容重（克/升）" span="1" prop="bulkDensity">
              <ws-input
                v-model="inspect.bulkDensity"
                placeholder="请输入容重"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="热损伤（%）" span="1" prop="jiaorenli">
              <ws-input
                v-model="inspect.jiaorenli"
                placeholder="请输入热损伤占比"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
            <ws-form-item label="不完整粒（%）" span="1" prop="imperfectGrain">
              <ws-input
                v-model="inspect.imperfectGrain"
                placeholder="请输入不完整粒占比"
                maxlength="100"
                size="small"
                :disabled="disabled"
              />
            </ws-form-item>
          </ws-info-table>
          <!-- <div style="text-align: right; color: #323233">
            潮粮单价（元/公斤）：{{ unitPrice}}
          </div> -->
          <div class="but">
            <el-button @click="cancel" v-if="this.types != 2" type="primary"
              >取消</el-button
            >
            <el-button @click="print" v-if="this.types != 2" type="primary"
              >保存并打印</el-button
            >
            <el-button @click="cancel" v-if="this.types == 2" type="primary"
              >关闭</el-button
            >
          </div>
        </div>
      </ws-form>
    </div>
    <houseSelfCollectPrint v-show="false"></houseSelfCollectPrint>
  </div>
</template>
<script>
import {
  inspectAdd,
  getbinNumber,
  getcustomer,
  getinspectLook,
  getinspectLookUnitPrice,
  getinspectLookGoods,
  getinspectEdit,
  getamount,
} from '@/model/houseSelfCollect/index'
import { packList } from '@/model/contarct/index'
import houseSelfCollectPrint from './houseSelfCollectPrint.vue'
export default {
  components: {
    houseSelfCollectPrint,
  },
  watch: {},
  data() {
    return {
      // warehouseList: {},
      inspect: {
        tidalGrainPrice: 0,
      },
      disabled: false,
      types: '1',
      information: '添加',
      goodnameList: [],
      gradeList: [],
      customerList: [],
      getbinNumberList: [],
      cangid: '', //仓库id
      warehouseName: '',
      unitPrice: 0,
      count: 0,
      cangNo: '',
      typeList: ['干粮', '潮粮'],
      purchasePriceList:[],
      id:"",
    }
  },
  activated() {
    this.types = this.$route.query.type
    this.cangid = this.$route.query.cangid
    this.warehouseName = this.$route.query.warehouseName
    this.cangNo = this.$route.query.warehouseNo
    this.count = Number(this.$route.query.count) + 1
    this.purchasePriceList = this.$route.query.purchasePriceList
    this.id = this.$route.query.id
    if (this.types == 2) {
      this.disabled = true
      this.information = '查看'
    } else if (this.types == 3) {
      this.disabled = false
      this.information = '编辑'
    }
    this.calculation()
    this.getList(this.id)
  },
  methods: {
    getdate() {
      var date = new Date()
      var year = date.getFullYear() //获取完整的年份(4位)
      var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
      var datetime = date.getDate() //获取当前日(1-31)
      if (mouth < 10) {
        mouth = '0' + mouth
      }
      if (datetime < 10) {
        datetime = '0' + datetime
      }
      return year + mouth + datetime
    },
    calculation() {
      let number = '000' + this.count
      number = number.substring(number.length - 4, number.length)
      this.inspect.qualityNo = 'SGRK' + this.getdate() + this.cangNo + number //SGRK+8位时间+3位仓库编号+4位序列号
      // + this.verifyinit()
    },
    print() {
      this.inspect.warehouseName = this.warehouseName
      this.inspect.compId = sessionStorage.getItem('ws-pf_compId')
      this.qualityInspector = sessionStorage.getItem('ws-pf_staffName')
      if (this.types == null) {
        this.$confirm('确定保存质检信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            inspectAdd(this.inspect)
              .toPromise()
              .then((response) => {
                this.$message.success('保存成功')
                this.$router.push({ path: 'paymentManagement' })
              })
          })
          .catch(() => {
            return false
          })
      } else if (this.types == 3) {
        this.$confirm('确定保存质检信息？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            // return
            getinspectEdit(this.inspect)
              .toPromise()
              .then((response) => {
                this.$message.success('修改成功')
                // this.xx = true;
                // let newstr = document.getElementById('print').innerHTML
                // let oldstr = document.body.innerHTML
                // document.body.innerHTML = newstr
                // window.print()
                // document.body.innerHTML = oldstr
                // window.location.reload()
                this.$router.push({ path: 'paymentManagement' })
              })
          })
          .catch(() => {
            return false
          })
      }
    },
    cancel() {
      this.$router.push({ path: 'inspectionManagement' })
    },
    customerChange(e) {
      let customers = e.split('(')
      this.inspect.customerName = customers[0]
      this.inspect.customerPhone = customers[1].split(')')[0]
      //客户下拉校验
      // getamount({
      //   compId: sessionStorage.getItem('ws-pf_compId'),
      //   customerName: this.inspect.customerPhone,
      //   goodsName: this.inspect.goodsName,
      // })
      //   .toPromise()
      //   .then((response) => {
      //     console.log(response)
      //   })
    },

    waterContentChange() {
      if(this.inspect.goodsName){
        for(var i=0;i<this.purchasePriceList.length;i++){
          if(this.purchasePriceList[i].goodsName == this.inspect.goodsName){
            this.inspect.buckleWeightRatio = this.purchasePriceList[i].deductWeight
          }
        }
      }
      //潮粮单价改变事件
      if (
        this.inspect.goodsName  &&
        this.inspect.waterContent  &&
        this.inspect.grade 
      ) {
        getinspectLookUnitPrice({
          warehouseId: this.cangid,
          goodsName: this.inspect.goodsName,
          waterContent: this.inspect.waterContent,
          grade: this.inspect.grade,
        })
          .toPromise()
          .then((response) => {
            this.inspect.tidalGrainPrice = response
            this.unitPrice = response
          })
      }
    },
   
    getList(ids) {
      // 货名
      getinspectLookGoods({ warehouseId: this.cangid })
        .toPromise()
        .then((response) => {
          this.goodnameList = []
          this.goodnameList = response
        })
      // 品级
      packList({ constId: 'CON3' })
        .toPromise()
        .then((response) => {
          this.gradeList = response
        })
      //客户
      getcustomer({ compId: sessionStorage.getItem('ws-pf_compId') })
        .toPromise()
        .then((response) => {
          // this.gradeList = response
          this.customerList = []
          let customer = response
          for (let i = 0; i < response.length; i++) {
            customer =
              response[i].customerName + '(' + response[i].customerPhone + ')'
            this.customerList.push({
              valueKey: i,
              value: customer,
            })
          }
        })
      // 仓位
      getbinNumber({ id: this.cangid })
        .toPromise()
        .then((response) => {
          this.getbinNumberList = []
          for (let i = 0; i < response.warehousePositionInfoList.length; i++) {
            this.getbinNumberList.push({
              value: response.warehousePositionInfoList[i].binNumber,
            })
          }
        })
      if (this.types == 2 || this.types == 3) {
        //查看
        getinspectLook({ id: ids })
          .toPromise()
          .then((response) => {
            this.inspect = response
          })
      }
    },
  },
}
</script>
<style lang="scss" scoped>
.center {
  background: #f6f7fc;
}

.ws-info-table {
  border: none;
}
.ws-info-table .el-form-item {
  width: 50%;
  border: none;
}
/deep/.ws-info-table .el-form-item .el-form-item__label {
  width: 30%;
  text-align: center;
  background: #ffffff;
  font-size: 14px;
  color: #8890b1;
}
/deep/.ws-info-table .el-form-item .el-form-item__content {
  border: none;
}
.title {
  font-size: 16px;
  font-weight: 600;
  margin: 10px;
}
.titleup {
  position: relative;
}
.title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 15px;
  background: #8890b1;
  margin-right: 5px;
}

.substance {
  background: #ffffff;
  width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  padding-top: 20px;
}
/deep/.el-table .el-table__header .cell,
.el-table .el-table__body .cell {
  text-align: center;
}
/deep/.el-table--enable-row-transition .el-table__body td {
  text-align: center;
}
.bg-left {
  padding-left: 30px;
}
.bg-right {
  padding-right: 10px;
  text-align: right;
}
.bg-bottom {
  margin: 15px 0px;
}
.titleup {
  position: relative;
}
.titleup::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 30px;
  background: #5473e8;
  position: absolute;
  left: 0;
}
.but {
  text-align: center;
  margin: 20px auto;
}
</style>