发提货page
Posted 晓梦云飞
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了发提货page相关的知识,希望对你有一定的参考价值。
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- > <template v-for="item in conditions"> <el-form-item v-if="isVisible(item, \'deptCode\')" :key="item.prop" class="label_required" label="网点" prop="deptCode" label- > <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()"以上是关于发提货page的主要内容,如果未能解决你的问题,请参考以下文章