yiliangyiyun-pc-jj/src/views/warehouse/warehouseManagementList.vue

<!--仓库管理-->
<template>
  <div>
    <BaseHeaderLayout :leftSpan="15">
      <template slot="left">
        <ws-button type="primary" @click="handleAdd()" v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.add`
          "><img width="11" height="11" style="position: relative; top: 1px" src="../../../public/img/header-add.png"
            alt="" />
          添加</ws-button>

        <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " @click="handleLook()">查看</ws-button>
        <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.edit`
          " @click="handleEdit()">编辑</ws-button>
        <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.delete`
          " @click="handleDelete()">删除</ws-button>
        <ws-button v-if='list.length>0' @click="handlTask()">任务</ws-button>
        <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.add`
          " @click="outData(1)">导出</ws-button>
        <ws-button @click="outData(2)">打印</ws-button>
      </template>
      <template slot="left">
        <div>
          <el-radio-group v-model="warehouseType" @change="changeradio" size="small">
            <el-radio-button label="1">常用仓库</el-radio-button>
            <el-radio-button label="2">临时仓库</el-radio-button>
          </el-radio-group>
        </div>
      </template>
      <template slot="right">
        <ws-input v-model="warehouseName" placeholder="请输入仓库名" clearable maxlength="500" type="input" class="findValue">
        </ws-input>
        <!-- v-hasPermission="'procurement.sparepart.directShip'" -->
        <ws-button class="find" type="primary" @click="find()"><img width="16" height="16" style="
              vertical-align: text-top;
              position: relative;
              top: 0px;
              left: -8px;
            " src="../../../public/img/sousuo.png" alt="" /></ws-button>
      </template>
    </BaseHeaderLayout>
    <div v-show="this.warehouseType == '1'" class="main_css">
      <el-table show-summary :summary-method="getSummaries" class="wenzi" :data="warehouseList"
        style="width: 100%; margin-top: 20px" height="calc(100% - 45px)">
        <el-table-column prop="warehouseName" label="仓库名">
        </el-table-column>
        <el-table-column prop="binNumber" label="仓位编号">
        </el-table-column>
        <el-table-column prop="capacity" label="容量（吨）">
          <template slot-scope="scope">
            <div v-if="scope.row.capacity != 'null' && scope.row.capacity != null">
              {{ scope.row.capacity }}
            </div>
          </template>
        </el-table-column>
        <el-table-column label="品种">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{ item.goodsName }}
            </div>
          </template>
        </el-table-column>
        <el-table-column label="入库量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{item.inNetWeight}}
            </div>
          </template>
        </el-table-column>
        <el-table-column label="出库量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{ item.outNetWeight }}
            </div>
          </template>
        </el-table-column>
        <el-table-column label="应余量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{ item.storage }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="seller" label="入库" width="300">
          <template slot-scope="scope">
            <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.in`
          " class="putstorage" @click="warehousing1(scope.row)">
              毛检
            </ws-button>
            <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.in`
          " class="putstorage" @click="nocomplete1(scope.row,2)">
              皮检
            </ws-button>
            <!-- <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " class="completed" @click="nocomplete(scope.row)">
              待皮检（{{ scope.row.number }}）
            </ws-button> -->
          </template>
        </el-table-column>
        <el-table-column prop="seller" label="出库" width="300">
          <template slot-scope="scope">
            <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.out`
          " class="deliverystorage" @click="delivery1(scope.row)">
              皮检
            </ws-button>
            <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.out`
          " class="deliverystorage" @click="nocomplete1(scope.row,3)">
              毛检
            </ws-button>
            <!-- <ws-button v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " class="completed" @click="nocomplete(scope.row)">
              待毛检（{{ scope.row.number }}）
            </ws-button> -->
          </template>
        </el-table-column>
        <el-table-column prop="address" label="操作">
          <template slot-scope="scope">
            <div class="record" v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " @click="record(scope.row)">记录</div>
            <div class="adjustment" v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " @click="loss(scope.row)">盘损</div>
            <div class="adjustment" v-hasPermission="
           `warehouseManagement.warehouse.warehouseInfo.view`
          " @click="mintor(scope.row)">监控</div>
          </template>
        </el-table-column>
      </el-table>
    </div>

    <div v-show="this.warehouseType == '2'">
      <el-table class="wenzi" :data="warehouseList" style="width: 100%; margin-top: 20px" height="780">
        <el-table-column type="index" label="序号" width="80">
          <template scope="scope">
            <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
            <span v-else>{{ scope.$index + 1 }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="warehouseName" label="仓库名" width="80">
        </el-table-column>
        <el-table-column prop="address" label="临时仓库地址">
          <template slot-scope="scope">
            <div v-if="scope.row.address != 'null' && scope.row.address != null">
              {{ scope.row.address }}
            </div>
          </template>
        </el-table-column>

        <el-table-column label="入库量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{ item.goodsName}}({{item.inNetWeight == null ? 0 : item.inNetWeight}})
            </div>
          </template>
        </el-table-column>
        <el-table-column label="出库量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">
              {{ item.goodsName}}({{item.outNetWeight == null ? 0:item.outNetWeight}})
            </div>
          </template>
        </el-table-column>
        <el-table-column label="应余量（吨）">
          <template slot-scope="scope">
            <div style="height: 24px" v-for="(item, i) in scope.row.warehouseNumViewList">{{ item.goodsName}}
              ({{ item.surplus}})

              {{item.storage }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="seller" label="出入库" width="300">
          <template slot-scope="scope">
            <ws-button class="completed" @click="nocomplete(scope.row)">
              待完成（{{ scope.row.number }}）
            </ws-button>
            <ws-button class="putstorage" @click="warehousing(scope.row)">
              入库
            </ws-button>
            <ws-button class="deliverystorage" v-if="scope.row.clearStatusFlag != 3" @click="delivery(scope.row)">
              出库
            </ws-button>
          </template>
        </el-table-column>
        <el-table-column prop="address" label="操作" width="200">
          <template slot-scope="scope">
            <div class="record" @click="record(scope.row)">记录</div>
            <div class="adjustment" v-if="scope.row.clearStatusFlag == 1" @click="clearance(scope.row)">
              清仓
            </div>
            <div class="adjustment" v-if="scope.row.clearStatusFlag == 3">
              已清仓
            </div>
          </template>
        </el-table-column>
      </el-table>
    </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">{{headerText}}</div>
        <div class="print-type-checkbox">
          <el-form ref="form" label-width="110px">
            <el-form-item label="类型">
              <el-radio-group v-model="parameter.radio">
                <el-radio :label="3">入库记录</el-radio>
                <el-radio :label="2">出库记录</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="起始日期">
              <el-date-picker value-format="yyyy-MM-dd" type="date" placeholder="请选择起始日期" v-model="parameter.startDate">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="截止日期">
              <el-date-picker value-format="yyyy-MM-dd" type="date" placeholder="请选择截止日期" v-model="parameter.endDate">
              </el-date-picker>
            </el-form-item>
            <!--仓库名称-->
            <el-form-item label="仓库名称" span="1" prop="warehouseName">
              <el-select v-model="parameter.warehouseName" placeholder="请选择仓库名称" filterable clearable>
                <el-option v-for="item in packtypeList" :key="item.constKey" :label="item.warehouseName"
                  :value="item.warehouseName" />
              </el-select>
            </el-form-item>
            <el-form-item label="增量比例（%）" v-if="headerText == '打印记录'">
              <el-input placeholder="请输入增量比例" v-model="parameter.proportion" clearable class="proportion_css">
              </el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <div class="bottom-btn">
        <el-button @click="submitClick()">确定</el-button>
        <!-- <el-button @click="submitClick()" v-if="headerText == '打印记录'">确定</el-button> -->
        <el-button @click="removePrint">取消</el-button>
      </div>
    </div>
  </div>
</template>
<script>
  import {
    getList,
    getwarehousetask,
    export1,
    editstatus,
    billoperatehis,
    getsponsible,
    clearancee,
    xiala,
    postExport,
    addselectinfoList,
    printAdd,
    postExportOut
  } from '@/model/warehouse/index'
  import {
    downloadFile
  } from '@/utils/batchDown'
  import Pagination from '@/components/Pagination'
  import WsUpload from '@/components/WsUpload'
  // import { EventBus } from 'base-core-lib'
  import {
    dayjs,
    EventBus
  } from 'base-core-lib'
  export default {
    name: 'viewSpareMoney',
    components: {
      WsUpload,
      Pagination,
    },
    watch: {
      vesselId(val) {
        this.getList()
      },
      isShow(val) {
        this.showType = val
      },
    },
    data() {
      return {
        //弹出框
        dialogViewSpareMoney: false,
        dialogApproveFormVisible: false,
        // 船舶类型
        monetaryKey: null,
        // 表格显示数据
        tableDate: [],
        list: [],
        // 是否显示
        showType: true,
        // 年
        year: '',

        searchType: 1,
        searchTypeText: '未完成',
        searchKeyWord: '',
        contractType: 2,
        warehouseType: '1',
        // 提交类型
        submitType: true,
        size: 10,
        spanArr: [],
        warehouseName: '',
        compId: localStorage.getItem('ws-pf_compId'),
        deptCircularPage: {},
        warehouseList: [],
        deptBudgetList: {},
        historyList: [],
        deptBudgetTotal: 0,
        pickerBeginDateBefore: {
          disabledDate: (time) => {
            return time.getTime() > Date.now()
          },
        },
        accessoryTFs: false,
        isShowPrintType: false, //打印
        headerText: '',
        packtypeList: [], //仓库列表
        parameter: {
          radio: 3,
          startDate: '',
          endDate: '',
          proportion: ''
        },
        date: {
          year: dayjs().format('YYYY'),
          month: dayjs().format('MM'),
        },
      }
    },
    activated() {
      this.getList()
      this.showType = this.isShow
    },

    methods: {
      getSummaries(param) {
        const {
          columns,
          data
        } = param
        const sums = []
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = '合计'
          } else if (
            index === 4 ||
            index === 5 ||
            index === 6
          ) {
            const values = data.map((item) => {
              var val = item.warehouseNumViewList.map((items) => {
                if (column.label == '入库量（吨）') {
                  return items.inNetWeight
                } else if (column.label == '出库量（吨）') {
                  return items.outNetWeight
                } else if (column.label == '应余量（吨）') {
                  return items.storage
                }
              })
              return val
            })
            if (!values.every((value) => isNaN(value))) {
              sums[index] = values.reduce((prev, curr) => {
                if (curr.length > 1) {
                  var num = 0
                  for (let i = 0; i < curr.length; i++) {
                    num += Number(curr[i])
                  }
                  return Number(prev) + num
                } else {
                  const value = Number(curr)
                  if (!isNaN(value)) {
                    return Number(prev) + Number(curr)
                  } else {
                    return Number(prev)
                  }
                }
              }, 0)
            } else {
              sums[index] = '--'
            }
          } else {
            sums[index] = '--'
          }
        })
        if (typeof sums[4] == 'number') {
          sums[4] = sums[4].toFixed(3)
        }
        if (typeof sums[5] == 'number') {
          sums[5] = sums[5].toFixed(3)
        }
        if (typeof sums[6] == 'number') {
          sums[6] = sums[6].toFixed(3)
        }
        // sums[5]=sums[5].toFixed(2)
        // sums[6]=sums[6].toFixed(2)
        // sums[sums.length-7]=sums[sums.length-7].toFixed(2)
        // sums[sums.length-9]=sums[sums.length-9].toFixed(2)
        // sums[sums.length-12]=sums[sums.length-12].toFixed(2)
        // sums[sums.length-13]=sums[sums.length-13].toFixed(2)
        return sums
      },
      //导出、打印
      outData(index) {
        if (index == 1) {
          this.headerText = '导出记录'
        } else if (index == 2) {
          this.headerText = '打印记录'
        }
        // 获取仓库
        xiala({
            compId: localStorage.getItem('ws-pf_compId'),
            warehouseType: this.warehouseType,
          })
          .toPromise()
          .then((response) => {
            this.packtypeList = response
          })
        let date = new Date()
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var strDate = date.getDate()
        var pastdate = new Date(date.getTime() - 24 * 60 * 60 * 1000)
        this.parameter.startDate = pastdate.getFullYear() + '-' + (pastdate.getMonth() + 1) + '-' + pastdate.getDate()
        this.parameter.endDate = '' + year + '-' + month + '-' + strDate
        this.$forceUpdate();
        this.isShowPrintType = true
      },
      removePrint() {
        this.parameter.warehouseName = ''
        this.parameter.proportion = ''
        this.isShowPrintType = false

      },
      async submitClick() {
        if (!this.parameter.radio && this.headerText == '打印记录') {
          this.$message.error('请选择打印的类型')
          return
        }
        if (!this.parameter.startDate) {
          this.$message.error('请选择打印的起始日期')
          return
        }
        if (!this.parameter.endDate) {
          this.$message.error('请选择打印的截止日期')
          return
        }
        if (new Date(this.parameter.endDate).getTime() < new Date(this.parameter.startDate).getTime()) {
          this.$message.error('截止日期输入错误')
          return
        }
        if (!this.parameter.warehouseName) {
          this.$message.error('请选择所要打印的仓库')
          return
        }
        if (this.headerText == '导出记录') {
          if (this.parameter.radio == 3) {
            const {
              data
            } = await postExport({
              startDate: this.parameter.startDate,
              endDate: this.parameter.endDate,
              warehouseName: this.parameter.warehouseName
            }, {}, {
              responseType: 'blob'
            }).toPromise()
            downloadFile({
              res: data,
              fileName: `${
          this.date.year + (this.date.month ? `-${this.date.month}` : '')
        }导出入库记录`,
              type: 'xls',
            })
          } else if (this.parameter.radio == 2) {
            const {
              data
            } = await postExportOut({
              startDate: this.parameter.startDate,
              endDate: this.parameter.endDate,
              warehouseName: this.parameter.warehouseName
            }, {}, {
              responseType: 'blob'
            }).toPromise()
            downloadFile({
              res: data,
              fileName: `${
          this.date.year + (this.date.month ? `-${this.date.month}` : '')
        }导出出库记录`,
              type: 'xls',
            })
          }

        } else if (this.headerText == '打印记录') {
          // console.log(this.parameter.startDate)
          addselectinfoList({
              compId: localStorage.getItem('ws-pf_compId'),
              startDate: this.parameter.startDate,
              endDate: this.parameter.endDate,
              warehouseName: this.parameter.warehouseName,
              searchType: this.parameter.radio,
              currentPage: 1,
              pageSize: 999,
            }).toPromise()
            .then((response) => {
              if (response.records.length == 0) {
                this.$message.error('暂未查到所要打印的出入库信息')
              } else {
                var warehousePrint = response.records
                if (this.parameter.proportion) {

                  var countWeight = 0
                  for (let i = 0; i < warehousePrint.length; i++) {
                    countWeight += Number(warehousePrint[i].netWeight)
                  }
                  var increment = (countWeight * (Number(this.parameter.proportion) / 100)).toFixed(2) //所要增加的量
                  printAdd().toPromise()
                    .then((response1) => {
                      //  setTimeout(function(){
                      for (let i = 0; i < response1.length; i++) {
                        increment = Number(increment)
                        if (increment > 0) {

                          let index = Math.abs(Math.round(Math.random() * response1.length - 1))
                          let pro = response1[index] //取出假数据并设定值
                          pro.netWeight = Number((Math.random() * (70 - 10 + 1) + 10).toFixed(2))
                          pro.tare = Number((Math.random() * (20 - 10 + 1) + 10).toFixed(2))
                          // pro.grossWeight = Number((pro.tare + pro.netWeight).toFixed(2))
                          if (pro.netWeight < increment) { //随机净重 小于 所要增量
                            increment = (increment - pro.netWeight).toFixed(2) //所要增的量
                            if (increment < 10 && pro.netWeight <= 60) {
                              pro.netWeight += Number(increment)
                              pro.grossWeight = Number((pro.tare + pro.netWeight).toFixed(2))
                              increment = 0
                              warehousePrint.push(pro)
                            } else {
                              increment -= pro.netWeight
                              pro.grossWeight = Number((pro.tare + pro.netWeight).toFixed(2))
                              warehousePrint.push(pro)
                            }
                          } else { //随机净重 大于 所要增量
                            pro.netWeight = Number(increment.toFixed(2))
                            pro.grossWeight = Number((pro.tare + pro.netWeight).toFixed(2))
                            increment = 0
                            warehousePrint.push(pro)
                          }
                          response1.splice(index, 1) //删除已添加过得假数据车牌号
                          if (response1.length == 0) {
                            sessionStorage.setItem('inOutWarehouse_Print', JSON.stringify(warehousePrint))
                            let _canshu = ''
                            _canshu = this.parameter.radio + '&warehouseName=' + this.parameter.warehouseName +
                              '&startDate=' + this.parameter.startDate + '&endDate=' + this.parameter.startDate
                            window.open('../../../../../static/warehousePrint.html?type=' + _canshu)
                          }
                        } else { //增量为0时
                          break
                        }
                      }
                      //跳转
                      sessionStorage.setItem('inOutWarehouse_Print', JSON.stringify(warehousePrint))
                      let _canshu = ''
                      _canshu = this.parameter.radio + '&warehouseName=' + this.parameter.warehouseName +
                        '&startDate=' + this.parameter.startDate + '&endDate=' + this.parameter.startDate
                      window.open('../../../../../static/warehousePrint.html?type=' + _canshu)

                    })
                } else { //没有增量比例的直接打印
                  sessionStorage.setItem('inOutWarehouse_Print', JSON.stringify(response.records))
                  let _canshu1 = ''
                  _canshu1 = this.parameter.radio + '&warehouseName=' + this.parameter.warehouseName +
                    '&startDate=' + this.parameter.startDate + '&endDate=' + this.parameter.startDate
                  window.open('../../../../../static/warehousePrint.html?type=' + _canshu1)
                }
              }
            })
        }
      },
      startChane(e) {
        // console.log(e)
      },
      //清仓
      clearance(row) {
        // console.log(row.outNumber)
        if (row.outNumber > 0) {
          this.$confirm(`你还有未完善的出库记录，请完善提交后再进行操作`, {
              cancelButtonText: '关闭',
            })
            .then(() => {})
            .catch(() => {
              return false
            })
        } else {
          this.$confirm(
              `清仓操作代表库存已清零，清仓后不可进行出库操作，是否确定清仓`, {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
              }
            )
            .then(() => {
              clearancee({
                  id: row.warehouseId
                })
                .toPromise()
                .then((response) => {
                  this.$notify.success({
                    title: '成功',
                    message: '状态清仓成功',
                  })
                  this.getList()
                })
                .catch((response) => {})
            })
            .catch(() => {
              return false
            })
        }
      },

      //出库
      delivery(item) {
        this.$router.push({
          path: 'warehouseManagementDelivery',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            binNumber: item.binNumber,
            capacity: item.capacity,
            warehouseType: this.warehouseType,
            warehouseId: item.warehouseId,
          },
        })
      },
      //入库
      warehousing(item) {
        var free = 0
        for (var i = 0; i < item.warehouseNumViewList.length; i++) {
          free += Number(item.warehouseNumViewList[i].storage)
        }
        this.$router.push({
          path: 'warehouseManagementPut',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            binNumber: item.binNumber,
            capacity: item.capacity - free,
            id: item.id,
            warehouseType: this.warehouseType,
            createType: item.createType,
          },
        })
      },
      //毛检
      warehousing1(item) {
        var free = 0
        for (var i = 0; i < item.warehouseNumViewList.length; i++) {
          free += Number(item.warehouseNumViewList[i].storage)
        }
        this.$router.push({
          path: 'warehouseManagementGross',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            binNumber: item.binNumber,
            capacity: item.capacity - free,
            id: item.id,
            warehouseType: this.warehouseType,
            createType: item.createType,
            information: '毛重检斤',
            allowEdit: item.allowEdit,
            automaticWeightAcquisition: item.automaticWeightAcquisition
          },
        })
      },
      //皮检
      delivery1(item) {
        this.$router.push({
          path: 'warehouseManagementTare',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            binNumber: item.binNumber,
            capacity: item.capacity,
            warehouseType: this.warehouseType,
            warehouseId: item.warehouseId,
            information: '皮重检斤',
            allowEdit: item.allowEdit,
            automaticWeightAcquisition: item.automaticWeightAcquisition
          },
        })
      },
      getSpanArr(data) {
        let that = this

        //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱

        that.spanArr = []

        that.pos = 0

        //遍历数据

        data.forEach((item, index) => {
          //判断是否是第一项

          // if (index === 0) {
          //   this.spanArr.push(1)
          //   this.pos = 0
          // } else {
          //不是第一项时，就根据标识去存储
          if (data[index].warehouseNumViewList.length > 1) {
            // 查找到符合条件的数据时每次要把之前存储的数据+1
            this.spanArr[this.pos] = data[index].warehouseNumViewList.length
            this.spanArr.push(0)
          } else {
            // 没有符合的数据时，要记住当前的index
            this.spanArr.push(1)
            this.pos = index
          }
          // }
        })
      },
      //待完成//传参
      nocomplete(row) {
        if (row.number > 0) {
          this.$router.push({
            path: 'warehouseManagementNoComplete',
            query: {
              baseId: row.warehouseId,
              positionId: row.binNumberId,
              warehouseName: row.warehouseName,
              binNumber: row.binNumber,
              warehouseType: this.warehouseType,
              createType: row.createType,
            },
          })
        }
      },
      //检斤待完成
      nocomplete1(row, status) {
        this.$router.push({
          path: 'warehouseManagementNoWeight',
          query: {
            baseId: row.warehouseId,
            positionId: row.binNumberId,
            warehouseName: row.warehouseName,
            binNumber: row.binNumber,
            warehouseType: this.warehouseType,
            createType: row.createType,
            status: status
          },
        })
      },
      //记录
      record(item) {
        this.$router.push({
          name: 'warehouseManagementRecord',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            remark: item.remark,
            binNumber: item.binNumber,
            capacity: item.capacity,
            warehouseType: this.warehouseType,
          },
        })
      },
      //盘损
      loss(item) {
        this.$router.push({
          path: 'warehouseManagementIoss',
          query: {
            baseId: item.warehouseId,
            positionId: item.binNumberId,
            warehouseName: item.warehouseName,
            binNumber: item.binNumber,
          },
        })
      },
      mintor() {
        this.$router.push({
          path: 'warehouseManagementMintor'
        })

      },
      changeradio(e) {
        this.getList()
      },
      //查看
      handleLook() {
        this.$router.push({
          path: 'warehouseManagementLook'
        })
      },
      //添加
      handleAdd() {
        this.$router.push({
          path: 'warehouseManagementAdd'
        })
      },
      //编辑
      handleEdit() {
        this.$router.push({
          path: 'warehouseManagementEdit'
        })
      },
      handleDelete() {
        this.$router.push({
          path: 'warehouseManagementDelete'
        })
      },
      //任务
      handlTask() {
        var arr = []
        // console.log(this.list)
        for (let i = 0; i < this.list.length; i++) {
          arr.push(this.list[i].warehouseName)
        }
        this.$router.push({
          path: 'tranManagementWarehouseInOutTask',
          query: {
            // stringList: arr,
            // warehouseBaseInfoList: JSON.stringify(this.list)
          }
        })
        // this.$router.push({ path: 'tranManagementWarehouseInOutTask',query:{warehouseBaseInfoList:JSON.stringify(this.list)} })
      },
      dateFormat(fmt, date) {
        let ret
        const opt = {
          'Y+': date.getFullYear().toString(), // 年
          'm+': (date.getMonth() + 1).toString(), // 月
          'd+': date.getDate().toString(), // 日
          'H+': date.getHours().toString(), // 时
          // "M+": date.getMinutes().toString(),         // 分
          // "S+": date.getSeconds().toString()          // 秒
          // 有其他格式化字符需求可以继续添加，必须转化成字符串
        }
        for (let k in opt) {
          ret = new RegExp('(' + k + ')').exec(fmt)
          if (ret) {
            fmt = fmt.replace(
              ret[1],
              ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
            )
          }
        }
        return fmt
      },
      handleClose() {
        this.accessoryTFs = false
      },
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`)
        this.pageSize = val
        this.getList()
      },
      handleCurrentChange(val) {
        this.currentPage = val
        console.log(`当前页: ${val}`)
        this.getList()
      },
      getList() {
        getList({
            compId: localStorage.getItem('ws-pf_compId'),
            warehouseName: this.warehouseName,
            warehouseType: this.warehouseType,
          })
          .toPromise()
          .then((response) => {
            for (let i = 0; i < response.length; i++) {
              if (response[i].warehouseNumViewList) {
                for (let q = 0; q < response[i].warehouseNumViewList.length; q++) {
                  // console.log(response[i].warehouseNumViewList[q])
                  if (response[i].warehouseNumViewList[q].inNetWeight) {
                    response[i].warehouseNumViewList[q].inNetWeight = Number(response[i].warehouseNumViewList[q]
                      .inNetWeight).toFixed(3)
                  }
                  if (response[i].warehouseNumViewList[q].outNetWeight) {
                    response[i].warehouseNumViewList[q].outNetWeight = Number(response[i].warehouseNumViewList[q]
                      .outNetWeight).toFixed(3)
                  }
                  if (response[i].warehouseNumViewList[q].storage) {
                    response[i].warehouseNumViewList[q].storage = Number(response[i].warehouseNumViewList[q].storage)
                      .toFixed(3)
                  }
                  if (response[i].warehouseNumViewList[q].inNetWeight && response[i].warehouseNumViewList[q]
                    .outNetWeight) {
                    response[i].warehouseNumViewList[q].surplus = (response[i].warehouseNumViewList[q].inNetWeight -
                      response[i].warehouseNumViewList[q].outNetWeight).toFixed(3)
                  } else if (response[i].warehouseNumViewList[q].inNetWeight) {
                    response[i].warehouseNumViewList[q].surplus = response[i].warehouseNumViewList[q].inNetWeight
                  }
                }
              }


            }
            this.warehouseList = response
          })
        getsponsible({
            compId: localStorage.getItem('ws-pf_compId')
          }).toPromise()
          .then((response) => {

            this.list = response
            // console.log(response)
          })
      },
      editClick(row) {
        var status = ''
        if (row.status == '待执行' || row.status == '已完成') {
          status = '执行中'
        } else if (row.status == '执行中') {
          status = '已完成'
        }
        //cancelButtonClass: "btn-custom-cancel"
        this.$confirm(`是否将状态改为${status}`, {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          })
          .then(() => {
            editstatus({
                id: row.id
              })
              .toPromise()
              .then((response) => {
                this.$notify.success({
                  title: '成功',
                  message: '状态修改成功',
                })
                this.getList()
              })
              .catch((response) => {
                // EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
              })
          })
          .catch(() => {
            return false
          })
      },
      selecttaskType(e) {
        for (var i = 0; i < this.taskTypeList.length; i++) {
          if (this.taskTypeList[i].value == e) {
            this.searchType = this.taskTypeList[i].type
          }
        }
      },

      fujian(row) {
        if (
          row.receiveAttachmentPath === null ||
          row.receiveAttachmentPath === ''
        ) {
          EventBus.$emit(
            'warning',
            this.$t('system.noticeCircular.NoInformation')
          )
        } else {
          this.accessoryTFs = true
        }
        this.appendixIdss = row.receiveAttachmentPath
      },
      handleExamine(row) {
        this.$router.push({
          name: 'salesContractExamine',
          query: {
            id: row.id
          },
        })
      },
      // 关闭 dialog时 处理文件url 初始化upload组件
      handleCloe() {
        this.dialogViewSpareMoney = false
      },

      history(row) {
        billoperatehis({
            id: row.id
          })
          .toPromise()
          .then((response) => {
            this.historyList = response
          })
      },
      find() {
        this.currentPage = 1
        this.getList()
      },
      // async exportlist() {
      //   const { data } = await postExport(
      //   this.parameter,
      //     {},
      //     { responseType: 'blob' }
      //   ).toPromise()
      //   downloadFile({
      //     res: data,
      //     fileName: `${
      //       this.date.year + (this.date.month ? `-${this.date.month}` : '')
      //     }_采购合同1`,
      //     type: 'xls',
      //   })
      // },
    },
  }
