发提货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的主要内容,如果未能解决你的问题,请参考以下文章

京东供应链模式TC转运流程

markdown 修改送货确认电子邮件模板以考虑店内提货

python使用上下文对代码片段进行计时,非装饰器

十个html5代码片段,超实用,一定要收藏

java 多线程 异步调用

如何在部分回发期间检查客户端脚本是不是已注册