//现货销售出库报表
<template>
  <div class="container">
    <div style="height: 100%" class="">
      <el-row class="content1">
        <el-col style="padding-left: 15px; width:40%" :span="16">
          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.carry`" @click="adopt()">备注
          </ws-button>
          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.draw`" @click="depositbutton()">定金
          </ws-button>
          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.payment`" @click="handlecollect()">收款
          </ws-button>
          <ws-button type="primary" @click="handleinvoice()">开发票
          </ws-button>
        </el-col>
        <el-col style="text-align: right; line-height: 60px;  width:400px" :span="8">
          <el-date-picker style="margin: 0 10px 0 0" value-format='yyyy-MM-dd' v-model="value2" @change='datechange'  :clearable="false"
            type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="起始时间"
            end-placeholder="截止时间">
          </el-date-picker>
        </el-col>
        <el-col style="text-align: right; line-height: 60px; padding-right: 10px" :span="8">
          <el-select v-model="contractNo" placeholder="请选择合同" clearable filterable @change="contractchange"
            maxlength="500" type="input" class="findValue">
            <el-option v-for="item in options" v-if="item.reportStatus" :key="item.constKey"
              :label="item.contractNo + '(' + item.reportStatus + ')'" :value="item.contractNo" />
            <el-option v-for="item in options" v-if="!item.reportStatus" :key="item.constKey" :label="item.contractNo"
              :value="item.contractNo" />
          </el-select>
        </el-col>
      </el-row>
      <el-row v-if='orderList.deliverType==1' class="content2">
        <el-tabs v-model="activeName" @tab-click="handleClick" class="content2-tab">
          <el-tab-pane v-for='(item,index) in tranProcessInfo' class="content2-pane" :key='index' :label="item.label"
            :name="item.name"></el-tab-pane>
          <el-tab-pane class="content2-pane" label="退库" name="退库"></el-tab-pane>
        </el-tabs>
        <div class="content2-item">
          <div v-if="contractNo != ''">
            <div class="buyer" v-if="orderList.buyer">买方: {{ orderList.buyer}} </div>
            <div v-else>买方: </div>
          </div>
          <div v-if="contractNo != ''" class="row2">
            <span v-if="orderList.goodsName">货名: {{ orderList.goodsName}} </span>
            <span v-else>货名: </span>
            <span v-if="orderList.weight">合同重量: {{ orderList.weight.toFixed(3) }} 吨</span>
            <span v-else>合同重量: 0 吨</span>
            <span v-if="outboundVolume">出库量: {{ outboundVolume.toFixed(3)}} 吨</span>
            <span v-else>出库量: 0 吨</span>
            <span v-if="orderList.unitContractPrice&&this.tranType!='随行就市'">合同单价:
              {{ orderList.unitContractPrice.toFixed(3) }} 元/吨</span>
            <span v-else>合同单价: 0 元/吨</span>
            <span v-if="amountReceivable">应收: {{ amountReceivable.toFixed(3)}} 元</span>
            <span v-else>应收: 0 元</span>
            <span v-if="amountReceived">已收: {{ amountReceived.toFixed(3) }} 元
              <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
                src="../../../public/img/fujian.png" @click="fujian1()" alt="" />
            </span>
            <span v-else>已收: 0 元</span>
            <span v-if="uncollectedAmount">未收: {{ uncollectedAmount.toFixed(3)}} 元</span>
            <span v-else>未收: 0 元</span>
            <span v-if="orderList.deposit">定金: {{ orderList.deposit.toFixed(3)}} 元
              <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
                src="../../../public/img/fujian.png" @click="fujian()" alt="" />
            </span>
            <span v-else>定金: 0 元</span>
          </div>
        </div>

      </el-row>

      <!-- 自运 -->
      <el-table class="wenzi" :data="saleList.records" :row-class-name="tableRowClassName"
        style="width: 100%; padding-top: 20px" ref="saleList" border :summary-method="getSummaries" show-summary
        @selection-change="handleSelectionChange" @row-click="handleRowClick" v-if="orderList.deliverType==1">
        <el-table-column key="1" type="selection" width="55"></el-table-column>
        <el-table-column key="2" type="index" label="序号" width="50"></el-table-column>
        <el-table-column key="3" v-if="this.tranType!='退库'" class="table_td" prop="processNo" label="运输任务阶段编号">
        </el-table-column>
        <el-table-column key="4" class="table_td" prop="warehouseName" label="仓库" v-if="this.tranType=='退库'"></el-table-column>
        <el-table-column key="5" class="table_td" prop="carNo" label="车牌号" v-if="this.tranType=='汽运'||this.tranType=='退库'">
          <template slot-scope="scope">
            <span>{{scope.row.carNo }}({{scope.row.tranCarNo}})</span>
          </template>
        </el-table-column>
        <el-table-column key="6" class="table_td" prop="binNumber" label="仓位号" v-if="this.tranType=='散船'"></el-table-column>
        <el-table-column key="7" class="table_td" prop="boxNo" label="车厢号" v-if="this.tranType=='火运'"></el-table-column>
        <el-table-column key="8" class="table_td" prop="caseNo" label="箱号"
          v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
        <el-table-column key="9" class="table_td" prop="titleNo" label="封号"
          v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
        <el-table-column key="10" class="table_td" prop="createDate" label="卸车反馈日期"
          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
        <el-table-column key="11" class="table_td" prop="createDate" label="卸船反馈日期"
          v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
        <el-table-column key="12" class="table_td" prop="returnDate" label="退库日期" v-if="this.tranType=='退库'"></el-table-column>
        <el-table-column key="13" class="table_td" prop="feedbackPerson" label="卸车反馈人"
          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
        <el-table-column key="14" class="table_td" prop="feedbackPerson" label="卸船反馈人"
          v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
        <el-table-column key="15" class="table_td" prop="grossWeight" label="毛重（吨）" v-if="this.tranType=='退库'"></el-table-column>
        <el-table-column key="16" class="table_td" prop="tare" label="皮重（吨）" v-if="this.tranType=='退库'"></el-table-column>
        <el-table-column key="17" class="table_td" prop="netWeight" label="净重（吨）" v-if="tranType=='退库'">
          <template slot-scope="scope">
            <span>-{{scope.row.netWeight }}</span>
          </template>
        </el-table-column>
        <el-table-column key="18" width='120' class="table_td" prop="unloadingWeight" label="卸车净重（吨）"
          v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
        <el-table-column key="19" v-else-if="this.tranType=='散船'||this.tranType=='箱船'" class="table_td" prop="unloadingWeight"
          label="卸船净重（吨）"></el-table-column>
        <!-- <el-table-column key="20" width='120' class="table_td" prop="feedbackWeight" label="反馈重量（吨）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.feedbackWeight" v-if="scope.row.identification2 == 'true'">
              </el-input>
              <div v-if="scope.row.identification2 == 'false'" class="inputs">
                <span>{{scope.row.feedbackWeight}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification2 == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="weightedit(scope.row)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification2 == 'true'" @click="weightsave(scope.row,4)"></i>
          </template>
        </el-table-column> -->
        <el-table-column key="21" width='120' class="table_td" prop="settlementWeight" label="结算重量（吨）"></el-table-column>
        <el-table-column key="22" class="table_td" prop="settlementPrice" width='130' label="结算单价（元/吨）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.settlementPrice" v-if="scope.row.identification1 == 'true'">
              </el-input>
              <div v-if="scope.row.identification1 == 'false'" class="inputs">
                <span>{{scope.row.settlementPrice}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification1 == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="whether(scope.row,2)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification1 == 'true'" @click="weightClick(scope.row,2)"></i>
          </template>
        </el-table-column>
        <el-table-column  key="23" width='130' class="table_td"  prop="amountIngReceivable" label="应收金额（元）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.amountIngReceivable" v-if="scope.row.identification3 == 'true'">
              </el-input>
              <div v-if="scope.row.identification3 == 'false'" class="inputs">
                <span>{{scope.row.amountIngReceivable}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification3 == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="whether(scope.row,5)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification3 == 'true'" @click="weightClick(scope.row,5)"></i>
          </template>
        </el-table-column>
        <el-table-column key="24" width='120' class="table_td" prop="amountEdReceivable" label="已收金额（元）">
        </el-table-column>
        <el-table-column key="25" width='120' class="table_td" prop="amountNotReceivable" label="未收金额（元）">
        </el-table-column>
        <el-table-column key="26" width='120' class="table_td" prop="alreadyInvoice" label=" 已开发票（元）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <div class="inputs">
                <span>{{scope.row.alreadyInvoice}}</span>
              </div>
            </div>
            <div style='display:inline-block;'>
              <img width="17" height="18" style="vertical-align: text-top; position: relative; top: -1px"
                src="../../../public/img/edit.png" @click="invoiceedit(scope.row)" alt="" />
            </div>
          </template>
        </el-table-column>
        <el-table-column key="27" class="table_td" prop="collectionDate" label="收款日期">
        </el-table-column>
        <!-- <el-table-column class="table_td" prop="status" label="状态">
        </el-table-column> -->
      </el-table>
      <!-- 他运 -->
      <el-table v-if='orderList.deliverType!=1' class="wenzi" :data="saleList.records"
        :row-class-name="tableRowClassName" style="width: 100%; padding-top: 20px" ref="saleList1" border
        :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column type="index" label="序号" width="50"></el-table-column>
        <el-table-column class="table_td" prop="warehouseName" label="仓库"></el-table-column>
        <el-table-column class="table_td" prop="carNo" label="车牌号"></el-table-column>
        <el-table-column class="table_td" prop="deliveryDate" label="出库日期">
          <template slot-scope="scope">
            <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.returnDate}}</span>
            <span v-if="scope.row.returnFlag == null">{{scope.row.deliveryDate }}</span>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="grossWeight" label="毛重(吨)"></el-table-column>
        <el-table-column class="table_td" prop="tare" label="皮重(吨)"></el-table-column>
        <el-table-column class="table_td" prop="netWeight" label="净重(吨)">
          <template slot-scope="scope">
            <span style="color: #ce4545;" @click='fujian2(scope.row)'
              v-if="scope.row.returnFlag == 1">{{scope.row.netWeight}}(退)</span>
            <span @click='fujian2(scope.row)' v-if="scope.row.returnFlag == null">{{scope.row.netWeight }}</span>
          </template>
        </el-table-column>

        <el-table-column class="table_td" prop="settlementWeight" label="结算重量(吨)">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.settlementWeight" v-if="scope.row.identification == 'true'">
              </el-input>
              <div v-if="scope.row.identification == 'false'" class="inputs">
                <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.settlementWeight}}</span>
                <span v-if="scope.row.returnFlag == null">{{scope.row.settlementWeight }}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="whether(scope.row,1)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification == 'true'" @click="weightClick(scope.row,1)"></i>
          </template>
        </el-table-column>
        <el-table-column width='120' class="table_td" prop="feedbackWeight" label="反馈重量（吨）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.feedbackWeight" v-if="scope.row.identification2 == 'true'">
              </el-input>
              <div v-if="scope.row.identification2 == 'false'" class="inputs">
                <span>{{scope.row.feedbackWeight}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification2 == 'false'">
              <img width="17" height="18" style="vertical-align: text-top; position: relative; top: -1px"
                src="../../../public/img/edit.png" @click="weightedit(scope.row)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification2 == 'true'" @click="weightsave(scope.row,4)"></i>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="settlementPrice" width='130' label="结算单价（元/吨）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.settlementPrice" v-if="scope.row.identification1 == 'true'">
              </el-input>
              <div v-if="scope.row.identification1 == 'false'" class="inputs">
                <span>{{scope.row.settlementPrice}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification1 == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="whether(scope.row,2)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification1 == 'true'" @click="weightClick(scope.row,2)"></i>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="amountIngReceivable" width='130' label="应收金额(元)">
          <template slot-scope="scope">
            <div class="inputChenge">
              <el-input v-model="scope.row.amountIngReceivable" v-if="scope.row.identification3 == 'true'">
              </el-input>
              <div v-if="scope.row.identification3 == 'false'" class="inputs">
                <span>{{scope.row.amountIngReceivable}}</span>
              </div>
            </div>
            <div style='display:inline-block;' v-if="scope.row.identification3 == 'false'">
              <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
                style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
                @click="whether(scope.row,5)" alt="" />
            </div>

            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
              v-if="scope.row.identification3 == 'true'" @click="weightClick(scope.row,5)"></i>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="amountEdReceivable" label="已收金额(元)">
          <template slot-scope="scope">
            <span v-if="scope.row.returnFlag == null">{{scope.row.amountEdReceivable.toFixed(2) }}</span>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="amountNotReceivable" label="未收金额(元)">
          <template slot-scope="scope">
            <span v-if="scope.row.returnFlag == null">{{scope.row.amountNotReceivable.toFixed(2) }}</span>
          </template>
        </el-table-column>
        <el-table-column width='120' class="table_td" prop="alreadyInvoice" label=" 已开发票（元）">
          <template slot-scope="scope">
            <div class="inputChenge">
              <div class="inputs">
                <span>{{scope.row.alreadyInvoice}}</span>
              </div>
            </div>
            <div style='display:inline-block;'>
              <img width="17" height="18" style="vertical-align: text-top; position: relative; top: -1px"
                src="../../../public/img/edit.png" @click="invoiceedit(scope.row)" alt="" />
            </div>
          </template>
        </el-table-column>
        <el-table-column class="table_td" prop="collectionDate" label="收款日期">
        </el-table-column>
        <!-- <el-table-column class="table_td" prop="status" label="状态">
        </el-table-column> -->
      </el-table>


      <!-- 页数 -->
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
        :page-sizes="[10, 30, 50, 100, 500, 1000, 9999]" layout="total, sizes, prev, pager, next, jumper"
        :total="deptBudgetTotal"></el-pagination>
    </div>
    <!-- 定金弹窗 -->
    <WinseaContentModal v-model="accessoryTFs" :title="$t('system.noticeCircular.information')"
      @on-cancel="handleClose">
      <div v-for="(item,index) in addressUrlArray" :key="index">
        <img width="100" height="100" :src="item" alt="">
      </div>
    </WinseaContentModal>
    <!-- 已收弹窗 -->
    <WinseaContentModal v-model="accessoryTFs1" :title="$t('system.noticeCircular.information')"
      @on-cancel="handleClose1">
      <div style="display: flex;">
        <div v-for="(item,index) in addressUrlArray1" :key="index" style="display:flex;">
          <img width="100" height="100" :src="item" alt="">
          <!-- <img src="https://taohaoliang.oss-cn-beijing.aliyuncs.com/admin/f43f512136a544d3bbcef0fa4259d274.png" alt=""> -->
        </div>
      </div>
    </WinseaContentModal>
    <!-- 已收弹窗 -->
    <el-dialog width="25%" title="收款" :visible.sync="dialogFormVisible1" :append-to-body="true">
      <el-form :model="form">
        <el-form-item label="未收金额（元）" :label-width="formLabelWidth" prop="amountNotReceivable">
          <span>{{ uncollectedAmount1 }}</span>
        </el-form-item>
        <el-form-item label="本次收款金额（元）" :label-width="formLabelWidth">
          <el-input type='number' step="0.01" v-model="money" autocomplete="off" placeholder="请输入本次收款金额" class="deal">
          </el-input>
        </el-form-item>
        <el-form-item label="收款日期" prop="collectionDate" :label-width="formLabelWidth" class="deal">
          <ws-date-picker v-model="collectionDate" type="date" placeholder="请选择收款日期" value-format="yyyy-MM-dd"
            class="deal" />
        </el-form-item>
        <el-form-item label="上传收款截图" :label-width="formLabelWidth">
          <el-upload ref='upload' :action="global.uploadPath" list-type="picture-card"
            :on-success="handlePictureCardPreview" :on-remove="handleRemove" class="photo2">
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible1 = false">取 消</el-button>
        <el-button v-hasPermission="`report.goodsSaleOutReport.payment`" type="primary" @click="collectment()">提 交
        </el-button>
      </div>
    </el-dialog>
    <WinseaContentModal v-model="accessoryTFs2" :title="$t('system.noticeCircular.information')"
      @on-cancel="handleClose">
      <img width="100" height="100" :src="appendixIdss2" alt="">
    </WinseaContentModal>
    <WinseaContentModal v-model="show" title="批量开发票" @on-cancel="handleClose">
      <div>本次合计发票金额{{invoicemoney}}元</div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="show = false">取 消</el-button>
        <el-button type="primary" @click="invoicesave()">提 交
        </el-button>
      </div>
    </WinseaContentModal>
    <!-- 收款 -->
    <el-dialog width="25%" title="开发票" :visible.sync="dialogFormVisible3" :append-to-body="true">
      <el-form :model="form">
        <el-form-item label="可开发票金额（元）" :label-width="formLabelWidth" prop="amountNotReceivable">
          <span>{{ activeinvoice }}</span>
        </el-form-item>
        <el-form-item label="本次收款金额（元）" :label-width="formLabelWidth">
          <el-input type='number' v-model="invoice" autocomplete="off" placeholder="请输入本次收款金额" class="deal"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible3 = false">取 消</el-button>
        <el-button type="primary" @click="Invoicing()">提 交
        </el-button>
      </div>
    </el-dialog>
    <!-- 定金 -->
    <el-dialog width="25%" title="定金" :visible.sync="dialogFormVisible2" :append-to-body="true">
      <el-form :model="form">
        <el-form-item label="已收定金(元)" :label-width="formLabelWidth">
          <el-input v-model="deposit" autocomplete="off" placeholder="输入定金金额" class="deal"></el-input>
        </el-form-item>
        <el-form-item label="上传定金截图" :label-width="formLabelWidth">
          <el-upload ref="upload" :action="global.uploadPath" :limit='1' list-type="picture-card"
            :on-success="handlePictureCardPreview1" :on-remove="handleRemove" class="photo2">
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible2 = false">取 消</el-button>
        <el-button type="primary" @click="depositSubmit()">提 交</el-button>
      </div>
    </el-dialog>
    <!--备注-->
    <el-dialog width="25%" title="备注" :visible.sync="collectForm1" :append-to-body="true">
      <el-form :model="form">
        <div class="beizhu">
          <el-input v-model="orderList.remark" autocomplete="off" placeholder="备注信息,不超过1000字" class="deal"></el-input>
        </div>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="collectForm1 = false">关闭</el-button>
        <el-button v-hasPermission="`report.goodsSaleOutReport.carry`" type="primary" @click="adoptRemarks()">保存
        </el-button>
      </div>
    </el-dialog>
  </div>
  <!-- </div> -->
</template>
<script>
  import {
    getStockSaleReceiptList,
    getStockSaleContractNoList,
    stockSaleCollectMoney,
    disOrRemarks,
    saleEditSettlementWeight,
    editSettlementWeightStock,
    editinvoice
  } from '@/model/statisticalReport/index'
  import Pagination from '@/components/Pagination'
  import WsUpload from '@/components/WsUpload'
  import {
    EventBus
  } from 'base-core-lib'
  export default {
    name: 'viewSpareMoney',
    components: {
      WsUpload,
      Pagination,
    },
    watch: {
      vesselId(val) {
        this.getList()
      },
      isShow(val) {
        this.showType = val
      },
    },

    data() {
      return {
        tranType: '',
        clickType: '',
        activeName: '',
        dialogFormVisible1: false,
        dialogFormVisible2: false,
        amountEdReceivable: 0,
        amountNotReceivable: 0,
        deposit:'',
        deptBudgetList: {},
        //分页
        currentPage: 1,
        invoice: '',
        pageSize: 10,
        invoicemoney: 0,
        show: false,
        allmoney1: 0,
        dialogFormVisible3: false,
        deptCircularPage: {},
        identification2: false,
        deptBudgetTotal: 0,
        uncollectedAmount1: 0,
        stockSaleReceiptReportList: [],
        stockSaleReceiptReport: {
          stockSaleReceiptReportList: [],
          money: '',
          amountEdReceivable: 0,
          amountNotReceivable: 0,
          collectionDate: '',
          id: '',
          invoiceType: '',
        },
        value2: [],
        startDate: '',
        endDate: '',
        orderList: {
          deposit:''
        },
        options: [],
        contractNoList: [],
        contractNo: '',
        dialogVisible: false,
        form: {},
        id: 0,
        compId: localStorage.getItem('ws-pf_compId'),
        collectForm: false,
        collectForm1: false,
        managementType: 3,
        money: 0,
        //  id:'',
        collectmoney: 0,
        remark: '',
        remarkInformationList: {},
        remarkInformation: {
          remarkInformationList: [],
          id: '',
          remark: '',
          deposit: '0',
          depositUrl: '',
        },
        deposit: '0',
        depositUrl: [],
        saleList: [],
        amountReceivable: 0,
        amountReceived: 0,
        uncollectedAmount: 0,
        outboundVolume: 0,
        collectionDate: '',
        collectionScreenshot: '',
        amountEdCollectionable: '',
        actualCollectionment: '',
        tranProcessInfo: [],
        // collectDate: '',
        calculationCollectable: '',
        searchType: '',
        searchTypeText: '',
        formLabelWidth: '120px',
        searchKeyWord: '',
        value1: '', //收款日期
        modification: [],
        accessoryTFs: false,
        appendixIdss: [],
        activeinvoice: 0,
        accessoryTFs1: false,
        appendixIdss1: [],
        appendixIdss2: '',
        accessoryTFs2: false,
        addressUrlArray: [],
        addressUrlArray1: [],
        money: "",
        weight: ""
      }
    },
    activated() {
      var now = new Date();
      var year = now.getFullYear(); //得到年份
      var month = now.getMonth(); //得到月份
      var date = now.getDate(); //得到日期
      month = month + 1;
      month = month.toString().padStart(2, '0');
      date = date.toString().padStart(2, '0');
      this.collectionDate = `${year}-${month}-${date}`;
      this.getPassYearFormatDate()
      this.getList()
      this.showType = this.isShow
    },
    methods: {
      invoicesave() {
        editinvoice({
            stockSaleReceiptReportList: this.modification
          }).toPromise()
          .then((response) => {
            this.$message({
              message: '提交成功',
              type: 'success',
            })
            this.show = false
            this.getList(this.orderList.deliverType)
          }).catch((response) => {
            this.$message({
              message: '提交失败',
              type: 'warning',
            })
          })
      },
      datechange() {
        if (this.value2) {
          this.startDate = this.value2[0]
          this.endDate = this.value2[1]
        } else {
          this.startDate = ''
          this.endDate = ''
        }
        this.getList()
      },

      handleinvoice() {
        if (this.modification.length == 0) {
          this.$message({
            message: '请选择要开发票的条目',
            type: 'warning',
          })
        } else {
          var num = 0
          for (let i = 0; i < this.modification.length; i++) {
            // if (this.modification[i].status != '全部收款' && this.modification[i].status != '部分收款') {
            //   this.$message({
            //     message: '请选择已付款的条目',
            //     type: 'warning',
            //   })
            //   return
            // }
            num = (Number(this.modification[i].amountEdReceivable) - Number(this.modification[i].alreadyInvoice)) +
              Number(num)
          }
          this.invoicemoney = num
          this.show = true
        }
      },
      invoiceedit(item) {
        this.activeinvoice = item.amountEdReceivable - item.alreadyInvoice
        this.id = item.id
        this.dialogFormVisible3 = true
      },
      Invoicing() {
        editSettlementWeightStock({
            flag: 3,
            alreadyInvoice: this.invoice,
            id: this.id
          }).toPromise()
          .then((response) => {
            this.$message({
              message: '提交成功',
              type: 'success',
            })
            this.dialogFormVisible3 = false
            this.getList(this.orderList.deliverType)
          }).catch((response) => {
            this.$message({
              message: '提交失败',
              type: 'warning',
            })
          })

      },
      weightedit(item) {
        item.identification2 = 'true'
      },
      weightsave(item, flag) {
        editSettlementWeightStock({
            flag: flag,
            feedbackWeight: item.feedbackWeight,
            id: item.id
          }).toPromise()
          .then((response) => {
            this.$notify.success({
              title: '成功',
              message: '修改重量修改成功',
            })
            item.identification2 = false
            this.getList(this.orderList.deliverType)
          })
      },
      tableRowClassName({
        row,
        rowIndex
      }) {
        // console.log(row)
        if (row.returnFlag == 1) {
          return 'warning-row';
        } else {
          return '';
        }
      },
      handleRowClick() {},
      handleClick(tab, event) {
        this.activeName = tab.name
        if (this.activeName == '退库') {
          this.tranType = '退库'
        } else {
          for (let i = 0; i < this.tranProcessInfo.length; i++) {
            if (this.tranProcessInfo[i].name == this.activeName) {
              this.tranType = this.tranProcessInfo[i].tranType
            }
          }
        }

        // console.log(this.tranType)
        // this.
        this.getList(this.orderList.deliverType)
      },
      //表头
      contractchange(e) {
        this.currentPage = 1
        this.pageSize = 10
        this.tranProcessInfo = []
        this.activeName = ""
        console.log('type', this.activeName)
        for (var i = 0; i < this.contractNoList.length; i++) {
          if (this.contractNoList[i].contractNo == e) {
            this.orderList = this.contractNoList[i]
            if (this.orderList.tranTaskInfoList) {
              for (let i = 0; i < this.orderList.tranTaskInfoList.length; i++) {
                if (this.orderList.tranTaskInfoList[i].tranProcessInfo) {
                  this.tranProcessInfo.push({
                    label: this.orderList.tranTaskInfoList[i].taskNo + '(' + this.orderList.tranTaskInfoList[i]
                      .tranProcessInfo.tranType + ')',
                    name: this.orderList.tranTaskInfoList[i].tranProcessInfo.processNo,
                    tranType: this.orderList.tranTaskInfoList[i].tranProcessInfo.tranType
                  })
                }
              }
              if (this.tranProcessInfo.length > 0) {
                this.activeName = this.tranProcessInfo[0].name
                this.tranType = this.tranProcessInfo[0].tranType
              }
            }
            if (this.contractNoList[i].depositUrl) {
              this.addressUrlArray = this.contractNoList[i].depositUrl.split(',')
            } else {
              this.addressUrlArray = []
            }
          }
        }
        this.contractNo = e
        // this.$refs.saleList.doLayout();
        this.getList(this.orderList.deliverType)
      },
      //选择合同
      dataFilter(val) {
        this.contractNo = val
        if (val) {
          //val存在
          this.options = this.contractNoList.filter(item => {
            if (
              !!~item.contractNo.indexOf(val) ||
              !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
            ) {
              return true
            }
          })
        } else {
          //val为空时，还原数组
          this.options = this.contractNoList
        }
      },
      //修改结算重量
      whether(row, flag) {
        if (flag == 1) {
          row.identification = 'true'
        } else if(flag==5){
          row.identification3 = 'true'
        }else {
          row.identification1 = 'true'
        }

      },
      weightClick(row, flag) {
        if (
          row.settlementWeight > 200&&flag==1 ||
          row.settlementWeight < 1&&flag==1 ||
          (String(row.settlementWeight).indexOf(
              '.'
            ) != -1 &&
            String(row.settlementWeight).length -
            (String(row.settlementWeight).indexOf(
                '.'
              ) +
              1) >
            3)
        ) {
          this.$message({
            message: '结算重量输入错误',
            type: 'warning',
          })
          return
        }
        var title = ''
        var data = {}
        if (flag == 1) {
          title = '确定要修改结算重量？'
          data = {
            settlementWeight: row.settlementWeight,
            id: row.id,
            flag: flag
          }
        }else if (flag == 5) {
          title = '确定要修改应收金额？'
          data = {
            amountIngReceivable: row.amountIngReceivable,
            id: row.id,
            flag: flag
          }
        } else {
          title = '确定要修改结算单价？'
          data = {
            settlementPrice: row.settlementPrice,
            id: row.id,
            flag: flag
          }
        }
        this.$confirm(title, {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          })
          .then(() => {
            saleEditSettlementWeight(data)
              .toPromise()
              .then((response) => {
                if (flag == 1) {
                  this.$notify.success({
                    title: '成功',
                    message: '结算重量修改成功',
                  })
                }if (flag == 5) {
                  this.$notify.success({
                    title: '成功',
                    message: '应收金额修改成功',
                  })
                } else {
                  this.$notify.success({
                    title: '成功',
                    message: '结算单价修改成功',
                  })
                }

                this.getList(this.orderList.deliverType)
              })
              .catch(() => {
                return false
              })
          })
      },
      //备注信息
      adopt() {
        this.collectForm1 = true
      },
      adoptRemarks() {
        // this.remarkInformation.remark = this.orderList.remark
        this.$confirm(`确定要保存备注信息？`, {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          })
          .then(() => {
            for (var i = 0; i < this.contractNoList.length; i++) {
              if (this.contractNoList[i].contractNo == this.contractNo) {
                this.remarkInformationList.id = this.contractNoList[i].id
              }
            }
            this.remarkInformationList.remark = this.orderList.remark
            disOrRemarks(this.remarkInformationList)
              .toPromise()
              .then(() => {
                this.collectForm1 = false
                this.$message.success('添加备注信息成功')
                this.remarkInformationList = {}
                
                this.getList()

              })
              .catch(() => {
                return false
              })
          })
      },
      selectInit(row) {
        //在这里一定要记得类型匹配的上。
        // if (row.approveStatus == null) {
        //   return true
        // } else if (row.approveStatus != null) {
        //   if (row.taskId == null) {
        //     return false
        //   } else {
        //     return true
        //   }
        // }
      },
      handleSelectionChange(val) {
        this.modification = val
      },
      //合计
      getSummaries(param) {
        const {
          columns,
          data
        } = param
        const sums = []
        columns.forEach((column, index) => {
          if (this.orderList.deliverType != 1) {
            if (index === 0) {
              sums[index] = '合计'
            } else if (
              index === 7 ||
              index === 8 ||
              index === 9 ||
              index === 10 ||
              index === 8 ||
              index === 11 ||
              index === 13 ||
              index === 12
            ) {
              const values = data.map((item) => Number(item[column.property]))
              if (!values.every((value) => isNaN(value))) {
                sums[index] = values.reduce((prev, curr) => {
                  const value = Number(curr).toFixed(2)
                  if (!isNaN(value)) {
                    return prev + curr
                  } else {
                    return prev
                  }
                }, 0)
                // if (index == 11) {
                //   this.money = sums[index]
                // }
                if (index == 8) {
                  this.weight = sums[index]
                }
              } else {
                sums[index] = '元'
              }
            } 
            // else if (index === 10) {
            //   const values = data.map((item) => Number(item[column.property]))
            //   if (!values.every((value) => isNaN(value))) {
            //     if (this.money == 0 || this.weight == 0) {
            //       sums[index] = 0
            //     } else {
            //       sums[index] = Number(this.money / this.weight).toFixed(2)
            //     }
            //   }
            // } 
            else {
              sums[index] = '--'
            }
          } else {
            if (this.tranType == '火运' || this.tranType == '散船') {
              if (index === 0) {
                sums[index] = '合计'
              } else if (
                index === 11 ||
                index === 9 ||
                index === 10 ||
                index === 8
              ) {
                const values = data.map((item) => Number(item[column.property]))
                if (!values.every((value) => isNaN(value))) {
                  sums[index] = values.reduce((prev, curr) => {
                    const value = Number(curr).toFixed(2)
                    if (!isNaN(value)) {
                      return prev + curr
                    } else {
                      return prev
                    }
                  }, 0)
                  // if (index == 8) {
                  //   this.weight = sums[index]
                  // }
                  // if (index == 10) {
                  //   this.money = sums[index]
                  // }
                } else {
                  sums[index] = '元'
                }
              }
              //  else if (index === 9) {
              //   const values = data.map((item) => Number(item[column.property]))
              //   if (!values.every((value) => isNaN(value))) {
              //     if (this.money == 0 || this.weight == 0) {
              //       sums[index] = 0
              //     } else {
              //       sums[index] = Number(this.money / this.weight).toFixed(2)
              //     }
              //   }

              // } 
              else {
                sums[index] = '--'
              }
            } else if (this.tranType == '汽运') {
              if (index === 0) {
                sums[index] = '合计'
              } else if (
                index === 11 ||
                index === 7 ||
                index === 8 ||
                index === 10 ||
                index === 13 ||
                index === 12
              ) {
                const values = data.map((item) => Number(item[column.property]))
                if (!values.every((value) => isNaN(value))) {
                  sums[index] = values.reduce((prev, curr) => {
                    const value = Number(curr).toFixed(2)
                    if (!isNaN(value)) {
                      return prev + curr
                    } else {
                      return prev
                    }
                  }, 0)
                  // if (index == 8) {
                  //   this.weight = sums[index]
                  // }
                  // if (index == 11) {
                  //   this.money = sums[index]
                  // }
                } else {
                  sums[index] = '元'
                }
              } 
              // else if (index === 10) {
              //   const values = data.map((item) => Number(item[column.property]))
              //   if (!values.every((value) => isNaN(value))) {
              //     if (this.money == 0 || this.weight == 0) {
              //       sums[index] = 0
              //     } else {
              //       sums[index] = Number(this.money / this.weight).toFixed(2)
              //     }
              //   }
              // }
               else {
                sums[index] = '--'
              }
            } else if (this.tranType == '箱船') {
              if (index === 0) {
                sums[index] = '合计'
              } else if (
                index === 11 ||
                index === 12 ||
                index === 10 ||
                index === 9
              ) {
                const values = data.map((item) => Number(item[column.property]))
                if (!values.every((value) => isNaN(value))) {
                  sums[index] = values.reduce((prev, curr) => {
                    const value = Number(curr).toFixed(2)
                    if (!isNaN(value)) {
                      return prev + curr
                    } else {
                      return prev
                    }
                  }, 0)
                  // if (index == 9) {
                  //   this.weight = sums[index]
                  // }
                  // if (index = 11) {
                  //   this.money = sums[index]
                  // }
                } else {
                  sums[index] = '元'
                }
              } 
              // else if (index == 10) {
              //   const values = data.map((item) => Number(item[column.property]))
              //   if (!values.every((value) => isNaN(value))) {
              //     if (this.money == 0 || this.weight == 0) {
              //       sums[index] = 0
              //     } else {
              //       sums[index] = Number(this.money / this.weight).toFixed(2)
              //     }

              //   }
              // } 
              else {
                sums[index] = '--'
              }
            }
          }

        })
        for (let i = 0; i < sums.length; i++) {
          // console.log(typeof sums[i])
          if (typeof sums[i] == 'number') {
            sums[i] = sums[i].toFixed(2)
          }

        }
        // console.log(sums)
        // sums[sums.length - 1] = sums[sums.length - 1].toFixed(2)
        // sums[sums.length - 2] = sums[sums.length - 2].toFixed(2)
        return sums
      },
      //定金
      depositbutton() {
        this.dialogFormVisible2 = true
      },
      depositSubmit() {
        this.remarkInformation.deposit = this.deposit
        this.remarkInformation.depositUrl = this.depositUrl
        this.$confirm(`确定提交定金信息？`, {
          cancelButtonText: '取消',
          confirmButtonText: '确定',
          type: 'warning',
        }).then(() => {
          for (var i = 0; i < this.contractNoList.length; i++) {
            if (this.contractNoList[i].contractNo == this.contractNo) {
              this.remarkInformationList.id = this.contractNoList[i].id
            }
          }
          this.remarkInformationList.deposit = this.orderList.deposit
          this.remarkInformationList.depositUrl = this.depositUrl.toString()
          disOrRemarks(this.remarkInformationList)
            .toPromise()
            .then((response) => {
              this.$notify.success({
                title: '成功',
                message: '定金成功',
              })
              this.remarkInformationList = {}
              this.$refs.upload.clearFiles();
              this.dialogFormVisible2 = false
              this.getList()
            })
            .catch((response) => {
              console.log(response)
              EventBus.$emit('error', response.message)
            })
        })
      },
      //定金附件
      fujian() {
        if (this.orderList.depositUrl === null || this.orderList.depositUrl === '') {
          EventBus.$emit(
            'warning',
            this.$t('system.noticeCircular.NoInformation')
          )
        }
        this.appendixIdss = this.orderList.depositUrl
        this.accessoryTFs = true
      },
      fujian2(item) {
        if (item.poundImg === null || item.poundImg === '') {
          EventBus.$emit(
            'warning',
            this.$t('system.noticeCircular.NoInformation')
          )
        }
        this.appendixIdss2 = item.poundImg
        this.accessoryTFs2 = true
      },
      handleClose() {
        this.accessoryTFs = false
      },
      //已收附件
      fujian1() {
        if (this.addressUrlArray1.length == 0) {
          EventBus.$emit(
            'warning',
            this.$t('system.noticeCircular.NoInformation')
          )
        } else {
          this.appendixIdss1 = this.collectionScreenshot
          this.accessoryTFs1 = true
        }
      },
      handleClose1() {
        this.accessoryTFs1 = false
      },
      //收款
      handlecollect() {
        if (this.modification.length > 0) {
          this.uncollectedAmount1 = 0
          this.money=0
          for (let i = 0; i < this.modification.length; i++) {
            this.uncollectedAmount1 += Number(this.modification[i].amountNotReceivable)
            this.money+=Number(this.modification[i].amountIngReceivable)
          }
          this.uncollectedAmount1 = this.uncollectedAmount1.toFixed(2)
          this.amountEdReceivable = this.saleList.records[0].amountEdReceivable
          this.amountNotReceivable = this.saleList.records[0].amountNotReceivable
          this.stockSaleReceiptReportList = this.modification
          this.dialogFormVisible1 = true
        } else {
          this.$message({
            message: '请至少选择一个条目',
            type: 'warning',
          })
        }

      },
      collectment() {
        this.stockSaleReceiptReport.money = this.money
        this.stockSaleReceiptReport.collectionDate = this.collectionDate
        if (
          this.money == 0 ||
          (String(this.money).indexOf('.') != -1 &&
            String(this.money).length - (String(this.money).indexOf('.') + 1) >
            2)
        ) {
          this.$message({
            message: '收款金额输入错误',
            type: 'warning',
          })
          return
        }
        if (this.money) {
          if (isNaN(this.money)) {
            this.$message({
              message: '收款金额非数字!',
              type: 'warning',
            })
            return
          }
        }
        if (!this.money) {
          this.$message({
            message: '收款金额不能为空！',
            type: 'warning',
          })
          return
        }
        if (this.money >= 0 && this.money > this.uncollectedAmount) {
          this.$message({
            message: '收款金额不能大于未收金额！',
            type: 'warning',
          })
          return
        }
        this.$confirm(`确定提交收款信息？`, {
          cancelButtonText: '取消',
          confirmButtonText: '确定',
          type: 'warning',
        }).then(() => {
          stockSaleCollectMoney({
              stockSaleReceiptReportList: this.stockSaleReceiptReportList,
              amountEdReceivable: this.amountEdReceivable,
              amountNotReceivable: this.amountNotReceivable,
              money: this.money,
              collectionDate: this.collectionDate,
              collectionScreenshot: this.collectionScreenshot,
            })
            .toPromise()
            .then((response) => {
              this.$notify.success({
                title: '成功',
                message: '收款成功',
              })
              this.stockSaleReceiptReportList = {}
              this.money = ''
              this.collectionDate = ''
              this.collectionScreenshot = ''
              this.$refs.upload.clearFiles()
              this.dialogFormVisible1 = false
              this.getList()
            })
            .catch((response) => {
              console.log(response)
              EventBus.$emit('error', response.message)
            })
        })
      },
      //列表
      getList(type) {
        // 1自运2他运
        let _data = {
          compId: localStorage.getItem('ws-pf_compId'),
          currentPage: this.currentPage,
          pageSize: this.pageSize,
          searchType: this.searchType,
          startDate: this.startDate,
          endDate: this.endDate,
          contractNo: this.contractNo,
        }
        if (type == 1) {
          _data.processNo = this.activeName
        }
        getStockSaleReceiptList(_data)
          .toPromise()
          .then((response) => {
            this.amountReceivable = 0
            this.amountReceived = 0
            this.uncollectedAmount = 0
            this.outboundVolume = 0
            let num = []
            for (var i = 0; i < response.records.length; i++) {
              response.records[i].identification = 'false'
              response.records[i].identification1 = 'false'
              response.records[i].identification2 = 'false'
              response.records[i].identification3 = 'false'
              if (response.records[i].amountIngReceivable) {
                this.amountReceivable += Number(response.records[i].amountIngReceivable.toFixed(2))
                response.records[i].amountIngReceivable=response.records[i].amountIngReceivable.toFixed(2)
              }
              if (response.records[i].amountEdReceivable) {
                this.amountReceived += Number(response.records[i].amountEdReceivable.toFixed(2))
              }
              if (response.records[i].amountNotReceivable) {
                this.uncollectedAmount += Number(response.records[i].amountNotReceivable.toFixed(2))
              }
              if (response.records[i].settlementWeight) {
                this.outboundVolume += Number(response.records[i].settlementWeight.toFixed(2))
              }
              // this.addressUrlArray1.push(response.records[i].collectionScreenshot.split('$'))
              if (response.records[i].collectionScreenshot != null) {
                num = response.records[i].collectionScreenshot.split('$')
                for (let j = 0; j < num.length; j++) {
                  if (num[j] != '') {
                    if (this.addressUrlArray1.indexOf(num[j]) == -1) {
                      this.addressUrlArray1.push(num[j])
                    }

                  }
                }
              }
            }
            this.deptBudgetTotal = response.total
            this.saleList = response
          })
        getStockSaleContractNoList({
            compId: localStorage.getItem('ws-pf_compId'),
            startDate: this.startDate,
            endDate: this.endDate,
          })
          .toPromise()
          .then((response) => {
            this.contractNoList = response
            // this.contractNoList.unshift({})
            this.options = this.contractNoList
          })
      },
      getPassYearFormatDate() {
      if (!localStorage.getItem('startDate') && !localStorage.getItem('endDate')) {
        var nowDate = new Date()
        var _date = new Date()
        nowDate.setTime(nowDate.getTime() - 24 * 60 * 60 * 1000 * 30)
        var year = nowDate.getFullYear()
        var year1 = _date.getFullYear()
        var month = nowDate.getMonth() + 1
        var month1 = _date.getMonth() + 1
        var strDate = nowDate.getDate()
        var strDate1 = _date.getDate()
        if (month >= 1 && month <= 9) {
          month = '0' + month
        }
        if (month1 >= 1 && month1 <= 9) {
          month1 = '0' + month1
        }

        if (strDate >= 0 && strDate <= 9) {
          strDate = '0' + strDate
        }
        if (strDate1 >= 0 && strDate1 <= 9) {
          strDate1 = '0' + strDate1
        }
        this.startDate = year + '-' + month + '-' + strDate
        this.endDate = year1 + '-' + month1 + '-' + strDate1
      } else {
        this.startDate = localStorage.getItem('startDate')
        this.endDate = localStorage.getItem('endDate')
      }
      this.value2 = [this.startDate, this.endDate]
    },
      //收款截图
      handleRemove(file) {
        console.log(file)
      },
      handlePictureCardPreview(file) {
        this.collectionScreenshot = file.data.url
      },
      handlePictureCardPreview1(file) {
        this.depositUrl = file.data.url
      },
      handleDownload(file) {
        console.log(file)
      },
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`)
        this.pageSize = val
        this.getList()
      },
      handleCurrentChange(val) {
        this.currentPage = val
        console.log(`当前页: ${val}`)
        this.getList()
      },
    },
  }