</script>
<style lang="scss" scoped>
  .connert {
    width: 90%;
    margin: 0 auto;
  }

  .vertical-text-left {
    width: 62px;
    text-align: right;
  }

  .el-button--primary {
    background-color: #5878e8;
    border-color: #5878e8;
  }

  .el-button--default {
    color: #8890b1;
    border-color: #e8eaf1;
  }

  /deep/.base_header_layout .grid-content.right .find.el-button--primary {
    width: 30px;
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  /deep/.findValue .el-input__inner {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .completed.el-button--default {
    border-color: #5878e8;
    background-color: #f6f7fc;
    color: #5878e8;
  }

  .putstorage.el-button--default,
  .deliverystorage.el-button--default {
    border-color: #8890b1;
    background-color: #fff;
    color: #8890b1;
  }

  /deep/.el-table td,
  /deep/.el-table th.is-leaf {
    border-right: 1px solid #e9ecf7;
    text-align: center;
  }

  /deep/.el-table tr td:first-child,
  /deep/.el-table tr th.is-leaf:first-child {
    border-left: 1px solid #e9ecf7;
  }

  /deep/.el-table .el-table__header .cell,
  /deep/.el-table .el-table__body .cell {
    -webkit-line-clamp: 10;
    max-height: 400px;
  }

  .record,
  .adjustment {
    display: inline-block;
    color: #5878e8;
    padding: 0 4px !important;
    position: relative;
  }

  .record:after {
    position: absolute;
    content: '';
    display: block;
    top: 5px;
    right: -2px;
    width: 1px;
    height: 12px;
    background: #e9ecf7;
  }

  /deep/.el-radio-button:first-child .el-radio-button__inner {
    margin-left: 10px;
  }

  //分页
  .el-pagination {
    text-align: center;
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .main_css {
    height: calc(100% - 40px);
  }

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

  .count {
    text-align: center;
    margin-bottom: 10px;
  }

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

    .bottom-btn {
      text-align: center;
    }
  }

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

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

    .el-date-editor.el-input {
      width: 85% !important;
    }

    .proportion_css {
      width: 85%;
    }
  }

  .page2-content {
    border: 1px solid #d8dce6;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    padding-bottom: 20px;
  }
</style>