<template>
  <div class="sfair-module">
    <!-- UI改造增加-偏好设置按钮 , 可直接复制 -->
    <sfair-page-config
      :config="[‘query‘, ‘list‘]"
      @click="showConfig"
      :class="[pageConfigBtnClass]"
    ></sfair-page-config>
    <sfair-normal-config
      :dataId="‘condition‘"
      :moduleCode="conditionConfigDataKey"
      :sysCode="sysCode"
      :more="searchMoreConfig"
      :normal="searchNormalConfig"
      :showConfig.sync="conditionConfigShow"
      @sure="switchItem"
      @moreToggle="moreToggle"
      @heightChange="conditionChange"
      class="query-condition"
      :class="[conditionToggleBtnClass]"
    >
      <!-- 查询条件 -->
      <el-form
        class="searchform"
        :inline="true"
        :model="searchForm"
        :label-position="‘top‘"
        ref="searchForm"
        label-width="210px"
      >
        <template v-for="item in conditions">
          <el-form-item
            v-if="isVisible(item, ‘deptCode‘)"
            :key="item.prop"
            class="label_required"
            label="网点"
            prop="deptCode"
            label-width="120px"
          >
            <sfair-node-list-select-atms
              v-model="searchForm.deptCodeObject"
              :returnDataKey="deptCodeDataKey"
              :multiple="true"
              @change="changeDeptCode"
              v-if="isAtms"
            >
            </sfair-node-list-select-atms>

            <sfair-node-tree-select
              v-if="!isAtms"
              v-model="searchForm.deptCode"
              :style="{ width: ‘180px‘ }"
              :multiple="true"
              :returnDataKey="deptCodeDataKey2"
              @clear="clearDeptCode"
              @change="changeDeptCodeTree"
            >
            </sfair-node-tree-select>
          </el-form-item>
          <!--合同类型-->
          <el-form-item
            label="合同类型"
            v-if="isVisible(item, ‘contractType‘)"
            :key="item.prop"
          >
            <el-select
              v-model="searchForm.contractType"
              placeholder="请选择"
              clearable
              @change="changeContractType"
            >
              <el-option
                v-for="item in contractTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!--供应商名称-->
          <el-form-item
            label="供应商"
            v-if="isVisible(item, ‘supplierName‘)"
            :key="item.prop"
          >
            <!--<el-input v-model="searchForm.supplierName" clearable></el-input>-->
            <sfair-supplier-list-select
              v-model="searchForm.supplierName"
              :returnDataKey="supplierDataKey"
              :params="querySupplierParams"
              @change="changeSupplierCode"
              width="‘180px‘"
              @click.native.stop="handleSupplierTable"
            >
            </sfair-supplier-list-select>
          </el-form-item>
          <!--合同ID-->
          <el-form-item
            label="合同ID"
            v-if="isVisible(item, ‘contractId‘)"
            :key="item.prop"
          >
            <el-input
              clearable
              v-model="searchForm.contractId"
              placeholder="请输入合同ID"
            ></el-input>
          </el-form-item>
          <!--电子合同编号-->
          <el-form-item
            label="电子合同编号"
            v-if="isVisible(item, ‘contractCode‘)"
            :key="item.prop"
          >
            <el-input
              v-model="searchForm.contractCode"
              placeholder="请输入电子合同编号"
            ></el-input>
          </el-form-item>
          <!--合同状态-->
          <el-form-item
            label="合同状态"
            v-if="isVisible(item, ‘contractStatus‘)"
            :key="item.prop"
          >
            <el-select
              v-model="searchForm.contractState"
              placeholder="请选择"
              clearable
            >
              <el-option
                v-for="item in contractStatusOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!--航班类型-->
          <el-form-item
            label="航班类型"
            v-if="isVisible(item, ‘flightType‘)"
            :key="item.prop"
          >
            <el-select v-model="searchForm.flightType" clearable>
              <el-option
                v-for="item in flightTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!--关联方式-->
          <el-form-item
            label="关联方式"
            v-if="isVisible(item, ‘linkedType‘)"
            :key="item.prop"
          >
            <el-select
              v-model="searchForm.linkedType"
              placeholder="请选择"
              clearable
              @change="linkedTypeChange"
            >
              <el-option
                v-for="item in linkedTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>

          <!--关联方式   ICS/SRM审核状态-->
          <el-form-item
            label="审核状态"
            v-if="isVisible(item, ‘linkedState‘)"
            :key="item.prop"
          >
            <el-select
              v-model="searchForm.linkedState"
              placeholder="请选择"
              clearable
              :disabled="linkedShow"
            >
              <el-option
                v-for="item in linkedStateOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!--已上传影像    -->
          <el-form-item
            label="已上传影像"
            v-if="isVisible(item, ‘contractIsVideo‘)"
            :key="item.prop"
          >
            <el-select
              v-model="searchForm.contractIsVideo"
              placeholder="请选择"
              clearable
            >
              <el-option
                v-for="item in isVideoOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!--合同开始时间-->
          <el-form-item
            label="合同开始时间"
            v-if="isVisible(item, ‘startDate‘)"
            :key="item.prop"
          >
            <el-date-picker
              v-model="searchForm.startDate"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              type="date"
              placeholder="请选择"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item
            label="合同结束时间"
            v-if="isVisible(item, ‘endDate‘)"
            :key="item.prop"
          >
            <el-date-picker
              v-model="searchForm.endDate"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              type="date"
              placeholder="请选择"
            >
            </el-date-picker>
          </el-form-item>
        </template>
      </el-form>
    </sfair-normal-config>

    <!-- UI改造增加-按钮组 , 可直接复制 - start -->
    <sfair-btns
      :sysCode="sysCode"
      :dataId="‘list‘"
      :moduleCode="butConfigDataKey"
      :showConfig.sync="butConfigShow"
      @click="btnClick"
      @heightChange="btnChange"
      :normal="btns"
      :more="moreBtns"
      class="sfair-second-level"
    >
    </sfair-btns>

    <sfair-list-config
      ref="listConfig"
      @sure="tableConfigChange"
      :showConfig.sync="listConfigShow"
      :isCumputeHeight="false"
      :sysCode="sysCode"
      :moduleCode="listConfigDataKey"
      :dataId="‘list‘"
      :left="colLeftConfig"
      :right="colRightConfig"
      :normal="colNormalConfig"
      :queryTableVisible="queryTableVisible"
      class="sfair-first-level"
    >
      <el-table
        ref="multipleTable"
        :data="tableData"
        border
        style="width: 100%"
        height="400"
        :row-class-name="tableRowClassName"
        :cell-style="tableCellClassName"
        @select-all="selectAll"
        @select="checkBoxSelect"
        @row-click="rowClick"
        @row-dblclick="rowdbClick"
        @selection-change="selectionChange"
        @cell-dblclick="viewContractCellDbClick"
        @cell-click="logoutReasonAndRejectClick"
        v-loading="loading"
        element-loading-text="数据加载中"
        element-loading-background="rgba(255, 255, 255, 0.6)"
      >
        <el-table-column
          type="selection"
          align="center"
          width="55"
          fixed
        ></el-table-column>
        <template v-for="item in cols">
          <el-table-column
            :key="item.prop"
            :fixed="item.fixed"
            :prop="item.prop"
            :label="item.label"
            align="center"
            :show-overflow-tooltip="true"
            :width="item.width"
            v-if="item.visible !== false"
          >
            <template slot-scope="{ row }">
              <el-link
                class="button-link"
                type="primary"
                :underline="false"
                v-show="
                  item.prop == ‘id‘ && capacityBtns[‘sendGetContractDetail‘]
                "
                @click="detailRow(row)"
                >{{ row.id }}</el-link
              >
              <span
                v-show="
                  item.prop == ‘id‘ && !capacityBtns[‘sendGetContractDetail‘]
                "
                >{{ row.id }}</span
              >
              <span v-show="item.prop != ‘id‘">{{ row[item.prop] }}</span>
            </template>
          </el-table-column>
        </template>
      </el-table>
    </sfair-list-config>

    <!-- UI改造增加-分页栏 , 先直接复制，再修改属性和事件，默认每页数量为20 -->
    <sfair-pagination
      @sizeChange="pageSizeChange"
      @currentChange="handleCurrentChangePage"
      :currentPage.sync="Pagination.currentPage"
      :pageSize.sync="Pagination.pageSize"
      :total="Pagination.totalSize"
      class="sfair-first-level"
    >
    </sfair-pagination>

 <!--合同运力信息列表-->
    <div class="operateBtn mt-20">
      <el-row>
        <el-col :span="24">
          <el-form :inline="true" :model="capacityForm" class="capacityForm">
            <el-form-item label="运力名称" prop="capacityName">
              <el-input
                class="searchLength"
                clearable
                v-model="capacityForm.flightNo"
                size="small"
              ></el-input>
            </el-form-item>
            <el-button
              type="main"
              v-if="capacityBtns[‘sendGetContractCapaSearch‘]"
              @click="searchCapacity(‘capacityForm‘, ‘btn‘)"
              icon="el-icon-search"
              >查询</el-button
            >
            <el-button
              type="operate"
              v-if="capacityBtns[‘sendGetContractCapaAdd‘]"
              @click="addCapacity"
              icon="el-icon-plus"
              >新增</el-button
            >
            <el-button
              type="danger"
              v-if="capacityBtns[‘sendGetContractDelCapa‘]"
              @click="deleteCapacity"
              icon="el-icon-delete"
              >删除</el-button
            >
            <el-button
              type="operate"
              v-if="capacityBtns[‘sendGetContractCapaModify‘]"
              @click="modifyCapacity"
              icon="el-icon-edit"
              >修改</el-button
            >
          </el-form>
        </el-col>
      </el-row>
      <sfair-list-config ref="listConfig2">
        <el-table
          ref="capacityMultipleTable"
          :data="tableCapacityData"
          height="280"
          border
          style="width: 100%"
          @selection-change="capacitySelectionChange"
          @row-dblclick="rowdbCapacityClick"
          :row-class-name="tableCapacityRowClassName"
          @select-all="selectAllCapacity"
          @select="checkBoxSelectCapacity"
          @row-click="rowClickCapacity"
        >
          <el-table-column
            type="selection"
            align="center"
            width="55"
            fixed
          ></el-table-column>
          <template v-for="item in capacityHeadArr">
            <el-table-column
              :prop="item.prop"
              :key="item.value"
              :label="item.label"
              align="center"
              :show-overflow-tooltip="true"
              :width="item.width"
              :formatter="item.changeData2Zh"
            ></el-table-column>
          </template>
        </el-table>
      </sfair-list-config>
      <sfair-pagination
        @sizeChange="pageSizeCapacityChange"
        @currentChange="currentPageCapacityChange"
        :currentPage.sync="capacityPage.currentPage"
        :pageSize.sync="capacityPage.pageSize"
        :total="capacityPage.totalSize"
        class="sfair-first-level"
      >
      </sfair-pagination>
    </div>

    <!--合同运力 新增，修改，详情，复制-->
    <el-dialog
      :modal="false"
      :title="editDialogTitle"
      :visible.sync="editDialogVisible"
      class="sfair-dialog"
      custom-class="contractDialog orderDialog"
      :before-close="closeEditDialog"
      :close-on-click-modal="false"
      @click.native="hideCompanet"
    >
      <!--<vue-element-loading :active="isActive" spinner="bar-fade-scale" color="rgb(64, 158, 255)" background-color="#303133ba"
             text="合同初始化" />-->
      <el-form
        :inline="true"
        :model="editForm"
        :rules="editFormRules"
        ref="editForm"
        size="small"
        class="edit-form"
        :label-position="labelPosition"
      >
        <el-row v-if="editDialogType == ‘view‘ || editDialogType == ‘modify‘">
          <span style="margin-right: 80px"
            >当前合同状态：{{ editForm.contractStateStr }} 。 关联方式：{{
              editForm.linkedTypeName
            }}
            {{ editForm.linkedTypeName2 }} {{ editForm.linkedTypeName3 }}</span
          >
          <span
            >ICS/SRM审核状态：{{ editForm.linkedStateName }}
            {{ editForm.linkedStateName2 }} {{ editForm.linkedStateName3 }}
          </span>
        </el-row>
        <fieldset style="padding: 20px 10px; margin-top: 30px">
          <legend i18n="" text-align="left">合同基本信息</legend>
          <el-row>
            <el-col :span="8">
              <el-form-item
                label="网点名称"
                prop="deptName"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.deptName"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="所属区域"
                prop="areaName"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.areaName"
                  :disabled="true"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="经营本部"
                prop="hqName"
                class="deptCodeInput"
              >
                <el-input v-model="editForm.hqName" :disabled="true"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="合同类型"
                prop="contractType"
                class="deptCodeInput"
              >
                <el-select
                  v-model="editForm.contractType"
                  @change="contTypeChange()"
                  :disabled="editDialogType != ‘add‘"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in contractTypeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="货币" prop="currency" class="deptCodeInput">
                <el-select
                  v-model="editForm.currency"
                  :disabled="isCanEdit() || !isState()"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in currencyOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="合同名称"
                prop="contractName"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.contractName"
                  :disabled="
                    isCanEdit() || (isIcs() && !isState())
                  "
                ></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="主供应商电子合同"
                prop="electronicContractNum"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.electronicContractNum"
                  @click.native="handleContractTable(1)"
                  readonly
                  type="text"
                  clearable
                  placeholder="请点击选择电子合同"
                >
                  <i
                    slot="suffix"
                    class="el-input__icon el-icon-refresh"
                    style="cursor: pointer"
                    @click.stop="clearContractCode(1)"
                  ></i>
                </el-input>
                <ics-cont
                  @setICSContract="setICSContract"
                  :multiple="false"
                  :contType="editForm.contractType"
                  :deptIds="editForm.deptId"
                  :deptCode="editForm.deptCode"
                  id="icsCont1"
                  ref="icsCont1"
                  :positionType="positionType"
                ></ics-cont>
                <!--<contract-list-select 
                                  v-model="editForm.contractObject" 
                                  :returnDataKey="contractDataKey"
                                  :params="contractParams"
                                  @change="changeContract"
                                  width="‘180px‘"></contract-list-select>-->
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商2电子合同"
                prop="electronicContractNum2"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.electronicContractNum2"
                  @click.native="handleContractTable(2)"
                  readonly
                  type="text"
                  clearable
                  placeholder="请点击选择电子合同"
                >
                  <i
                    slot="suffix"
                    class="el-input__icon el-icon-refresh"
                    style="cursor: pointer"
                    @click.stop="clearContractCode(2)"
                  ></i>
                </el-input>
                <ics-cont
                  @setICSContract="setICSContract"
                  :multiple="false"
                  :contType="editForm.contractType"
                  :deptIds="editForm.deptId"
                  :deptCode="editForm.deptCode"
                  id="icsCont2"
                  ref="icsCont2"
                  :positionType="positionType2"
                ></ics-cont>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商3电子合同"
                prop="electronicContractNum3"
                class="deptCodeInput"
              >
                <el-input
                  v-model="editForm.electronicContractNum3"
                  @click.native="handleContractTable(3)"
                  readonly
                  type="text"
                  clearable
                  placeholder="请点击选择电子合同"
                >
                  <i
                    slot="suffix"
                    class="el-input__icon el-icon-refresh"
                    style="cursor: pointer"
                    @click.stop="clearContractCode(3)"
                  ></i>
                </el-input>
                <ics-cont
                  @setICSContract="setICSContract"
                  :multiple="false"
                  :contType="editForm.contractType"
                  :deptIds="editForm.deptId"
                  :deptCode="editForm.deptCode"
                  id="icsCont3"
                  ref="icsCont3"
                  :positionType="positionType3"
                ></ics-cont>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="主供应商历史版本"
                prop="supplierContarctVersion"
              >
                <el-button
                  type="operate"
                  @click="showIcsContractVersion(1)"
                  :disabled="showIcsBtn(1)"
                  >点击查看</el-button
                >
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商2历史版本"
                prop="supplierContarctVersion2"
              >
                <el-button
                  type="operate"
                  @click="showIcsContractVersion(2)"
                  :disabled="showIcsBtn(2)"
                  >点击查看</el-button
                >
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商3历史版本"
                prop="supplierContarctVersion3"
              >
                <el-button
                  type="operate"
                  @click="showIcsContractVersion(3)"
                  :disabled="showIcsBtn(3)"
                  >点击查看</el-button
                >
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="合同开始日期"
                prop="contractStartDate"
                class="deptCodeInput contractDate"
              >
                <el-date-picker
                  v-model="editForm.contractStartDate"
                  type="date"
                  align="center"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  :picker-options="contractStartDateEditOptions"
                  @change="selectContractStartDate"
                  :disabled="isCanEdit() || isIcs() || !isState()"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="合同结束日期"
                prop="contractEndDate"
                class="deptCodeInput contractDate"
              >
                <el-date-picker
                  v-model="editForm.contractEndDate"
                  type="date"
                  align="center"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  @change="selectContractEndDate"
                  :picker-options="contractEndDateEditOptions"
                  :disabled="isCanEdit() || isIcs() || !isState()"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </fieldset>

        <fieldset style="padding: 20px 10px; margin-top: 30px">
          <legend i18n="" text-align="left">供应商基本信息</legend>
          <el-row>
            <el-col :span="8">
              <el-form-item label="主供应商我司名称" prop="compName" class="deptCodeInput">
                <sfair-company-list-select
                  v-model="compNameObject"
                  :returnDataKey="companyDataKey"
                  :params="companyParams"
                  @change="changeCompany"
                  @clear="clearCompanyCode(1)"
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="mainSupplierReadonlyFlag"
                  @click.native="handleCompanyTable(1)"
                >
                </sfair-company-list-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="供应商2我司名称" class="deptCodeInput">
                <sfair-company-list-select
                  v-model="compNameObject2"
                  :params="companyParams"
                  :returnDataKey="companyDataKey"
                  @change="changeCompany2"
                  @clear="
                    clearCompanyCode(2) || editForm.electronicContractNum2 != ‘‘
                  "
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="supplier2ComNameReadonlyFlag"
                  @click.native="handleCompanyTable(2)"
                >
                </sfair-company-list-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="供应商3我司名称" class="deptCodeInput">
                <sfair-company-list-select
                  v-model="compNameObject3"
                  :params="companyParams"
                  :returnDataKey="companyDataKey"
                  @change="changeCompany3"
                  @clear="clearCompanyCode(3)"
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="supplier3ComNameReadonlyFlag"
                  @click.native.stop="handleCompanyTable(3)"
                >
                </sfair-company-list-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="主供应商" prop="supplierName" class="deptCodeInput">
                <sfair-supplier-list-select
                  v-model="supplierObject"
                  :returnDataKey="supplierEditDataKey"
                  :params="modifySupplierParams"
                  @change="changeSupplierCode1"
                  @select="
                    (item) => {
                      this.setEditSupCode(item, 1);
                    }
                  "
                  @clear="clearEditSupplierCode(1)"
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="mainSupplierReadonlyFlag"
                  @click.native="handleEditSupTable(1)"
                >
                </sfair-supplier-list-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="供应商2" class="deptCodeInput">
                <sfair-supplier-list-select
                  v-model="supplierObject2"
                  :returnDataKey="supplierEditDataKey"
                  :params="modifySupplierParams"
                  @change="changeSupplierCode2"
                  @select="
                    (item) => {
                      this.setEditSupCode(item, 2);
                    }
                  "
                  @clear="clearEditSupplierCode(2)"
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="supplier2ReadonlyFlag"
                  @click.native="handleEditSupTable(2)"
                >
                </sfair-supplier-list-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="供应商3" class="deptCodeInput">
                <sfair-supplier-list-select
                  v-model="supplierObject3"
                  :returnDataKey="supplierEditDataKey"
                  :params="modifySupplierParams"
                  @change="changeSupplierCode3"
                  @select="
                    (item) => {
                      this.setEditSupCode(item, 3);
                    }
                  "
                  @clear="clearEditSupplierCode(3)"
                  width="‘180px‘"
                  v-if="editDialogVisible"
                  :readonly="supplier3ReadonlyFlag"
                  @click.native="handleEditSupTable(3)"
                >
                </sfair-supplier-list-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="主供应商对账条件"
                prop="reconciliationCondition"
              >
                <el-select
                  v-model="editForm.reconciliationCondition"
                  :disabled="isCanEdit() || !isHasSupplier(1)"
                >
                  <el-option
                    v-for="(item, index) in reconciliationConditionOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商2对账条件"
                prop="reconciliationCondition2"
              >
                <el-select
                  v-model="editForm.reconciliationCondition2"
                  :disabled="isCanEdit() || !isHasSupplier(2)"
                >
                  <el-option
                    v-for="(item, index) in reconciliationConditionOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商3对账条件"
                prop="reconciliationCondition3"
              >
                <el-select
                  v-model="editForm.reconciliationCondition3"
                  :disabled="isCanEdit() || !isHasSupplier(3)"
                >
                  <el-option
                    v-for="(item, index) in reconciliationConditionOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="主供应商是否预付款"
                prop="isPrePayment1"
                class="deptCodeInput"
              >
                <el-select
                  v-model="editForm.isPrePayment1"
                  :disabled="
                    isCanEdit() ||
                    isHasIcs(1) ||
                    !isHasSupplier(1)
                  "
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in payMentOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商2是否预付款"
                prop="isPrePayment2"
                class="deptCodeInput"
              >
                <el-select
                  v-model="editForm.isPrePayment2"
                  :disabled="
                    isCanEdit() ||
                    isHasIcs(2) ||
                    !isHasSupplier(2)
                  "
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in payMentOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商3是否预付款"
                prop="isPrePayment3"
                class="deptCodeInput"
              >
                <el-select
                  v-model="editForm.isPrePayment3"
                  :disabled="
                    isCanEdit() ||
                    isHasIcs(3) ||
                    !isHasSupplier(3)
                  "
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in payMentOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="主供应商总进位规则"
                prop="supplierCarryLogic"
              >
                <el-select
                  v-model="editForm.supplierCarryLogic"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in carryRuleOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商2总进位规则"
                prop="supplierCarryLogic2"
              >
                <el-select
                  v-model="editForm.supplierCarryLogic2"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in carryRuleOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="供应商3总进位规则"
                prop="supplierCarryLogic3"
              >
                <el-select
                  v-model="editForm.supplierCarryLogic3"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in carryRuleOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="折扣方式" prop="discountType">
                <el-select
                  v-model="editForm.discountType"
                  @change="setDisCountType()"
                  :disabled="isCanEdit()"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in discountTypeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="折扣率"
                prop="discountRate"
                class="deptCodeInput"
              >
                <el-input
                  class="searchLength"
                  v-model="editForm.discountRate"
                  :disabled="
                    isCanEdit() || editForm.discountType == 0
                  "
                  @input="checkDiscountRate"
                ></el-input>
              </el-form-item>
            </el-col>
            <!--                  @blur="checkDiscountRate"-->
            <el-col :span="8">
              <el-form-item label="操作模式" prop="operatorSchema">
                <el-select
                  v-model="editForm.operatorSchema"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in operatorSchemaOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="是否计抛" prop="isThrow">
                <el-select
                  v-model="editForm.isThrow"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in isThrowOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="短驳属性" prop="shortBarge">
                <el-select
                  v-model="editForm.shortBarge"
                  @change="setShortBarge()"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in shortBargeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="订舱供应商"
                prop="spaceSupplierCode"
                :class="{ ‘requre-item‘: editForm.contractType != ‘1‘ }"
              >
                <el-select
                  v-model="editForm.spaceSupplierCode"
                  @visible-change="loadSup()"
                  :disabled="
                    editForm.contractType == 1 ||
                    isCanEdit() ||
                    dialogFlag.disFlag
                  "
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in spaceSupplierCodeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="主运单信息采集供应商" prop="mnSupplierCode">
                <el-select
                  v-model="editForm.mnSupplierCode"
                  @visible-change="loadSup()"
                  :disabled="isCanEdit() || dialogFlag.disFlag"
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in mnSupplierCodeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item
                label="短驳供应商"
                prop="shortSupplierCode"
                class="deptCodeInput"
              >
                <el-select
                  v-model="editForm.shortSupplierCode"
                  @visible-change="loadShortSup()"
                  :disabled="
                    isCanEdit() || editForm.shortBarge != ‘2‘
                  "
                >
                  <el-option
                    class="searchLength"
                    v-for="(item, index) in shortSupplierCodeOptions"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="合同影像"
                prop="videoPath"
                class="deptCodeInput uploadFormItem"
              >
                <el-button
                  type="text"
                  style="text-decoration: underline; position: absolute"
                  :style="{
                    left: (fileVideoList.length > 0 ? 210 : 10) + ‘px‘,
                  }"
                  @click="showUploadVideoDialog"
                  v-show="
                    !isCanEdit() && fileVideoList.length <= 3
                  "
                  >上传</el-button
                >
                <p
                  v-for="(item, index) in fileVideoList"
                  :key="index"
                  style="position: absolute; width: 200px"
                  :style="{ top: 30 * index + ‘px‘ }"
                >
                  <span class="annex-class" @click="onDownload(item)">
                    {{ parsePicName(item) }}
                  </span>
                  <em
                    class="el-icon-download download-icon"
                    @click="onDownload(item)"
                  ></em>
                  <em
                    class="el-icon-error delete-icon"
                    @click.stop="deleteFile(item, index)"
                  ></em>
                </p>
              </el-form-item>
            </el-col>
          </el-row>
        </fieldset>

        <fieldset
          style="padding: 20px 10px; margin-top: 30px; min-inline-size: 100%"
        >
          <legend i18n="" text-align="left">供应商费用项维护</legend>
          <div class="operateBtn">
            <el-button
              type="operate"
              icon="el-icon-plus"
              @click="fareItemAdd"
              :disabled="isCanEdit() || dialogFlag.farebtnshow"
              >新增</el-button
            >
            <el-button
              type="danger"
              icon="el-icon-delete"
              @click="fareItemDelete()"
              :disabled="isCanEdit() || dialogFlag.farebtnshow"
              >删除</el-button
            >
          </div>
          <el-table
            ref="modifyTable"
            :data="fareItemTableData"
            border
            style="width: 100%; margin-top: 10px"
            height="300"
            element-loading-text="数据加载中"
            @selection-change="selectionFareItemChange"
            @row-dblclick="fareItemRowClick"
            :row-class-name="tableRowReClassName"
          >
            <el-table-column
              type="selection"
              align="center"
              width="60"
              fixed
            ></el-table-column>
            <el-table-column
              prop="supplierNameCom"
              label="供应商"
              align="center"
              width="300"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.supplierNameCom"
                  @change="fareItemSupSele(scope.row)"
                  @visible-change="loadFareItemSupOptions"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 280px"
                  size="small"
                >
                  <el-option
                    v-for="item in editFormSupCodeOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.label"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  scope.row.supplierNameCom
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="serveNameAndMeterUnitName"
              label="费用项"
              align="center"
              width="300"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.serveNameAndMeterUnitName"
                  @change="fareItemSerSele(scope.row)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 280px"
                  size="small"
                >
                  <el-option
                    v-for="item in fareItemserveOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.label"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  scope.row.serveNameAndMeterUnitName
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="taxRateName"
              label="税码"
              align="center"
              width="180"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.taxRateName"
                  @change="fareItemTaxSele(scope.row)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 160px"
                  size="small"
                >
                  <el-option
                    v-for="item in taxCodeOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.label"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  scope.row.taxRateName
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="payWay"
              label="付款方式"
              align="center"
              width="140"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.payWay"
                  @change="fareItemPayWaySele(scope.row)"
                  @visible-change="loadPayWay()"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 120px"
                  size="small"
                >
                  <el-option
                    v-for="item in payWayOptions2"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  payWay2Zh(scope.row.payWay)
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="bankn"
              label="银行账号"
              align="center"
              width="180"
              :class-name="fareItemNum == ‘‘ ? ‘pre-wap‘ : ‘‘"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.bankn"
                  @change="fareItemBankSele(scope.row)"
                  :disabled="scope.row.payWay == ‘E‘"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 160px"
                  size="small"
                >
                  <el-option
                    v-for="item in bankOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  scope.row.bankn
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="bankl"
              label="银行代码"
              align="center"
              class-name="pre-wap"
              width="280"
              :show-overflow-tooltip="true"
            >
              <template slot-scope="scope">
                <span>{{ scope.row.bankl }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="koinh"
              label="科目持有者"
              align="center"
              width="280"
              class-name="pre-wap"
            >
              <template slot-scope="scope">
                <span>{{ scope.row.koinh }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="banka"
              label="开户银行"
              align="center"
              width="260"
              class-name="pre-wap"
            >
              <template slot-scope="scope">
                <span>{{ scope.row.banka }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="invoiceType"
              label="发票类型"
              align="center"
              width="140"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.invoiceType"
                  @change="setFareItemChangeFlag(scope.row.mainSupplier)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 120px"
                  size="small"
                >
                  <el-option
                    v-for="item in invoiceTypeOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  invoiceType2Zh(scope.row.invoiceType)
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="termOfPay"
              label="付款条件"
              align="center"
              width="280"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.termOfPay"
                  @change="setFareItemChangeFlag(scope.row.mainSupplier)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 260px"
                  size="small"
                >
                  <el-option
                    v-for="item in termOfPayOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  termOfPay2Zh(scope.row.termOfPay)
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="billingWay"
              label="开票方式"
              align="center"
              width="140"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.billingWay"
                  @change="setFareItemChangeFlag(scope.row.mainSupplier)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 120px"
                  size="small"
                >
                  <el-option
                    v-for="item in billingWayOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  billingWay2Zh(scope.row.billingWay)
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="carryLogic"
              label="进位规则"
              align="center"
              width="180"
              :render-header="addRedStar"
            >
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.carryLogic"
                  @change="setFareItemChangeFlag(scope.row.mainSupplier)"
                  :label-in-value="true"
                  v-if="scope.row.index == fareItemNum"
                  filterable
                  placeholder="请选择"
                  clearable
                  style="width: 160px"
                  size="small"
                >
                  <el-option
                    v-for="item in carryRuleOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
                <span v-if="scope.row.index != fareItemNum">{{
                  carryLogic2Zh(scope.row.carryLogic)
                }}</span>
              </template>
            </el-table-column>
          </el-table>
        </fieldset>
      </el-form>

      <span
        slot="footer"
        class="dialog-footer"
        style="
          border-top: 1px solid #ddd;
          width: 100%;
          display: block;
          padding-top: 10px;
        "
      >
        <el-button
          type="main"
          v-if="auditFlag && editDialogType != ‘view‘"
          @click="saveRow(1)"
          :disabled="dialogFlag.farebtnshow"
          >保存</el-button
        >
        <el-button
          type="permission"
          v-if="
            auditFlag &&
            editDialogType != ‘view‘ &&
            isState2(editDialogType) &&
            capacityBtns[‘sendGetContractSubCheck‘]
          "
          @click="saveRow(2)"
          >提交审核</el-button
        >
        <el-button
          type="operate"
          v-if="auditFlag && editDialogType != ‘view‘"
          @click="resetEditForm"
          :disabled="dialogFlag.farebtnshow"
          >重置</el-button
        >
        <el-button
          type="operate"
          v-if="!auditFlag && editDialogType != ‘view‘"
          @click="auditRow"
          >审核通过</el-button
        >
        <el-button
          type="operate"
          v-if="!auditFlag && editDialogType != ‘view‘"
          @click="rejectView"
          >驳回</el-button
        >
        <el-button
          type="operate"
          v-if="capacityBtns[‘sendGetContractAdd‘] && editDialogType == ‘view‘"
          @click="copyRow"
          icon="el-icon-edit"
          >复制</el-button
        >
      </span>
    </el-dialog>

    <el-dialog
      title="发提货合同版本"
      :visible.sync="icsContractDialogVisible"
      class="sfair-dialog"
      :before-close="closeIcsContractDialog"
      width="640px"
      :close-on-click-modal="false"
    >
      <el-table
        :data="icsContractTableData"
        border
        style="width: 600px"
        height="400"
        element-loading-text="数据加载中"
      >
        <el-table-column
          type="selection"
          align="center"
          :highlight-current-row="true"
          width="55"
          fixed
        ></el-table-column>
        <template v-for="item in icsContractHeadArr">
          <el-table-column
            :prop="item.prop"
            :key="item.value"
            :label="item.label"
            align="center"
            :show-overflow-tooltip="true"
            :width="item.width"
          ></el-table-column>
        </template>
        <el-table-column label="操作" align="center">
          <template slot-scope="scope">
            <el-button type="main" @click="openDetail(scope.row)"
              >查看</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <!--历史合同表格分页-->
      <el-row>
        <!--<el-pagination id="paginationHisContVersion" small @size-change="hisContVersionPageSizeChange" @current-change="hisContVersionCurrentPageChange"
                 :current-page="hisContVersionCurrentPage" :page-sizes="[10, 20, 50]" :page-size="hisContVersionPageSize" layout="->,prev, pager, next, jumper, sizes,total"
                 :total="hisContVersionTotalSize" :pagerCount="5" background>
                </el-pagination>-->
        <sfair-pagination
          @sizeChange="hisContVersionPageSizeChange"
          @currentChange="hisContVersionCurrentPageChange"
          :currentPage.sync="hisContVersionCurrentPage"
          :pageSize.sync="hisContVersionPageSize"
          :total="hisContVersionTotalSize"
          class="sfair-first-level"
        >
        </sfair-pagination>
      </el-row>
    </el-dialog>

    <el-dialog
      title="历史合同"
      :visible.sync="historyContractDialogVisible"
      class="sfair-dialog"
      :before-close="closeHistoryContractDialog"
      width="1200px"
      :close-on-click-modal="false"
    >
      <el-form
        :inline="true"
        :model="contractHistoryData"
        label-width="140px"
        size="small"
      >
        <el-row>
          <el-col :span="8">
            <el-form-item label="电子合同编号" prop="contCode">
              <el-input
                v-model="contractHistoryData.contCode"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="版本号" prop="contVersion">
              <el-input
                v-model="contractHistoryData.contVersion"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="生效日期    " prop="versionStartTime">
              <el-input
                v-model="contractHistoryData.versionStartTime"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="我司名称    " prop="companyName">
              <el-input
                v-model="contractHistoryData.companyName"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="供应商名称" prop="supplierName">
              <el-input
                v-model="contractHistoryData.supplierName"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="是否预付款" prop="isPayment">
              <el-input
                v-model="contractHistoryData.isPaymentStr"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item
              label="变更前未结算业务是否应用新条款"
              prop="applyToOldStr"
            >
              <el-input
                v-model="contractHistoryData.applyToOldStr"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="结算周期" prop="applyToOldStr">
              <el-input
                v-model="contractHistoryData.payPeriods"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="标准模板" prop="applyToOldStr">
              <el-input
                v-model="contractHistoryData.standardTp"
                :disabled="true"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-table
        :data="contractHistoryData.financeList"
        border
        style="width: 100%"
        height="320"
        element-loading-text="数据加载中"
      >
        <el-table-column
          type="selection"
          align="center"
          :highlight-current-row="true"
          width="55"
          fixed
        ></el-table-column>
        <el-table-column
          prop="serveNameAndMeterUnitName"
          label="费用项"
          :render-header="addRedStar"
          align="center"
          min-width="260"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column
          prop="taxRateName"
          label="税码"
          :render-header="addRedStar"
          align="center"
          min-width="120"
        ></el-table-column>
        <el-table-column
          prop="payWay"
          label="付款方式"
          :render-header="addRedStar"
          align="center"
          min-width="120"
          :formatter="payWay2Zh2"
        ></el-table-column>
        <el-table-column
          prop="bankn"
          label="银行账号"
          align="center"
          min-width="160"
        ></el-table-column>
        <el-table-column
          prop="bankl"
          label="银行代码"
          align="center"
          min-width="120"
        ></el-table-column>
        <el-table-column
          prop="koinh"
          label="科目持有者"
          align="center"
          min-width="220"
        >
          <template> </template>
        </el-table-column>
        <el-table-column
          prop="banka"
          label="开户银行"
          align="center"
          min-width="280"
        ></el-table-column>
        <el-table-column
          prop="invoiceType"
          label="发票类型"
          :render-header="addRedStar"
          align="center"
          :formatter="invoiceType2Zh2"
          min-width="120"
        ></el-table-column>
        <el-table-column
          prop="termOfPay"
          label="付款条件"
          :render-header="addRedStar"
          align="center"
          :formatter="termOfPay2Zh2"
          min-width="280"
        ></el-table-column>
        <el-table-column
          prop="billingWay"
          label="开票方式"
          :render-header="addRedStar"
          align="center"
          :formatter="billingWay2Zh2"
          min-width="120"
        ></el-table-column>
        <el-table-column
          prop="carryLogic"
          label="进位规则"
          :render-header="addRedStar"
          align="center"
          :formatter="carryLogic2Zh2"
          min-width="120"
        ></el-table-column>
      </el-table>
    </el-dialog>

    <!--驳回合同按钮对话框-->
    <el-dialog
      title="驳回"
      :visible.sync="auRejectForm.auRejectFormDialogVisible"
      class="sfair-dialog"
      width="560px"
      :before-close="closeAuRejectFormDialog"
    >
      <el-form :model="auRejectForm">
        <el-form-item label="驳回原因" label-width="140px">
          <el-input
            v-model.trim="auRejectForm.reason"
            autocomplete="off"
            type="textarea"
            :rows="2"
            maxlength="500"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="operate" @click="closeAuRejectFormDialog"
          >取 消</el-button
        >
        <el-button type="main" @click="rejectSave()">确 定</el-button>
      </div>
    </el-dialog>

    <!--注销合同按钮对话框-->
    <el-dialog
      title="作废合同"
      :visible.sync="logoutForm.logoutDialogVisible"
      class="sfair-dialog"
      width="560px"
      :before-close="closeLogoutDialog"
      :close-on-click-modal="false"
    >
      <el-form :model="logoutForm">
        <el-form-item label="作废原因" label-width="140px">
          <el-input
            v-model="logoutForm.logoutReason"
            autocomplete="off"
            type="textarea"
            :rows="2"
            maxlength="500"
            show-word-limit
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="operate" @click="closeLogoutDialog">取 消</el-button>
        <el-button type="main" @click="handleConfirmLogoutDialog()"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!--查看作废和驳回日志的-->
    <el-dialog
      :modal="false"
      title="合同操作日志"
      :visible.sync="rejectAndLogoutDialogVisible"
      class="sfair-dialog"
      :before-close="closeRejectAndLogoutDialog"
      :close-on-click-modal="false"
      width="600px"
    >
      <!--<el-form>
                <el-form-item label="作废原因" label-width="140px">
                    <el-input v-model="searchLogoutForm.contractLogoutReason" autocomplete="off" type="textarea" :rows="2" :disabled="true"></el-input>
                </el-form-item>
            </el-form>-->

      <el-table :data="rejectForm" border stripe>
        <template v-for="item in rejectLogHeadArr">
          <el-table-column
            :prop="item.prop"
            :key="item.value"
            :label="item.label"
            align="center"
            :show-overflow-tooltip="true"
            :width="item.width"
            :formatter="changeRejectLogContractState"
          ></el-table-column>
        </template>
      </el-table>
      <el-row>
        <!--<el-pagination id="paginationReject" small @size-change="pageSizeRejectChange" @current-change="currentPageRejectChange"
                 :current-page="rejectCurrentPage" :page-sizes="[10, 20, 50]" :page-size="rejectPageSize" layout="->,prev, pager, next, jumper, sizes,total"
                 :total="rejectTotalSize" :pagerCount="5" background>
                </el-pagination>-->
      </el-row>
    </el-dialog>

    <!--导出按钮-->
    <download-table
      :dialogTaskTitle="dialogTaskTitle"
      :executeCode="executeCode"
      ref="sendGetContractTask"
    ></download-table>

    <!--导出运力按钮-->
    <download-table
      :dialogTaskTitle="dialogTaskTitle"
      :executeCode="executeCapacityCode"
      ref="sendGetContractCapacityTask"
    ></download-table>

    <!--导出下载列表showExportListDialogVisible-->
    <el-dialog
      :modal="false"
      title="下载列表"
      :visible.sync="showExportListDialogVisible"
      width="960px"
      top="5vh"
      :close-on-click-modal="false"
      :before-close="closeExportTaskDialog"
      class="sfair-dialog"
    >
      <div style="margin-bottom: 10px; width: 100%; height: 32px">
        <el-button
          type="main"
          size="small"
          @click="refreshAllExportList"
          icon="el-icon-refresh"
          style="float: right; padding: 4px 10px"
          >刷新</el-button
        >
      </div>
      <el-table :data="exportTaskListData" style="width: 100%">
        <el-table-column prop="downloadFileName" label="任务类型" width="180">
        </el-table-column>
        <el-table-column
          prop="statusStr"
          label="任务处理状态"
          align="center"
          width="120"
        ></el-table-column>
        <el-table-column
          prop="createTime"
          align="center"
          label="创建时间"
          width="160"
        ></el-table-column>
        <el-table-column
          prop="beginTime"
          align="center"
          label="处理开始时间"
          width="160"
        ></el-table-column>
        <el-table-column
          prop="endTime"
          align="center"
          label="处理结束时间"
          width="160"
        ></el-table-column>
        <el-table-column prop="downloadPath" label="路径">
          <template slot-scope="scope">
            <a
              v-if="scope.row.state == 6"
              href="javascript:void(0)"
              @click="
                onDownloadImportErrorExcel(
                  scope.row.downloadPath,
                  scope.row.downloadFileName
                )
              "
              >下载</a
            >
          </template>
        </el-table-column>
      </el-table>
      <!--      <el-pagination id="exportPagenation" small @size-change="pageTaskSizeChange" @current-change="currentTaskPageChange" :current-page="taskPagenation.currentPage" :page-sizes="[10,20]"-->
      <!--          :page-size="taskPagenation.pageSize" layout="->,prev, pager, next, jumper, sizes,total" :total="taskPagenation.totalSize" :pagerCount="5"  background>-->
      <!--        </el-pagination>-->
    </el-dialog>

    <!--导入运力文件按钮对话框-->
    <el-dialog
      :modal="false"
      title="导入运力"
      :visible.sync="dialogFormVisibleImportExcel"
      class="sfair-dialog"
      width="540px"
      :before-close="closeFileExcelUploadDialog"
      :close-on-click-modal="false"
    >
      <el-form :model="uploadExcelForm">
        <el-form-item label="下载模板" prop="download">
          <el-button type="text" @click="onDownloadCapacityExcelModel">{{
            excelTempLateFileName
          }}</el-button>
        </el-form-item>
        <el-form-item label="">
          <el-upload
            ref="uploadExcelForm"
            action=""
            :multiple="false"
            :limit="fileLimitSize"
            :on-exceed="exceedFileListLimit"
            :file-list="fileExcelList"
            :on-change="handleExcelFileChange"
            :on-remove="handleExcelRemove"
            :http-request="uploadCapacityExcelFile"
            :auto-upload="false"
          >
            <el-button slot="trigger" size="small" type="main"
              >选取文件</el-button
            >
            <el-button
              style="margin-left: 10px"
              size="small"
              type="operate"
              @click="uploadCapacityExcelUpload"
              :loading="btnLoading"
            >
              上传
            </el-button>
          </el-upload>
          <div class="attachTips" style="color: red; font-size: 8px">
            {{ excelNotify }}
          </div>
        </el-form-item>
      </el-form>
    </el-dialog>

    <el-dialog
      :modal="false"
      title="上传影像"
      :visible.sync="uploadVideoDialogFormVisible"
      class="sfair-dialog"
      width="540px"
      :before-close="closeUploadVideoDialog"
      :close-on-click-modal="false"
    >
      <el-form :model="uploadExcelForm">
        <el-form-item label="">
          <el-upload
            ref="uploadVideoForm"
            action=""
            :multiple="false"
            :show-file-list="false"
            :on-exceed="exceedVideoListLimit"
            :on-remove="handleVideoRemove"
            :on-change="handleVideoFileChange"
            :http-request="uploadVideoFile"
            :auto-upload="true"
            :before-upload="beforeVideoUploadFile"
          >
            <el-button slot="trigger" size="small" type="operate txt"
              >上传影像</el-button
            >
          </el-upload>
          <div class="attachTips" style="color: red; font-size: 8px">
            {{ videoNotify }}
          </div>
        </el-form-item>
      </el-form>
    </el-dialog>

    <!--传SRM按钮对话框-->
    <el-dialog
      :modal="false"
      title="传至SRM或拉取电子合同版本"
      :visible.sync="dialogFormVisibleSRM"
      class="sfair-dialog"
      width="560px"
      :before-close="closeSRMDialog"
      :close-on-click-modal="false"
    >
      <el-form :model="srmForm">
        <el-form-item label="合同ID">
          <el-input
            v-model="srmForm.contractId"
            placeholder="传多个合同ID（数字）时用英文逗号隔开"
          ></el-input>
        </el-form-item>
        <el-form-item label="操作" width="120px">
          <el-radio-group v-model="srmForm.operation">
            <el-radio label="传至SRM"></el-radio>
            <el-radio label="拉取电子合同版本"></el-radio>
          </el-radio-group>
          <div class="attachTips" style="color: red; font-size: 8px">
            {{ srmForm.notify }}
          </div>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="main" @click="doToSRM">确 定</el-button>
        <el-button type="operate" @click="resetSRM">重置</el-button>
      </div>
    </el-dialog>

    <!--新增运力按钮对话框-->
    <el-dialog
      title="新增运力"
      :modal="false"
      :visible.sync="addCapacityDialogVisible"
      class="sfair-dialog"
      width="560px"
      :before-close="closeAddCapacityDialog"
      :close-on-click-modal="false"
    >
      <el-form
        :model="addCapacityForm"
        label-width="80px"
        class="capacityForm"
        size="small"
      >
        <el-form-item
          label="运力名称"
          style="position: relative"
          class="whilte-Input"
        >
          <contract-capacity-list
            v-model="capacityNames"
            @change="setCapacityName"
            @clear="clearCapacityName"
            :returnDataKey="capacityDataKey"
            :params="capacityNameParams"
            :width="‘420px‘"
            :panelWidth="‘420px‘"
            v-if="addCapacityDialogVisible"
          >
          </contract-capacity-list>
        </el-form-item>

        <el-form-item label="" v-if="openNotReturn">
          <el-radio
            v-model="addCapacityForm.isNotReturnFloorHandle"
            @click.native.prevent="
              addCapacityRadioChange(1, ‘isNotReturnFloorHandle‘)
            "
            :label="1"
            >不退还地面处理费
          </el-radio>
          <el-radio
            v-model="addCapacityForm.isGetReturnServiceFee"
            @click.native.prevent="
              addCapacityRadioChange(1, ‘isGetReturnServiceFee‘)
            "
            :label="1"
            >收取退运服务费
          </el-radio>
        </el-form-item>

        <el-form-item label="拉货转运结算方式" v-if="openPull">
          <el-select
            v-model="addCapacityForm.pullTransportType"
            placeholder="按各航班合同对应的费用项结算"
            @change="isOpenContrastRate"
          >
            <el-option
              v-for="item in pullTransportTypeOptions"
              :key="item.label"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          label="运价比率（%）"
          width="120px"
          v-if="showContrastRate"
        >
          <el-input
            v-model="addCapacityForm.contrastRate"
            autocomplete="off"
            :disabled="openContrastRate"
            @input="checkAddRate"
          ></el-input>
        </el-form-item>

        <el-form-item label="">
          <el-radio
            v-model="addCapacityForm.isDifShort"
            @click.native.prevent="
              addCapacityScheduleRadioChange(‘1‘, ‘isDifShort‘)
            "
            label="1"
            >是否按班期区分短驳
          </el-radio>
        </el-form-item>

        <el-form-item label="短驳属性" v-if="openGroundType">
          <el-select
            v-model="addCapacityForm.shortBarge"
            :disabled="addOpenShortBarge"
          >
            <el-option label="代理短驳" value="2"></el-option>
            <el-option label="Ground车辆短驳" value="1"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="班期" v-if="openScheduleInGround">
          <el-checkbox-group v-model="scheduledDayGroundList">
            <el-checkbox label="1"></el-checkbox>
            <el-checkbox label="2"></el-checkbox>
            <el-checkbox label="3"></el-checkbox>
            <el-checkbox label="4"></el-checkbox>
            <el-checkbox label="5"></el-checkbox>
            <el-checkbox label="6"></el-checkbox>
            <el-checkbox label="7"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>

        <el-form-item label="短驳属性" v-if="openProxyType">
          <el-select
            v-model="addCapacityForm.shortBarge"
            :disabled="addOpenShortBarge"
            v-if="!openShortBarge"
          >
            <el-option label="代理短驳" value="2"></el-option>
            <el-option label="Ground车辆短驳" value="1"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="代理短驳" v-if="openSchedulesInProxy">
          <el-checkbox-group v-model="scheduledDayProxyList">
            <el-checkbox label="1"></el-checkbox>
            <el-checkbox label="2"></el-checkbox>
            <el-checkbox label="3"></el-checkbox>
            <el-checkbox label="4"></el-checkbox>
            <el-checkbox label="5"></el-checkbox>
            <el-checkbox label="6"></el-checkbox>
            <el-checkbox label="7"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>

        <el-form-item label="Ground车辆短驳" v-if="openSchedulesInProxy">
          <el-checkbox-group v-model="scheduledDayGroundList">
            <el-checkbox label="1"></el-checkbox>
            <el-checkbox label="2"></el-checkbox>
            <el-checkbox label="3"></el-checkbox>
            <el-checkbox label="4"></el-checkbox>
            <el-checkbox label="5"></el-checkbox>
            <el-checkbox label="6"></el-checkbox>
            <el-checkbox label="7"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <br />
        <el-button type="main" @click="saveAddCapacity()">保 存</el-button>
      </div>
    </el-dialog>

    <!--修改运力按钮对话框-->
    <el-dialog
      title="运力修改"
      :modal="false"
      :visible.sync="modifyCapacityDialogVisible"
      class="sfair-dialog"
      width="560px"
      :before-close="closeModifyCapacityDialog"
      :close-on-click-modal="false"
    >
      <el-form
        :model="modifyCapacityForm"
        class="capacityForm"
        label-width="120px"
        size="small"
      >
        <!--        <el-form-item label="运力名称" class="whilte-Input">-->
        <el-form-item label="运力名称">
          <el-input
            v-model="modifyCapacityForm.flightNo"
            autocomplete="off"
            :disabled="true"
          ></el-input>
        </el-form-item>

        <!--        <el-form-item label="航班类型">-->
        <!--          <el-select v-model="modifyCapacityForm.flightType" disabled>-->
        <!--            <el-option v-for="item in flightTypeOptions" :key="item.label" :label="item.label"-->
        <!--                       :value="item.value"></el-option>-->
        <!--          </el-select>-->
        <!--        </el-form-item>-->

        <el-form-item label="" v-if="openModifyNotReturn">
          <el-radio
            v-model="modifyCapacityForm.isNotReturnFloorHandle"
            @click.native.prevent="
              modifyCapacityRadioChange(1, ‘isNotReturnFloorHandle‘)
            "
            :label="1"
            >不退还地面处理费
          </el-radio>
          <el-radio
            v-model="modifyCapacityForm.isGetReturnServiceFee"
            @click.native.prevent="
              modifyCapacityRadioChange(1, ‘isGetReturnServiceFee‘)
            "
            :label="1"
            >收取退运服务费
          </el-radio>
        </el-form-item>

        <el-form-item label="拉货转运结算方式" v-if="openModifyPull">
          <el-select
            v-model="modifyCapacityForm.pullTransportType"
            @change="isOpenModifyContrastRate"
          >
            <el-option
              v-for="item in pullTransportTypeOptions"
              :key="item.label"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="运价比率（%）" v-if="showModifyContrastRate">
          <el-input
            v-model="modifyCapacityForm.contrastRate"
            autocomplete="off"
            :disabled="openModifyContrastRate"
            @input="checkModifyRate"
          ></el-input>
        </el-form-item>

        <el-form-item label="班期">
          <el-checkbox-group v-model="modifyScheduledDayList">
            <el-checkbox label="1"></el-checkbox>
            <el-checkbox label="2"></el-checkbox>
            <el-checkbox label="3"></el-checkbox>
            <el-checkbox label="4"></el-checkbox>
            <el-checkbox label="5"></el-checkbox>
            <el-checkbox label="6"></el-checkbox>
            <el-checkbox label="7"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>

        <el-form-item label="短驳属性">
          <el-select
            v-model="modifyCapacityForm.shortBarge"
            placeholder="请选择短驳属性"
            :disabled="modifyOpenShortBarge"
          >
            <el-option label="代理短驳" value="2"></el-option>
            <el-option label="Ground车辆短驳" value="1"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="main" @click.native="doModifyCapacity()"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>