</script>
<style lang="scss" scoped>
  //分页
  .el-pagination {
    padding: 10px 15px;
    margin-bottom: 0;
    text-align: center;
  }

  /deep/.el-pager li.active {
    color: #5878e8;
    cursor: default;
  }

  /deep/.el-pager li:hover {
    color: #5878e8;
    cursor: default;
  }

  .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;
    width: 385px;
  }

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

  // .el-row{
  //     height: 150px;
  // }
  .base_header_layout .grid-content {
    margin-top: 80px;
  }

  .el-input--small .el-input__inner {
    margin-left: 20px;
  }

  .el-range-editor--small.el-input__inner {
    height: 32px;
    margin-left: -20%;
  }

  .container {
    overflow: scroll;
    height: 93vh;
  }

  .button-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    width: 100%;
    height: 50px;
    padding: 0 10px;

    &>div {
      margin-left: 10px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;

      &>span {
        line-height: 50px;
      }
    }

    /deep/.auditFlow-box {
      position: unset;
      margin-left: 10px;

      &/deep/.auditFlow-icon {
        width: auto;
        padding-right: 30px;
      }

      &/deep/.auditFlow-main {
        position: absolute;
      }
    }
  }

  .el-button--primary {
    background-color: #5878e8;
    border-color: #5878e8;
    // margin-left: 85%;
    margin-top: 13px;
  }

  //导航条样式
  .el-col-12 {
    width: 50%;
    height: 60px;
    background: #f6f7fc;
    border-radius: 4px 4px 1px 1px;
  }

  .el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px;
    width: 385px;
    margin-top: 10px;
  }

  .el-input--small {
    font-size: 13px;
    width: 390px;
    margin-left: 74%;
  }

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

  .el-scrollbar__wrap {
    overflow-y: hidden;
  }

  /deep/.deal {
    margin-left: 0%;
    width: 64%;
  }

  .photo {
    padding: 0% 34%;
  }

  .photo1 {
    padding: 0 10%;
  }

  .photo2 {
    padding: 0 12%;
  }

  .el-date-editor.el-input,
  .el-date-editor.el-input__inner,
  .el-input-number--small {}

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

  /deep/.beizhu .el-input--small .el-input__inner {
    height: 220px;
    line-height: 28px;
    width: 146%;
    margin-left: 15px;
  }

  .inputs {
    margin: 0 auto;
    margin-right: 15%;
  }

  .inputChenge {
    width: 150%;
    display: inline-flex;
    margin-left: -80%;
  }

  /deep/.el-tabs__active-bar {
    background: transparent;
  }

  /deep/.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
  /deep/.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  /deep/.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  /deep/.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 20px;
  }

  /deep/.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
  /deep/.el-tabs--bottom .el-tabs__item.is-top:last-child,
  /deep/.el-tabs--top .el-tabs__item.is-bottom:last-child,
  /deep/.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 20px;
  }

  /deep/.el-tabs {
    // border-top:1px solid #ccc;
  }

  /deep/.el-table .warning-row {
    background: #FFEDEF;
    // border:1px solid #E05D6B !important;
  }

  /deep/.el-table .warning-row td {
    border-bottom: 1px solid #E05D6B !important;
  }

  /deep/.el-tabs__nav-scroll {
    background-color: white;
  }

  /deep/.el-tabs__nav-wrap::after {
    background: transparent;
  }

  /deep/.el-tabs__active-bar {

    background: #5878E8;
  }

  .buyer {
    font-size: 16px;
    font-weight: 600;
    color: #323233;
    line-height: 24px;
  }

  .content {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    // background: #E8ECF6;
  }

  .content1 {
    background-color: white;
    border-radius: 5px;
  }

  .content2 {
    margin-top: 10px;
    border-radius: 5px;
    background: #F0F3FE;
  }

  .content2-item {
    padding: 10px;
  }

  .row2>span {
    margin-right: 20px;
  }

  // /deep/.el-tabs__active-bar{
  //       width: 270px!important;
  //       transform: translateX(0px)!important;
  // }
  // /deep/.el-tabs__item{
  //   padding: 0 55px!important;
  // }
</style>