Smart_platform_ui/src/views/iosBasicData/PaymentApplication/finstlbillsDetails.vue

<template>
  <div class="borderless" v-loading="pageLoading">
    <div class="customer-head">
      <div class="customer-back">
        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left" @click="backToList">返回列表 </el-button>
        <el-button v-if="form.id && pageIds.length" type="text" @click="lastPage">上一票</el-button>
        <el-button v-if="form.id && pageIds.length" type="text" @click="nextPage">下一票</el-button>
      </div>
      <div class="add-customer-btn">
        <el-button v-if="form.status == '3'" size="small" type="success" @click="allClick('指示')">指示</el-button>
        <el-button size="small" style="margin-right: 8px" :loading="saveLoading" :disabled="!form.id" @click="previewreportfun">预 览 </el-button>
        <el-button
          size="small"
          style="margin-right: 8px"
          v-if="roleName.indexOf('admin') != -1"
          :loading="saveLoading"
          :disabled="!form.id"
          @click="DesignreportDialog = true"
          >报表设计
        </el-button>
        <el-button
          size="small"
          type="success"
          plain
          style="margin-right: 8px"
          :disabled="!form.id || editPower || $route.query.id"
          v-if="form.status == '0' || form.status == '4'"
          :loading="saveLoading"
          @click="submit('申请')"
          >提交申请
        </el-button>
        <el-button
          size="small"
          type="warning"
          plain
          style="margin-right: 8px"
          :disabled="!form.id || editPower"
          v-if="form.id && form.status != 0 && form.cashierStatus != 2"
          :loading="saveLoading"
          @click="revokeSettlementApprovefun"
          >撤销申请
        </el-button>
        <span v-if="form.status == '3'" style="font-size: 12px;padding-right: 10px;">审核通过</span>
        <el-button type="success" size="small" :disabled="!form.id" plain @click="newbillFun">新建账单 </el-button>
        <el-button
          size="small"
          type="primary"
          style="margin-right: 8px"
          :disabled="!(form.status == '0' || form.status == '4') || editPower || $route.query.id"
          v-if="editSave"
          :loading="saveLoading"
          @click="editHandle"
          >编 辑
        </el-button>
        <el-button
          size="small"
          type="primary"
          style="margin-right: 8px"
          :disabled="form.id && !(form.status == '0' || form.status == '4')"
          v-else
          :loading="saveLoading"
          @click="editCustomer()"
          >保 存
        </el-button>
        <el-dropdown style="line-height: 0">
          <el-button type="warning" :loading="saveLoading" :disabled="!form.id" size="small">
            审 批<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item @click.native="(checkScheduleDialog = true), (checkId = form.id)">审核进度 </el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div style="margin: 55px 5px 0px 5px;'">
      <el-card class="box-card">
        <el-form :model="form" ref="form" label-width="90px" :rules="rules" class="demo-ruleForm">
          <el-row>
            <el-row>
              <el-col :span="4">
                <el-form-item label="付费对象" prop="corpCnName">
                  <search-query
                    :datalist="corpData"
                    :selectValue="form.corpCnName"
                    :clearable="true"
                    :disabled="editSave || tableData.length != 0"
                    :filterable="true"
                    :remote="true"
                    :buttonIf="false"
                    placeholder="请选择付费对象"
                    :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
                    @corpChange="corpChange($event, 'corpCnName')"
                    @remoteMethod="corpBcorpsListfun"
                    @corpFocus="corpBcorpsListfun"
                  >
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="开户账号" prop="bankId">
                  <search-query
                    :datalist="bankData"
                    :selectValue="form.bankId"
                    :clearable="true"
                    :disabled="editSave || !form.corpId"
                    :filterable="true"
                    :forParameter="{ key: 'id', label: 'accountBankNo', value: 'id' }"
                    :addIf="true"
                    :tableIf="false"
                    placeholder="请选择开户账号"
                    @addJump="bankJump"
                    @corpChange="corpChange($event, 'bankId')"
                    @remoteMethod="bcorpsbankListfun"
                    @corpFocus="bcorpsbankListfun"
                  >
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="付费事由" prop="remarks">
                  <el-input
                    style="width: 100%;"
                    v-model="form.remarks"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入付费事由"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="费用名称" prop="feeCnName">
                  <dic-select
                    v-model="form.feeCnName"
                    placeholder="费用名称"
                    key="id"
                    label="cnName"
                    url="/blade-los/bfees/listAll"
                    :filterable="true"
                    :multiple="true"
                    :collapseTags="true"
                    :disabled="editSave"
                    dataType="string"
                  ></dic-select>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="预计收回" prop="estimatedTime">
                  <el-date-picker
                    v-model="form.estimatedTime"
                    type="date"
                    style="width: 100%;"
                    size="small"
                    :disabled="editSave"
                    value-format="yyyy-MM-dd"
                    placeholder="请选择预计收回"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="收款情况" prop="collectionSituation">
                  <el-input
                    style="width: 100%;"
                    v-model="form.collectionSituation"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入收款情况"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="业务开始" prop="businessDateStart">
                  <el-date-picker
                    v-model="form.businessDateStart"
                    clearable
                    style="width: 100%;"
                    type="date"
                    size="small"
                    :disabled="editSave"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="请选择业务开始日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="业务结束" prop="businessDateEnd">
                  <el-date-picker
                    v-model="form.businessDateEnd"
                    clearable
                    style="width: 100%;"
                    type="date"
                    size="small"
                    :disabled="editSave"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd"
                    placeholder="选择财务结束日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="收/付" prop="queryAmount">
                  <search-query
                    :datalist="dcData"
                    :selectValue="form.dc"
                    :filterable="true"
                    :clearable="true"
                    :remote="true"
                    :buttonIf="false"
                    :disabled="editSave"
                    placeholder="请选择收/付"
                    @corpChange="corpChange($event, 'dc')"
                  >
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="币别" prop="curCode">
                  <search-query
                    :datalist="curCodeData"
                    :selectValue="form.curCode"
                    :clearable="true"
                    :disabled="editSave"
                    :buttonIf="false"
                    :filterable="true"
                    :remote="true"
                    placeholder="请选择币别"
                    :forParameter="{ key: 'id', label: 'code', value: 'code' }"
                    @corpChange="corpChange($event, 'curCode')"
                    @remoteMethod="getRateListfun"
                    @corpFocus="getRateListfun"
                  >
                  </search-query>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="业务编号" prop="businessNo">
                  <el-input
                    style="width: 100%;"
                    v-model="form.businessNo"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入业务编号"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="账单编号" prop="accountNo">
                  <el-input
                    style="width: 100%;"
                    v-model="form.accountNo"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入账单编号"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="MBL NO" prop="mblno">
                  <el-input
                    style="width: 100%;"
                    v-model="form.mblno"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入MBL NO"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="HBL NO" prop="hblno">
                  <el-input
                    style="width: 100%;"
                    v-model="form.hblno"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入HBL NO"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="对账单号" prop="checkNo">
                  <el-input
                    style="width: 100%;"
                    v-model="form.checkNo"
                    size="small"
                    autocomplete="off"
                    :disabled="editSave"
                    clearable
                    placeholder="请输入对账单号"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>

            <expand :showBtn="true" :showSpan="true">
              <el-row>
                <el-col :span="5">
                  <el-form-item label="业务类型" prop="businessTypes">
                    <dic-select
                      v-model="form.businessTypes"
                      placeholder="业务类型"
                      key="id"
                      label="label"
                      keyValue="value"
                      :activateCreated="false"
                      :mockData="businessTypesData"
                      :filterable="true"
                      :multiple="true"
                      :collapseTags="true"
                      :disabled="editSave"
                      dataType="string"
                    ></dic-select>
                  </el-form-item>
                </el-col>
                <el-col :span="5">
                  <el-form-item label="船 名" prop="vesselCnName">
                    <search-query
                      :datalist="vesselData"
                      :selectValue="form.vesselCnName"
                      :filterable="true"
                      :clearable="true"
                      :remote="true"
                      :disabled="editSave"
                      :buttonIf="false"
                      :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
                      placeholder="请选择船名"
                      @remoteMethod="vesselBvesselsListfun"
                      @corpChange="corpChange($event, 'vessel')"
                      @corpFocus="vesselBvesselsListfun"
                    >
                    </search-query>
                  </el-form-item>
                </el-col>
                <el-col :span="5">
                  <el-form-item label="航 次" prop="voyageNo">
                    <el-input
                      style="width: 100%;"
                      v-model="form.voyageNo"
                      size="small"
                      autocomplete="off"
                      :disabled="editSave"
                      clearable
                      placeholder="请输入航次"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="5">
                  <el-form-item label="单据编号" prop="billNo">
                    <el-input
                      style="width: 100%;"
                      v-model="form.billNo"
                      size="small"
                      autocomplete="off"
                      :disabled="true"
                      clearable
                      placeholder="单据编号"
                    ></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="修改人" prop="updateUserName">
                    <el-input
                      style="width: 100%;"
                      v-model="form.updateUserName"
                      size="small"
                      autocomplete="off"
                      :disabled="true"
                      clearable
                      placeholder="修改人"
                    ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </expand>

            <el-row>
              <el-col span="24">
                <div style="text-align: right">
                  <el-button size="small" type="primary" :disabled="editSave" :loading="saveLoading" @click="retrievalfun">检 索 </el-button>
                  <el-button size="small" :disabled="tableData.length > 0" @click="ResetFilter">重置条件 </el-button>
                </div>
              </el-col>
            </el-row>
          </el-row>
        </el-form>
      </el-card>

      <el-card style="margin-top: 10px">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="查询结果" name="1">
            <query-finstlbillsitems
              ref="finstlbillsitems"
              :form="form"
              :queryData="queryData"
              :editSave="editSave"
              :handleSelectionData="handleSelectionData"
              @handleSelectionChange="addSelectionChange"
              @deletefun="finstlbillsitemsRemovefun"
            >
              <template slot="menuLeft">
                <div style="display: flex;">
                  <el-button size="small" type="success" :disabled="editSave" :loading="saveLoading" @click="SelectedRows">确认选定行</el-button>
                  <div class="bottomFlex" style="color: #81B337;margin-right: 20px;">
                    <span>应收:</span>
                    <span class="weightnum">￥{{ amountDSubSum || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #81B337;margin-right: 20px;">
                    <span></span>
                    <span class="weightnum">${{ amountDSubUsdSum || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #6BBCD1;margin-right: 20px;">
                    <span>应付:</span>
                    <span class="weightnum">￥{{ amountCSubSum || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #6BBCD1;margin-right: 20px;">
                    <span></span>
                    <span class="weightnum">${{ amountCSubUsdSum || 0 }}</span>
                  </div>
                </div>
              </template>
            </query-finstlbillsitems>
          </el-tab-pane>
          <el-tab-pane label="选定数据" name="2">
            <finstlbillsitems
              ref="finstlbillsitems"
              :form="form"
              :tableData="tableData"
              :editSave="editSave"
              :handleSelectionData="handleSelectionData"
              @handleSelectionChange="handleSelectionChange"
              @deletefun="finstlbillsitemsRemovefun"
            >
              <template slot="menuLeft">
                <div style="display:flex">
                  <el-button size="small" type="danger" style="margin-left: 10px" :disabled="editSave" :loading="saveLoading" @click="batchDeletefun"
                    >一键删除
                  </el-button>
                  <el-input
                    style="width: 10%;margin-left: 10px;"
                    v-model="invoiceAmountCNY"
                    size="small"
                    autocomplete="off"
                    type="numbers"
                    clearable
                    placeholder="开票金额"
                  >
                    <span style="line-height: 32px;" slot="suffix">CNY</span>
                  </el-input>
                  <el-input
                    style="width: 10%;margin-left: 5px;"
                    v-model="invoiceAmountUSD"
                    size="small"
                    autocomplete="off"
                    type="numbers"
                    clearable
                    placeholder="开票金额"
                  >
                    <span style="line-height: 32px;" slot="suffix">USD</span>
                  </el-input>
                  <el-button style="margin-left: 10px" :disabled="editSave" size="small" type="primary" @click="invoiceMatchingfun()"
                    >匹配金额</el-button
                  >
                  <div class="bottomFlex" style="color: #81B337;margin-right: 20px;">
                    <span>应收:</span>
                    <span class="weightnum">￥{{ amountDSubSum2 || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #81B337;margin-right: 20px;">
                    <span></span>
                    <span class="weightnum">${{ amountDSubUsdSum2 || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #6BBCD1;margin-right: 20px;">
                    <span>应付:</span>
                    <span class="weightnum">￥{{ amountCSubSum2 || 0 }}</span>
                  </div>
                  <div class="bottomFlex" style="color: #6BBCD1;margin-right: 20px;">
                    <span></span>
                    <span class="weightnum">${{ amountCSubUsdSum2 || 0 }}</span>
                  </div>
                </div>
              </template>
            </finstlbillsitems>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
    <el-card style="margin-top: 10px">
      <el-row>
        <el-col :span="3">
          <div class="bottomFlex" style="color: #6BBCD1">
            <span>应付:</span>
            <span class="weightnum">¥{{ form.amountCr || 0 }}</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div class="bottomFlex" style="color: #6BBCD1">
            <span>应付:</span>
            <span class="weightnum">${{ form.amountCrUsd || 0 }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="bottomFlex" style="color: #6BBCD1">
            <span>应付合计:</span>
            <span class="weightnum">¥{{ form.amountCrLoc || 0 }}</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div class="bottomFlex" style="color: #81B337">
            <span>应收:</span>
            <span class="weightnum">¥{{ form.amountDr || 0 }}</span>
          </div>
        </el-col>
        <el-col :span="3">
          <div class="bottomFlex" style="color: #81B337">
            <span>应收:</span>
            <span class="weightnum">${{ form.amountDrUsd || 0 }}</span>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="bottomFlex" style="color: #81B337">
            <span>应收合计:</span>
            <span class="weightnum">¥{{ form.amountDrLoc || 0 }}</span>
          </div>
        </el-col>
      </el-row>
    </el-card>

    <!--选择数据弹窗-->
    <el-dialog title="选择数据" class="el-dialogDeep" :visible.sync="retrievePopupsType" append-to-body width="70%" :close-on-click-modal="false">
      <div>
        <avue-crud :option="retrievePopupsOption" :data="retrievePopupsData" ref="retrievePopupsRef" id="out-table">
          <template slot="menu" slot-scope="{ row }">
            <el-button type="text" icon="" size="small" @click.stop="retrievePopupsSelect(row)">选择 </el-button>
          </template>
        </avue-crud>
      </div>
    </el-dialog>

    <!--设计报表弹窗-->
    <el-dialog
      append-to-body
      title="设计报表"
      class="el-dialogDeep"
      :visible.sync="DesignreportDialog"
      width="70%"
      :close-on-click-modal="false"
      :destroy-on-close="true"
      :close-on-press-escape="false"
      v-dialog-drag
    >
      <reports :id="form.id" :assemblyForm="form" businessValue="FFSQ"></reports>
    </el-dialog>

    <!--预览-->
    <el-dialog
      title="打印"
      :visible.sync="selectPrintingDialog"
      append-to-body
      width="70%"
      :close-on-click-modal="false"
      :destroy-on-close="true"
      :close-on-press-escape="false"
      v-dialog-drag
    >
      <div>
        <reportformsList ref="reportformsList" @reportRadio="reportRadio"></reportformsList>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button size="small" @click="selectPrintingDialog = false">取 消</el-button>
      </span>
    </el-dialog>
    <!--审核弹窗-->
    <el-dialog
      append-to-body
      title="审批进度"
      class="el-dialogDeep"
      :visible.sync="checkScheduleDialog"
      width="40%"
      :close-on-click-modal="false"
      :destroy-on-close="true"
      :close-on-press-escape="false"
      v-dialog-drag
    >
      <check-schedule :checkId="checkId" :batchNo="batchNo" @choceScheduleFun="choceScheduleFun"></check-schedule>
    </el-dialog>
    <!--报表组件-->
    <reportContainer ref="reportContainer"></reportContainer>
    <cashier-item ref="cashier" @update="updateCashier"></cashier-item>
  </div>
</template>

<script>
import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
import { getRateList } from "@/api/iosBasicData/rateManagement";
import { bcorpsbankList, getBcorpslistByType } from "@/api/iosBasicData/bcorps";
import {
  finstlbillsConfirmSignFor,
  finstlbillsDetail,
  finstlbillsGetByDetail,
  finstlbillsitemsRemove,
  finstlbillslistAccBillByCorp,
  finstlbillslistAccBillV1,
  finstlbillsRevokeSignFor,
  finstlbillsSubmit,
  revokeSettlementApprove,
  settlementApprove
} from "@/api/iosBasicData/finstlbills";
import expand from "@/components/basic-container/expand.vue";
import queryFinstlbillsitems from "@/views/iosBasicData/PaymentApplication/assembly/finstlbillsitems.vue";
import finstlbillsitems from "@/views/iosBasicData/PaymentApplication/assembly/finstlbillsitems2.vue";
import reports from "@/views/iosBasicData/SeafreightExportF/bills/assembly/reports.vue";
import reportformsList from "@/views/iosBasicData/SeafreightExportF/bills/assembly/reportformsList.vue";
import { reportsGetReportData } from "@/api/iosBasicData/reports";
import reportContainer from "@/views/iosBasicData/report-container/report-container.vue";
import { getList as getreportsList } from "@/api/iosBasicData/reports";
import { getBvesselsList } from "@/api/iosBasicData/bvessels";
import bcorps from "@/views/iosBasicData/bcorps/index.vue";
import checkSchedule from "@/components/checkH/checkSchedule.vue";
import dicSelect from "@/components/dicSelect/main";
import cashierItem from "./assembly/cashierItem.vue";
import { getListAllDetail } from "@/api/iosBasicData/cashier.js";
import { dateFormat} from "@/util/date";
export default {
  components: {
    checkSchedule,
    bcorps,
    reportContainer,
    reportformsList,
    reports,
    SearchQuery,
    expand,
    finstlbillsitems,
    dicSelect,
    queryFinstlbillsitems,
    cashierItem
  },
  props: {
    // 编辑还是保存
    editSave: {
      type: Boolean,
      default: true
    },
    pageIds: {
      type: Array, // 指定 prop 的类型为 Array
      default: () => [] // 提供一个默认值，这里使用函数形式返回一个空数组
    }
  },
  data() {
    return {
      amountDSubSum: 0,
      amountDSubUsdSum: 0,
      amountCSubSum: 0,
      amountCSubUsdSum: 0,
      amountDSubSum2: 0,
      amountDSubUsdSum2: 0,
      amountCSubSum2: 0,
      amountCSubUsdSum2: 0,
      activeName: "1",
      checkId: "", // 审核需要的id
      batchNo: "",
      checkScheduleDialog: false,
      retrievePopupsType: false, // 弹窗开启关闭
      retrievePopupsData: [], // 选择弹窗数据
      retrievePopupsOption: {
        border: true,
        calcHeight: 30,
        tip: false,
        height: "auto",
        index: true,
        addBtn: false,
        viewBtn: false,
        delBtn: false,
        editBtn: false,
        refreshBtn: false,
        columnBtn: false,
        menuWidth: "60",
        column: [
          {
            label: "客户中文名",
            prop: "cnName",
            overHidden: true
          },
          {
            label: "客户英文文名",
            prop: "cnName",
            overHidden: true
          }
        ]
      },
      invoiceAmountCNY: 0, // 费用明细开票金额输入框CNY
      invoiceAmountUSD: 0, // 费用明细开票金额输入框USD
      DesignreportDialog: false, // 设计报表弹窗
      selectPrintingDialog: false, // 预览报表
      // 收/付数据
      dcData: [
        {
          label: "全部",
          value: null
        },
        {
          label: "收",
          value: "D"
        },
        {
          label: "付",
          value: "C"
        }
      ],
      appendType: "检索", // 是否追加
      queryData: [],
      tableData: [],
      pageLoading: false, // 全屏加载动画
      saveLoading: false, // 按钮动画
      // 绑定的数据
      form: {
        dc: "C",
        mblno: null,
        corpCnName: null,
        corpId: null,
        estimatedTime:dateFormat(new Date(), "yyyy-MM-dd"),
      },
      addData: [],
      handleSelectionData: [], // 表格选择的数据
      corpData: [], // 结算单位 数据
      bankData: [], // 查询银行数据
      curCodeData: [], // 币别
      srcforParameter: {},
      // 业务类型
      businessTypesData: [
        {
          label: "海运出口",
          value: "SE"
        },
        {
          label: "海运进口",
          value: "SI"
        }
      ],
      vesselData: [], // 船名数据
      rules: {
        corpCnName: [{ required: true, message: "", trigger: "blur" }],
        // bankId: [
        //     { required: true, message: '请输入开户银行', trigger: 'blur' },
        // ],
        remarks: [{ required: true, message: "", trigger: "blur" }],
        estimatedTime: [{ required: true, message: "", trigger: "blur" }]
      },
      roleName: [], // 当前的角色权限
      saberUserInfo: {}, // 当前登录人信息
      editPower: false // 当前是否可以编辑
    };
  },
  created() {
    this.roleName = localStorage.getItem("roleName").split(",");
    // 获取当前登录人个人信息
    this.saberUserInfo = JSON.parse(localStorage.getItem("saber-userInfo")).content;
    if (this.$route.query.mblno) {
      // console.log(111111)
      this.form.mblno = this.$route.query.mblno;
      this.form.corpCnName = this.$route.query.corpCnName;
      this.form.corpId = this.$route.query.corpId;
    }
  },
  methods: {
    lastPage() {
      if (this.pageIds.length) {
        const index = this.pageIds.indexOf(this.form.id);
        if (index == 0) {
          return this.$message.error("没有上一票了");
        }
        const lastIndex = index - 1;
        // if (this.form.id) {
        //     this.unLock({
        //         moduleName: "SE",
        //         tableName: "SE_order",
        //         billId: this.form.id,
        //         billNo: this.form.mblno
        //     });
        // }
        this.finstlbillsDetailfun(this.pageIds[lastIndex]);
      }
    },
    nextPage() {
      if (this.pageIds.length) {
        const index = this.pageIds.indexOf(this.form.id);
        if (this.pageIds[this.pageIds.length - 1] == this.form.id) {
          return this.$message.error("没有下一票了");
        }
        const nextIndex = index + 1;
        // if (this.form.id) {
        //     this.unLock({
        //         moduleName: "SE",
        //         tableName: "SE_order",
        //         billId: this.form.id,
        //         billNo: this.form.mblno
        //     });
        // }
        this.finstlbillsDetailfun(this.pageIds[nextIndex]);
      }
    },
    // 开户账户跳转维护
    bankJump() {
      console.log(this.form);
      if (this.$store.getters.CorrespondenceUnitslos) {
        this.$alert("往来单位已存在,请保存关闭再进行操作", "温馨提示", {
          confirmButtonText: "确定",
          type: "warning",
          callback: action => {
            console.log(action, 430);
          }
        });
        return;
      }
      this.$router.$avueRouter.closeTag("/iosBasicData/bcorps/index");
      this.$router.push({
        path: "/iosBasicData/bcorps/index",
        query: {
          id: this.form.corpId
        }
      });
    },
    // 打印
    reportRadio(val) {
      // 获取报表数据
      reportsGetReportData({
        billId: this.form.id,
        reportCode: val.classifyCode,
        groupCode: val.groupCode,
        type: "FFSQ"
      }).then(res => {
        this.handleReportPreview(val.url, res.data.data.data);
      });
    },
    // 报表预览
    previewreportfun() {
      getreportsList(1, 10, {
        businessType: "FFSQ"
        // classifyCode:'付费申请',
        // groupCode:'付费申请'
      }).then(res => {
        if (res.data.data.records.length == 1) {
          this.reportRadio(res.data.data.records[0]);
        } else {
          this.saveLoading = true;
          this.selectPrintingDialog = true;
          this.saveLoading = false;
          let page = {
            pageSize: 10,
            currentPage: 1,
            total: 0
          };
          this.$nextTick(() => {
            this.$refs.reportformsList.onLoad(page, {
              businessType: "FFSQ"
              // classifyCode:'付费申请',
              // groupCode:'付费申请'
            });
          });
        }
      });
    },
    // 费用明细开票匹配
    invoiceMatchingfun() {
      if (this.invoiceAmountCNY != 0 || this.invoiceAmountUSD != 0) {
        let dataCNY = JSON.parse(JSON.stringify(this.invoiceAmountCNY));
        let dataUSD = JSON.parse(JSON.stringify(this.invoiceAmountUSD));
        for (let item of this.tableData) {
          this.$refs.finstlbillsitems.$refs.tableRef.toggleRowSelection(item, false);
          if (this.invoiceAmountCNY != 0) {
            if (dataCNY < 0) {
              dataCNY = 0;
            }
            if (dataCNY > 1500) {
              if (item.currentStlCurCode == "CNY") {
                this.$set(item, "currentStlAmountRMB", 1500);
                this.$refs.finstlbillsitems.$refs.tableRef.toggleRowSelection(item, true);
                dataCNY -= 1500;
              }
            } else {
              if (item.currentStlCurCode == "CNY") {
                if (dataCNY != 0) {
                  this.$refs.finstlbillsitems.$refs.tableRef.toggleRowSelection(item, true);
                }
                this.$set(item, "currentStlAmountRMB", dataCNY);
                dataCNY -= 1500;
              }
            }
          }
          if (this.invoiceAmountUSD != 0) {
            if (dataUSD < 0) {
              dataUSD = 0;
            }
            if (dataUSD > 1500) {
              if (item.currentStlCurCode == "USD") {
                this.$set(item, "currentStlAmountUSD", 1500);
                this.$refs.finstlbillsitems.$refs.tableRef.toggleRowSelection(item, true);
                dataUSD -= 1500;
              }
            } else {
              if (item.currentStlCurCode == "USD") {
                this.$set(item, "currentStlAmountUSD", dataUSD);
                if (dataUSD != 0) {
                  this.$refs.finstlbillsitems.$refs.tableRef.toggleRowSelection(item, true);
                }
                dataUSD -= 1500;
              }
            }
          }
        }
      }
    },
    // 一键删除
    batchDeletefun() {
      if (this.handleSelectionData.length == 0) {
        return this.$message.warning("请选择要删除的数据");
      }
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        // 获取有id 的数据
        const itemsWithId = this.handleSelectionData.filter(item => item.hasOwnProperty("id"));
        let arrIds = itemsWithId.map(item => item.id); // 获取id 数据
        // 把选中的删除掉
        this.handleSelectionData.forEach(item => {
          for (let index in this.tableData) {
            if (item.accBillNo == this.tableData[index].accBillNo) {
              this.tableData.splice(index, 1);
            }
          }
        });
        // 有id 的处理
        if (itemsWithId.length != 0) {
          finstlbillsitemsRemove(arrIds.join(",")).then(res => {
            this.$message.success("操作成功");
          });
        }
      });
    },
    // 删除
    finstlbillsitemsRemovefun(id, index) {
      this.$confirm("确定将选择数据删除?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        if (id) {
          finstlbillsitemsRemove(id).then(res => {
            this.$message.success("操作成功");
          });
        }
        this.tableData.splice(index, 1);
      });
    },
    // 下拉回调
    corpChange(value, name) {
      // 结算单位
      if (name == "corpCnName") {
        if (!value) {
          this.$set(this.form, "corpId", "");
          this.$set(this.form, "corpCnName", "");
          this.$set(this.form, "corpEnName", "");
          this.$set(this.form, "corpArgreementNo", "");
        }
        for (let item of this.corpData) {
          if (item.cnName == value) {
            this.$set(this.form, "corpId", item.id);
            this.$set(this.form, "corpCnName", item.cnName);
            this.$set(this.form, "corpEnName", item.enName);
            this.$set(this.form, "corpArgreementNo", item.enName);
            this.bcorpsbankListfun();
          }
        }
      } else if (name == "bankId") {
        if (!value) {
          this.$set(this.form, "bankId", "");
          this.$set(this.form, "bankAccountName", "");
          this.$set(this.form, "bankAccountBank", "");
          this.$set(this.form, "bankAccountNo", "");
        }
        for (let item of this.bankData) {
          if (item.id == value) {
            this.$set(this.form, "bankId", item.id);
            this.$set(this.form, "bankAccountName", item.accountName);
            this.$set(this.form, "bankAccountBank", item.accountBank);
            this.$set(this.form, "bankAccountNo", item.accountNo);
          }
        }
      } else if (name == "vessel") {
        for (let item of this.vesselData) {
          if (item.cnName == value) {
            this.$set(this.form, "vesselId", item.id);
            this.$set(this.form, "vesselCnName", item.cnName);
            this.$set(this.form, "vesselEnName", item.enName);
          }
        }
      } else {
        this.$set(this.form, name, value);
      }
    },
    allClick(name) {
      if (name == "指示") {
        this.$refs.cashier.openDialog(this.form, this.tableData, "auto");
      }
    },
    updateCashier() {
      this.finstlbillsDetailfun(this.form.id, "updateCashier");
    },
    submit(type) {
      // getListAllDetail({ srcId: this.form.id }).then(res => {
      //   // if (res.data.data.length == 0) {
      //   //   return this.$message.error("请在指示维护费用");
      //   // }
      //   // for (let item of res.data.data) {
      //   //   if (item.status == 0) {
      //   //     return this.$message.error("请在指示维护未支付数据!");
      //   //   }
      //   // }

      // });
      this.$confirm("确定进行申请操作?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.editCustomer(type);
      });
    },
    newbillFun() {
      if (!(this.form.status == "0" || this.form.status == "4")) {
        this.$emit("toAddEdit");
      } else {
        this.$confirm("是否需要保存?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.editCustomer("toAddEdit");
          })
          .catch(() => {
            this.$emit("toAddEdit");
          });
      }
    },
    // 编辑
    editHandle() {
      this.editSave = false;
    },
    // 保存
    editCustomer(type) {
      this.$refs.form.validate(valid => {
        if (!valid) return;
        if (!this.form.id) {
          // 是否选择从表数据
          if (this.addData.length == 0) {
            this.$message.warning("请选择结算数据");
            return;
          }
        }
        // for (let item of this.addData) {
        //   if (!item.currentStlCurCode) {
        //     this.$message.warning("请选择本次结算币种");
        //     return;
        //   }
        // }
        if (this.form.estimatedTime) {
          this.form.estimatedTime = this.form.estimatedTime + " 00:00:00";
        }
        this.form.businessDateStart = this.form.businessDateStart ? this.form.businessDateStart.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
        this.form.businessDateEnd = this.form.businessDateEnd ? this.form.businessDateEnd.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
        this.form.billDate = this.form.billDate ? this.form.billDate.slice(0, 10) + " 00:00:00" : null;
        this.form.auditDateTo = this.form.auditDateTo ? this.form.auditDateTo.slice(0, 10) + " 00:00:00" : null;
        this.form.billNoFormat = "FFSQ";
        this.form.businessTypeCode = "FFSQ";
        this.form.businessType = "FFSQ"; // 结算单
        this.saveLoading = true; // 打开按钮动画
        if (this.form.id) {
          if (type == "选定行") {
            this.form.finStlBillsItemsList = this.addData.map((item, index) => {
              if (item.currentStlCurCode == "CNY") {
                item.currentStlAmount = item.currentStlAmountRMB;
              } else {
                item.currentStlAmount = item.currentStlAmountUSD;
              }
              if (!this.form.id) {
                // delete item.businessType
                delete item.billDate;
                delete item.accountDc;
              }
              return item;
            });
          }
          this.form.finStlBillsItemsList = this.form.finStlBillsItemsList.map((item, index) => {
            if (item.currentStlCurCode == "CNY") {
              item.currentStlAmount = item.currentStlAmountRMB;
            } else {
              item.currentStlAmount = item.currentStlAmountUSD;
            }
            return item;
          });
        } else {
          this.form.finStlBillsItemsList = this.addData.map((item, index) => {
            if (item.currentStlCurCode == "CNY") {
              item.currentStlAmount = item.currentStlAmountRMB;
            } else {
              item.currentStlAmount = item.currentStlAmountUSD;
            }
            if (!this.form.id) {
              // delete item.businessType
              delete item.billDate;
              delete item.accountDc;
            }
            return item;
          });
        }
        // 判断是直接保存还是提交申请
        if (type == "申请") {
          finstlbillsSubmit(this.form)
            .then(res => {
              this.form = res.data.data;
              this.settlementApprovefun();
            })
            .catch(() => {
              this.saveLoading = false;
            });
        } else if (type == "toAddEdit") {
          finstlbillsSubmit(this.form)
            .then(res => {
              this.$message.success("操作成功");
              this.saveLoading = false; // 关闭按钮动画
              this.$emit(type);
              this.finstlbillsDetailfun(this.form.id, type);
            })
            .catch(() => {
              this.saveLoading = false;
            });
        } else {
          finstlbillsSubmit(this.form)
            .then(res => {
              this.$message.success("操作成功");
              this.saveLoading = false; // 关闭按钮动画
              this.finstlbillsDetailfun(res.data.data.id, type);
            })
            .catch(() => {
              this.saveLoading = false;
            });
        }
      });
    },
    // 详情接口
    finstlbillsDetailfun(id, type) {
      this.activeName = "2";
      this.pageLoading = true;
      finstlbillsDetail(id)
        .then(res => {
          this.form = res.data.data;
          if (
            this.roleName.indexOf("admin") == -1
              ? this.roleName.indexOf("允许修改他人业务") == -1
                ? this.saberUserInfo.user_id != this.form.createUser
                : false
              : false
          ) {
            this.editPower = true;
          } else {
            this.editPower = false;
          }
          this.tableData = this.form.finStlBillsItemsList.map(item => {
            item.stlTtlAmountNet = Number(item.stlTtlAmount) - Number(item.stlTtlAmount) * (Number(item.taxRate) + Number(item.surchargeRate));
            item.currentStlAmountNet =
              Number(item.unsettledAmount) - Number(item.unsettledAmount) * (Number(item.taxRate) + Number(item.surchargeRate));
            if (item.curCode == "CNY") {
              this.$set(item, "currentInvoiceAmountRMB", item.currentInvoiceAmount);
              this.$set(item, "amountRMB", item.amount);
              this.$set(item, "amountNetRMB", item.amountNet);
              this.$set(item, "stlTtlAmountRMB", item.stlTtlAmount);
              this.$set(item, "stlTtlAmountNetRMB", item.stlTtlAmountNet);

              this.$set(item, "currentStlAmountNetRMB", item.currentStlAmountNet);
              this.$set(item, "currentStlAmountRMB", Number(item.currentStlAmount ? item.currentStlAmount : 0));
              this.$set(item, "currentStlAmountUSD", Number(0));
            } else {
              this.$set(item, "currentInvoiceAmountUSD", item.currentInvoiceAmount);
              this.$set(item, "amountUSD", item.amount);
              this.$set(item, "amountNetUSD", item.amountNet);
              this.$set(item, "stlTtlAmountNetUSD", item.stlTtlAmountNet);
              this.$set(item, "stlTtlAmountUSD", item.stlTtlAmount);

              this.$set(item, "currentStlAmountNetUSD", item.currentStlAmountNet);
              this.$set(item, "currentStlAmountUSD", Number(item.currentStlAmount ? item.currentStlAmount : 0));
              this.$set(item, "currentStlAmountRMB", Number(0));
            }
            this.$set(item, "costDate", []);
            return item;
          });
          if (type == "updateCashier") {
            this.$refs.cashier.openDialog(this.form);
          }
          if (type == "选定行") {
            this.finstlbillslistAccBillV1fun();
          }
          this.bcorpsbankListfun(); // 查银行数据
        })
        .finally(() => {
          this.pageLoading = false;
        });
    },
    // 重置条件
    ResetFilter() {
      this.form = {
        dc: "C",
        mblno: null,
        corpCnName: null,
        corpId: null
      };
    },
    // 弹窗选择
    retrievePopupsSelect(row) {
      // this.form = row
      this.$set(this.form, "corpId", row.id);
      this.$set(this.form, "corpCnName", row.cnName);
      this.$set(this.form, "corpEnName", row.enName);
      this.$set(this.form, "corpArgreementNo", row.enName);
      this.retrievePopupsType = false;
      this.bcorpsbankListfun();
      this.finstlbillslistAccBillV1fun("检索");
    },
    //请核关闭
    choceScheduleFun() {
      this.checkScheduleDialog = false;
    },
    // 检索
    retrievalfun() {
      this.activeName = "1";
      // 判断是否有对账单位
      if (!this.form.corpId && (this.form.businessNo || this.form.accountNo || this.form.hblno || this.form.mblno)) {
        console.log("新接口");
        this.finstlbillslistAccBillByCorpfun();
      } else {
        if (!this.form.corpId) {
          return this.$message.warning("请填写对账单位");
        }
        console.log("原来的接口");
        this.finstlbillslistAccBillV1fun("检索");
      }
    },
    // 检索弹窗数据
    finstlbillslistAccBillByCorpfun() {
      let obj = {};
      obj.type = "2";
      obj.curCode = this.form.curCode; // 币别
      obj.dc = this.form.dc; // 收付 D=收 C=付
      obj.accBillNo = this.form.accountNo; // 账单编号  ACCT NO
      obj.billNo = this.form.businessNo; // 单据编号  JOB NO
      obj.mblno = this.form.mblno; // MB/L NO
      obj.hblno = this.form.hblno; // HB/L NO
      obj.queryAmount = this.form.queryAmount; // 查询金额
      obj.businessType = this.form.businessTypes; // 业务类型
      obj.feeCnName = this.form.feeCnName;
      obj.vesselCnName = this.form.vesselCnName; // 中文船名
      obj.receivableAdvance = this.form.receivableAdvance; // 预收帐款
      obj.voyageNo = this.form.voyageNo; // 航次
      obj.auditStatus = "0";
      obj.businessDateStart = this.form.businessDateStart; // 财务开始日期
      obj.businessDateEnd = this.form.businessDateEnd; // 财务结束日期
      finstlbillslistAccBillByCorp(obj).then(res => {
        this.retrievePopupsType = true;
        this.retrievePopupsData = res.data.data;
      });
    },
    // 检索接口
    finstlbillslistAccBillV1fun(type) {
      let obj = {};
      obj.type = "2";
      obj.curCode = this.form.curCode; // 币别
      obj.dc = this.form.dc; // 收付 D=收 C=付
      obj.accBillNo = this.form.accountNo; // 账单编号  ACCT NO
      obj.billNo = this.form.businessNo; // 单据编号  JOB NO
      obj.mblno = this.form.mblno; // MB/L NO
      obj.hblno = this.form.hblno; // HB/L NO
      obj.queryAmount = this.form.queryAmount; // 查询金额
      obj.businessType = this.form.businessTypes; // 业务类型
      obj.feeCnName = this.form.feeCnName;
      obj.vesselCnName = this.form.vesselCnName; // 中文船名
      obj.receivableAdvance = this.form.receivableAdvance; // 预收帐款
      obj.voyageNo = this.form.voyageNo; // 航次
      obj.auditStatus = "0";
      obj.businessDateStart = this.form.businessDateStart; // 财务开始日期
      obj.businessDateEnd = this.form.businessDateEnd; // 财务结束日期
      // 判断是否有对账单号
      if (this.form.checkNo) {
        obj.corpId = this.form.corpId; // 结算单位
        obj.checkNo = this.form.checkNo; // CHK NO 对账单号
        finstlbillsGetByDetail(obj).then(res => {
          let arr = res.data.data.finStlBillsItemsList.map(item => {
            if (item.curCode == "CNY") {
              // 发票
              this.$set(item, "currentInvoiceAmountRMB", item.currentInvoiceAmount);
              // 应结算金额
              this.$set(item, "amountRMB", item.amount);
              // 已结算金额
              this.$set(item, "stlTtlAmountRMB", item.stlTtlAmount);
              // 本次金额
              this.$set(item, "currentStlAmountRMB", Number(item.appliedCurrentStlAmount ? item.appliedCurrentStlAmount : 0));
              this.$set(item, "currentStlAmountUSD", Number(0));
            } else {
              // 发票
              this.$set(item, "currentInvoiceAmountUSD", item.currentInvoiceAmount);
              // 应结算金额
              this.$set(item, "amountUSD", item.amount);
              // 已结算金额
              this.$set(item, "stlTtlAmountUSD", item.stlTtlAmount);
              // 本次金额
              this.$set(item, "currentStlAmountUSD", Number(item.appliedCurrentStlAmount ? item.appliedCurrentStlAmount : 0));
              this.$set(item, "currentStlAmountRMB", Number(0));
            }
            delete item.id;
            return item;
          });
          if (type == "追加") {
            // let a = [...this.queryData, ...arr];
            // this.queryData = a.filter((obj, index) => {
            //   return (
            //     a.findIndex(elem => {
            //       return elem.accBillNo === obj.accBillNo;
            //     }) === index
            //   );
            // });
            this.queryData = [];
            for (let item of arr) {
              if (this.tableData.filter(row => row.accBillNo == item.accBillNo).length == 0) {
                this.queryData.push(item);
              }
            }
          } else {
            // 获取有id 的数据
            const itemsWithId = this.queryData.filter(item => item.hasOwnProperty("id"));
            let arrIds = itemsWithId.map(item => item.id); // 获取id 数据
            // 有id 的处理
            if (itemsWithId.length != 0) {
              finstlbillsitemsRemove(arrIds.join(",")).then(res => {
                this.$message.success("操作成功");
              });
            }
            // if (arr.length == 0) {
            //   this.$message.warning("当前检索暂无数据！");
            // }
            this.queryData = [];
            for (let item of arr) {
              if (this.tableData.filter(row => row.accBillNo == item.accBillNo).length == 0) {
                this.queryData.push(item);
              }
            }
            if (this.queryData.length == 0 && type == "检索") {
              this.$message.warning("当前检索暂无数据！");
            }
          }
        });
      } else {
        obj.corpCnName = this.form.corpId; // 结算单位
        obj.checkBillNo = this.form.checkNo; // CHK NO 对账单号
        finstlbillslistAccBillV1(obj).then(res => {
          let arr = res.data.data.map((item, index) => {
            item.accBillId = item.id;
            delete item.id;
            // 账单编号
            item.accBillNo = item.billNo;
            item.currentStlCurCode = item.curCode; // 币别
            item.currentStlExrate = item.exrate; // 汇率
            // quantity
            // quantityCntrTypesDescr
            item.lineNo = Number(index) + 1;
            item.pType = item.businessType;
            item.billNo = item.businessBillDivideNo ? item.businessBillDivideNo : item.businessBillNo;
            item.accDate = item.billDate;
            item.dc = item.accountDc; // 收付
            if (item.curCode == "CNY") {
              // 发票
              this.$set(item, "currentInvoiceAmountRMB", item.currentInvoiceAmount);
              // 应结算金额
              this.$set(item, "amountRMB", item.amount);
              // 已结算金额
              this.$set(item, "stlTtlAmountRMB", item.stlTtlAmount);
              // 本次金额
              this.$set(item, "currentStlAmountRMB", Number(item.reconciliationCurrentAmount ? item.reconciliationCurrentAmount : 0));
              this.$set(item, "currentStlAmountUSD", Number(0));
            } else {
              // 发票
              this.$set(item, "currentInvoiceAmountUSD", item.currentInvoiceAmount);
              // 应结算金额
              this.$set(item, "amountUSD", item.amount);
              // 已结算金额
              this.$set(item, "stlTtlAmountUSD", item.stlTtlAmount);
              // 本次金额
              this.$set(item, "currentStlAmountUSD", Number(item.reconciliationCurrentAmount ? item.reconciliationCurrentAmount : 0));
              this.$set(item, "currentStlAmountRMB", Number(0));
            }
            return item;
          });

          if (type == "追加") {
            // let a = [...this.queryData, ...arr];
            // this.queryData = a.filter((obj, index) => {
            //   return (
            //     a.findIndex(elem => {
            //       return elem.accBillNo === obj.accBillNo;
            //     }) === index
            //   );
            // });
            this.queryData = [];
            for (let item of arr) {
              if (this.tableData.filter(row => row.accBillNo == item.accBillNo).length == 0) {
                this.queryData.push(item);
              }
            }
          } else {
            // 获取有id 的数据
            const itemsWithId = this.queryData.filter(item => item.hasOwnProperty("id"));
            let arrIds = itemsWithId.map(item => item.id); // 获取id 数据
            // 有id 的处理
            if (itemsWithId.length != 0) {
              finstlbillsitemsRemove(arrIds.join(",")).then(res => {
                this.$message.success("操作成功");
              });
            }
            // if (arr.length == 0) {
            //   this.$message.warning("当前检索暂无数据！");
            // }
            this.queryData = [];
            for (let item of arr) {
              if (this.tableData.filter(row => row.accBillNo == item.accBillNo).length == 0) {
                this.queryData.push(item);
              }
            }
            if (this.queryData.length == 0 && type == "检索") {
              this.$message.warning("当前检索暂无数据！");
            }
          }
        });
      }
    },
    // 结算确认
    settlementApprovefun() {
      this.form.businessDateStart = this.form.businessDateStart ? this.form.businessDateStart.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
      this.form.businessDateEnd = this.form.businessDateEnd ? this.form.businessDateEnd.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
      this.form.estimatedTime = this.form.estimatedTime ? this.form.estimatedTime.slice(0, 10) + " 00:00:00" : null;
      this.form.billDate = this.form.billDate ? this.form.billDate.slice(0, 10) + " 00:00:00" : null;
     this.form.auditDateTo = this.form.auditDateTo ? this.form.auditDateTo.slice(0, 10) + " 00:00:00" : null;
      (this.form.url = "/iosBasicData/PaymentApplication/index"), (this.form.pageStatus = "this.$store.getters.paidapplication");
      this.form.pageLabel = "付费申请(F)";

      this.pageLoading = true;
      settlementApprove(this.form)
        .then(res => {
          this.$message.success("操作成功");
          this.editSave = true;
          this.finstlbillsDetailfun(this.form.id);
        })
        .finally(() => {
          this.pageLoading = false;
          this.saveLoading = false;
        });
    },
    // 结算撤销
    revokeSettlementApprovefun() {
      if (this.roleName.includes("admin")) {
        if (this.form.billStatus == 1) {
          return this.$message.error("已结算，不允许撤销审核");
        }
        this.$confirm("确定进行撤销申请操作?", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          this.form.businessDateStart = this.form.businessDateStart ? this.form.businessDateStart.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
          this.form.businessDateEnd = this.form.businessDateEnd ? this.form.businessDateEnd.slice(0, 10) + " 00:00:00" : null; // 财务开始日期
          this.form.estimatedTime = this.form.estimatedTime ? this.form.estimatedTime.slice(0, 10) + " 00:00:00" : null;
          this.form.billDate = this.form.billDate ? this.form.billDate.slice(0, 10) + " 00:00:00" : null;
          this.form.auditDateTo = this.form.auditDateTo ? this.form.auditDateTo.slice(0, 10) + " 00:00:00" : null;
          revokeSettlementApprove(this.form)
            .then(res => {
              this.$message.success("操作成功");
              this.finstlbillsDetailfun(res.data.data.id);
            })
            .finally(() => {
              this.pageLoading = false;
            });
        });
      } else {
        this.$message.error("没有操作权限");
      }
    },
    // 确认选定行
    SelectedRows() {
      if (this.addData.length == 0) {
        return this.$message.error("请选择明细");
      }
      for (let item of this.addData) {
        if (item.currentStlAmountRMB == 0 && item.currentStlAmountUSD == 0) {
          return this.$message.error("账单编号:" + item.accBillNo + "的付费数据不允许选定");
        }
      }
      this.editCustomer("选定行");
    },
    addSelectionChange(arr) {
      this.amountDSubSum = 0;
      this.amountDSubUsdSum = 0;
      this.amountCSubSum = 0;
      this.amountCSubUsdSum = 0;
      if (arr.length) {
        arr.forEach(e => {
          console.log(e.accountDc);
          if (e.dc == "D") {
            this.amountDSubSum += Number(e.currentStlAmountRMB ? e.currentStlAmountRMB : 0);
            this.amountDSubUsdSum += Number(e.currentStlAmountUSD ? e.currentStlAmountUSD : 0);
          }
          if (e.dc == "C") {
            this.amountCSubSum += Number(e.currentStlAmountRMB ? e.currentStlAmountRMB : 0);
            this.amountCSubUsdSum += Number(e.currentStlAmountUSD ? e.currentStlAmountUSD : 0);
          }
        });
      }
      this.addData = arr;
    },
    // 下面表格多选
    handleSelectionChange(arr) {
      this.amountDSubSum2 = 0;
      this.amountDSubUsdSum2 = 0;
      this.amountCSubSum2 = 0;
      this.amountCSubUsdSum2 = 0;
      if (arr.length) {
        arr.forEach(e => {
          if (e.dc == "D") {
            this.amountDSubSum2 += Number(e.currentStlAmountRMB ? e.currentStlAmountRMB : 0);
            this.amountDSubUsdSum2 += Number(e.currentStlAmountUSD ? e.currentStlAmountUSD : 0);
          }
          if (e.dc == "C") {
            this.amountCSubSum2 += Number(e.currentStlAmountRMB ? e.currentStlAmountRMB : 0);
            this.amountCSubUsdSum2 += Number(e.currentStlAmountUSD ? e.currentStlAmountUSD : 0);
          }
        });
      }
      this.handleSelectionData = arr;
    },
    //返回列表
    backToList() {
      this.$emit("goBack");
    },
    // 请求的接口
    // 获取币别数据
    getRateListfun(cnName) {
      getRateList({ current: 1, size: 10, cnName }).then(res => {
        this.curCodeData = res.data.data.records;
      });
    },
    // 获取结算单位数据
    corpBcorpsListfun(cnName) {
      getBcorpslistByType(1, 10, { cnName }).then(res => {
        this.corpData = res.data.data.records;
      });
    },
    // 获取银行数据
    bcorpsbankListfun() {
      bcorpsbankList(1, 50, { pid: this.form.corpId }).then(res => {
        this.bankData = res.data.data.records.map(item => {
          item.accountBankNo = item.accountBank + " - " + item.accountNo;
          return item;
        });
        // 如果没有 id 就表示没有保存，赋值第一项数据
        if (this.bankData.length > 0) {
          this.$set(this.form, "bankId", this.bankData[0].id);
          this.$set(this.form, "bankAccountName", this.bankData[0].accountName);
          this.$set(this.form, "bankAccountBank", this.bankData[0].accountBank);
          this.$set(this.form, "bankAccountNo", this.bankData[0].accountNo);
        }
        if (this.bankData.length == 0) {
          this.$set(this.form, "bankId", null);
          this.$set(this.form, "bankAccountName", null);
          this.$set(this.form, "bankAccountBank", null);
          this.$set(this.form, "bankAccountNo", null);
        }
      });
    },
    // 船名
    vesselBvesselsListfun(cnName) {
      getBvesselsList(1, 10, { cnName }).then(res => {
        this.vesselData = res.data.data.records;
      });
    },
    // 预览报表
    handleReportPreview(url, data) {
      console.log(url, 1670);
      console.log(data, 1671);
      Stimulsoft.Base.StiLicense.key =
        "6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHn0s4gy0Fr5YoUZ9V00Y0igCSFQzwEqYBh/N77k4f0fWXTHW5rqeBNLkaurJDenJ9o97TyqHs9HfvINK18Uwzsc/bG01Rq+x3H3Rf+g7AY92gvWmp7VA2Uxa30Q97f61siWz2dE5kdBVcCnSFzC6awE74JzDcJMj8OuxplqB1CYcpoPcOjKy1PiATlC3UsBaLEXsok1xxtRMQ283r282tkh8XQitsxtTczAJBxijuJNfziYhci2jResWXK51ygOOEbVAxmpflujkJ8oEVHkOA/CjX6bGx05pNZ6oSIu9H8deF94MyqIwcdeirCe60GbIQByQtLimfxbIZnO35X3fs/94av0ODfELqrQEpLrpU6FNeHttvlMc5UVrT4K+8lPbqR8Hq0PFWmFrbVIYSi7tAVFMMe2D1C59NWyLu3AkrD3No7YhLVh7LV0Tttr/8FrcZ8xirBPcMZCIGrRIesrHxOsZH2V8t/t0GXCnLLAWX+TNvdNXkB8cF2y9ZXf1enI064yE5dwMs2fQ0yOUG/xornE";
      // Stimulsoft.Base.StiLicense.Key = '6vJhGtLLLz2GNviWmUTrhSqnOItdDwjBylQzQcAOiHkcgIvwL0jnpsDqRpWg5FI5kt2G7A0tYIcUygBh1sPs7plofUOqPB1a4HBIXJB621mau2oiAIj+ysU7gKUXfjn/D5BocmduNB+ZMiDGPxFrAp3PoD0nYNkkWh8r7gBZ1v/JZSXGE3bQDrCQCNSy6mgby+iFAMV8/PuZ1z77U+Xz3fkpbm6MYQXYp3cQooLGLUti7k1TFWrnawT0iEEDJ2iRcU9wLqn2g9UiWesEZtKwI/UmEI2T7nv5NbgV+CHguu6QU4WWzFpIgW+3LUnKCT/vCDY+ymzgycw9A9+HFSzARiPzgOaAuQYrFDpzhXV+ZeX31AxWlnzjDWqpfluygSNPtGul5gyNt2CEoJD1Yom0VN9fvRonYsMsimkFFx2AwyVpPcs+JfVBtpPbTcZscnzUdmiIvxv8Gcin6sNSibM6in/uUKFt3bVgW/XeMYa7MLGF53kvBSwi78poUDigA2n12SmghLR0AHxyEDIgZGOTbNI33GWu7ZsPBeUdGu55R8w='
      Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile("/reports/stimulsoft/Localization/zh-CHS.xml", true, "zh-CHS");
      Stimulsoft.Base.Localization.StiLocalization.setLocalizationFile("/reports/stimulsoft/Localization/zh-CHS.xml");
      // 工具栏
      var options = new Stimulsoft.Viewer.StiViewerOptions();
      options.height = "100%";
      options.appearance.scrollbarsMode = true; // 滚动条模式
      options.toolbar.showDesignButton = false; // 显示设计按钮
      options.toolbar.showAboutButton = false; // 显示关于按钮
      options.toolbar.showResourcesButton = false; // 显示资源按钮
      options.toolbar.showFullScreenButton = false; // 显示全屏按钮
      options.toolbar.showOpenButton = false; // 显示打开按钮
      options.appearance.showTooltips = false; // 显示工具提示
      options.appearance.showDialogsHelp = false; // 显示对话框帮助
      options.exports.showExportToDocument = false; // 显示导出到文档
      options.toolbar.showParametersButton = true; // 显示参数按钮
      options.appearance.bookmarksPrint = true; // 书签打印
      // options.toolbar.showPrintButton = false // 打印按钮是否显示   下面直接自定义控制打印弹窗是否开启

      // printDestination 参数：用于指定报表打印的目标位置，可以是打印机、PDF 文件或者直接打印到浏览器等。
      // Stimulsoft.Viewer.StiPrintDestination.Direct：表示直接打印到打印机，即将报表内容直接发送至打印机进行打印。
      // 通过设置不同的 printDestination 参数，你可以控制报表打印的行为，例如是直接打印到打印机，还是生成 PDF 文件，或者直接在浏览器中预览打印内容等。
      options.toolbar.printDestination = Stimulsoft.Viewer.StiPrintDestination.Direct;
      // htmlRenderMode html渲染模式
      options.appearance.htmlRenderMode = Stimulsoft.Report.Export.StiHtmlExportMode.Table;
      // 是创建一个 Stimulsoft 报表查看器的实例的代码
      let viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);

      // 报表
      console.log("创建一个报表实例");
      console.log();
      let report = new window.Stimulsoft.Report.StiReport();

      // 加载文件
      console.log("从url加载报表");
      // report.loadFile("/reports/stimulsoft/demos/SimpleList.mrt");
      report.load(url);

      data.pageOne = "Page : 1 of 1";
      // 处理超长数据
      if (data.hshipperDetails) {
        var consignerIndex2 = data.hshipperDetails.indexOf("\n");
        for (let i = 0; i < 4; i++) {
          consignerIndex2 = data.hshipperDetails.indexOf("\n", consignerIndex2 + 1);
        }
        if (consignerIndex2 != -1) {
          var hshipperDetails = data.hshipperDetails.substring(consignerIndex2 + 2, data.hshipperDetails.length);
          data.hshipperDetails = data.hshipperDetails.substring(0, consignerIndex2) + " *";
          data.commodityDescr += "\n*" + hshipperDetails;
        }
      }

      if (data.hconsigneeDetails) {
        var consigneeIndex2 = data.hconsigneeDetails.indexOf("\n");
        for (let i = 0; i < 3; i++) {
          consigneeIndex2 = data.hconsigneeDetails.indexOf("\n", consigneeIndex2 + 1);
        }
        if (consigneeIndex2 != -1) {
          var hconsigneeDetails = data.hconsigneeDetails.substring(consigneeIndex2 + 2, data.hconsigneeDetails.length);
          data.hconsigneeDetails = data.hconsigneeDetails.substring(0, consigneeIndex2) + " **";
          data.commodityDescr += "\n**" + hconsigneeDetails;
        }
      }

      if (data.hnotifyDetails) {
        var notifierIndex2 = data.hnotifyDetails.indexOf("\n");
        for (let i = 0; i < 3; i++) {
          notifierIndex2 = data.hnotifyDetails.indexOf("\n", notifierIndex2 + 1);
        }
        if (notifierIndex2 != -1) {
          var hnotifyDetails = data.hnotifyDetails.substring(notifierIndex2 + 2, data.hnotifyDetails.length);
          data.hnotifyDetails = data.hnotifyDetails.substring(0, notifierIndex2) + " ***";
          data.commodityDescr += "\n***" + hnotifyDetails;
        }
      }

      // 处理箱号
      if (this.isPrintTheBoxNumber) {
        data.commodityDescr += "\n.\n.\n";
      }

      // PLACE & DATE OF ISSUE
      data.placeAndDateOfIssue = "";
      if (data.issueAt) {
        data.placeAndDateOfIssue += data.issueAt;
      }
      if (data.issueDate) {
        let date = new Date(data.issueDate.replace(/-/g, "/"));
        let yyyy = date.getFullYear();
        let mmmm = date.toDateString().split(" ")[1];
        let dd = date.getDate();
        data.placeAndDateOfIssue += ", " + dd + "-" + mmmm + "-" + yyyy;
      }

      // Total number of containers or packages received by the Carriers
      if (data.preContainersList) {
        let boxMap = new Map();
        for (let boxQuantity of data.preContainersList) {
          if (boxMap.get(boxQuantity.cntrTypeCode)) {
            let v = boxMap.get(boxQuantity.cntrTypeCode);
            boxMap.set(boxQuantity.cntrTypeCode, v + boxQuantity.quantity);
          } else {
            boxMap.set(boxQuantity.cntrTypeCode, boxQuantity.quantity);
          }
        }
        let boxs = "";
        boxMap.forEach(function(value, key, map) {
          boxs += value + "x" + key + ", ";
        });
        boxs = boxs.substring(0, boxs.length - 2);

        data.boxQuantity = boxs + " CONTAINER(S) ONLY";
      }

      // Number of original B/Ls
      if (data.numberOfObl) {
        data.numberOfObl += " (" + data.numberOfOblDigit + ")";
      }

      if (data.commodityDescr) {
        var descriptionIndex2 = data.commodityDescr.indexOf("\n");
        for (let i = 0; i < 19; i++) {
          descriptionIndex2 = data.commodityDescr.indexOf("\n", descriptionIndex2 + 1);
        }
        if (descriptionIndex2 != -1) {
          data.pageOne = "Page : 1 of 2";
          data.pageTwo = "Page : 2 of 2";
          var extraLongText = data.commodityDescr.substring(descriptionIndex2 + 2, data.commodityDescr.length);
          data.commodityDescr = data.commodityDescr.substring(0, descriptionIndex2);
          data.extraLongTips = "** TO BE CONTINUED ON ATTACHED LIST **";
          data.extraLongText = extraLongText;
        }
      }

      // console.log(data.hshipperDetails, 'hshipperDetails2')

      // 创建一个 Stimulsoft 数据集（DataSet）的实例的代码
      var dataSet = new Stimulsoft.System.Data.DataSet("reportData");

      dataSet.readJson(data); // 用于将 JSON 格式的数据加载到数据集中。data 是包含报表数据的 JSON 对象。
      // 这是一个方法调用，用于在报表中注册数据源。参数 'reportData' 是数据源的名称，
      // 第二个 'reportData' 是数据源的别名，dataSet 则是之前创建的数据集实例
      report.regData("reportData", "reportData", dataSet);
      // 从模版和数据加载报表
      // loadReport(report, '', {})

      // 这是将报表对象指定给报表查看器的属性。viewer 是报表查看器的实例，而 report 是之前创建的报表对象。
      viewer.report = report;

      this.$refs.reportContainer.showContainer(
        () => {
          setTimeout(() => {
            viewer.renderHtml("reportContainer");
            this.createViewerButtons(viewer);
          }, 50);
        },
        () => {}
      );
      console.log("加载成功完成!");
    },
    createViewerButtons(viewer) {
      viewer.jsObject.collections.images["myClose.png"] =
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA0ElEQVQ4ja3TO05CQRQG4A8iOwAbtYWETndAaecK7NwCKmETtJZsSBNLobEz8ZFIJQ0UnOGSm3DnYviTybzO/895DQXGWGCVGQuMEqkRcwcfuMOLalziCaf4TIe9UG9nyMJmFRzNGoRK1BU4xxx9G7cfwostciGk+x8MqgySwDXe4tU53hVV+MNtTmAoX84JGv9NYgrHyR6DV8wUSW7hItZLm36ZVoVQxsFJLOMsPOrH/h7dQwR2cdxOTEn8DtUbPGc4V2H7Vb4Yqfedf/GYSGt8VUmxgyfuBAAAAABJRU5ErkJggg==";
      const closeBtn = viewer.jsObject.SmallButton("closeBtn", "关闭", "myClose.png");
      // 增加打印弹窗配置
      const printBtn = viewer.jsObject.SmallButton("printBtn", "打印报表", "myClose.png");
      // console.log(viewer.jsObject.print(),'1013')
      // 获取 关闭按钮的dom元素位置
      const toolbarTable = viewer.jsObject.controls.toolbar.firstChild.firstChild;
      const buttonsTable = toolbarTable.rows[0].lastChild.lastChild;
      const userButtonCell = buttonsTable.rows[0].insertCell(0);
      // 获取打印按钮的位置
      const buttonsTablePrint = toolbarTable.rows[0].childNodes[0].lastChild; // 打印按钮
      const userButtonPrint = buttonsTablePrint.rows[0].childNodes[0]; // 打印按钮dom位置

      userButtonPrint.addEventListener("click", event => {
        console.log("打印点击");
        // event.preventDefault()
      });
      userButtonPrint.addEventListener("mouseover", event => {
        console.log("移入打印按钮");
        console.log(event, 1035);
      });

      userButtonCell.className = "stiJsViewerClearAllStyles";
      userButtonCell.appendChild(closeBtn); // 添加关闭节点

      // userButtonPrint.prepend(printBtn) // 在 printBtn 节点里最前面增加一个子级节点

      let that = this;
      // 关闭按钮的监听点击
      closeBtn.action = function() {
        console.log(that.$refs.ReportContainer, "1022");
        if (that.$refs.reportContainer) that.$refs.reportContainer.hideContainer();
      };

      // // // 打印按钮监听
      // printBtn.action = (e)=>{
      //     console.log('打印')
      //     window.print()
      // }
    }
  }
};
</script>

<style scoped>
::v-deep.el-form-item {
  margin-bottom: 0;
}

.bottomFlex {
  display: flex;
  align-items: center;
}

.weightfont {
  font-size: 20px;
  font-weight: bold;
}

.weightnum {
  font-size: 18px;
  font-weight: 500;
}

/deep/.el-dialog .el-dialog__body {
  padding: 0px 20px;
}
::v-deep .el-form-item__error {
  display: none;
}
</style>