yiliangyiyun-pc/src/views/warehousenew/warehousingOrder.vue

<!--入库单-->
<template>
  <div class="container">
    <BaseHeaderLayout :leftSpan="16">
      <template slot="left">
        <div style='width:50%;margin-right:10px;'>
          <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至"
            start-placeholder="开始日期" value-format='yyyy-MM-dd' end-placeholder="结束日期" @change='datechange'
            :picker-options="pickerOptions">
          </el-date-picker>

        </div>
        <div style='width:40%;margin-right:10px;'>
          <el-select v-model="warehouseName" filterable placeholder="" @change="warehouseNameChange" :value="searchType"
            style="margin: 0 10px">
            <el-option key="全部仓库" label="全部仓库" value="" style="color: #8890b1" />
            <el-option v-for="item in warehouseList" :key="'cangku' + item.warehouseName" :label="item.warehouseName"
              :value="item.warehouseName" style="color: #8890b1" />
          </el-select>
        </div>
        <div style='width:50%;margin-right:10px;display: flex;'>
          <el-select v-model="goodsName" filterable placeholder="" @change="goodsNameChange" 
            style="margin: 0 10px">
            <el-option key="全部货名" label="全部货名" value="0" style="color: #8890b1" />
            <el-option v-for="(item,index) in goodsList" :key="item.id" :label="item.goodsName"
              :value="(index+1)" style="color: #8890b1" />
          </el-select>
          <span style="width:100px" v-if="warehouseName && goodsName">{{reserves?reserves:0}}吨</span>
        </div>
        <div style='width:50%;margin-right:10px;display: flex;'>
          <el-select v-model="weightGreater" filterable placeholder="" @change="weightGreaterChange" 
            style="margin: 0 10px">
            <el-option key="全部重量" label="全部重量" value="" style="color: #8890b1" />
            <el-option key="剩余重量大于0" label="剩余重量大于0" value="1" style="color: #8890b1" />
          </el-select>
        </div>
      </template>
      <template slot="right">
        <ws-input @keyup.enter.native="find()" class='findValue' v-model="searchKeyWord" placeholder="可按货源查找" clearable
          maxlength="300" type="input"></ws-input>
        <ws-button class="find" type="primary" @click="lookUp()">
          <img width="16" height="16" style="
              vertical-align: text-top;
              position: relative;
              top: 0px;
            " src="../../../public/img/sousuo.png" alt />
        </ws-button>
      </template>
    </BaseHeaderLayout>
    <el-row style='margin:10px;'>
      <el-col :span="12">
        <ws-button :type="searchType === '' ? 'primary' : ''" @click="handle('')" v-hasPermission="
        `warehouseManagement.warehousingOrder.View`">全部
        </ws-button>
        <ws-button :type="searchType === '1' ? 'primary' : ''" @click="handle('1')" v-hasPermission="
        `warehouseManagement.warehousingOrder.View`">未付款
        </ws-button>
        <ws-button :type="searchType === '2' ? 'primary' : ''" @click="handle('2')" v-hasPermission="
        `warehouseManagement.warehousingOrder.View`">待审核
        </ws-button>
      </el-col>
      <el-col style='text-align:right;' :span="12">
        <!-- <ws-button v-hasPermission="
            `warehouseManagement.warehousingOrder.yufu`" type="primary" @click="interestrate()" >{{interestratevalue.value}}利率</ws-button> -->
            <ws-button  type="primary" @click="exportList()">导出</ws-button>
        <ws-button v-hasPermission="
        `warehouseManagement.warehousingOrder.yufu`" type="primary" @click="fieldrations()">折干</ws-button>
        <ws-button v-hasPermission="
        `warehouseManagement.warehousingOrder.yufu`" type="primary" @click="distribution()">预付款分配</ws-button>
        <ws-button v-hasPermission="
        `warehouseManagement.warehousingOrder.bzj`" type="primary" @click="marginAllocation()">保证金分配</ws-button>
        <!-- <el-button type="primary" @click="warehousingorder()" v-hasPermission="
            `warehouseManagement.warehouse.warehouseInfoTask.add`
          ">出单
        </el-button> -->
      </el-col>
    </el-row>
    <div v-for="(item, index) in gainList" style='margin:10px;border:1px solid #ccc;padding:10px;'>
      <div style='width:100%;justify-content:space-between;align-items:center;margin-bottom:10px;' class="flex">
        <div>{{ item.issuingTime }} 合计{{ item.summation }}</div>
        <div>{{ item.warehouseName }}入库单<span v-if='item.warehouseType == 2'>（临）</span></div>
        <div>
          <!-- <ws-button  type="primary" @click="distribution(item)" >预付款分配</ws-button>
        <ws-button type="primary" @click="marginAllocation(item)">保证金分配</ws-button> -->
          <ws-button v-if='item.payshow' type="primary" @click="payout(item)"
            v-hasPermission="`warehouseManagement.warehousingOrder.appl`">请款
          </ws-button>
          <ws-button v-if="item.approveStatus&& item.payshow" type="primary" @click="withdraw(item)"
            v-hasPermission="`warehouseManagement.warehousingOrder.appl`">撤回
          </ws-button>
          <ws-button v-if='!item.payshow' type="primary" @click="cancel(item)" v-hasPermission="
            `warehouseManagement.warehousingOrder.appl`
          ">取消
          </ws-button>
          <ws-button v-if='!item.payshow' type="primary" @click="submit(item)" v-hasPermission="
            `warehouseManagement.warehousingOrder.appl`
          ">提交
          </ws-button>
          <ws-button type="primary" @click="aduit(item)" v-hasPermission="
            `warehouseManagement.warehousingOrder.adiut`
          ">审核
          </ws-button>
          <ws-button type="primary" @click="payment(item)" v-hasPermission="
            `warehouseManagement.warehousingOrder.pay`
          ">付款
          </ws-button>
        </div>
      </div>
      <el-table show-summary :summary-method="getSummaries" class="wenzi" :ref="'multipleTable' + index"
        :data="item.warehousingOrderList" style="width: 100%"
        @selection-change="handleSelectionChange($event, item, index)">
        <el-table-column :selectable='selectInit' type="selection" width="55">
        </el-table-column>
        <el-table-column type="index" label="序号">
          <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="contractNo" label="合同编号" width="190">
          <template  scope="scope">
            <span>
              {{ scope.row.contractNo }} ({{ scope.row.inType }})
            </span>
          </template>
        </el-table-column>
        <el-table-column prop="buyer" label="买方" width="150"></el-table-column>
        <el-table-column prop="goodsSource" label="货源" width="130">
          <template scope="scope">
            <span style='color:#66b1ff;' @click='lookcustomer(scope.row)'>{{ scope.row.goodsSource }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="deliveryWarehouse" label="发货库" width="130"></el-table-column>
        <!-- <el-table-column prop="customer" label="客户" width="100">
           <template scope="scope">
             <span @click='lookcustomer(scope.row)'>{{scope.row.customer}}</span>
            </template>
        </el-table-column> -->
        <el-table-column prop="goodsName" label="货名" width="120">
        </el-table-column>
        <el-table-column prop="inWarehouseWeight1" width="130" class="table_td" label="加权水分">
          <template scope="scope">
            <span v-if='scope.row.edit == false'>{{ scope.row.weightedMoisture }}</span>
            <el-input style='width:80%;' v-if='scope.row.edit' v-model='scope.row.weightedMoisture'></el-input>
            <i @click="changeMoisture(scope.row)" v-if="
            scope.row.edit" class="iconfont icon-dui"></i>
            <img v-if="!scope.row.edit" width="17" height="18"
              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
              @click="editMoisture(scope.row)" alt="" />
          </template>
        </el-table-column>
        <el-table-column prop="inWarehouseWeight1" width="150" class="table_td" label="入库重量">
          <template scope="scope">
            <span
              v-if='scope.row.weightedit == false && scope.row.warehouseType == 2 || scope.row.warehouseType == 1'>{{ scope.row.inWarehouseWeight1 }}</span>
            <el-input style='width:80%;' v-if='scope.row.weightedit && scope.row.warehouseType == 2'
              v-model='scope.row.inWarehouseWeight1'></el-input>
            <i @click="changeWeight(scope.row)" v-if="
            scope.row.weightedit && scope.row.warehouseType == 2" class="iconfont icon-dui"></i>
            <img v-if="!scope.row.weightedit && scope.row.warehouseType == 2" width="17" height="18"
              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
              @click="editWeight(scope.row)" alt="" />
          </template>
        </el-table-column>
        <el-table-column prop="outWarehouseWeight" width="80" class="table_td" label="出库重量"></el-table-column>
        <el-table-column prop="profitAndLoss" class="table_td" label="盈亏（吨）"></el-table-column>
        <el-table-column prop="surplusWeight" width="80" class="table_td" label="剩余重量"></el-table-column>
        <el-table-column prop="grainFund" width="80" class="table_td" label="粮款（元）"></el-table-column>
        <el-table-column prop="amountEdPayable" width="110" class="table_td" label="已付（元）">
          <template scope="scope">
            <span>{{ scope.row.amountEdPayable }}</span>
            <img v-if='scope.row.addressUrl' width="18" height="20"
              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/fujian.png"
              @click="fujian(scope.row)" alt="" />
          </template>
        </el-table-column>
        <el-table-column prop="amountNotPayable" width="80" class="table_td" label="未付（元）"></el-table-column>
        <el-table-column prop="amountMoney" width="80" class="table_td" label="费用（元）">
          <template scope="scope">
            <span style='color:#66b1ff;' @click='costclick(scope.row)'>{{ scope.row.amountMoney }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="avgCost" width="90" class="table_td" label="平均成本"></el-table-column>
        <el-table-column prop="requestFunds" width="150" class="table_td tablerequestFunds" label="请款">
          <template scope="scope">
            <span v-if="!scope.row.select">{{ scope.row.requestFunds }}</span>
            <el-input @focus="qingkuan(scope.row, item.id)" v-else v-model='scope.row.requestFunds'></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="remark" width="150" class="table_td" label="请款备注">
          <template scope="scope">
            <div v-if="!scope.row.select" @click.stop="lookRemark(scope.row)">
              <span class="text_css">查看</span>
            </div>
            <el-input @focus="inputremark(scope.row, item.id)" v-else v-model='scope.row.remark'></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="approveStatus" label="请款状态" width="90">
          <template slot-scope="scope">
            <span v-if='scope.row.approveStatus'>{{ scope.row.approveStatus }}</span>
            <span v-else>{{ scope.row.status }}</span>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
        style="text-align: center" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
        :total="deptBudgetTotal">
      </el-pagination>
    <el-dialog title="付款" :visible.sync="aduitshow" width="50%" :before-close="handleClose">
      <div style='display:flex;'>
        <div style='width:50%;'>
          <el-form ref="form" :model="form" label-width="120px">
            <el-form-item label="合计金额">
              <el-input disabled v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="附件">
              <!-- <el-upload ref='uploadfiles' :file-list='dataList' :action="global.uploadPath" list-type="picture-card"
            :on-success="handlefujian" :on-remove="handleRemove" class="photo2"  accept="image/jpg,image/jpeg,image/png">
              <i class="el-icon-plus"></i>
              </el-upload> -->
              <ws-upload ref="upload" :size-limit="size" @onChange="onChange" :comp-id="compId"
                accept=".jpg, .jpeg, .png, .pdf, .doc, .docx, .zip, .rar" />
            </el-form-item>
          </el-form>
        </div>

        <div style='width:50%;height:220px;overflow-y:scroll;'>
          <div v-for="(item, index) in payeeinfo">
            <div style='margin:0 0 10px;width:90%;'>账户信息-{{ index + 1 }}</div>
            <el-form label-position="left">
              <el-form-item label-width='100px' label="收款方" span="1" prop="purpose" class="readonly">
                {{ item.customerName }}
              </el-form-item>
              <el-form-item label-width='100px' label="账号" span="1" prop="purpose" class="readonly">
                {{ item.bankCard }}
              </el-form-item>
              <el-form-item label-width='100px' label="开户行" span="1" prop="purpose" class="readonly">
                {{ item.bankDeposit }}
              </el-form-item>
              <el-form-item label-width='100px' label="开户支行" span="1" prop="purpose" class="readonly">
                {{ item.bankDepositBranch }}
              </el-form-item>
            </el-form>
          </div>

        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="aduitshow = false">取消</el-button>
        <el-button type="primary" @click="paymentsubmit">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="客户信息" :visible.sync="customershow" width="50%" :before-close="handleClose3">
      <div>
        <el-form label-position="left">
          <el-form-item label-width='100px' label="收款方" span="1" prop="purpose" class="readonly">
            {{ customerInfo.customerName }}
          </el-form-item>
          <el-form-item label-width='100px' label="账号" span="1" prop="purpose" class="readonly">
            {{ customerInfo.bankCard }}
          </el-form-item>
          <el-form-item label-width='100px' label="开户行" span="1" prop="purpose" class="readonly">
            {{ customerInfo.bankDeposit }}
          </el-form-item>
          <el-form-item label-width='100px' label="开户支行" span="1" prop="purpose" class="readonly">
            {{ customerInfo.bankDepositBranch }}
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
    <el-dialog title="预付款分配" :visible.sync="distributionshow" width="50%" :before-close="handleClose1">
      <div>
        <!--插槽会替换title显示的内容 -->
        <div slot="title" class="header-title">
          <span v-show="dialogTitle" class="title-name">{{ dialogTitle }}</span>
        </div>
        <el-form ref="form" :model="form" label-width="120px">
          <el-col class="col1">
            <el-form-item label="累计预付(元)">
              <el-input disabled v-model="form.accumulatedPrepayment"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="收回预付(元)">
              <el-input disabled v-model="form.recoveryPrepayments"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="已分配(元)">
              <el-input disabled v-model="form.distributionEd"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="可分配(元)">
              <el-input disabled v-model="form.distributionCan"></el-input>
            </el-form-item>
          </el-col>
          <el-row>
            <el-col class="col1">
              <el-form-item label="未付金额(元)">
                <el-input disabled v-model="form.distributionNot"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item label="分配金额(元)">
              <el-input v-model="form.distributionIng"></el-input>
            </el-form-item>
          </el-row>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose1">取消</el-button>
        <el-button type="primary" @click="distributionsubmit">提交</el-button>
      </span>
    </el-dialog>
    <el-dialog title="保证金分配" :visible.sync="marginshow" width="50%" :before-close="handleClose2">
      <div>
        <!--插槽会替换title显示的内容 -->
        <div slot="title" class="header-title">
          <span v-show="dialogTitle" class="title-name">{{ dialogTitle }}</span>
        </div>
        <el-form ref="form" :model="form" label-width="120px">
          <el-col class="col1">
            <el-form-item label="累计支付(元)">
              <el-input disabled v-model="form.accumulatedPrepayment"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="累计收回(元)">
              <el-input disabled v-model="form.recoveryPrepayments"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="已分配(元)">
              <el-input disabled v-model="form.distributionEd"></el-input>
            </el-form-item>
          </el-col>
          <el-col class="col1">
            <el-form-item label="可分配(元)">
              <el-input disabled v-model="form.distributionCan"></el-input>
            </el-form-item>
          </el-col>
          <el-row>
            <el-col class="col1">
              <el-form-item label="未付金额(元)">
                <el-input disabled v-model="form.distributionNot"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item label="分配金额(元)">
              <el-input v-model="form.distributionIng"></el-input>
            </el-form-item>
          </el-row>


        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose2">取消</el-button>
        <el-button type="primary" @click="marginsubmit">提交</el-button>
      </span>
    </el-dialog>
    <el-dialog title="折干" :visible.sync="fieldrationsshow" width="50%" :before-close="handleClose4">
      <div>
        <!--插槽会替换title显示的内容 -->
        <div slot="title" class="header-title">
          <span v-show="dialogTitle" class="title-name">{{ dialogTitle }}</span>
        </div>
        <el-form ref="form" :model="form" label-width="140px">
          <el-form-item label="折干前重量（吨）">
            <el-input v-model="fieldrationsList.beforeWeight" disabled></el-input>
          </el-form-item>
          <!-- <el-form-item label="折干前成本(元/吨)">
              <el-input disabled placeholder="自动计算，不可编辑" v-model="fieldrationsList.beforeCost"></el-input>
            </el-form-item>-->
          <el-form-item label="折干前仓位">
            <el-select @focus="warehousefocus" @change="warehousechange" v-model="fieldrationsList.beforeBinNo"
              filterable placeholder="请选择">
              <el-option v-for="item in options" :key="item.id" :label="item.binNumber" :value="item.binNumber">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="折干后重量（吨）">
            <el-input v-model="fieldrationsList.afterWeight"></el-input>
          </el-form-item>
          <!-- <el-form-item label="折干后成本(元/吨)">
              <el-input disabled  placeholder="自动计算，不可编辑" v-model="fieldrationsList.afterCost"></el-input>
            </el-form-item> -->
          <el-form-item label="折干后仓位">
            <el-select @focus="warehousefocus1" @change="warehousechange1" v-model="fieldrationsList.afterBinNo"
              filterable placeholder="请选择">
              <el-option v-for="item in options1" :key="item.id" :label="item.binNumber" :value="item.binNumber">
              </el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose4">取消</el-button>
        <el-button type="primary" @click="fieldrationssubmit">提交</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="'输入' + titletype" :visible.sync="dialogVisiblecontent" width="30%" @close="handleClose5"
      :close-on-click-modal="false">
      <div>
        <el-input type="textarea" :rows="5" maxlength="500" placeholder="请输入内容" v-model="textarea">
        </el-input>
        <div style="text-align:center;margin-top:10px;">
          <ws-button type="primary" @click="handlequeren()" v-hasPermission="
            `warehouseManagement.warehouse.warehouseInfoTask.add`
          ">确认
          </ws-button>
        </div>

      </div>
    </el-dialog>
    <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-date-picker type="datetime" @change="startDataChange" format="yyyy-MM-dd HH:mm:ss"  value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择起始日期" v-model="parameter.exportStartDate"  default-time="00:00:00"></el-date-picker>
            </el-form-item>
            <el-form-item label="截止日期">
              <el-date-picker type="datetime" @change="endDataChange" format="yyyy-MM-dd HH:mm:ss"  value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择截止日期" v-model="parameter.exportEndDate"  default-time="00:00:00">
              </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  key="" label="全部仓库" value="全部仓库" />
                <el-option v-for="item in warehouseList" :key="item.warehouseName" :label="item.warehouseName" :value="item.warehouseName" />
              </el-select>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <div class="bottom-btn">
        <el-button @click="submitClick()">确定</el-button>
        <el-button @click="removePrint">取消</el-button>
      </div>
    </div>
    <!-- <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="30%"
      :before-close="handleClose">
      <div> 
        <el-time-picker
        v-model="value1"
          format='HH:mm'
        value-format="HH:mm"

        
        placeholder="任意时间点"> </el-time-picker>
        <ws-button type="primary" @click="handleAdd()" v-hasPermission="
                `warehouseManagement.warehouse.warehouseInfoTask.add`
              ">修改
            </ws-button>
      </div>
    </el-dialog> -->
    <el-dialog width='30%' :visible.sync="remarkList" title="备注" top="20vh">
      <span>{{ remark }}</span>
    </el-dialog>
    <el-dialog width='50%' :visible.sync="interestrateshow" title="修改利率" top="20vh">
      <el-input placeholder="" v-model="interestratevalue.value"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="interestratesubmit">保存</el-button>
      </span>
    </el-dialog>
    <el-dialog width='50%' :visible.sync="accessoryTFs" title="附件" top="20vh">
      <div v-if="appendixIdss.length > 0 && appendixIdss[0].indexOf('http') != -1">
        <div v-for="(item, index) in appendixIdss" :key="'fujian' + index">
          <el-image style="width: 100px; height: 100px" :src="item" :preview-src-list="appendixIdss">
          </el-image>
        </div>
      </div>

      <ws-upload v-if="appendixIdss.length > 0 && appendixIdss[0].indexOf('http') == -1" ref="upload" :comp-id="compId"
        :appendix-ids="appendixIdss" :editable="false" accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar" />
    </el-dialog>
    <el-dialog width='30%' :visible.sync="dialogVisible1" title="费用" top="20vh">
      <div style="justify-content:space-between;" class="flex">
        <div>累计利息</div>
        <div>{{interest}}</div>
      </div>
      <div style="justify-content:space-between;" class="flex">
        <div>累计仓储费</div>
        <div>{{storageFee}}</div>
      </div>
      <div style="justify-content:space-between;" class="flex">
        <div>烘干费</div>
        <div>{{dryingFee?dryingFee:0}}</div>
      </div>
      <div v-for="(item, index) in costlist" :key="index" class="audit">
        <div class="audit_item">
          <div class="audit_left">
            <span class="audit_name">{{ item.costNo }}</span>
          </div>
          <div class='audit_date'><span>{{ item.createDate }}</span></div>
        </div>
        <div class="audit_item">
          <div class="audit_left">
            <span class="audit_name">{{ item.expenseName }}</span>
          </div>
          <div class='audit_date'><span>{{ item.distributionMoney }}</span></div>
        </div>
      </div>
    </el-dialog>
    <el-dialog
      :title="title1"
      :visible.sync="rejectshow"
      width="30%"
      @close="handleClose6">
      <span>{{title1=='驳回'?'驳回审核':'通过审核'}}</span>
      <div>
        <el-input
          type="textarea"
          :rows="2"
          placeholder="请输入审核意见"
          v-model="auditMind">
        </el-input>
        </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="rejectshow = false">取 消</el-button>
        <el-button type="primary" @click="rejectclick">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import {
  getoreditoutput,
  outdelete,
  movestates,
  // woekflowhandle
} from '@/model/tasksport/index'
import {
  getwarehousingorder,
  paymoney,
  editwarehousingorder,
  getExpense,
  workflowhandle,
  getposition,
  dryout,
  xiala,
  getenabledinfo,
  setenabledinfo,
  getbyname,
  sponsorWithdraw,
  exportOrder,
  getdryweight
} from '@/model/warehouse/index'
import {
  selectWarehouseSelf,
} from '@/model/houseSelfCollect/index'
import { getpayeeinfo, getbuypayeeinfo } from '@/model/profitable/index'
import {
  downloadFile
} from '@/utils/batchDown'
import Pagination from '@/components/Pagination'
import WsUpload from '@/components/WsUpload'
import {
  dayjs,
  fmoney,
  EventBus
} from 'base-core-lib'
import { findLastIndexOfIterate } from 'xe-utils/methods'
export default {
  name: 'viewSpareMoney',
  components: {
    WsUpload,
    Pagination,
  },
  watch: {
    vesselId(val) {
      this.getList()
    },
    isShow(val) {
      this.showType = val
    },
  },
  data() {
    return {
      currectdata: {},
      //弹出框
      dialogViewSpareMoney: false,
      dialogApproveFormVisible: false,
      interestrateshow: false,
      dataList: [],
      payeeinfo: [],
      title1:'',
      StartDate:'',
      EndDate:'',
      rejectshow:false,
      options: [],
      isShowPrintType: false,
      // warehouseAllXiaLa:[],
      textarea: '',
      weightGreater:'',
      warehouseList:[],
      // warehouseXiaLaCopy:[],
      headerText: '入库单导出',
      dialogVisiblecontent: false,
      // 船舶类型
      monetaryKey: null,
      form: {
        accumulatedPrepayment: '',
        recoveryPrepayments: '',
        distributionEd: '',
        distributionCan: '',
        distributionNot: '',
        distributionIng: ''

      },
      // 表格显示数据
      tableDate: [],
      fieldrationsList: {
        beforeWeight: '',
        beforeCost: '',
        afterWeight: '',
        afterCost: '',
      },
      // 是否显示
      showType: true,
      dialogVisible: false,
      // 年
      year: '',
      title: '',
      disabled: false,
      gainList: [],
      currentPage: 1,
      primary: '1',
      dialogVisible1: false,
      pickerOptions: {
        shortcuts: [{
          text: '本周',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            var thisDay = start.getDay()
            var thisDate = start.getDate()
            if (thisDay != 0) {
              start.setDate(thisDate - thisDay)
            }
            picker.$emit('pick', [start, end])
          },
        },
        {
          text: '本月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setDate(1)
            picker.$emit('pick', [start, end])
          },
        },
        {
          text: '本季度',
          onClick(picker) {
            var oDate = new Date()

            var thisYear = oDate.getFullYear()
            var thisMonth = oDate.getMonth() + 1

            var n = Math.ceil(thisMonth / 3) // 季度

            var Month = n * 3 - 1

            var start = new Date(thisYear, Month - 2, 1)
            var end = new Date()

            picker.$emit('pick', [start, end])
          },
        },
        ],
      },
      value1: '',
      value: '',
      value2: '',
      deptBudgetTotal: 0,
      pageSize: 10,
      searchType: '',
      searchTypeText: '待审核',
      searchKeyWord: '',
      inOutType: '',
      contractType: 2,
      warehouseType:1,
      auditdata:[],
      fieldrationsshow: false,
      // 提交类型
      submitType: true,
      multipleSelection: [],
      size: 10,
      spanArr: [],
      options1: [],
      id: '',
      avgCost:'',
      customerInfo: {},
      appendixIdss: [],
      paymentScreenshot: '',
      endDate: '',
      startDate: '',
      warehouseName: '',
      goodsName:'0',
      reserves:'',
      goodsList:[],
      compId: localStorage.getItem('ws-pf_compId'),
      historyList: [],
      money: 0,
      interest:'',
      storageFee:'',
      dryingFee:'',
      multipleSelection1: {},
      aduitshow: false,
      distributionshow: false,
      marginshow: false,
      costlist: [],
      pickerBeginDateBefore: {
        disabledDate: (time) => {
          return time.getTime() > Date.now()
        },
      },
      parameter:{
          startDate:'',
          endDate:'',
        },
        date: {
          year: dayjs().format('YYYY'),
          month: dayjs().format('MM'),
        },
      // warehouseList: [],
      currectfocusdata: {},
      customershow: false,
      interestratevalue: {},
      accessoryTFs: false,
      remarkList: false,
      dialogTitle: '',
      titletype: '',
      remark: '',
      baseId:'',
      auditMind:''
    }
  },
  // activated() {
  //   this.getList()
  //   this.showType = this.isShow
  // },
  activated() {
    if(this.$route.query.status==1){
      this.searchType='2'
    }
    this.value2 = this.getNowTime()
    selectWarehouseSelf({
      compId: localStorage.getItem('ws-pf_compId'),
    })
      .toPromise()
      .then((response) => {
        this.warehouseList = response

      })
    this.getList()
    this.showType = this.isShow
  },
  methods: {
    exportList() {
          let date = new Date()
          var year = date.getFullYear();
          var month = date.getMonth() + 1;
          var strDate = date.getDate()
          if(strDate<10){ 
             strDate = '0'+strDate
          }
          var pastdate = new Date(date.getTime() - 24 * 60 * 60 * 1000)
          this.StartDate =pastdate.getFullYear() + '-' + (pastdate.getMonth() + 1) + '-' + (pastdate.getDate()>10?pastdate.getDate():'0'+pastdate.getDate())+' 00:00:00'
          this.$set(this.parameter,'exportStartDate',this.StartDate)
          this.EndDate = '' + year + '-' + month + '-' + strDate+' 00:00:00'
          this.$set(this.parameter,'exportEndDate',this.EndDate)
        this.$forceUpdate();
        this.isShowPrintType = true
        
      },
      startDataChange(e){
          var d = new Date(e);
          let year =  d.getFullYear()
          let month =  (d.getMonth() + 1)
          month= month<10?'0'+month:month
          let date = d.getDate()<10?'0'+d.getDate():d.getDate()
          let hours = d.getHours()<10?'0'+d.getHours():d.getHours()
          let minutes = d.getMinutes()<10?'0'+d.getMinutes():d.getMinutes()
          let seconds = d.getSeconds()<10?'0'+d.getSeconds():d.getSeconds()
          this.parameter.exportStartDate = year + '-' + month+ '-' +date + ' '+hours+':'+minutes+':'+seconds;
      },
      endDataChange(e){
            var d = new Date(e);
            let year =  d.getFullYear()
          let month =  (d.getMonth() + 1)
          month= month<10?'0'+month:month
          let date = d.getDate()<10?'0'+d.getDate():d.getDate()
          let hours = d.getHours()<10?'0'+d.getHours():d.getHours()
          let minutes = d.getMinutes()<10?'0'+d.getMinutes():d.getMinutes()
          let seconds = d.getSeconds()<10?'0'+d.getSeconds():d.getSeconds()
           this.parameter.exportEndDate = year + '-' + month+ '-' +date + ' '+hours+':'+minutes+':'+seconds;
      },
       removePrint() {
        this.parameter.warehouseName = ''
        this.isShowPrintType = false
      },
      // warehouseQuery(query){
      //   if(query){
      //     this.warehouseList = this.warehouseAllXiaLa
      //     this.warehouseList = this.warehouseAllXiaLa.filter(item=>item.warehouseName.indexOf(query)>-1)
      //   }else{
      //     this.warehouseList = this.warehouseXiaLaCopy
      //   }
      // },
      async submitClick() {
        if (!this.parameter.exportStartDate) {
          this.$message.error('请选择起始日期')
          return
        }
        if (!this.parameter.exportEndDate) {
          this.$message.error('请选择截止日期')
          return
        }
        if (new Date(this.parameter.exportEndDate).getTime() < new Date(this.parameter.exportStartDate).getTime()) {
          this.$message.error('截止日期输入错误')
          return
        }
        if (this.parameter.warehouseName == '全部仓库') {
          this.parameter.warehouseName = ''
        }
        this.isShowPrintType = false
        const {
          data
        } = await exportOrder({
          exportStartDate: this.parameter.exportStartDate,
          exportEndDate: this.parameter.exportEndDate,
          warehouseName: this.parameter.warehouseName,
        }, {}, {
          
          responseType: 'blob'
        }).toPromise()
        downloadFile({
          res: data,
          fileName: `${this.date.year + (this.date.month ? `-${this.date.month}` : '')
            }导出入库单`,
          type: 'xls',
        })
        this.parameter.warehouseName = ''
      },
    weightGreaterChange(e){
      this.getList()
    },
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        if (!values.every(value => isNaN(value))) {
          if (index == 8 || index == 9 || index == 10 || index == 11 || index == 12 || index == 13 || index == 14 || index == 15) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0).toFixed(3)
          }

        } else {
          sums[index] = '';
        }
      });

      return sums;
    },
    warehouseNameChange(e) {
      if (e == '全部仓库' || e == '') {
        this.warehouseName = ''
        this.goodsList = []
        this.goodsName = '0'
        this.baseId = ''
      }else{
        for(let i =0 ; i<this.warehouseList.length;i++){
          if(this.warehouseList[i].warehouseName == e){
            console.log(this.warehouseList[i])
            if(this.warehouseList[i].goodsNameInfos){
              for(let j = 0;j<this.warehouseList[i].goodsNameInfos.length;j++){//构造数据，合并重复货名
              if(j==0){
                this.goodsList.push(this.warehouseList[i].goodsNameInfos[j])
              }else{
                // 
                  if(this.goodsList.every((item)=>{return item.goodsName != this.warehouseList[i].goodsNameInfos[j].goodsName}) ){
                    this.goodsList.push(this.warehouseList[i].goodsNameInfos[j])
                  }else{
                    for(let n = 0;n < this.goodsList.length;n++){
                      if(this.goodsList[n].goodsName == this.warehouseList[i].goodsNameInfos[j].goodsName){
                        this.goodsList[n].storage += this.warehouseList[i].goodsNameInfos[j].storage
                      }
                   }
                  }
                // 
              }
            }
            }
            
            this.baseId = this.warehouseList[i].id
            

            break
          }
          // console.log(this.reserve)
          if(this.reserves){
            this.reserves=this.reserves.toFixed(3)
          }
        }
        this.goodsName= '0'
        this.reserves = ''
      }
      this.warehouseXiaLaCopy = this.warehouseList
      this.warehouseAllXiaLa = this.warehouseList
      this.multipleSelection1={}
      this.getList()
    },
    goodsNameChange(e){
      if (e == '全部货名' || e == '0') {
        this.goodsName = '0'
        this.reserves = ''
      }else{
        this.goodsName = this.goodsList[e-1].goodsName
        this.reserves = this.goodsList[e-1].storage
      }
        this.multipleSelection1={}
        this.getList()
    },
    handleClose5() {
      this.dialogVisiblecontent = false
    },
    qingkuan(item) {
      this.titletype = '请款金额'
      this.currectfocusdata = item
      this.textarea = this.currectfocusdata.requestFunds
      this.dialogVisiblecontent = true
    },
    inputremark(item) {
      this.titletype = '备注内容'
      this.currectfocusdata = item
      this.textarea = this.currectfocusdata.remark
      this.dialogVisiblecontent = true
    },
    handlequeren() {
      if (this.titletype == '请款金额') {
        this.dialogVisiblecontent = false
        this.currectfocusdata.requestFunds = this.textarea
        console.log(this.currectfocusdata, textarea)
        this.$forceUpdate()
      } else {
        this.dialogVisiblecontent = false
        this.currectfocusdata.remark = this.textarea
        this.$forceUpdate()
      }
    },
    interestratesubmit() {
      setenabledinfo({ id: this.interestratevalue.id, value: this.interestratevalue.value }).toPromise()
        .then((response) => {
          this.$message({
            message: '修改利率成功',
            type: 'success'
          });
          this.interestrateshow = false
        })
    },
    warehousefocus() {
      getposition({ baseId: this.fieldrationsList.baseId, flag: 1 }).toPromise()
        .then((response) => {
          // row.weightedit=false
          this.options = response
        })
    },
    warehousechange(e) {
      for (let i = 0; i < this.options.length; i++) {
        if (this.options[i].binNumber == e) {
          this.fieldrationsList.beforePositionId = this.options[i].id
        }
      }
    },
    warehouseweightfocus(){

    },
    warehousefocus1() {
      getposition({ baseId: this.fieldrationsList.baseId }).toPromise()
        .then((response) => {
          // row.weightedit=false
          this.options1 = response
        })
    },
    warehousechange1(e) {
      for (let i = 0; i < this.options1.length; i++) {
        if (this.options1[i].binNumber == e) {
          this.fieldrationsList.afterPositionId = this.options1[i].id
        }

      }
    },
    fujian(row) {
      this.id = row.id
      this.accessoryTFs = true
      console.log(row.addressUrl.indexOf('http'))
      if (row.addressUrl.indexOf('http') != -1) {
        if (row.addressUrl.split(',')) {
          var arr = row.addressUrl.split(',')
          this.dataList = []
          for (var i = 0; i < arr.length; i++) {
            this.dataList.push({ url: arr[i] })
          }
          this.appendixIdss = arr
          this.paymentScreenshot = arr
        }
      } else {
        this.appendixIdss = row.addressUrl
      }
      console.log(this.appendixIdss)
    },
    lookRemark(row) {
      if (row.remark) {
        this.remark = row.remark
        this.remarkList = true
      }
      else {
        this.$message({
          message: '暂无请款备注',
          type: 'warning'
        });
      }
    },
    handle(status) {
      this.searchType = status
      this.getList()
    },
    selectinOutType() {
      this.getList()
    },
    handleSelectionChange(val, item, index) {
      console.log(val, item)
      for (let i = 0; i < this.gainList.length; i++) {
        if (this.gainList[i].warehouseName == item.warehouseName) {
          for (let q = 0; q < this.gainList[i].warehousingOrderList.length; q++) {
            if (!item.payshow) {
              this.gainList[i].warehousingOrderList[q].select = false
            }
          }
        }
      }
      for (let i = 0; i < val.length; i++) {
        if (!item.payshow) {
          if (val[i].amountNotPayable <= 0) {
            this.$message({
              message: '请选择未付大于零的条目！',
              type: 'warning'
            });
            var that = this
            setTimeout(() => {
              that.$refs[`multipleTable${index}`][0].toggleRowSelection(val[i], false);
            }, 1000)
          } else {
            val[i].select = true
          }
        }
      }
      item.summation = 0
      for (let i = 0; i < val.length; i++) {
        if (val[i].surplusWeight) {
          item.summation += Number(val[i].surplusWeight)
        }

      }
      if(item.summation){
        item.summation = item.summation.toFixed(3)
      }
      this.$forceUpdate()
      // console.log(val,item.summation,1111111111)
      this.multipleSelection1[item.id] = val
      //  this.multipleSelection=this.noRepeat(this.multipleSelection.concat(val))
      //  console.log(this.multipleSelection)
    },
    noRepeat(arr) {

      var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点

      return newArr

    },
    editWeight(row) {
      row.weightedit = true
    },
    editMoisture(row) {
      row.edit = true
      this.$forceUpdate()
    },
    changeWeight(row) {
      if (row.inWarehouseWeight1 < row.outWarehouseWeight) {
        this.$message({
          message: '入库量不能小于出库量',
          type: 'warning'
        });
        return
      }
      this.$confirm('确定提交入库重量？', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          editwarehousingorder({ id: row.id, inWarehouseWeight: row.inWarehouseWeight1 }).toPromise()
            .then((response) => {
              // row.weightedit=false
              this.getList()
            })
        })
    },
    changeMoisture(row) {
      if (row.weightedMoisture < 14 || row.weightedMoisture > 80) {
        this.$message({
          message: '加权水分输入错误',
          type: 'warning'
        });
        return
      }
      this.$confirm('确定提交加权水分？', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          editwarehousingorder({ id: row.id, weightedMoisture: row.weightedMoisture }).toPromise()
            .then((response) => {
              // row.weightedit=false
              this.getList()
            })
        })
    },
    withdraw(item) {
      if(!this.multipleSelection1[item.id]){
        this.$message({
            message: '至少选择一条请款审核中的条目',
            type: 'error'
          });
      }
      else{
      var arr1 = this.multipleSelection1[item.id]
      for (let i = 0; i < arr1.length; i++) {
        if (!arr1[i].approveStatus || arr1[i].approveStatus == '发起人撤回') {
          this.$message({
            message: '请选择请款审核中的条目进行撤回',
            type: 'warning'
          });
          return
        } else {
          this.$confirm(`撤回成功后，可再次提交，确定撤回该次请款吗？`, {
            cancelButtonText: '取消',
            confirmButtonText: '确定',
            type: 'warning',
          }).then(() => {
            var arr4 = this.unique(arr1)
            for (let j = 0; j < arr4.length; j++) {
              sponsorWithdraw({
                workflowId: arr4[j].workflowId,
                businessKey: arr4[j].batchId,
              }).toPromise()
                .then((response) => {
                  this.$message.success('撤回成功')
                })
              // updateApprove({
              //   batchId: arr4[j].batchId,
              // }).toPromise()
              //   .then((response) => {
              //   })
            }
          })
        }
      }
      this.getList()
      }
    },
    unique(arr) {
      const res = new Map();
      return arr.filter((arr) => !res.has(arr.batchId) && res.set(arr.batchId, 1));
    },
    payout(item) {
      console.log(item)
      if (localStorage.getItem('ws-pf_roleName') == '销售内勤' || localStorage.getItem('ws-pf_roleName') == '采购内勤'||localStorage.getItem('ws-pf_roleName').indexOf('专员')> -1) {
        if (Object.keys(this.multipleSelection1).length != 0 && this.multipleSelection1[item.id].length > 0) {
          for (let i = 0; i < this.multipleSelection1[item.id].length; i++) {
            if (item.warehouseName == this.multipleSelection1[item.id][i].warehouseName) {
              if (this.multipleSelection1[item.id][i].inType == '移库入库' || this.multipleSelection1[item.id][i].inType == '退库入库') {
                this.$message({
                  message: '请选择收购入库或采购入库的条目！',
                  type: 'warning'
                });
                return
              }
              if (this.multipleSelection1[item.id][i].amountNotPayable <= 0) {
                this.$message({
                  message: '请选择未付大于零的条目！',
                  type: 'warning'
                });
                return
              }
              if (this.multipleSelection1[item.id][i].amountNotPayable > 0 && this.multipleSelection1[item.id][i].approveStatus 
              && this.multipleSelection1[item.id][i].approveStatus !='发起人撤回') {
                this.$message({
                  message: '请选择未请款的条目！',
                  type: 'warning'
                });
                return
              }
            }
          }
          item.payshow = false
          for (let i = 0; i < this.multipleSelection1[item.id].length; i++) {
            if (item.warehouseName == this.multipleSelection1[item.id][i].warehouseName) {
              this.multipleSelection1[item.id][i].requestFunds = this.multipleSelection1[item.id][i].amountNotPayable
              this.multipleSelection1[item.id][i].select = true
            }
          }
        } else {
          this.$message({
            message: '至少选择一条待请款条目！',
            type: 'warning'
          });
        }
      } else {
        this.$message({
          message: '暂无此权限！',
          type: 'warning'
        });
      }
    },
    marginAllocation() {
      let _this = this
      var arr = []
      var currectData = []
      for (const key in this.multipleSelection1) {
        var array = this.multipleSelection1[key]
        for (let i = 0; i < array.length; i++) {
          arr.push(array[i])
        }
        if (array.length > 0) {
          currectData = array
        }
      }
      if (arr.length > 1) {
        this.$message({
          message: '一次只能分配一条入库记录',
          type: 'warning'
        });
        return
      }
      if (currectData.length == 0) {
        this.$message({
          message: '请选择一条数据！',
          type: 'warning'
        });
        return
      }
      // console.log(currectData)
      var arr1 = currectData
      for (let i = 0; i < arr1.length; i++) {
        if (arr1[i].amountNotPayable < 0) {
          this.$message({
            message: '请选择一条有未付金额的条目！',
            type: 'warning'
          });
          return
        }
        if (arr1[i].inType != '采购入库' && arr1[i].inType != '收购入库') {
          this.$message({
            message: '请选择货源是采购合同或收购合同的条目',
            type: 'warning'
          });
          return
        }
        _this.dialogTitle = arr1[i].contractNo
        getExpense({ contractNo: arr1[i].contractNo, compId: this.compId }).toPromise()
          .then((response) => {
            _this.form.contractId = response.id
            _this.form.accumulatedPrepayment = response.accumulatedMargin
            _this.form.recoveryPrepayments = response.withdrawalOfMargin
            _this.form.distributionEd = response.allocatedMargin
            _this.form.distributionCan = response.accumulatedMargin - response.withdrawalOfMargin - response.allocatedMargin
            _this.form.distributionNot = arr1[i].amountNotPayable
            this.currectdata = currectData
            this.marginshow = true
          }).catch(() => {
            this.$message({
              message: '无可分配金额',
              type: 'warning'
            });
            return
          })
      }
    },
    interestrate() {
      this.interestrateshow = true
    },
    async fieldrations() {
      let _this = this
      console.log(this.multipleSelection1)
      var arr = []
      var arr3 = []
      var currectData = []
      for (const key in this.multipleSelection1) {
        var array = this.multipleSelection1[key]
        for (let i = 0; i < array.length; i++) {
          if(array[i].surplusWeight <=0){
            continue
          }
          arr.push(array[i])
          if (arr3.length == 0) {
            arr3.push(array[i])
          } else {
            var arr2 = arr3.filter((item) => { return item.warehouseName == array[i].warehouseName })
            if (arr2.length == 0) {
              arr3.push(array[i])
            }
          }
        }
      }
      currectData = arr
      if (currectData.length == 0) {
        this.$message({
          message: '请选择一条数据！',
          type: 'warning'
        });
        return
      }
      // console.log(arr1)


      let map = new Map();
      for (let item of currectData) {
        map.set(item.goodsName, item);
      }

      var data = [...map.values()];
      if (data.length > 1) {
        this.$message({
          message: '请选择同一个货名的数据进行折干！',
          type: 'warning'
        });
        return
      }
      if (arr3.length > 1) {
        this.$message({
          message: '请选择同一个仓库的数据进行折干！',
          type: 'warning'
        });
        return
      }
      // console.log(currectData)
      var arr1 = currectData
      for (let i = 0; i < arr1.length; i++) {
        if (arr1[i].warehouseType != 1) {
          this.$message({
            message: '请选择常用库潮粮进行折干！',
            type: 'warning'
          });
          return
        }
        if (arr1[i].goodsName.indexOf('潮粮') == -1) {
          this.$message({
            message: '只有潮粮可以折干！',
            type: 'warning'
          });
          return
        }
        if (!arr1[i].weightedMoisture || arr1[i].weightedMoisture < 14) {
          this.$message({
            message: '加权水分不可小于干粮水分！',
            type: 'warning'
          });
          return
        }
        // _this.dialogTitle=arr1[i].contractNo
      }
      var weight = 0
      for (let i = 0; i < arr1.length; i++) {
        console.log(arr1[i].surplusWeight)
        weight += Number(arr1[i].surplusWeight)
      }
      // this.currectdata=item
      this.currectdata = arr1
      this.fieldrationsList.warehousingOrderList = this.currectdata
      this.fieldrationsList.baseId = this.currectdata[0].baseId
      this.fieldrationsList.beforeWeight = weight.toFixed(3)
      var response=await getbyname({ warehouseId: this.currectdata[0].baseId, goodsName: this.currectdata[0].goodsName }).toPromise()
      let count = 0
      for(let i = 0;i<arr1.length;i++){
        let array =[]
        array.push(arr1[i])
        var response1=await getdryweight({ warehousingOrderList: array }).toPromise()
        if (response) {
            let weight2 = 0
            for (let i = 0; i < this.currectdata.length; i++) {
              var weightedMoisture = (this.currectdata[i].weightedMoisture - 14)
              var deductWeight = 100 - (weightedMoisture * response.deductWeight)
            }
            count =Number(count)+ Number(response1)
            this.fieldrationsList.warehousingOrderList[i].afterWeight = response1

            this.fieldrationsshow = true
          }
      }
      this.fieldrationsList.afterWeight = count.toFixed(3)
      // this.fieldrationsList.beforeCost=this.currectdata[0].avgCost
    },
    distribution() {
      let _this = this
      console.log(this.multipleSelection1)
      var arr = []
      var currectData = []
      for (const key in this.multipleSelection1) {
        var array = this.multipleSelection1[key]
        for (let i = 0; i < array.length; i++) {
          arr.push(array[i])
        }
        if (array.length > 0) {
          currectData = array
        }
      }
      if (arr.length > 1) {
        this.$message({
          message: '一次只能分配一条入库记录',
          type: 'warning'
        });
        return
      }
      if (currectData.length == 0) {
        this.$message({
          message: '请选择一条数据！',
          type: 'warning'
        });
        return
      }
      // console.log(currectData)
      var arr1 = currectData
      for (let i = 0; i < arr1.length; i++) {
        if (arr1[i].amountNotPayable < 0) {
          this.$message({
            message: '请选择一条有未付金额的条目！',
            type: 'warning'
          });
          return
        }
        if (arr1[i].inType != '采购入库' && arr1[i].inType != '收购入库') {
          this.$message({
            message: '请选择货源是采购合同或收购合同的条目',
            type: 'warning'
          });
          return
        }
        _this.dialogTitle = arr1[i].contractNo
        getExpense({ contractNo: arr1[i].contractNo, compId: this.compId }).toPromise()
          .then((response) => {
            _this.form.contractId = response.id
            _this.form.accumulatedPrepayment = response.accumulatedPrepayment
            _this.form.recoveryPrepayments = response.accumulatedRecovery
            _this.form.distributionEd = response.prepaidAssigned
            _this.form.distributionCan = response.accumulatedPrepayment - response.accumulatedRecovery - response.prepaidAssigned
            _this.form.distributionNot = arr1[i].amountNotPayable
          }).catch(() => {
            this.$message({
              message: '无可分配金额',
              type: 'warning'
            });
            return
          })
      }
      // this.currectdata=item
      this.currectdata = arr1

      this.distributionshow = true


    },
    getNowTime() {
      const start = new Date(new Date().getTime() - 3600 * 1000 * 24)
        .toISOString()
        .replace('T', ' ')
        .split('.')[0] //默认开始时间1天前
      const end = new Date(new Date().getTime())
        .toISOString()
        .replace('T', ' ')
        .split('.')[0]//默认结束时间今天
      // console.log([start.split(' '), end])
      return [start.split(' ')[0], end.split(' ')[0]]
    },
    cancel(item) {
      item.payshow = true
      for (let i = 0; i < this.multipleSelection1[item.id].length; i++) {
        if (item.warehouseName == this.multipleSelection1[item.id][i].warehouseName) {
          this.multipleSelection1[item.id][i].select = false
        }
      }
    },
    costclick(row) {
      this.interest=row.interest
      this.storageFee=row.storageFee
      this.dryingFee = row.dryingFee
      this.costlist = row.expenseAllocationInfoList
      console.log(this.interest,this.storageFee)
      this.dialogVisible1 = true
      // getexenseinfo({id:row.id}).toPromise()
      //   .then((response) => {
      //     this.costlist=response
      //   }).catch(() => {
      //   })
    },
    selectInit(row, index) {
      if (localStorage.getItem('ws-pf_roleName') == '销售内勤' || localStorage.getItem('ws-pf_roleName') == '采购内勤'||localStorage.getItem('ws-pf_roleName').indexOf('专员')> -1) {
        return true

      } else if (localStorage.getItem('ws-pf_staffName') == '杜大光') {
        return true
      } else if (localStorage.getItem('ws-pf_staffName') == '范占国') {
        return true
      } else if (localStorage.getItem('ws-pf_roleName') == '财务') {
        return true
      } else if (localStorage.getItem('ws-pf_roleName') == '出纳') {
        return true
      }else if (localStorage.getItem('ws-pf_deptName') == '单证中心') {
        return true
      } else {
        return false
      }
    },
    onChange() {
      this.$refs.upload
        .handleSaveBill()
        .then(async response => {
          this.paymentScreenshot = response
        })
        .catch(res => {
          EventBus.$emit('error', (JSON.parse(res) || {}).message)
          this.$refs.upload.clearFiles()
        })
    },
    handleRemove(file) {
      // console.log(file)
      for (let i = 0; i < this.paymentScreenshot.length; i++) {
        if (this.paymentScreenshot[i] == file.url) {
          this.paymentScreenshot.splice(i, 1)
        }

      }
    },
    submit(item) {
      var arr1 = this.multipleSelection1[item.id]
      for (let i = 0; i < arr1.length; i++) {
        if (!arr1[i].requestFunds) {
          this.$message({
            message: '请款金额不能为空！',
            type: 'warning'
          });
          return
        }
        if (arr1[i].approveStatus && arr1[i].approveStatus!='发起人撤回') {
          this.$message({
            message: '至少选择一条待请款条目',
            type: 'warning'
          });
          return
        }
        if (arr1[i].requestFunds > arr1[i].amountNotPayable) {
          this.$message({
            message: '请款金额不能大于未付金额！',
            type: 'warning'
          });
          return
        }
      }
      // for (let i = 0; i < arr1.length; i++) {
      //   if(arr[i].inType=='收购入库'){
      //     arr[i].inWarehouseWeight=arr[i].inWarehouseWeight*1000
      //   }
      // }
      this.$confirm('确认提交请款信息', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          paymoney({ flag: 1, warehousingOrderList: arr1 }).toPromise()
            .then((response) => {
              this.$message({
                message: '提交成功',
                type: 'success'
              });
              this.getList()
            }).catch(() => {
              this.$message({
                message: '提交失败',
                type: 'warning'
              });
            })
        }).catch(() => {
          return false
        })
    },
    paymentsubmit(item) {
      var that = this
      console.log(this.multipleSelection1, this.multipleSelection1[this.currectdata.id])
      var arr2 = this.multipleSelection1[this.currectdata.id]
      console.log(this.paymentScreenshot)
      var len = this.paymentScreenshot ? this.paymentScreenshot.split(',') : []
      if (len.length == 0) {
        this.$message({
          message: '请上传付款截图',
          type: 'warning'
        });
        return
      }
      for (let i = 0; i < arr2.length; i++) {
        if (arr2[i].addressUrlArray) {
          arr2[i].addressUrlArray = arr2[i].addressUrlArray.concat(len)
        }
        else {
          arr2[i].addressUrlArray = len
        }
        arr2[i].addressUrl = arr2[i].addressUrlArray.toString()

      }
      console.log(arr2)
      paymoney({ flag: 0, warehousingOrderList: arr2 }).toPromise()
        .then((response) => {
          this.$message({
            message: '付款成功',
            type: 'success'
          });
          this.aduitshow = false
          this.paymentScreenshot = ''
          this.$refs.upload.clearFiles()
          this.getList()
        }).catch(() => {
          this.$message({
            message: '付款失败',
            type: 'warning'
          });
        })
    },
    afterWeightchange(e) {
      this.fieldrationsList.afterCost = (Number(this.fieldrationsList.beforeWeight) * Number(this.fieldrationsList.beforeCost)) / Number(e)
    },
    fieldrationssubmit() {
      var arr2 = this.currectdata
      if (!this.fieldrationsList.beforeWeight) {
        this.$message({
          message: '折干前重量不能为空',
          type: 'warning'
        });
        return
      }
      if (this.fieldrationsList.beforeWeight <= 0) {
        this.$message({
          message: '折干前重量输入错误',
          type: 'warning'
        });
        return
      }
      // if(!this.fieldrationsList.beforeBinNo){
      //   this.$message({
      //     message: '折干前仓位不能为空',
      //     type: 'warning'
      //   });
      //   return
      // }
      if (!this.fieldrationsList.afterWeight) {
        this.$message({
          message: '折干后重量不能为空',
          type: 'warning'
        });
        return
      }
      if (this.fieldrationsList.afterWeight <= 0) {
        this.$message({
          message: '折干后重量输入错误',
          type: 'warning'
        });
        return
      }
      if (Number(this.fieldrationsList.afterWeight) > Number(this.fieldrationsList.beforeWeight)) {
        this.$message({
          message: '折干后重量输入错误',
          type: 'warning'
        });
        return
      }
      if (!this.fieldrationsList.afterBinNo) {
        this.$message({
          message: '折干后仓位不能为空',
          type: 'warning'
        });
        return
      }
      this.$confirm('确定提交折干?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        dryout(this.fieldrationsList).toPromise()
          .then((response) => {
            this.$message({
              message: '折干成功',
              type: 'success'
            });
            this.form.distributionIng = ''
            this.$set(this.fieldrationsList,'beforeBinNo','')
            this.$set(this.fieldrationsList,'afterBinNo','')
            // this.fieldrationsList.beforeBinNo = ''
            // this.fieldrationsList.afterBinNo = ''
            this.fieldrationsshow = false
            selectWarehouseSelf({
              compId: localStorage.getItem('ws-pf_compId'),
            })
              .toPromise()
              .then((response) => {
                this.warehouseList = response
                this.warehouseNameChange(this.warehouseName)
              })
            this.getList()
          }).catch((response) => {
            if (response.code == null) {
              this.$message({
                message: response.data.message,
                type: 'warning'
              });
            } else {
              this.$message({
                message: '折干失败',
                type: 'warning'
              });
            }
          })
      }).catch(() => {
        // this.$message({
        //   type: 'info',
        //   message: '已取消删除'
        // });          
      });
    },
    marginsubmit(item) {
      var arr2 = this.currectdata
      if (this.form.distributionIng > this.form.distributionCan) {
        this.$message({
          message: '超出可分配金额',
          type: 'warning'
        });
        return
      }
      if (this.form.distributionIng > this.form.distributionNot) {
        this.$message({
          message: '超出未付金额',
          type: 'warning'
        });
        return
      }
      this.$confirm('确定提交分配金额?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        paymoney({ flag: 3, money: this.form.distributionIng, warehousingOrderList: arr2, contractId: this.form.contractId }).toPromise()
          .then((response) => {
            this.$message({
              message: '分配成功',
              type: 'success'
            });
            this.form.distributionIng = ''
            this.marginshow = false
            this.getList()
          }).catch(() => {
            this.$message({
              message: '分配失败',
              type: 'warning'
            });
          })
      }).catch(() => {
        // this.$message({
        //   type: 'info',
        //   message: '已取消删除'
        // });          
      });

    },
    distributionsubmit() {
      var arr2 = this.currectdata
      if (this.form.distributionIng > this.form.distributionCan) {
        this.$message({
          message: '超出可分配金额',
          type: 'warning'
        });
        return
      }
      if (this.form.distributionIng > this.form.distributionNot) {
        this.$message({
          message: '超出未付金额',
          type: 'warning'
        });
        return
      }
      this.$confirm('确定提交分配金额?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        paymoney({ flag: 2, money: this.form.distributionIng, warehousingOrderList: arr2, contractId: this.form.contractId }).toPromise()
          .then((response) => {
            this.$message({
              message: '分配成功',
              type: 'success'
            });
            this.form.distributionIng = ''
            this.distributionshow = false
            this.getList()
          }).catch(() => {
            this.$message({
              message: '分配失败',
              type: 'warning'
            });
          })
      }).catch(() => {
        // this.$message({
        //   type: 'info',
        //   message: '已取消删除'
        // });          
      });

    },
    lookcustomer(row) {

      this.customerInfo = row
      this.customershow = true
    },
    payment(item) {
      if (localStorage.getItem('ws-pf_roleName') == '出纳') {
        this.money = 0
        var moneyarr = this.multipleSelection1[item.id]
        // console.log(moneyarr)
        for (let i = 0; i < this.multipleSelection1[item.id].length; i++) {
          if (this.multipleSelection1[item.id][i].warehouseName == item.warehouseName) {
            if (this.multipleSelection1[item.id][i].addressUrl) {
              this.multipleSelection1[item.id][i].addressUrlArray = this.multipleSelection1[item.id][i].addressUrl.split(',')
            }
            this.money = Number(this.money) + Number(this.multipleSelection1[item.id][i].requestFunds)
            if (this.multipleSelection1[item.id][i].approveStatus !== null || this.multipleSelection1[item.id][i].requestFunds == 0) {
              this.$message({
                message: '请勾选一条待付款的条目',
                type: 'warning'
              })
              return
            }
          }
        }

        this.form.name = this.money.toFixed(2)
        this.currectdata = item
        if (moneyarr && moneyarr.length > 0) {
          // if(moneyarr[0].inType=='采购入库'){
          //   getpayeeinfo({compId: localStorage.getItem('ws-pf_compId'),contractNo:moneyarr[0].contractNo}).toPromise()
          //   .then((response) => {
          //     this.payeeinfo=response
          //     this.aduitshow=true
          //   })
          // }else if(moneyarr[0].inType=='收购入库'){
          //   getbuypayeeinfo({compId: localStorage.getItem('ws-pf_compId'),customerName:moneyarr[0].customer}).toPromise()
          //   .then((response) => {
          //     this.payeeinfo=response

          //   })
          // }
          this.payeeinfo = moneyarr
          this.aduitshow = true
        } else {
          this.$message({
            message: '至少勾选一条待付款的条目',
            type: 'warning'
          })
        }
      } else {
        this.$message({
          message: '暂无此权限！',
          type: 'warning'
        })
      }
    },
    aduit(row) {
      var arr2 = this.multipleSelection1[row.id]
      if(!this.multipleSelection1[row.id]){
        this.$message({
            message: '至少选择一条待审核的条目',
            type: 'error'
          });
      }
      // console.log(arr2)
      if (arr2.length == 0) {
        if (localStorage.getItem('ws-pf_staffName') == '杜大光') {
          this.$message({
            message: '至少选择一条待决策人审核的条目',
            type: 'error'
          });
          return
        } else if (localStorage.getItem('ws-pf_roleName') == '财务') {
          this.$message({
            message: '至少选择一条待财务审核的条目',
            type: 'error'
          });
          return
        }
      }
      for (let i = 0; i < arr2.length; i++) {
        if (!arr2[i].approveStatus) {
          this.$message({
            message: '至少选择一条待审核的条目',
            type: 'error'
          });
          return
        }
        if (!arr2[i].taskId) {
          this.$message({
            message: '至少选择一条待审核的条目',
            type: 'error'
          });
          return
        }
      }
      var arr3 = this.filtertask(arr2)
     
      this.$confirm('审核请款信息', {
        confirmButtonText: '通过',
        cancelButtonText: '驳回',
        distinguishCancelAndClose: true,
        type: 'warning',
      })
        .then(() => {
          this.title1='通过'
          this.auditdata=arr3
          this.rejectshow=true
          // this.aduithandle(arr3, 0, true)
        }).catch((action) => {
          console.log(action)
          if (action == 'cancel') {
            this.title1='驳回'
            this.auditdata=arr3
            this.rejectshow=true
            // this.aduithandle(arr3, 0, false)
          }

        })
    },
    rejectclick(){
      if(this.title1=='通过'){
        this.aduithandle(this.auditdata, 0, true)
      }else{
        this.aduithandle(this.auditdata, 0, false)
      }
    },
    aduithandle(item, index, status) {
      if (index < item.length) {
        workflowhandle({
          taskId: item[index].taskId,
          approved: status,
          auditMind: this.auditMind,
          needReapply: true,
        }).toPromise()
          .then((response) => {
            this.aduithandle(item, index + 1, status)
          }).catch(() => {
            if (status) {
              this.$message({
                message: '通过失败',
                type: 'error'
              });
            } else {
              this.$message({
                message: '驳回失败',
                type: 'error'
              });
            }
          })
      } else {
        if (status) {
          this.$message({
            message: '通过成功',
            type: 'success'
          });
          this.getList()
        } else {
          this.$message({
            message: '驳回成功',
            type: 'success'
          });
          this.rejectshow=false
          this.getList()
        }
        this.rejectshow = false
      }

    },
    //查找
    lookUp() {
      this.currentPage = 1
      this.getList()
    },
    warehousingorder() {
      this.dialogVisible = true
    },
    datechange(e) {
      this.value2 = e
      this.getList()
      console.log(e)
    },
    getList() {
      this.startDate = this.value2[0]
      this.endDate = this.value2[1]
      getenabledinfo({ functionType: 2 }).toPromise()
        .then((response) => {
          this.interestratevalue = response
        })
      getwarehousingorder({
        compId: localStorage.getItem('ws-pf_compId'),
        startDate: this.startDate,
        endDate: this.endDate,
        currentPage: this.currentPage,
        pageSize: this.pageSize,
        baseId: this.baseId,
        searchType: this.searchType,
        searchKeyWord: this.searchKeyWord,
        goodsName:this.goodsName!='0'?this.goodsName:'',
        weightGreater:this.weightGreater
      })
        .toPromise()
        .then((response) => {
          for (let i = 0; i < response.records.length; i++) {
            response.records[i].payshow = true
            var data = response.records[i].warehousingOrderList
            for (let q = 0; q < data.length; q++) {
              if (data[q].inType == '收购入库') {
                data[q].inWarehouseWeight1 = Number((data[q].inWarehouseWeight).toFixed(3))
                data[q].surplusWeight = ((data[q].inWarehouseWeight) - data[q].outWarehouseWeight + data[q].profitAndLoss).toFixed(3)
              } else {
                data[q].inWarehouseWeight1 = data[q].inWarehouseWeight.toFixed(3)
                data[q].surplusWeight =(data[q].inWarehouseWeight - data[q].outWarehouseWeight + data[q].profitAndLoss).toFixed(3)
              }
              data[q].avgCost = Number(data[q].avgCost).toFixed(2)
              data[q].amountMoney = Number(data[q].amountMoney).toFixed(4)
              console.log(response.records[i].warehouseType)
              data[q].select = false
              data[q].weightedit = false
              data[q].edit = false
              data[q].warehouseType = response.records[i].warehouseType
            }

          }

          this.gainList = response.records
          // this.currentPage = response.current
          // this.pageSize = response.size
          console.log(this.gainList, 96)
          this.deptBudgetTotal = response.total
        })
    },

    multiFilter(array, filters) {
      const filterKeys = Object.keys(filters)
      // filters all elements passing the criteria
      return array.filter((item) => {
        // dynamically validate all filter criteria
        return filterKeys.every(key => {
          //ignore when the filter is empty Anne
          if (!filters[key].length) return true
          return !!~filters[key].indexOf(item[key])
        })
      })
    },
    copare(arr) {
      // 缓存用于记录
      const newArr = [];
      for (const t of arr) {
        // 检查缓存中是否已经存在
        if (
          newArr.find(
            (c) =>
              c.issuingTime === t.issuingTime
          )
        ) {
          // 已经存在说明以前记录过，现在这个就是多余的，直接忽略
          continue;
        }
        console.log(t)
        // 不存在就说明以前没遇到过，把它记录下来
        newArr.push(t);
      }
      // var results=this.makeGroupData(newArr,function (item) { return [item.issuingTime]; }); console.log(results)
      // 记录结果就是过滤后的结果
      return newArr;
    },
    filtertask(arr) {
      const newArr = [];
      for (const t of arr) {
        if (
          newArr.find(
            (c) =>
              c.taskId === t.taskId
          )
        ) {
          continue;
        }
        newArr.push(t);
      }
      return newArr;
    },
    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) {
      this.$router.push({
        path: 'inOutWarehousetaskEdit',
        query: {
          relevanceId: row.relevanceId,
          businessKey: row.id,
          workflowId: row.workflowId,
        },
      })
    },
    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.aduitshow = false
    },
    handleClose6() {
      this.rejectshow = false
    },
    handleClose3() {
      this.customershow = false
    },
    handleClose1() {
      this.form.distributionIng = ''
      this.distributionshow = false
    },
    handleClose2() {
      this.form.distributionIng = ''
      this.marginshow = false
    },
    handleClose4() {
      this.fieldrationsList.afterWeight = 0
      this.fieldrationsshow = false
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
      this.pageSize = val
      this.getList()
    },
    handleCurrentChange(val) {
      this.currentPage = val
      console.log(`当前页: ${val}`)
      this.getList()
    },
    editClick(row) {
      var status = ''
      if (row.taskStatus == '待审核' || row.taskStatus == '已完成') {
        status = '执行中'
      } else if (row.taskStatus == '执行中') {
        status = '已完成'
      }
      //cancelButtonClass: "btn-custom-cancel"
      this.$confirm(`是否将状态改为${status}`, {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
        .then(() => {
          movestates({
            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
        }
      }
      this.currentPage = 1,
        this.getList()
    },
    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()
    },
  },
}
</script>
<style lang="scss" scoped>
/deep/.el-form-item {
  margin: 0;
}

/deep/.el-table .cell .el-input {
  width: 92%;
}

.el-select {
  width: 100%;
  margin-right: 10px;
}

.col1 {
  width: 50%;
}

.audit {
  margin-bottom: 20px;
  border-bottom: 1px solid #AFB3BF;
  height: 70px;

  .audit_item {
    width: 100%;
    display: flex;
    height: 30px;

    .audit_name {
      margin-right: 30px;
      font-size: 16px;
      font-weight: 600;
    }

    .audit_left {
      width: 60%;
    }

    .audit_date {
      width: 40%;
      justify-content: flex-end;
      display: flex;
      color: #AFB3BF;
    }
  }

  .audit_opinion {}
}

/deep/.el-form {
  width: 90%;
}

/deep/.el-upload--picture-card {
  width: 100px;
  height: 100px;
  line-height: 100px;
}

/deep/.el-table .cell .el-input {
  padding: 10px;
}

//打印弹窗
.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: 400px;
    height: 250px;
    background: white;
    border-radius: 10px;
    z-index: 999;

    .bottom-btn {
      margin-top: 10px;
      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%;
    }
  }
    /deep/.el-table td,/deep/.el-table th{
      text-align: center;
     
    }
</style>