1.主页
<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>
2.
<!--合同运力信息列表-->
<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>
原文：https://www.cnblogs.com/xmyfsj/p/15212865.html