yiliangyiyun-pc-jj/src/views/houseSelfCollect/weightCheck.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">
      <div class="left">
        <BalanceAlert v-if="isShowBalance" ref="weightChild" :deptBudgetList="deptBudgetList" :information="information"
          v-on:balanceListen="setVal" class="zujian">
        </BalanceAlert>
        <div class="top">
          <div class="confirmWeight">
            <div class="titleWeight">确认重量</div>
            <div v-if="index == 0" class="weight">
              {{ weighingList.grossWeight }} <span class="kg-style">kg</span>
            </div>
            <div v-else class="weight">
              {{ weighingList.tare }} <span class="kg-style">kg</span>
            </div>
          </div>
          <div class="confirmInfo">
            <div class="car-type">车牌号</div>
            <div class="car-no">{{ carWeightInfo.carNumber }}</div>
          </div>
        </div>
        <h2 class="bg-left titleup">实时监控</h2>
        <div class="bottom">
          <div v-if="!monitorUrl1" class="video1">
            <img src="../../../public/img/quesheng@2x.png" alt="" class="img1" />
            <div>监控视频未连接</div>
          </div>
          <div v-else class="video1">
            <iframe :src="monitorUrl1" width="440" height="360" allowfullscreen="true" webkitallowfullscreen="true"
              mozallowfullscreen="true" allow="autoplay; fullscreen; microphone;"></iframe>
          </div>
          <div v-if="!monitorUrl2" class="video1">
            <img src="../../../public/img/quesheng@2x.png" alt="" class="img1" />
            <div>监控视频未连接</div>
          </div>
          <div v-else class="video2">
            <iframe :src="monitorUrl2" width="440" height="360" allowfullscreen="true" webkitallowfullscreen="true"
              mozallowfullscreen="true" allow="autoplay; fullscreen; microphone;"></iframe>
          </div>
        </div>
      </div>
      <div class="right">
        <ws-form class="right-content">
          <div class="left">
            <div class="tab">
              <div class="tab-item" :class="index == 0 ? 'active' : ''" @click="tabClick(0)">
                待称毛重（{{ mListTop.length }}）
              </div>
              <div class="tab-item" :class="index == 1 ? 'active' : ''" @click="tabClick(1)">
                待称皮重（{{ pListTop.length }}）
              </div>
            </div>
            <ws-info-table>
              <ws-form-item label="编号" span="1" prop="number">
                <ws-input v-model="weighingList.number" placeholder="请输入编号" maxlength="100" disabled size="small" />
              </ws-form-item>
              <ws-form-item label="仓位号" span="1" prop="binNumber">
                <ws-input v-model="weighingList.binNumber" placeholder="请输入仓位号" maxlength="100" disabled size="small" />
              </ws-form-item>
              <ws-form-item label="客户" span="1" prop="customer">
                <ws-input v-model="weighingList.customer" placeholder="请输入客户" maxlength="100" disabled size="small" />
              </ws-form-item>
              <ws-form-item label="囤位号" span="1" prop="storageNumber">
                <ws-input v-model="weighingList.storageNumber" placeholder="请输入囤位号" maxlength="100" size="small"
                  disabled />
              </ws-form-item>
              <ws-form-item label="车牌号" span="1" prop="carNumber">
                <ws-input v-model="weighingList.carNumber" placeholder="请输入车牌号" maxlength="100" size="small" disabled />
              </ws-form-item>
              <ws-form-item label="箱号-1" span="1" prop="boxNo">
                <ws-input disabled v-model="inspect.boxNo" placeholder="请输入箱号" maxlength="20" size="small" />
              </ws-form-item>
              <ws-form-item label="箱号-2" span="1" prop="boxNoOther">
                <ws-input disabled v-model="inspect.boxNoOther" placeholder="请输入箱号" maxlength="20" size="small" />
              </ws-form-item>
              <ws-form-item label="封号-1" span="1" prop="titleNo">
                <ws-input disabled v-model="inspect.titleNo" placeholder="请输入封号" maxlength="20" size="small" />
              </ws-form-item>
              <ws-form-item label="封号-2" span="1" prop="titleNoOther">
                <ws-input disabled v-model="inspect.titleNoOther" placeholder="请输入封号" maxlength="20" size="small" />
              </ws-form-item>
              <ws-form-item label="货名" span="1" prop="goodsName">
                <ws-input v-model="weighingList.goodsName" placeholder="请输入货名" maxlength="100" size="small" disabled />
              </ws-form-item>
              <ws-form-item label="毛重（公斤）" span="1" prop="grossWeight">
                <ws-input type="number" @mousewheel.native.prevent v-if="this.index == 0"
                  v-model="weighingList.grossWeight" @input="calculation(status)" placeholder="未获取到毛重" maxlength="100"
                  size="small" :disabled="disabled" />
                <ws-input type="number" @mousewheel.native.prevent v-else v-model="weighingList.grossWeight"
                  @input="calculation" placeholder="未获取到毛重" maxlength="100" size="small" disabled />
                <el-button type="primary" :class="index == 0 ? '' : 'butCss'" @click="openPort">重新获取</el-button>
              </ws-form-item>
              <ws-form-item label="皮重（公斤）" span="1" prop="tare" v-if="information == '皮重'">
                <ws-input type="number" @mousewheel.native.prevent v-model="weighingList.tare" @input="calculation"
                  placeholder="未获取到皮重" maxlength="100" size="small" :disabled="disabled" />
                <el-button type="primary" v-if="index != 0" @click="openPort">重新获取</el-button>
              </ws-form-item>
              <div class="formItem">
                <ws-form-item label="扣重（公斤）" span="1" prop="buckleWeightRatio"
                  v-if="information == '皮重' && paramType == '2'">
                  <ws-input type="number" @mousewheel.native.prevent v-model="weighingList.buckleMiscellaneous"
                    @input="calculation" placeholder="请输入扣重" maxlength="100" size="small" />
                </ws-form-item>

                <ws-form-item label="净重（公斤）" span="1" prop="netWeight" v-if="information == '皮重'">
                  <ws-input type="number" @mousewheel.native.prevent v-model="weighingList.netWeight"
                    placeholder="请输入净重" maxlength="100" size="small" disabled />
                </ws-form-item>
                <ws-form-item label="应收卸车过磅费（元）" span="1" prop="receivableWeighingFee" v-if="index == 1">
                  <ws-input type="number" v-model="weighingList.receivableWeighingFee" placeholder="未获取到卸车过磅费金额"
                    maxlength="100" size="small" disabled />
                </ws-form-item>
                <ws-form-item label="实收卸车过磅费（元）" span="1" prop="actualWeighingFee" v-if="index == 1">
                  <ws-input type="number" v-model="weighingList.actualWeighingFee" placeholder="输入卸车过磅费" maxlength="100"
                    size="small" />
                </ws-form-item>
              </div>
            </ws-info-table>
            <div class="but">
              <el-button @click="cancel" type="primary">关闭</el-button>
              <el-button @click="print" v-if="this.information == '毛重'" type="primary">保存</el-button>
              <el-button @click="print" v-if="this.information == '皮重'" type="primary">保存并打印</el-button>
            </div>
          </div>
          <div class="car-right">
            <div class="tab-item" :class="status == 1 ? 'active' : ''" @click="cutstatus(1)">
              已称重
            </div>
            <div class="tab-item" :class="status == 2 ? 'active' : ''" @click="cutstatus(2)">
              未称重
            </div>
            <!-- <el-button   :type="status==1?'primary':''">已称重</el-button>
              <el-button @click="cutstatus(2)" :type="status==2?'primary':''">未称重</el-button> -->
            <el-table ref="singleTable" :data="carList" highlight-current-row @current-change="handleCurrentChange"
              style="width: 100%; overflow: auto; height: 640px">
              <el-table-column property="number" label="编号">
              </el-table-column>
              <el-table-column property="carNumber" label="车牌号">
              </el-table-column>
              <el-table-column property="status" label="状态">
              </el-table-column>
            </el-table>
            <div style="text-align: center">
              <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :current-page="currentPage" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
                :total="deptBudgetTotal">
              </el-pagination>
            </div>
            <!-- <div class="table-title">
            <div class="top">
            <div class="top-item first"></div>
            <div class="top-item">编号</div>
            <div class="top-item">车牌号</div>
          </div>
              <div class="top">
            <div></div>
           <div class="top-item"></div>
            <div class="top-item">编号</div>
            <div class="top-item">车牌号</div>
          </div>
        </div>
          <div class="table">
            <div class="table-content" v-for="(item,index) in 30" :key="index">
              <div class="table-content-item"><input type="radio"></div>
              <div class="table-content-item">xxxxxxxxxxxxx</div>
              <div class="table-content-item">辽A11111</div>
            </div>
          </div> -->
          </div>
        </ws-form>
      </div>
    </div>
    <div class="mask" v-show="isShowPrintType"></div>
    <div class="print-type" v-show="isShowPrintType">
      <div class="print-type-content">
        <div class="print-type-title">请选择打印纸张类型</div>
        <div class="print-type-checkbox">
          <!-- <el-radio-group v-model="radio">
            <el-radio label="A4" class="label-width" @change="selectType">A4</el-radio>
            <el-radio label="A5" class="label-width" @change="selectType">A5</el-radio>
          </el-radio-group> -->
        </div>

        <div class="shdw-style" v-if="checked||(!ddchecked&&!checked)">
          <div>收货单位：</div>
          <!-- <div>{{companyName}}</div> -->
          <el-select v-model="companyName" placeholder="请选择" style="width: 75%;">
            <el-option v-for="item in companyNameOptions" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
        <div v-if="warehouseName=='鲅鱼圈金信库'||warehouseName=='白城内陆港'||warehouseName=='杜尔伯特家禾库'||warehouseName=='洮南新友谊兴旺库'||warehouseName=='甘南宏旗库'||warehouseName=='哈尔滨依兰库'||this.warehouseName=='山东园丰库'">
          <div class="print-type-ew">
            <el-checkbox v-model="checked" @change="changeEw">打印额外票据</el-checkbox>
            <el-checkbox v-model="ddchecked" @change="changeEwDD">单独打印额外票据</el-checkbox>
          </div>
          <div class="ew-print" v-if="printSeparately">
            <div class="row">
              <div>额外客户姓名：</div>
              <!-- <div>{{companyName}}</div> -->
              <el-select v-model="ewCustomer" placeholder="请选择" style="width: 75%;">
                <el-option v-for="item in ewCustomerOptions" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="row">
              <div>额外收货单位：</div>
              <!-- <div>{{companyNameEW}}</div> -->
              <el-select v-model="companyNameEW" placeholder="请选择" style="width: 75%;">
                <el-option v-for="item in companyNameEWOptions" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
          </div>
        </div>
        {{ warehouseName }}
        <div v-if="warehouseName=='鲅鱼圈金信库'">
          <div class="print-type-ew">
            <el-checkbox v-model="outchecked" @change="changeOut">是否打印出库</el-checkbox>
          </div>
          <div class="ew-print" v-if="printout">
            <div class="row">
              <div>出库发货单位：</div>
              <!-- <div>{{companyName}}</div> -->
              <el-select v-model="inshipments" placeholder="请选择" style="width: 75%;">
                <el-option v-for="item in ewCustomerOptions" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="row">
              <div>出库收货单位：</div>
              <!-- <div>{{companyNameEW}}</div> -->
              <el-select v-model="outshipments" placeholder="请选择" style="width: 75%;">
                <el-option v-for="item in companyNameEWOptions" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-btn">
        <el-button @click="typePrintClick">确定</el-button>
        <el-button @click="isShowPrintType = false">取消</el-button>
      </div>
    </div>
    <el-dialog width="70%" class="table-content" center :visible.sync="isShowPrint" title="粮食检斤单" @opened="opendBtn"
      @close="closeDialog" :close-on-click-modal="false">
      <weightCheckPrint :tableData="inspect" ref="saveImg"></weightCheckPrint>
      <div style="text-align: center">
        <el-button type="primary" @click="closePrint">关闭</el-button>
        <el-button type="primary" @click="printSmall">打印小票</el-button>
        <el-button type="primary" @click="printBig">打印单据</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
  import {
    tare,
    grossWeight,
    getamount,
    getPrint,
    getweighingList,
    getinspectLookGoods,
  } from '@/model/houseSelfCollect/index'
  import weightCheckPrint from './component/weightCheckPrint.vue'
  import BalanceAlert from '@/components/balanceAlert'
  import html2canvas from 'html2canvas'
  import axios from 'axios'
  export default {
    components: {
      weightCheckPrint,
      BalanceAlert,
    },
    watch: {
      weighingList: {
        //深度监听，可监听到对象、数组的变化
        handler(val, oldVal) {
          if (val.tare) {
            if (this.weighingList.buckleMiscellaneous) {
              this.weighingList.netWeight =
                this.weighingList.grossWeight -
                val.tare -
                this.weighingList.buckleMiscellaneous
            } else {
              this.weighingList.netWeight =
                this.weighingList.grossWeight - val.tare
            }
          }
        },
        deep: true, //true 深度监听
      },
    },
    data() {
      return {
        isShowBalance: false,
        currentPage: 1,
        pageSize: 100,
        deptCircularPage: {},
        deptBudgetTotal: 0,
        pList: [],
        mList: [],
        index: 0,
        status: 1,
        carList: [],
        carWeightInfo: {
          carNumber: '',
          type: '',
          weight: '',
        },
        currentRow: null,
        inspect: {},
        types: 1,
        information: '',
        weighingList: {
          grossWeight: 0,
          tare: 0,
          buckleMiscellaneous: 0,
          netWeight: 0,
          receivableWeighingFee: '',
        },
        outchecked:false,
        inshipments:'',
        outshipments:'',
        printout:false,
        deptBudgetList: {},
        tpyeNo: 1,
        disabled: true,
        relationId: '',
        warehouseId: '',
        purchasePriceList: [],
        isShowPrint: false,
        tableData: {},
        reader: null,
        param: 9600,
        monitorUrl1: '',
        monitorUrl2: '',
        cangid: '',
        paramType: '1',
        warehouseName: '',
        result1: '00',
        allowEdit: 0,
        mListTop: [],
        mListBottom: [],
        pListTop: [],
        carList1: [],
        pListBottom: [],
        checked: false,
        ddchecked: false,
        isShowPrintType: false,
        ewCustomerOptions: [{
          value: '黑龙江利润元粮食贸易有限公司',
          label: '黑龙江利润元粮食贸易有限公司'
        }, {
          value: '黑龙江众利合粮食贸易有限公司',
          label: '黑龙江众利合粮食贸易有限公司'
        }, {
          value: '黑龙江鑫满仓粮食贸易有限公司',
          label: '黑龙江鑫满仓粮食贸易有限公司'
        }, {
          value: '黑龙江中天昊元贸易有限公司',
          label: '黑龙江中天昊元贸易有限公司'
        }],
        companyNameOptions: [{
          value: '黑龙江利润元粮食贸易有限公司',
          label: '黑龙江利润元粮食贸易有限公司'
        }, {
          value: '黑龙江众利合粮食贸易有限公司',
          label: '黑龙江众利合粮食贸易有限公司'
        }, {
          value: '黑龙江鑫满仓粮食贸易有限公司',
          label: '黑龙江鑫满仓粮食贸易有限公司'
        }, {
          value: '黑龙江中天昊元贸易有限公司',
          label: '黑龙江中天昊元贸易有限公司'
        }, ],
        companyNameEWOptions: [{
          value: '厦门建发物产有限公司',
          label: '厦门建发物产有限公司'
        }],
        companyName: '黑龙江利润元粮食贸易有限公司',
        companyNameEW: '厦门建发物产有限公司',
        ewCustomer: '黑龙江利润元粮食贸易有限公司',
        ewradio: '',
        dialogDataList: [],
        printSeparately: false,
        idprint: '' //打印id
      }
    },
    mounted() {},
    activated() {
      console.log(this.common.name)
      this.cangid = this.$route.query.cangid
      this.paramType = this.$route.query.paramType
      this.tpyeNo = this.$route.query.tpyeNo
      this.warehouseName = this.$route.query.warehouseName
      localStorage.setItem('ck', this.warehouseName)
      this.weighingList.warehouseName = this.$route.query.warehouseName
      this.deptBudgetList.warehouseName = this.$route.query.warehouseName
      this.weighingList.number = this.$route.query.number
      this.weighingList.binNumber = this.$route.query.binNumber
      this.weighingList.customerNumberCard = this.$route.query.customerNumberCard
      this.weighingList.customer = this.$route.query.customer
      this.weighingList.storageNumber = this.$route.query.storageNumber
      this.weighingList.carNumber = this.$route.query.carNumber
      this.weighingList.goodsName = this.$route.query.goodsName
      this.weighingList.id = this.$route.query.id
      this.weighingList.carModel = this.$route.query.carModel
      // this.relationId = this.$route.query.relationId
      this.monitorUrl1 = this.$route.query.monitorUrl1
      this.monitorUrl2 = this.$route.query.monitorUrl2
      this.warehouseId = this.$route.query.warehouseId
      if (!this.$route.query.grossWeight) {
        this.$route.query.grossWeight = 0
      } else {
        this.weighingList.grossWeight = this.$route.query.grossWeight
      }

      // this.purchasePriceList = this.$route.query.purchasePriceList
      // console.log(this.purchasePriceList, '上限')
      this.allowEdit = this.$route.query.allowEdit
      if (this.allowEdit == 0) {
        this.disabled = true
      } else if (this.allowEdit == 1) {
        this.disabled = false
      }
      if (this.tpyeNo == 1) {
        this.information = '毛重'
        this.weighingList.tare = 0
      } else if (this.tpyeNo == 2) {
        this.information = '皮重'
      }
      // this.$route.query.automaticWeightAcquisition = 0
      // if(this.$route.query.automaticWeightAcquisition == '1'){
      // this.openPort()
      // this.isShowBalance = true
      // }
      //  if (this.$route.query.automaticWeightAcquisition == '1') {
      this.isShowBalance = true
      // }
      console.log(this.weighingList)

      this.getList()
    },
    deactivated() {
      // this.closePort()
    },
    methods: {
      changeOut(e) {
        if (e) {
          this.printout = true
        } else {
          this.printout = false
        }
      },
      changeEwDD(e) {
        this.checked = false
        if (e) {
          this.printSeparately = true
        } else {
          this.printSeparately = false
        }
      },
      changeEw(e) {
        this.ddchecked = false
        if (e) {
          this.printSeparately = true
        } else {
          this.printSeparately = false
        }
      },
      typePrintClick() {
        this.dialogDataList = []

        getPrint({
            id: this.idprint,
          })
          .toPromise()
          .then((response) => {
            // this.isShowPrint = true
            // this.inspect = response
            
           localStorage.removeItem('print_in_data')
            if (response.compName == '黑龙江秋收有限公司') {
              this.inspect.compName = '黑龙江中天昊元贸易有限公司'
            }
            var dialogData = response

            if (this.checked) {
              this.dialogDataList.push(dialogData)
              var _datas = JSON.stringify(dialogData)
              _datas = JSON.parse(_datas)
              _datas.compName = this.companyNameEW;
              _datas.customer = this.ewCustomer
              this.dialogDataList.push(_datas)
            } else if (this.ddchecked) {
              _datas = dialogData
              _datas.compName = this.companyNameEW;
              _datas.customer = this.ewCustomer
              this.dialogDataList.push(_datas)
            } else {
              dialogData.companyName = this.companyName
              this.dialogDataList.push(dialogData)
            }
            if(this.outchecked){
                if(!this.checked&&!this.ddchecked){
                  this.dialogDataList=[]
                  var _data = JSON.parse(JSON.stringify(dialogData))
                  this.$set(_data,'printtype','out')
                  _data.compName = this.outshipments;
                  _data.customer = this.inshipments
                  this.dialogDataList.push(_data)
                }else{
                  var _data = JSON.parse(JSON.stringify(dialogData))
                  this.$set(_data,'printtype','out')
                  _data.compName = this.outshipments;
                  _data.customer = this.inshipments
                  this.dialogDataList.push(_data)
                }  
              }
            console.log('保存打印', this.dialogDataList)
            
          localStorage.setItem('print_in_data',JSON.stringify(this.dialogDataList).replace(/%/g, 'baifenhao'))
            window.open(
              '../../../../static/weightCheck.html?type=2&tableData=' +
              JSON.stringify(this.dialogDataList).replace(/%/g, 'baifenhao'))
          })
          .catch((response) => {
            // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
          })
      },
      setVal(data) {
        if (this.information == '毛重') {
          this.weighingList.grossWeight = data
        } else {
          this.weighingList.tare = data
        }
      },
      openPort() {
        this.$refs.weightChild.openPort()
      },
      cutstatus(status) {
        this.status = status
        if (status == 1) {
          this.carList = this.carList1.filter(function(item) {
            return item.status == '已质检'
          })
        } else {
          this.carList = this.carList1.filter(function(item) {
            return item.status == '已称毛重'
          })
        }
      },
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`)
        this.pageSize = val
        this.getList()
      },
      getList() {
        // 货名
        getinspectLookGoods({
            warehouseId: this.cangid,
          })
          .toPromise()
          .then((response) => {
            this.purchasePriceList = response
          })
        getweighingList({
            compId: localStorage.getItem('ws-pf_compId'),
            currentPage: this.currentPage,
            pageSize: this.pageSize,
            searchKeyWord: '',
            warehouseName: localStorage.getItem('ck'),
            managementType: 1,
            // viewFlag:'1'
          })
          .toPromise()
          .then((response) => {
            // for (let i = 0; i < response.records.length; i++) {
            //   if (response.records[i].paymentManagement) {
            //     if (response.records[i].paymentManagement.status == '待结算' && !response.records[i].paymentManagement
            //       .approveStatus) {
            //       response.records[i].allow = 1
            //     } else {
            //       response.records[i].allow = 2
            //     }
            //   } else {
            //     response.records[i].allow = 1
            //   }
            // }
            this.weighingList = response.records
            this.common.commonWeighingList = response.records
            this.makeData()
          })
          .catch((response) => {
            // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
          })
      },
      makeData() {
        this.mList = []
        this.pList = []
        this.mListTop = []
        this.mListBottom = []
        this.pListTop = []
        this.pListBottom = []
        this.carWeightInfo.carNumber = ''
        this.weighingList = []
        let that = this
        console.log(this.common.commonWeighingList, 'commonWeighingList')
        let _list = this.common.commonWeighingList
        for (let i = 0; i < _list.length; i++) {
          if (_list[i].paymentManagement) {
            if (
              _list[i].paymentManagement.status != '待结算' ||
              _list[i].paymentManagement.approveStatus
            ) {
              continue
            }
          }
          if (_list[i].status == '已质检') {
            this.mListTop.push(_list[i])
          }
          if (_list[i].status == '已称毛重') {
            this.mListBottom.push(_list[i])
          }
          if (_list[i].status == '已称皮重') {
            this.pListBottom.push(_list[i])
          }
          if (_list[i].status == '已称毛重') {
            this.pListTop.push(_list[i])
          }
        }
        this.mList = this.mListTop.concat(this.mListBottom)
        this.pList = this.pListTop.concat(this.pListBottom)
        if (this.information == '毛重') {
          this.index = 0
          this.carList = this.mList
          this.carList1 = this.mList
          if (this.mList.length != 0) {
            let _item = this.mList.filter(function(val) {
              console.log(that.$route.query.id)
              if (val.id == that.$route.query.id) {
                return val
              }
            })
            if (_item.length != 0) {
              this.setCurrent(_item[0])

              this.weighingList = _item[0]
              this.carWeightInfo = {
                carNumber: _item[0].carNumber,
                type: this.information,
                weight: this.weighingList.grossWeight,
              }

              this.weighingList = _item[0]
            } else {
              this.setCurrent(this.mList[0])

              this.weighingList = this.mList[0]
              this.carWeightInfo = {
                carNumber: this.mList[0].carNumber,
                type: this.information,
                weight: this.weighingList.grossWeight,
              }
            }
          }
        } else {
          this.index = 1
          this.carList = this.pList
          this.carList1 = this.pList
          if (this.pList.length != 0) {
            let _item = this.pList.filter(function(val1) {
              if (val1.id == that.$route.query.id) {
                return val1
              }
            })
            if (_item.length != 0) {
              this.setCurrent(_item[0])
              this.weighingList = _item[0]
              this.carWeightInfo = {
                carNumber: _item[0].carNumber,
                type: this.information,
                weight: this.weighingList.tare
              }
            } else {
              this.setCurrent(this.pList[0])

              this.weighingList = this.pList[0]
              this.carWeightInfo = {
                carNumber: this.pList[0].carNumber,
                type: this.information,
                weight: this.weighingList.tare
              }
            }
          }
          if (_item.length != 0) {
            this.setCurrent(_item[0])
            this.weighingList = _item[0]
            this.carWeightInfo = {
              carNumber: _item[0].carNumber,
              type: this.information,
              weight: this.weighingList.tare,
            }
          } else {
            this.setCurrent(this.pList[0])

            this.weighingList = this.pList[0]
            this.carWeightInfo = {
              carNumber: this.pList[0].carNumber,
              type: this.information,
              weight: this.weighingList.tare,
            }
          }

          this.deptBudgetTotal = this.pList.length
        }
        this.weighingList.carModel =
          this.weighingList.qualityInspectionManagement.carModel
        if (this.weighingList.carModel == '单拖小柜') {
          this.weighingList.receivableWeighingFee = 80
          this.weighingList.actualWeighingFee = 80
        } else if (this.weighingList.carModel == '双拖小柜') {
          this.weighingList.receivableWeighingFee = 160
          this.weighingList.actualWeighingFee = 160
        } else if (this.weighingList.carModel == '大柜') {
          if (this.weighingList.grossWeight / 1000 < 50) {
            this.$set(this.weighingList, 'receivableWeighingFee', 120)
            this.weighingList.actualWeighingFee = 120
            this.$forceUpdate()
          } else if (
            this.weighingList.grossWeight / 1000 > 50 ||
            this.weighingList.grossWeight / 1000 < 65
          ) {
            this.weighingList.receivableWeighingFee = 150
            this.weighingList.actualWeighingFee = 150
          } else if (
            this.weighingList.grossWeight / 1000 > 65 ||
            this.weighingList.grossWeight / 1000 < 75
          ) {
            this.weighingList.receivableWeighingFee = 170
            this.weighingList.actualWeighingFee = 170
          } else if (
            this.weighingList.grossWeight / 1000 > 75 ||
            this.weighingList.grossWeight / 1000 < 80
          ) {
            this.weighingList.receivableWeighingFee = 190
            this.weighingList.actualWeighingFee = 190
          } else if (
            this.weighingList.grossWeight / 1000 > 80 ||
            this.weighingList.grossWeight / 1000 < 85
          ) {
            this.weighingList.receivableWeighingFee = 210
            this.weighingList.actualWeighingFee = 210
          } else if (
            this.weighingList.grossWeight / 1000 > 85 ||
            this.weighingList.grossWeight / 1000 < 95
          ) {
            this.weighingList.receivableWeighingFee = 240
            this.weighingList.actualWeighingFee = 240
          } else if (
            this.weighingList.grossWeight / 1000 > 95 ||
            this.weighingList.grossWeight / 1000 < 105
          ) {
            this.weighingList.receivableWeighingFee = 260
            this.weighingList.actualWeighingFee = 260
          } else if (
            this.weighingList.grossWeight / 1000 > 105 ||
            this.weighingList.grossWeight / 1000 < 150
          ) {
            this.weighingList.receivableWeighingFee = 300
            this.weighingList.actualWeighingFee = 300
          }
        } else if (this.weighingList.carModel == '挂车') {
          if (this.weighingList.grossWeight / 1000 < 50) {
            this.weighingList.receivableWeighingFee = 180
            this.weighingList.actualWeighingFee = 180
          } else if (
            this.weighingList.grossWeight / 1000 > 50 ||
            this.weighingList.grossWeight / 1000 < 65
          ) {
            this.weighingList.receivableWeighingFee = 200
            this.weighingList.actualWeighingFee = 200
          } else if (
            this.weighingList.grossWeight / 1000 > 65 ||
            this.weighingList.grossWeight / 1000 < 75
          ) {
            this.weighingList.receivableWeighingFee = 250
            this.weighingList.actualWeighingFee = 250
          } else if (
            this.weighingList.grossWeight / 1000 > 75 ||
            this.weighingList.grossWeight / 1000 < 85
          ) {
            this.weighingList.receivableWeighingFee = 350
            this.weighingList.actualWeighingFee = 350
          } else if (
            this.weighingList.grossWeight / 1000 > 85 ||
            this.weighingList.grossWeight / 1000 < 95
          ) {
            this.weighingList.receivableWeighingFee = 400
            this.weighingList.actualWeighingFee = 400
          } else if (
            this.weighingList.grossWeight / 1000 > 95 ||
            this.weighingList.grossWeight / 1000 < 105
          ) {
            this.weighingList.receivableWeighingFee = 450
            this.weighingList.actualWeighingFee = 450
          } else if (
            this.weighingList.grossWeight / 1000 > 105 ||
            this.weighingList.grossWeight / 1000 < 120
          ) {
            this.weighingList.receivableWeighingFee = 500
            this.weighingList.actualWeighingFee = 500
          } else if (
            this.weighingList.grossWeight / 1000 > 120 ||
            this.weighingList.grossWeight / 1000 < 130
          ) {
            this.weighingList.receivableWeighingFee = 550
            this.weighingList.actualWeighingFee = 550
          } else if (
            this.weighingList.grossWeight / 1000 > 130 ||
            this.weighingList.grossWeight / 1000 < 150
          ) {
            this.weighingList.receivableWeighingFee = 700
            this.weighingList.actualWeighingFee = 700
          }
        } else if (this.weighingList.carModel == '冷藏箱（不抠箱）') {
          if (this.weighingList.grossWeight / 1000 < 50) {
            this.weighingList.receivableWeighingFee = 120
            this.weighingList.actualWeighingFee = 120
          } else if (
            this.weighingList.grossWeight / 1000 > 50 ||
            this.weighingList.grossWeight / 1000 < 65
          ) {
            this.weighingList.receivableWeighingFee = 150
            this.weighingList.actualWeighingFee = 150
          } else if (
            this.weighingList.grossWeight / 1000 > 65 ||
            this.weighingList.grossWeight / 1000 < 75
          ) {
            this.weighingList.receivableWeighingFee = 170
            this.weighingList.actualWeighingFee = 170
          } else if (
            this.weighingList.grossWeight / 1000 > 75 ||
            this.weighingList.grossWeight / 1000 < 80
          ) {
            this.weighingList.receivableWeighingFee = 190
            this.weighingList.actualWeighingFee = 190
          } else if (
            this.weighingList.grossWeight / 1000 > 80 ||
            this.weighingList.grossWeight / 1000 < 85
          ) {
            this.weighingList.receivableWeighingFee = 210
            this.weighingList.actualWeighingFee = 210
          } else if (
            this.weighingList.grossWeight / 1000 > 85 ||
            this.weighingList.grossWeight / 1000 < 95
          ) {
            this.weighingList.receivableWeighingFee = 240
            this.weighingList.actualWeighingFee = 240
          } else if (
            this.weighingList.grossWeight / 1000 > 95 ||
            this.weighingList.grossWeight / 1000 < 105
          ) {
            this.weighingList.receivableWeighingFee = 260
            this.weighingList.actualWeighingFee = 260
          } else if (
            this.weighingList.grossWeight / 1000 > 105 ||
            this.weighingList.grossWeight / 1000 < 120
          ) {
            this.weighingList.receivableWeighingFee = 300
            this.weighingList.actualWeighingFee = 300
          }
        } else if (this.weighingList.carModel == '冷藏箱（抠箱）') {
          if (this.weighingList.grossWeight / 1000 < 50) {
            this.weighingList.receivableWeighingFee = 360
            this.weighingList.actualWeighingFee = 360
          } else if (
            this.weighingList.grossWeight / 1000 > 50 ||
            this.weighingList.grossWeight / 1000 < 65
          ) {
            this.weighingList.receivableWeighingFee = 390
            this.weighingList.actualWeighingFee = 390
          } else if (
            this.weighingList.grossWeight / 1000 > 65 ||
            this.weighingList.grossWeight / 1000 < 75
          ) {
            this.weighingList.receivableWeighingFee = 410
            this.weighingList.actualWeighingFee = 410
          } else if (
            this.weighingList.grossWeight / 1000 > 75 ||
            this.weighingList.grossWeight / 1000 < 80
          ) {
            this.weighingList.receivableWeighingFee = 430
            this.weighingList.actualWeighingFee = 430
          } else if (
            this.weighingList.grossWeight / 1000 > 80 ||
            this.weighingList.grossWeight / 1000 < 85
          ) {
            this.weighingList.receivableWeighingFee = 450
            this.weighingList.actualWeighingFee = 450
          } else if (
            this.weighingList.grossWeight / 1000 > 85 ||
            this.weighingList.grossWeight / 1000 < 95
          ) {
            this.weighingList.receivableWeighingFee = 480
            this.weighingList.actualWeighingFee = 480
          } else if (
            this.weighingList.grossWeight / 1000 > 95 ||
            this.weighingList.grossWeight / 1000 < 105
          ) {
            this.weighingList.receivableWeighingFee = 500
            this.weighingList.actualWeighingFee = 500
          } else if (
            this.weighingList.grossWeight / 1000 > 105 ||
            this.weighingList.grossWeight / 1000 < 120
          ) {
            this.weighingList.receivableWeighingFee = 540
            this.weighingList.actualWeighingFee = 540
          }
        } else {
          this.weighingList.receivableWeighingFee = ''
        }

      },
      tabClick(val) {
        this.mListTop = []
        this.mListBottom = []
        this.pListTop = []
        this.pListBottom = []
        this.carWeightInfo.carNumber = ''
        this.weighingList = []
        this.index = val
        if (this.information == '皮重') {
          this.information = '毛重'
          this.tpyeNo = 1
        } else {
          this.tpyeNo = 2
          this.information = '皮重'
        }
        this.getList()
      },
      setCurrent(row) {
        this.$refs.singleTable.setCurrentRow(row)
      },
      handleCurrentChange(val) {
        this.currentRow = val
        this.carWeightInfo = {
          carNumber: val.carNumber,
          type: this.information,
          weight: val.grossWeight,
        }
        this.weighingList = val
        this.paramType = val.qualityInspectionManagement.paramType
      },
      cancel() {
        if (this.reader) {
          this.reader.cancel()
        }
        this.$router.push({
          path: 'weighingManagement',
        })
      },
      calculation(status) {
        // if (this.weighingList.grossWeight && this.weighingList.tare) {
        //   this.weighingList.netWeight = this.weighingList.grossWeight - this.weighingList.tare - parseInt(this.weighingList.buckleMiscellaneous)
        //   this.weighingList.netWeight = this.weighingList.netWeight.toFixed(2)
        // }
      },
      printSmall() {
        window.open(
          '../../../../static/weightCheck.html?type=1&tableData=' +
           JSON.stringify(this.inspect).replace(/%/g, 'baifenhao'))
      },
      printBig() {
        window.open(
          '../../../../static/weightCheck.html?type=2&tableData=' +
         JSON.stringify(this.inspect).replace(/%/g, 'baifenhao'))
      },
      opendBtn() {
        html2canvas(this.$refs.saveImg.$el).then((canvas) => {
          let dataURL = canvas.toDataURL('image/png')
          this.imgUrl = dataURL
          if (this.imgUrl !== '') {
            let b = this.dataURLtoFile(this.imgUrl, 'printImage')
            let formdata = new FormData()
            formdata.append('file', b)
            axios({
              method: 'post',
              url:this.global.uploadPath,
              data: formdata,
            }).then((response) => {
              //编辑接口
              this.weighingList.pictureAddress = response.data.url
              tare(this.weighingList)
                .toPromise()
                .then((response) => {})
            })
          }
        })
      },
      closeDialog() {
        html2canvas(this.$refs.saveImg.$el).then((canvas) => {
          let dataURL = canvas.toDataURL('image/png')
          this.imgUrl = dataURL
          if (this.imgUrl !== '') {
            let b = this.dataURLtoFile(this.imgUrl, 'printImage')
            let formdata = new FormData()
            formdata.append('file', b)
            axios({
              method: 'post',
              url:this.global.uploadPath,
              data: formdata,
            }).then((response) => {
              //编辑接口
              this.weighingList.pictureAddress = response.data.url
              tare(this.weighingList)
                .toPromise()
                .then((response) => {})
            })
            this.dialogTableVisible = true
          }
        })
        this.isShowPrint = false
        // this.$router.push({
        //   path: 'weighingManagement'
        // })
      },
      closePrint() {
        this.isShowPrint = false
        // this.$router.push({
        //   path: 'weighingManagement'
        // })
      },
      print() {

        if (this.reader) {
          this.reader.cancel()
        }
        if (!this.weighingList.grossWeight) {
          this.$message({
            message: '毛重不能为空',
            type: 'warning',
          })
          return
        }
        if (
          this.weighingList.grossWeight < 1 ||
          this.weighingList.grossWeight > 200000
        ) {
          this.$message({
            message: '毛重输入错误',
            type: 'warning',
          })
          return
        }
        if (
          String(this.weighingList.grossWeight).indexOf('.') != -1 &&
          String(this.weighingList.grossWeight).length -
          (String(this.weighingList.grossWeight).indexOf('.') + 1) >
          1
        ) {
          this.$message({
            message: '毛重输入错误',
            type: 'warning',
          })
          return
        }
        if (this.tpyeNo == 2) {
          if (!this.weighingList.tare) {
            this.$message({
              message: '皮重不能为空',
              type: 'warning',
            })
            return
          }
          if (!this.weighingList.tare) {
            this.$message({
              message: '皮重不能为空',
              type: 'warning',
            })
            return
          }
          if (this.weighingList.tare > this.weighingList.grossWeight) {
            this.$message({
              message: '皮重不能大于毛重',
              type: 'warning',
            })
            return
          }
          if (this.weighingList.tare < 1 || this.weighingList.tare > 100000) {
            this.$message({
              message: '皮重输入错误',
              type: 'warning',
            })
            return
          }
          if (
            String(this.weighingList.tare).indexOf('.') != -1 &&
            String(this.weighingList.tare).length -
            (String(this.weighingList.tare).indexOf('.') + 1) >
            1
          ) {
            this.$message({
              message: '皮重输入错误',
              type: 'warning',
            })
            return
          }

          if (this.weighingList.netWeight < 0) {
            this.$message({
              message: '净重不能小于0',
              type: 'warning',
            })
            return
          }
        }
        this.$confirm('确定保存检斤信息？', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          })
          .then(() => {
            if (this.tpyeNo == 1) {
              //毛检保存前进行校验
              getamount({
                  compId: localStorage.getItem('ws-pf_compId'),
                  customerNumberCard: this.weighingList.customerNumberCard,
                  goodsName: this.weighingList.goodsName,
                })
                .toPromise()
                .then((response) => {
                  for (let i = 0; i < this.purchasePriceList.length; i++) {
                    if (
                      this.weighingList.goodsName ==
                      this.purchasePriceList[i].goodsName
                    ) {
                      //累计售粮超上限不能完成毛检保存
                      let count = (
                        this.purchasePriceList[i].saleLimit -
                        response / 1000
                      ).toFixed(2)
                      // console.log(this.weighingList.grossWeight / 1000, '毛重转吨')
                      // this.weighingList.grossWeight/=1000
                      if (count - this.weighingList.grossWeight / 1000 < 0) {
                        this.$alert(
                          '该客户累计销售' +
                          this.weighingList.goodsName +
                          (response / 1000).toFixed(2) +
                          '吨，还可售粮' +
                          count +
                          '吨',
                          '提示', {
                            confirmButtonText: '确定',
                            callback: (action) => {
                              this.$message({
                                type: 'info',
                                message: `累计售粮已超出上限`,
                              })
                            },
                          }
                        )
                      } else {
                        //累计售粮没有超上限完成毛检保存
                        // this.weighingList.relationId = this.relationId;
                        
                        (this.weighingList.secretaryWeigher =
                          localStorage.getItem('ws-pf_staffName')),
                        grossWeight(this.weighingList)
                          .toPromise()
                          .then((response) => {
                            if (this.reader) {
                              this.reader.cancel()
                            }
                            this.$notify.success({
                              title: '成功',
                              message: '保存成功',
                            })
                            // this.$router.go(-1)
                          })
                          .catch((response) => {
                            // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
                          })
                      }
                    }
                  }
                })
            } else if (this.tpyeNo == 2) {

              // this.weighingList.grossWeight/=1000
              // this.weighingList.tare/=1000
              // if(this.weighingList.buckleMiscellaneous){
              //   this.weighingList.buckleMiscellaneous/=1000
              // }
              // this.weighingList.netWeight/=1000
              this.weighingList.warehouseId = this.warehouseId;
              (this.weighingList.skinInspector =
                localStorage.getItem('ws-pf_staffName')),
              tare(this.weighingList)
                .toPromise()
                .then((response) => {
                  this.idprint = response
                  if (this.reader) {
                    this.reader.cancel()
                  }
                  this.isShowPrintType = true
                  this.$notify.success({
                    title: '成功',
                    message: '保存成功',
                  })

                })
                .catch((response) => {
                  // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
                })
            }
          })
          .catch(() => {
            return false
          })
      },
    },
  }
</script>
<style lang="scss" scoped>
  /deep/.el-pagination {
    margin-bottom: 0;
  }

  .center {
    background: #f6f7fc;
  }

  .ws-info-table {
    border: none;
    // height: 610px;
  }

  .ws-info-table .el-form-item {
    width: 100%;
    border: none;
  }

  .formItem {
    width: 100%;
    display: inline;
  }

  /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 {
    padding-bottom: 20px;
    overflow-y: scroll;

    .active {
      background: #5878e8;
      color: white;
    }

    // background: #ffffff;
    width: 100%;
    height: calc(100vh - 125px);
    border-radius: 4px;
    margin: 0 auto;
    display: flex;

    .left {
      min-width: 570px;
      position: relative;
      // padding:0 20px 20px 20px;

      .top {
        background: black;
        color: #2aff7c;
        font-size: 32px;
        text-align: right;
        padding: 0 10px 0 20px;
        border-radius: 10px;
        margin: 0 20px 20px 20px;
        position: absolute;
        top: 130px;
        width: 90%;

        .zujian {
          position: relative;
        }

        // .car-type {
        //   text-align: left;
        // }

        .kg-style {
          font-size: 30px;
        }

        .confirmInfo {
          display: flex;

          .car-type {
            text-align: left;
            width: 50%;
          }

          .car-no {
            width: 50%;
            text-align: right;
          }
        }

        .confirmWeight {
          display: flex;

          .titleWeight {
            width: 35%;
            text-align: left;
            line-height: 90px;
          }

          .weight {
            width: 65%;
            text-align: right;
          }
        }
      }

      .bottom {
        text-align: center;
        background: white;
        margin: 20px 20px 0 20px;
        border-radius: 10px;
        padding-bottom: 20px;

        .img1,
        .img2 {
          width: 200px;
          padding: 20px;
        }

        .video-content {
          width: 100%;
        }
      }
    }

    .right {
      width: 70%;
      padding: 20px;
      height: 750px;
      background: white;
      border-radius: 10px;

      .tab {
        display: flex;

        .tab-item {
          padding: 5px 10px;
          margin-right: 20px;
          border-radius: 10px;
        }
      }

      .table-title {
        background: red;

        .top {
          display: inline-block;
          width: 48%;

          .top-item {
            display: inline-block;
          }
        }
      }

      .table {
        background: red;

        .table-content {
          background: green;
          display: inline-block;
          width: 50%;

          .table-content-item {
            display: inline-block;
          }
        }
      }
    }
  }

  /deep/.el-table .el-table__header .cell,
  /deep/.el-table .el-table__body .cell {
    text-align: center;
    font-size: 16px;
    // background: #f6f7fc;
  }

  /deep/.el-table td {
    background: #e7e8ef;
  }

  /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;
  }

  .butCss {
    opacity: 0;
  }

  /deep/.el-dialog__title {
    font-size: 24px !important;
  }

  /deep/.el-dialog__header {
    text-align: center !important;
    padding: 10px 0 !important;
    height: auto !important;
  }

  .weight {
    font-size: 68px;
  }

  .right-content {
    display: flex;

    .left {
      position: relative;

      .but {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
      }
    }

    .left {
      width: 40%;
    }

    .right {
      width: 60%;
    }
  }

  .car-right {
    width: 60%;
  }

  .mask {
    background: black;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99;
    opacity: 0.3;
  }

  .print-type-title {
    text-align: center;
    font-size: 18px;
    margin: 20px;
  }

  .bottom-btn {
    display: flex;
    margin-top: 20px;
    justify-content: space-around;
  }

  .print-type-checkbox {
    // padding-left: 20px;
  }

  .print-type {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 440px;
    height: 320px;
    background: white;
    border-radius: 10px;
    z-index: 999;
  }

  .sh-address {
    display: flex;
  }

  .print-type-ew {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;

    /deep/.el-radio__label {
      font-size: 14px;
    }

    margin-top: 10px;
  }

  /deep/.el-table .cell {
    text-align: center;
  }

  .shdw-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin-top: 20px;
  }

  .ew-print {
    padding: 0 20px;
    margin-top: 10px;

    // display: flex;
    // justify-content: space-between;
    // align-content: center;
    .row {
      display: flex;
      margin-top: 10px;
      align-items: center;
    }
  }
</style>