采购需求单列表更换，删除以前新增备份文件

src/views/purchase/PurchaseDemandList/add_bak.vue

@@ -1,1816 +0,0 @@
-<template>
-  <div id="addDemandList">
-  <el-card style="position: relative;">
-    <span>基本信息</span>
-    <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="auto" :show-message="false">
-      <el-row :gutter="10">
-        <el-col :span="1.5">
-          <el-form-item label="业务类型" prop="billType" :rules="{ required: true, message: '请选择业务类型', trigger: 'blur' }">
-            <el-select clearable v-model="basicForm.billType" @change="changeBillType" :disabled="sonDisable" size="mini" style="width: 200px">
-              <el-option v-for=" dict in dict.type.sys_business" :key="dict.value" :label="dict.label" :value="dict.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="需求客户">
-            <el-select clearable size="mini" v-model="basicForm.customer" :disabled="sonDisable" @clear="cleanCustomer" @focus="chooseOrg('CUSTOMER_PARAM', true, '选择客户')" style="width: 200px">
-              <el-option v-for="item in customerOptions" :key="item.id" :label="item.name" :value="item.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="需求人员">
-              <el-select clearable size="mini" v-model="basicForm.demandPersonal" :disabled="sonDisable" @focus="chooseOrg('CONTACTS_PARAM', true, '需求人员')" style="width: 200px">
-                <el-option v-for="item in personOptions" :key="item.id" :label="item.name" :value="item.code" />
-              </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="需求部门">
-            <el-select clearable v-model="basicForm.demandDept" size="mini" :disabled="sonDisable" @focus="chooseOrg('DEPT_PARAM', true, '需求部门')" style="width: 200px">
-              <el-option
-                v-for="item in deptOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="需求计划" prop="planType" :rules="{ required: true, message: '请选择需求计划', trigger: 'blur' }">
-            <el-select :disabled="sonDisable" v-model="basicForm.planType" size="mini" style="width: 200px" @change="changeplanType()">
-              <el-option v-for="dict in dict.type.sys_plan_type" :key="dict.value" :label="dict.label" :value="dict.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="需求日期" prop="demandDate" :rules="{ required: true, message: '请选择需求日期', trigger: 'blur' }">
-            <el-date-picker
-              v-model="basicForm.demandDate"
-              disabled
-              clearable
-              type="date"
-              value-format="yyyy-MM-dd"
-              @change="changeDemandDate"
-              size="mini"
-              style="width: 200px"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="制单日期" prop="createTime">
-            <el-date-picker
-              v-model="basicForm.createTime"
-              disabled
-              clearable
-              type="date"
-              value-format="yyyy-MM-dd"
-              size="mini"
-              style="width: 200px"
-            >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="是否客户指定">
-            <el-select clearable @change="isCustomer" v-model="basicForm.isCustomerSpecified" :disabled="sonDisable" size="mini" style="width: 200px">
-              <el-option v-for=" item in options" :key="item.value" :label="item.label" :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="1.5">
-          <el-form-item label="备注">
-            <el-input
-              v-model.trim="basicForm.remark"
-              size="mini"
-              :disabled="sonDisable"
-              clearable
-              style="width: 200px"
-            />
-          </el-form-item>
-        </el-col>
-
-        <!-- <el-col :span="1.5">
-          <el-form-item label="需求客户名称">
-            <el-input disabled v-model="basicForm.customerName" size="mini" style="width: 200px"></el-input>
-          </el-form-item>
-        </el-col> -->
-
-        <el-col :span="1.5">
-          <el-form-item label="需求单号">
-            <el-input
-              v-model="basicForm.code"
-              size="mini"
-              disabled
-              style="width: 200px"
-            />
-          </el-form-item>
-         </el-col>
-
-        <!-- <el-col :span="1.5">
-            <el-form-item label="组织" prop="org" :rules="{ required: true, message: '请选择组织', trigger: 'blur' }">
-              <el-select clearable size="mini" v-model="basicForm.org" :disabled="sonDisable" @focus="chooseOrg('ORG_PARAM', true, '选择组织')" style="width: 200px">
-                <el-option v-for="item in orgOptions" :key="item.id" :label="item.name" :value="item.id" />
-              </el-select>
-            </el-form-item>
-         </el-col> -->
-
-         <el-col :span="1.5">
-            <el-form-item label="单据状态">
-              <el-select disabled v-model="basicForm.status" size="mini" style="width: 200px">
-                <el-option v-for="dict in dict.type.sys_status" :key="dict.value" :label="dict.label" :value="dict.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-         <el-col :span="1.5">
-            <el-form-item label="客户负责人">
-              <el-select disabled size="mini" v-model="basicForm.customerPrincipal" style="width: 200px">
-                <el-option v-for="item in manOptions" :key="item.id" :label="item.name" :value="item.code"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="1.5">
-            <el-form-item label="单据来源">
-              <el-select v-model="basicForm.source" disabled size="mini" style="width: 200px">
-                <el-option v-for="dict in dict.type.sys_bill_source" :key="dict.value" :label="dict.label" :value="dict.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-         </el-col>
-      </el-row>
-
-
-    
-      <div class="btn_grooup">
-        <span>明细信息</span>
-        <div>
-        <el-button type="primary" size="mini" @click="addLine" v-if="!sonDisable">增行</el-button>
-        <el-button type="primary" size="mini" v-if="!sonDisable" @click.stop="adjustPl">批量调整</el-button>
-        <el-button type="primary" size="mini" v-if="sonPageStu == 'check' || sonPageStu == 'edit'" @click="showReserved">货权预留单</el-button>
-        </div>
-      </div>
-
-      <el-table
-          v-loading="loading"
-          :data="basicForm.puDemandItemList"
-          fit
-          border
-          highlight-current-row
-          :cell-style="{ borderColor: '#c0c0c0' }"
-          :header-cell-style="{ borderColor: '#c0c0c0' }"
-          class="exporttable"
-          height="410"
-          max-height="410"
-          style="font-size: 12px;"
-          @selection-change="handleSelectionChange"
-          @row-click="rowSelect"
-          :cell-class-name="cellClassName"
-          :row-key="getRowKeys"
-          ref="table"
-          v-el-table-infinite-scroll="load"
-          :infinite-scroll-disabled="loadDisabled"
-        >
-          <el-table-column show-overflow-tooltip type="selection" :reserve-selection="true" fixed="left"/>
-          <el-table-column show-overflow-tooltip label="序号" type="index" align="center" width="50px" fixed="left"/>
-          <el-table-column show-overflow-tooltip label="行号" align="center" prop="rowNo" fixed="left">
-            <template slot-scope="scope">
-              {{ scope.row.rowNo = scope.$index + 1 + "0" }}
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="默认采购组织" align="center"  prop="purOrgName" width="200px"/>
-          <el-table-column show-overflow-tooltip label="需求客户" align="center"  prop="demandCustomerName" width="180px"/>
-          <el-table-column show-overflow-tooltip label="行状态" align="center" prop="status" :formatter="hangStatus" width="100px"/>
-          <el-table-column show-overflow-tooltip label="物料编码" align="center" prop="materialCode" width="220px" :render-header="addRedStar" fixed="left">
-            <template slot-scope="scope">
-              <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'materialCode'" :show-message="false" :rules="{ required: true, message: '请选择物料编码', trigger: 'blur' }">
-                <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.materialCode" @paste.native="pasteMe($event, scope, scope.$index)">
-                  <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseMaterial(scope.$index)"></el-button>
-                </el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="物料名称" align="center"  prop="materialName" width="200px" fixed="left"/>
-          <el-table-column show-overflow-tooltip label="规格" align="center"  prop="specification" />
-          <el-table-column show-overflow-tooltip label="型号" align="center"  prop="model"/>
-          <el-table-column show-overflow-tooltip label="单位" align="center"  prop="unitName"/>
-          <el-table-column show-overflow-tooltip label="生产厂家/代理人" align="center"  prop="manufacturerName" width="230px"/>
-          <el-table-column show-overflow-tooltip label="最小包装" align="center"  prop="minPackage" width="100px"/>
-          <el-table-column show-overflow-tooltip label="实际(业务)需求量" align="center"  prop="qty" width="150px" :render-header="addRedStar">
-            <template slot-scope="scope">
-              <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'qty'" :show-message="false" :rules="{ required: true, message: '请填写实际(业务)需求量', trigger: 'blur' }">
-                <el-input type="number" min="0" clearable :disabled="sonDisable" size="mini" v-model="scope.row.qty" @input="getYLSL(scope)" @paste.native="pasteMe($event, scope, scope.$index)"/>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="紧急标识" align="center" prop="isUrgency" width="100px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-switch
-                  v-model="scope.row.isUrgency"
-                  :disabled="sonDisable"
-                  active-value="Y"
-                  inactive-value="N"
-                  active-color="#13ce66"
-                  inactive-color="#a1a3a9">
-                </el-switch>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="收货仓库" align="center"  prop="deliveryWarehouseName" width="200px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryWarehouseName" @clear="clearHang(scope.$index, '选择收货仓库')">
-                  <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseCangKu(scope.$index, 'WAREHOUSE_PARAM', true, '选择收货仓库', scope.row.puOrg)"></el-button>
-                </el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="收货货位" align="center"  prop="deliveryAllocationName" width="200px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryAllocationName" @clear="clearHang(scope.$index, '选择收货货位')">
-                  <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="choosehuoWei(scope.$index, 'ALLOCATION_PARAM', true, '选择收货货位', scope.row.deliveryWarehouse)"></el-button>
-                </el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="月均销量" align="center"  prop="averageQtyMonth" width="100px"/>
-          <el-table-column show-overflow-tooltip label="需求可用周期" align="center"  prop="demandPeriod" width="120px"/>
-          <el-table-column show-overflow-tooltip label="业务备注" align="center"  prop="remark" width="150px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.remark"/>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="物料一级分类" align="center" prop="materialClassifyOneName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="物料二级分类" align="center" prop="materialClassifyTwoName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="物料三级分类" align="center" prop="materialClassifyThreeName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="物料四级分类" align="center" prop="materialClassifyFourName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="最小批量" align="center"  prop="minBatch" width="100px"/>
-          <el-table-column show-overflow-tooltip label="最小订货量" align="center"  prop="minOrderQty" width="120px"/>
-          <el-table-column show-overflow-tooltip label="采购员" align="center" prop="buyerName" width="100px"/>
-          <!-- <el-table-column show-overflow-tooltip label="采购员" align="center"  prop="buyer"/> -->
-          <el-table-column show-overflow-tooltip label="采购周期" align="center"  prop="puPeriod" width="120px"/>
-          <el-table-column show-overflow-tooltip label="交货日期" align="center"  prop="deliveryDate" width="230px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-date-picker
-                  v-model="scope.row.deliveryDate"
-                  :disabled="sonDisable"
-                  clearable
-                  type="date"
-                  size="mini"
-                  value-format="yyyy-MM-dd"
-                  :picker-options="pickerOptionsEnd"
-                  placeholder="选择日期">
-                </el-date-picker>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="有效期" align="center"  prop="expiry" width="100px"/>
-          <el-table-column show-overflow-tooltip label="有效期单位" align="center"  prop="expiryUnit" width="100px"/>
-          <el-table-column show-overflow-tooltip label="安全库存" align="center"  prop="safeStock" width="100px"/>
-          <el-table-column show-overflow-tooltip label="注册人" align="center"  prop="registrant" width="100px"/>
-          <el-table-column show-overflow-tooltip label="预留比例" align="center" prop="reservedProportion" width="120px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-select clearable :disabled="sonDisable" size="mini" v-model="scope.row.reservedProportion" @change="getYLSL(scope)" @clear="cleanYLSL(scope)">
-                  <el-option v-for=" dict in dict.type.sys_reserve_ratio" :key="dict.value" :label="dict.label" :value="dict.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="预留周期" align="center" prop="reservedPeriod" width="120px">
-            <template slot-scope="scope">
-              <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'reservedPeriod'" :rules="{ required: scope.row.reservedProportion && scope.row.reservedProportion !== '' , message: '请填写预留周期', trigger: 'blur' }">
-                <el-input type="number" min="0" clearable :disabled="sonDisable" size="mini" v-model="scope.row.reservedPeriod"></el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="预留数量" align="center"  prop="reservedQty" width="120px"/>
-          <el-table-column show-overflow-tooltip label="集团预测分类" align="center"  prop="forecastClassify" width="120px"/>
-          <el-table-column show-overflow-tooltip label="近一月需求" align="center"  prop="onemonthAvgVolume" width="100px"/>
-          <el-table-column show-overflow-tooltip label="近三月需求" align="center"  prop="threemonthAvgVolume" width="100px"/>
-          <el-table-column show-overflow-tooltip label="采购在途" align="center"  prop="puFreight" width="100px"/>
-          <el-table-column show-overflow-tooltip label="补单标识" align="center"  prop="isReplenishment" width="100px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-switch
-                  v-model="scope.row.isReplenishment"
-                  disabled
-                  active-value="Y"
-                  inactive-value="N"
-                  active-color="#13ce66"
-                  inactive-color="#a1a3a9">
-                </el-switch>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="补单供应商" align="center"  prop="additionalSupplierName" width="200px" :render-header="anotherRedStar">
-            <template slot-scope="scope">
-              <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'additionalSupplierName'" :rules="{ required: isBDXQ, message: '请选择补单供应商', trigger: 'blur' }">
-                <el-input clearable :disabled="sonDisable || BDZT" size="mini" v-model="scope.row.additionalSupplierName" @clear="clearHang(scope.$index, '选择补单供应商')" @paste.native="pasteMe($event, scope, scope.$index)">
-                  <el-button size="mini" :disabled="sonDisable || BDZT" slot="append" icon="el-icon-more" @click="chooseDept(scope.$index, 'SUPPLIER_PARAM', true, '选择补单供应商')"></el-button>
-                </el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="末级供应库存组织" align="center" prop="lastStockOrgName" width="180px"></el-table-column>
-          <el-table-column show-overflow-tooltip label="末级供应仓库" align="center"  prop="lastWarehouseName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="末级供应货位" align="center"  prop="lastAllocationName" width="150px"/>
-          <el-table-column show-overflow-tooltip label="中心仓可用量" align="center"  prop="centralWarehouseQty" width="120px"/>
-          <el-table-column show-overflow-tooltip label="调拨状态" align="center"  prop="statusAllot" width="100px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-switch
-                  v-model="scope.row.statusAllot"
-                  :disabled="sonDisable"
-                  active-value="Y"
-                  inactive-value="N"
-                  active-color="#13ce66"
-                  inactive-color="#a1a3a9">
-                </el-switch>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="调拨单号" align="center"  prop="allotCode"></el-table-column>
-          <el-table-column show-overflow-tooltip label="调拨占有量" align="center"  prop="allotQty" width="100px"/>
-          <el-table-column show-overflow-tooltip label="最终净需求量" align="center"  prop="resDemandQty" width="120px"/>
-          <el-table-column show-overflow-tooltip label="最终采购执行数量" align="center"  prop="executeQty" width="150px">
-            <template slot-scope="scope">
-              {{ scope.row.executeQty ? scope.row.executeQty : 0 }}
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="收货地址" align="center"  prop="deliveryAddressName" width="200px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryAddressName" @clear="clearHang(scope.$index, '选择收货地址')" @paste.native="pasteMe($event, scope, scope.$index)">
-                  <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseDept(scope.$index, 'ADDRESS_PARAM', true, '选择收货地址')"></el-button>
-                </el-input>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="联系人" align="center"  prop="contacts"/>
-          <el-table-column show-overflow-tooltip label="联系人电话" align="center"  prop="contactsPhone" width="150px"/>
-          <el-table-column show-overflow-tooltip label="详细地址" align="center"  prop="address" width="200px"/>
-          <el-table-column show-overflow-tooltip label="价格类型" align="center"  prop="priceType" width="120px">
-            <template slot-scope="scope">
-              <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'priceType'" :show-message="false" :rules="{ required: true, message: '请选择价格类型', trigger: 'blur' }">
-                <el-select clearable :disabled="sonDisable" size="mini" v-model="scope.row.priceType">
-                  <el-option v-for=" dict in dict.type.sys_price_type" :key="dict.value" :label="dict.label" :value="dict.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <el-table-column show-overflow-tooltip label="是否客户指定" align="center"  prop="isCustomerSpecified" width="120px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                <el-switch
-                  v-model="scope.row.isCustomerSpecified"
-                  disabled
-                  active-value="Y"
-                  inactive-value="N"
-                  active-color="#13ce66"
-                  inactive-color="#a1a3a9">
-                </el-switch>
-              </el-form-item>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column show-overflow-tooltip label="批号锁定标识" align="center" prop="isBatchLock" width="100px">
-            <template slot-scope="scope">
-              <el-form-item class="hang">
-                  <el-switch
-                    v-model="scope.row.isBatchLock"
-                    :disabled="sonDisable"
-                    active-value="Y"
-                    inactive-value="N"
-                    active-color="#13ce66"
-                    inactive-color="#a1a3a9">
-                  </el-switch>
-              </el-form-item>
-            </template>
-          </el-table-column> -->
-          <el-table-column show-overflow-tooltip label="采购备注" align="center"  prop="updateCause" width="150px"/>
-          <el-table-column show-overflow-tooltip label="可用量" align="center"  prop="availableQty"/>
-
-          <el-table-column
-            fixed="right"
-            label="操作"
-            align="center"
-            >
-          <template slot-scope="scope">
-            <el-button type="text" size="mini" :disabled="sonDisable" @click="delLine(scope.$index, scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-form>
-      <div class="btn_group">
-        <el-button type="primary" size="mini"  @click="jumpOA" v-if="sonPageStu == 'check' && (row.status == '1' || row.status == '2') && basicForm.flowId">流程跳转</el-button>
-        <el-button type="primary" size="mini"  @click="copy" v-if="sonPageStu == 'check'">复制</el-button>
-        <el-button type="primary" size="mini"  @click="editPage" v-if="sonPageStu == 'check' && row.status == '0'">编辑</el-button>
-        <el-button type="primary" size="mini"  @click="save" v-if="sonPageStu == 'add' || sonPageStu == 'edit'">保存</el-button>
-        <el-button type="primary" size="mini"  @click="submit" v-if="sonPageStu == 'check' && (row.status == '0' || row.status == '3')">提交</el-button>
-        <el-button size="mini" plain @click="back">返回</el-button>
-      </div>
-  </el-card>
-
-      <Reserved v-if="dialog.config" :isVisible="dialog.config" :info="row" @updateReserved="updateReserved"/>
-
-      <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/>
-
-      <popDialog ref="materialRefer" @doSubmit="selectMaterial" :single="false" />
-
-
-    <!-- 批量调整参数 -->
-    <el-dialog title="批量调整" :visible.sync="adjust.open" @close="closeEvent" width="38%">
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">价格类型</el-col>
-        <el-col :span="14">
-        <el-select class="pltzIpt" clearable size="mini" v-model="adjust.priceType">
-          <el-option v-for=" dict in dict.type.sys_price_type" :key="dict.value" :label="dict.label" :value="dict.value">
-          </el-option>
-        </el-select>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">采购员</el-col>
-        <el-col :span="14">
-        <el-select class="pltzIpt" clearable size="mini" v-model="adjust.purchaseMan" @focus="chooseOrg('CONTACTS_PARAM', true, '采购员')">
-          <el-option v-for="item in purchaseManOptions" :key="item.id" :label="item.name" :value="item.code" />
-        </el-select>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">收货仓库</el-col>
-        <el-col :span="14">
-        <el-input class="pltzIpt" clearable size="mini" v-model="adjust.warehouseName" @focus="chooseOrg('WAREHOUSE_PARAM', true, '收货仓库')">
-          <el-button size="mini" slot="append" icon="el-icon-more" @click="chooseOrg('WAREHOUSE_PARAM', true, '收货仓库')"></el-button>
-        </el-input>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">收货货位</el-col>
-        <el-col :span="14">
-        <el-input class="pltzIpt" clearable size="mini" v-model="adjust.allocationName" @focus="adjustHuoWei('ALLOCATION_PARAM', true, '收货货位', adjust.warehouse)">
-          <el-button size="mini" slot="append" icon="el-icon-more" @click="adjustHuoWei('ALLOCATION_PARAM', true, '收货货位', adjust.warehouse)"></el-button>
-        </el-input>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">业务备注</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" clearable size="mini" v-model="adjust.remark"/>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">收货地址</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" clearable size="mini" v-model="adjust.deliveryAddressName">
-            <el-button size="mini" slot="append" icon="el-icon-more" @click="chooseOrg('ADDRESS_PARAM', true, '收货地址')"></el-button>
-          </el-input>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">收货地址编码</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.deliveryAddress"/>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">联系人</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.contacts"/>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">联系人电话</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.contactsPhone"/>
-        </el-col>
-      </el-row>
-      <el-row style="margin-bottom: 10px;">
-        <el-col :span="6" class="pltzTxt">详细地址</el-col>
-        <el-col :span="14">
-          <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.address"/>
-        </el-col>
-      </el-row>
-      <div slot="footer">
-      <el-button size="mini" type="primary" @click="confirmAdjust">确 认</el-button>
-      <el-button size="mini" @click="adjust.open = false">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import Reserved from './reserved.vue'
-import Refers from '@/components/Refers/refers.vue'
-import {addDemand,getDemandDetail, getDemandSonDetail, editDemand, submitDemand, queryMan, toOA } from '@/api/purchase/purchaseDemand.js'
-// 用于回显参照框数据
-import {getRefer} from '@/api/purchase/basic.js'
-// 明细行选择物料参照
-import popDialog from '@/components/PopDialog/index.vue'
-import ElTableInfiniteScroll from "el-table-infinite-scroll";
-export default {
-  directives: {
-    "el-table-infinite-scroll": ElTableInfiniteScroll,
-  },
-  name: 'addDemandList',
-  props: ['pageStu','row', 'disable'],
-  dicts: ['sys_processing_mode', 'sys_plan_type', 'sys_status', 'sys_bill_source', 'sys_business','sys_reserve_ratio', 'sys_period_unit', 'sys_price_type'],
-  components: {
-    Reserved,
-    Refers,
-    popDialog
-  },
-  model: {
-    prop: 'isList',
-    event: 'jugislist'
-  },
-  data() {
-    return {
-      loading: true,
-      // 不能直接改变props传来的值
-      sonPageStu: this.pageStu,
-      sonDisable: this.disable,
-      // BDZT是补单供应商是否可以编辑条件
-      BDZT: true,
-      dialog: {
-        config: false
-      },
-      basicForm: {
-        code: '',
-        org: '',
-        orgName: '',
-        demandBusinessType: '1',
-        status: '0',
-        customer: '',
-        customerName: '',
-        customerCode: '',
-        customerPrincipal: '',
-        demandPersonal: '',
-        demandPersonalName: '',
-        demandDept: '',
-        demandDeptName: '',
-        planType: 'ZJH',
-        demandDate: '',
-        source: '4',
-        billType: 'ZQBH',
-        isCustomerSpecified: 'N',
-        isProcess: '',
-        isMonthleyCalculate: '',
-        createTime: this.parseTime(new Date().getTime()),
-        remark: '',
-        puDemandItemList: []
-      },
-      delDemandItemList: [],
-      options: [{
-        value: 'Y', label: '是',
-      }, {
-        value: 'N', label: '否'
-      }],
-      basicRules: {},
-      tableList: [],
-      referCondition: {
-        type: '',
-        isPage: true,
-        title: '',
-      },
-      // referCondition: {
-      //   type: '',
-      //   isPage: true,
-      //   title: '',
-      // },
-      tableIndex: null,
-      ids: [],
-      orgOptions: [],
-      manOptions: [],
-      personOptions: [],
-      deptOptions: [],
-      customerOptions: [],
-      pickerOptionsEnd: {
-        disabledDate: (time) => {
-          return time.getTime() < new Date(this.basicForm.demandDate).getTime() - 8.64e7
-        }
-      },
-      isBDXQ: false,
-      isYl: false,
-      // 批量调整参数
-      adjust: {
-        open: false,
-        priceType: '',
-        purchaseMan: '',
-        purchaseManName: '',
-        warehouse: '',
-        warehouseName: '',
-        allocation: '',
-        allocationName: '',
-        remark:'',
-        deliveryAddress: '',
-        deliveryAddressName: '',
-        contacts: '',
-        contactsPhone: '',
-        address: ''
-      },
-      purchaseManOptions: [],
-      sonModel: {
-        rowNo: null,
-        contacts: null,
-        id: null,
-        demandId: null,
-        status: null,
-        materialCategory: null,
-        buyer: null,
-        buyerName: null,
-        mateiralClassifyOne: null,
-        materialClassifyOneName: null,
-        materialClassifyTwo: null,
-        materialClassifyTwoName: null,
-        materialClassifyThree: null,
-        materialClassifyThreeName: null,
-        materialClassifyFour: null,
-        materialClassifyFourName: null,
-        materialCode: null,
-        material: null,
-        materialName: null,
-        classifyId: null,
-        specification: null,
-        unit: null,
-        unitName: null,
-        manufacturerName: null,
-        registrant: null,
-        puPeriod: null,
-        expiryUnit: null,
-        expiry: null,
-        minPackage: null,
-        minOrderQty: null,
-        minBatch: null,
-        safeStock: null,
-        averageQtyMonth: null,
-        qty: null,
-        adjustmentPersonal: null,
-        adjustmentTime: null,
-        manualRegulation: null,
-        updateCause: null,
-        reservedProportion: null,
-        reservedPeriod: null,
-        reservedQty: null,
-        demandPeriod: null,
-        forecastClassify: null,
-        onemonthAvgVolume: null,
-        threemonthAvgVolume: null,
-        puFreight: null,
-        deliveryDate: null,
-        isUrgency: 'N',
-        isReplenishment: 'N',
-        isBatchLock: 'N',
-        isCustomerSpecified: '',
-        remark: null,
-        puRemark: null,
-        lastWarehouseQty: null,
-        resDemandQty: null,
-        lastWarehouse: null,
-        lastWarehouseName: null,
-        deliveryWarehouse: null,
-        deliveryWarehouseName: null,
-        lastAllocation: null,
-        lastAllocationName: null,
-        deliveryAllocation: null,
-        deliveryAllocationName: null,
-        passageOn: null,
-        puOrg: null,
-        purOrgName: null,
-        lastStockQty: null,
-        superiorCenterQty: null,
-        superiorAllotQty: null,
-        availableQty: null,
-        statusAllot: 'N',
-        additionalSupplier: null,
-        additionalSupplierName: null,
-        periodUnit: null,
-        demandCustomer: null,
-        demandCustomerName: null,
-        lastStockOrg: null,
-        lastStockOrgName: null,
-        superiorStockOrg: null,
-        superiorStockOrgName: null,
-        allotCode: null,
-        deliveryAddress: null,
-        deliveryAddressName: null,
-        contacts: null,
-        contactsPhone: null,
-        address: null,
-        source: null,
-        priceType: 'order',
-        puManagerApprover: null,
-        puManagerApproverName: null,
-        processTime: null,
-        affirmer: null,
-        tenantId: null,
-        revision: null,
-        createBy: null,
-        createByName: null,
-        createTime: null,
-        updateBy: null,
-        updateByName: null,
-        updateTime: null,
-        delFlag: 0,
-        // 新增字段
-        model: null,
-        storageCondition: null,
-        transportationCondition: null,
-      },
-      // 无限滚动配置
-      loadDisabled: true,
-      page: 0,
-      total: 5,
-    }
-  },
-  created() {
-    if(this.pageStu == 'check') {
-      console.log('数据', this.row)
-      this.getDetails(this.row)
-    } else if(this.pageStu == 'edit') {
-      this.getDetails(this.row)
-    } else if (this.pageStu == 'add') {
-      // 新增时判断需求日期
-      this.dafaultDate()
-      this.loading = false
-      this.basicForm.demandPersonal = this.$store.state.user.name
-      this.basicForm.demandPersonalName = this.$store.state.user.nickName
-      this.basicForm.demandDept = this.$store.state.user.deptId
-      this.basicForm.demandDeptName = this.$store.state.user.deptName
-      if (this.basicForm.demandPersonal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.demandPersonal, '需求人员') }
-      if (this.basicForm.demandDept) { this.reBackRefer('DEPT_PARAM', this.basicForm.demandDept) }
-    }
-  },
-  methods: {
-    // 默认需求日期根据当天星期几判断
-    dafaultDate() {
-      // 获取当前时间
-      let date = new Date()
-      //获取当前时间的年份转为字符串
-      let year = date.getFullYear().toString()  
-      //获取月份，由于月份从0开始，此处要加1，判断是否小于10，如果是在字符串前面拼接'0'
-      let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : (date.getMonth() + 1).toString()  //'04'
-      //获取天，判断是否小于10，如果是在字符串前面拼接'0'
-      let da = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate().toString()  //'12'
-      let today = year + '-' + month + '-' + da
-      console.log('今天日期',today)
-      let weekDay = date.getDay()
-      console.log('今天星期几', weekDay)
-      // 改变需求计划的判断写这里面了
-      if (this.basicForm.planType == 'JJXQ') {
-        this.basicForm.demandDate = today
-      } else {
-        if (weekDay == 0) {this.basicForm.demandDate = this.getNextDate(today, 2)} 
-        else if (weekDay == 1) {this.basicForm.demandDate = this.getNextDate(today, 1)}
-        else if (weekDay == 2) {this.basicForm.demandDate = today}
-        else if (weekDay == 3) {this.basicForm.demandDate = this.getNextDate(today, 6)}
-        else if (weekDay == 4) {this.basicForm.demandDate = this.getNextDate(today, 5)}
-        else if (weekDay == 5) {this.basicForm.demandDate = this.getNextDate(today, 4)}
-        else if (weekDay == 6) {this.basicForm.demandDate = this.getNextDate(today, 3)}
-        // console.log(this.getNextDate(today, 2))
-      }
-    },
-    // 获取某天日期的下一天，默认为第二天 默认输出格式为yyyy-mm-dd
-    getNextDate(date, day = 1, format = '{y}-{m}-{d}') {
-      if (date) {
-        date = date.match(/\d+/g).join('-'); // 格式为2022年09月19日处理
-        const nDate = new Date(date);
-        nDate.setDate(nDate.getDate() + day);
- 
-        const formatObj = {
-          y: nDate.getFullYear(),
-          m: nDate.getMonth() + 1,
-          d: nDate.getDate(),
-        };
-        return format.replace(/{([ymd])+}/g, (result, key) => {
-          const value = formatObj[key];
-          return value.toString().padStart(2, '0');
-        });
-      } else {
-        console.log('date格式不正确');
-      }
-    },
-    // 改变需求计划改变需求日期
-    changeplanType() {
-      this.dafaultDate()
-    },
-    // 无限滚动加载配置
-    load() {
-      if (this.loadDisabled) return;
-      this.page++;
-      if (this.page <= this.total) {
-        this.basicForm.puDemandItemList = this.basicForm.puDemandItemList.concat(this.basicForm.puDemandItemList);
-      }
-      if (this.page === this.total) {
-        this.loadDisabled = true;
-      }  
-    },
-    // 改变单据日期时清空子表的调拨日期
-    changeDemandDate() {
-      this.basicForm.puDemandItemList.forEach(item => {
-        item.deliveryDate = null
-      })
-    },
-    // 更改业务类型调整明细行内补单或紧急标识
-    changeBillType() {
-      if (this.basicForm.billType == 'BDXQ' && this.basicForm.puDemandItemList.length != 0) {
-        this.isBDXQ = true
-        this.BDZT = false
-        this.basicForm.puDemandItemList.forEach(item => {item.isReplenishment = 'Y'})
-      } else {
-        this.isBDXQ = false
-        this.BDZT = true
-        this.basicForm.puDemandItemList.forEach(item => {
-          item.isReplenishment = 'N'
-          item.additionalSupplier = null
-          item.additionalSupplierName = null
-        })
-      }
-      if (this.basicForm.billType == 'JJXQ' && this.basicForm.puDemandItemList.length != 0) {
-        this.basicForm.puDemandItemList.forEach(item => {item.isUrgency = 'Y'})
-      } else {
-        this.basicForm.puDemandItemList.forEach(item => { item.isUrgency = 'N' })
-      }
-    },
-    // 改变是否客户指定
-    isCustomer() {
-      if (this.basicForm.isCustomerSpecified == 'Y' && this.basicForm.puDemandItemList.length != 0) {
-        this.basicForm.puDemandItemList.forEach(item => {item.isCustomerSpecified = 'Y'})
-      } else {
-        this.basicForm.puDemandItemList.forEach(item => {item.isCustomerSpecified = 'N'})
-      }
-    },
-    hangStatus(row) {
-      switch (row.status) {
-        case '0':
-          return '需补货'
-        case '1':
-          return '待计划确认'
-        case '2':
-          return '计划已确认'
-        case '3':
-          return '计划已审核'
-        case '4':
-          return '行关闭'
-        case '5':
-          return '总供应可满足'
-      }
-    },
-    // 获取预留数量
-    getYLSL(scope) {
-      if (scope.row.reservedProportion) {
-        scope.row.reservedQty = Math.ceil(scope.row.reservedProportion.replace('%', '') / 100 * scope.row.qty)
-      }
-      // 如果选择预留比例,预留周期必填
-      // if(scope.row.reservedQty && scope.row.reservedQty !== 0) {
-      //   this.isYl = true
-      // } else {
-      //   this.isYl = false
-      // }
-    },
-    // 清空
-    cleanYLSL(scope) {
-      scope.row.reservedQty = ''
-      scope.row.reservedPeriod = ''
-    },
-    copy() {
-      this.$modal.notifySuccess("复制成功");
-      this.sonPageStu = 'add'
-      this.sonDisable = false
-      // this.getDetails(this.row)
-      this.basicForm.id = ''
-      this.basicForm.code = ''
-      this.basicForm.createBy = ''
-      this.basicForm.source = '4'
-      this.basicForm.isCustomerSpecified = 'N'
-      this.basicForm.demandPersonal = this.$store.state.user.name
-      this.basicForm.demandPersonalName = this.$store.state.user.nickName
-      this.basicForm.demandDept = this.$store.state.user.deptId
-      this.basicForm.demandDeptName = this.$store.state.user.deptName
-      // 复制时判断需求日期
-      this.dafaultDate()
-      if (this.basicForm.demandPersonal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.demandPersonal, '需求人员') }
-      if (this.basicForm.demandDept) { this.reBackRefer('DEPT_PARAM', this.basicForm.demandDept) }
-      this.basicForm.puDemandItemList.forEach(item => {
-        item.status = ''
-        item.buyerName = ''
-        item.buyer = ''
-        item.reservedProportion = ''
-        item.reservedPeriod = ''
-        item.reservedQty = ''
-        item.averageQtyMonth = ''
-        item.demandPeriod = ''
-        item.forecastClassify = ''
-        item.onemonthAvgVolume = ''
-        item.threemonthAvgVolume = ''
-        item.puFreight = ''
-        item.superiorAllotQty = ''
-        item.resDemandQty = ''
-        item.executeQty = ''
-        item.deliveryWarehouseName = ''
-        item.deliveryWarehouse = ''
-        item.deliveryAllocationName = ''
-        item.deliveryAllocation = ''
-        item.lastWarehouseName = ''
-        item.lastAllocationName = ''
-        item.availableQty = ''
-        item.lastStockOrgName = ''
-        item.centralWarehouseQty = ''
-        item.allotCode = ''
-        item.allotQty = ''
-        item.deliveryAddress = ''
-        item.deliveryAddressName = ''
-        item.contacts = ''
-        item.contactsPhone = ''
-        item.address = ''
-        item.statusAllot = 'N'
-      })
-    },
-    editPage() {
-      this.sonPageStu = 'edit'
-      this.sonDisable = false
-    },
-    handleData() {
-      console.log('222')
-      // 复制新增把id,需求单号,创建人置为空,子表去掉id
-      this.basicForm.id = ''
-      this.basicForm.code = ''
-      this.basicForm.createBy = ''
-      this.basicForm.source = '4'
-      if (this.basicForm.puDemandItemList.length !== 0) {
-        this.basicForm.puDemandItemList.forEach(item => {
-          if (item.id) {
-            delete item.id
-          }
-          if (item.demandId) {
-            delete item.demandId
-          }
-          if (item.allotCode) {
-            delete item.allotCode
-          }
-        })
-      }
-    },
-    async save() {
-      if(this.basicForm.puDemandItemList.length !== 0) {
-        this.$refs['basic'].validate((valid, obj) => {
-          if(valid) {
-            this.$modal.loading("保存中...");
-            if(this.sonPageStu == 'add') {
-              this.handleData()
-              addDemand(this.basicForm).then(res => {
-                console.log(333)
-                if (res.code === 200) {
-                  this.$modal.notifySuccess(res.msg);
-                  this.$modal.closeLoading();
-                  this.back()
-                }
-              }).catch(err => {
-                this.$modal.closeLoading();
-              })
-            } else if (this.sonPageStu == 'edit') {
-              let list = []
-              list.push(...this.basicForm.puDemandItemList, ...this.delDemandItemList)
-              // 深拷贝一下参数对象
-              let param = JSON.parse(JSON.stringify(this.basicForm))
-              console.log('深拷贝对象',param);
-              param.puDemandItemList = list
-              // this.basicForm.puDemandItemList.push(...this.delDemandItemList)
-              editDemand(param).then(res => {
-                if (res.code === 200) {
-                  this.$modal.notifySuccess(res.msg);
-                  this.$modal.closeLoading();
-                  this.back()
-                }
-              }).catch(err => {
-                this.$modal.closeLoading();
-              })
-            }
-          } else {
-            // 校验加弹窗
-            const jiaoyan = []
-            for(let key in obj) {
-              jiaoyan.push(obj[key][0].message);
-            }
-            this.$modal.notifyWarning(jiaoyan[0]);
-            return false
-          }
-        })
-      } else {
-        this.$modal.notifyWarning("明细信息不能为空！");
-      }
-    },
-    submit() {
-      this.$modal.loading("提交中...");
-      submitDemand(this.basicForm).then(res => {
-        if (res.code === 200) {
-          this.$modal.notifySuccess("提交成功");
-          this.$modal.closeLoading();
-          this.back()
-        }
-      }).catch(err => {
-        this.$modal.closeLoading();
-      })
-    },
-    // 增行
-    addLine() {
-      const newLine = {...this.sonModel}
-      newLine.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-      newLine.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-      newLine.demandCustomer = this.basicForm.customer
-      newLine.demandCustomerName = this.basicForm.customerName
-      this.basicForm.puDemandItemList.push(newLine)
-      // 补单需求状态改变
-      if (this.basicForm.billType == 'BDXQ') {
-        this.BDZT = false
-      } else {
-        this.BDZT = true
-      }
-    },
-    delLine(index, row) {
-      console.log('删除行:', index)
-      console.log('改变行:', row)
-      row.delFlag = '2'
-      let delList = []
-      delList = this.basicForm.puDemandItemList.filter(item => {
-        return item.delFlag == '2'
-      })
-      this.basicForm.puDemandItemList = this.basicForm.puDemandItemList.filter(item => {
-        return item.delFlag == '0'
-      })
-      this.delDemandItemList.push(...delList)
-      console.log('删除的数组',this.delDemandItemList)
-    },
-    back() {
-      console.log('打印人员信息看看', this.$store.state)
-      this.$emit('jugislist', true)
-      this.$emit('refresh')
-    },
-    // 如果需要回显则调用详情接口
-    getDetails(row) {
-      getDemandDetail(row.id).then(res => {
-        if (res.code === 200) {
-          // this.basicForm = res.data
-          let reciveForm = res.data
-          let params = {...{id: row.id}, ...{pageNum:1, pageSize: 10}}
-          getDemandSonDetail(params).then(res => {
-            if (res.code === 200) {
-              reciveForm.puDemandItemList = res.data
-              console.log('reciveForm',reciveForm)
-              this.basicForm = reciveForm
-              if(this.basicForm.org) { this.reBackRefer('ORG_PARAM', this.basicForm.org) }
-              if(this.basicForm.customer) { this.reBackRefer('CUSTOMER_PARAM', this.basicForm.customer) }
-              if(this.basicForm.customerPrincipal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.customerPrincipal, '客户负责人') }
-              if(this.basicForm.demandPersonal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.demandPersonal, '需求人员') }
-              if(this.basicForm.demandDept) { this.reBackRefer('DEPT_PARAM', this.basicForm.demandDept) }
-              // 详情时将收货仓库id赋值给stordocId
-              // 如果业务类型为补单需求，则明细内补单供应商编码可以编辑
-              if(this.basicForm.billType == 'BDXQ') {
-                 this.BDZT = false
-                 this.isBDXQ = true
-              } else {
-                 this.BDZT = true
-                 this.isBDXQ = false
-              }
-            }
-          }).then(() => {
-            this.loading = false
-          }).catch(err => {
-            this.loading = false
-          })
-        }
-      })
-    },
-    // 单元格标红
-    cellClassName({row, column, rowIndex, columnIndex}) {
-      if(this.basicForm.isCustomerSpecified == 'N' && column.label == '需求可用周期' && Number(row.demandPeriod) > 1.5 && Number(row.qty) > Number(row.minOrderQty)) {
-        return 'success-row';
-      }
-    },
-    handleSelectionChange(selection) {
-      this.ids = selection.map(item =>{
-        return item.id
-      })
-      console.log('选中数组', this.ids)
-    },
-    rowSelect(row) {
-      this.$refs.table.toggleRowSelection(row);
-    },
-    // 点击预留单展示
-    showReserved() {
-      this.dialog.config = true
-    },
-    // 修改是否让页面显示与隐藏的事件
-	  updateReserved (val) {
-      this.dialog.config = val
-    },
-    // 回显参照框
-    reBackRefer(type, id, title) {
-      getRefer({type: type, id: id}).then(res => {
-        if(type == 'ORG_PARAM') {
-          this.orgOptions = res.rows
-        }
-        if (type == 'CUSTOMER_PARAM') {
-          this.customerOptions = res.rows
-        }
-        if (type == 'CONTACTS_PARAM' && title == '需求人员') {
-          this.personOptions = res.rows
-        }
-        if (type == 'CONTACTS_PARAM' && title == '客户负责人') {
-          this.manOptions = res.rows
-        }
-        if (type == 'DEPT_PARAM') {
-          this.deptOptions = res.rows
-        }
-      })
-    },
-    chooseOrg(type, isPage, title) {
-      this.referCondition.type = type
-      this.referCondition.isPage = isPage
-      this.referCondition.title = title
-      this.$refs.refer.init(this.referCondition)
-    },
-    selectionsToInput(selection) {
-      if(this.referCondition.type == 'ORG_PARAM' && this.referCondition.title == '选择组织') {
-        this.orgOptions = selection
-        this.basicForm.org = selection[0].id
-        this.basicForm.orgName = selection[0].name
-      }
-      if(this.referCondition.type == 'CUSTOMER_PARAM' && this.referCondition.title == '选择客户') {
-        this.customerOptions = selection
-        this.basicForm.customer = selection[0].id
-        this.basicForm.customerName = selection[0].name
-        this.basicForm.customerCode = selection[0].code
-        if(this.basicForm.puDemandItemList.length !== 0) {
-          this.basicForm.puDemandItemList.forEach(item => {
-            item.demandCustomerName = this.basicForm.customerName
-            item.demandCustomer = this.basicForm.customer
-            item.status = ''
-            item.buyerName = ''
-            item.buyer = ''
-            item.reservedProportion = ''
-            item.reservedPeriod = ''
-            item.reservedQty = ''
-            item.averageQtyMonth = ''
-            item.demandPeriod = ''
-            item.forecastClassify = ''
-            item.onemonthAvgVolume = ''
-            item.threemonthAvgVolume = ''
-            item.puFreight = ''
-            item.superiorAllotQty = ''
-            item.resDemandQty = ''
-            item.executeQty = ''
-            item.deliveryWarehouseName = ''
-            item.deliveryWarehouse = ''
-            item.deliveryAllocationName = ''
-            item.deliveryAllocation = ''
-            item.lastWarehouseName = ''
-            item.lastAllocationName = ''
-            item.availableQty = ''
-            item.lastStockOrgName = ''
-            item.centralWarehouseQty = ''
-            item.allotCode = ''
-            item.deliveryAddress = ''
-            item.deliveryAddressName = ''
-            item.contacts = ''
-            item.contactsPhone = ''
-            item.address = ''
-          })
-        }
-      }
-      if(this.referCondition.type == 'CONTACTS_PARAM' && this.referCondition.title == '需求人员') {
-        this.personOptions = selection
-        this.basicForm.demandPersonal = selection[0].code
-        this.basicForm.demandPersonalName = selection[0].name
-      }
-      if(this.referCondition.type == 'CONTACTS_PARAM' && this.referCondition.title == '采购员') {
-        this.purchaseManOptions = selection
-        this.adjust.purchaseMan = selection[0].code
-        this.adjust.purchaseManName = selection[0].name
-      }
-      if(this.referCondition.type == 'WAREHOUSE_PARAM' && this.referCondition.title == '收货仓库') {
-        this.adjust.warehouse = selection[0].id
-        this.adjust.warehouseName = selection[0].name
-        this.adjust.allocation = ''
-        this.adjust.allocationName = ''
-      }
-      if(this.referCondition.type == 'ALLOCATION_PARAM' && this.referCondition.title == '收货货位') {
-        this.adjust.allocation = selection[0].id
-        this.adjust.allocationName = selection[0].name
-      }
-      if(this.referCondition.type == 'ADDRESS_PARAM' && this.referCondition.title == '收货地址') {
-        this.adjust.deliveryAddressName = selection[0].name
-        this.adjust.deliveryAddress = selection[0].code
-        this.adjust.contacts = selection[0].contactsName
-        this.adjust.contactsPhone = selection[0].contactsPhone
-        this.adjust.address = selection[0].address
-      }
-      if(this.referCondition.type == 'DEPT_PARAM') {
-        this.deptOptions = selection
-        this.basicForm.demandDept = selection[0].id
-        this.basicForm.demandDeptName = selection[0].name
-      }
-      if(this.referCondition.title == '选择收货仓库') {
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouse = selection[0].id
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouseName = selection[0].name
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = null
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = null
-      }
-      if(this.referCondition.title == '选择收货货位') {
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = selection[0].id
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = selection[0].name
-      }
-      if(this.referCondition.title == '选择补单供应商') {
-        this.basicForm.puDemandItemList[this.tableIndex].additionalSupplier = selection[0].id
-        this.basicForm.puDemandItemList[this.tableIndex].additionalSupplierName = selection[0].name
-      }
-      if(this.referCondition.title == '选择收货地址') {
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAddressName = selection[0].name
-        this.basicForm.puDemandItemList[this.tableIndex].deliveryAddress = selection[0].code
-        this.basicForm.puDemandItemList[this.tableIndex].contacts = selection[0].contactsName
-        this.basicForm.puDemandItemList[this.tableIndex].contactsPhone = selection[0].contactsPhone
-        this.basicForm.puDemandItemList[this.tableIndex].address = selection[0].address
-      }
-    },
-    // 粘贴来的数据
-    async pasteMe(e, scope, index) {
-      this.$modal.loading("正在处理数据...");
-      e.preventDefault() //阻止默认粘贴事件
-      let source = e.clipboardData.getData("Text");
-      console.log('scope', scope.column.property)
-      // 首先对源头进行解析
-      let rows = source.split("\r\n"); // 拆成一个数组
-      // 数组去除空字符串
-      rows = rows.filter(item => {
-        return item && item.trim()
-      })
-
-      if (rows.length < 100) {
-        // 粘贴物料编码
-        if(scope.column.property == 'materialCode') {
-          await getRefer({ type: 'MATERIAL_PARAM', materialCodeList: rows }).then(res => {
-            this.$modal.closeLoading();
-            if (res.code === 200) {
-              let rowList = res.rows
-              let newLine = []
-              for (let i = 0; i<rowList.length; i++) {
-                let line = {...this.sonModel}
-                line.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-                line.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-                line.demandCustomer = this.basicForm.customer
-                line.demandCustomerName = this.basicForm.customerName
-                line.materialCode = rowList[i].code
-                line.material = rowList[i].id
-                line.materialName = rowList[i].name
-                line.classifyId = rowList[i].classifyId
-                line.materialClassifyOneName = rowList[i].oneClass
-                line.materialClassifyTwoName = rowList[i].twoClass
-                line.materialClassifyThreeName = rowList[i].threeClass
-                line.materialClassifyFourName = rowList[i].fourClass
-                line.specification = rowList[i].specification
-                line.model = rowList[i].model
-                line.unit = rowList[i].unitId
-                line.unitName = rowList[i].unitIdName
-                line.registrant = rowList[i].registrant
-                line.manufacturerName = rowList[i].manufacturerIdName
-                line.puPeriod = rowList[i].deliveryPeriod
-                line.expiry = rowList[i].usefulLife
-                line.expiryUnit = rowList[i].expiryUnitIdName
-                // line.minPackage = rowList[i].usefulLife
-                line.minPackage = rowList[i].minPackQty
-                line.minOrderQty = rowList[i].minOrderQty
-                line.minBatch = rowList[i].minBatchQty
-                line.safeStock = rowList[i].safeStock
-                line.purOrgName = rowList[i].purchasingOrganizationName
-                line.puOrg = rowList[i].purchasingOrganization
-                // 物料存储条件和运输条件
-                line.transportationCondition = rowList[i].transportationCondition
-                line.storageCondition = rowList[i].storageCondition
-                newLine.push(line)
-                console.log('临时数组', newLine)
-              }
-              // 删除指定下标
-              this.basicForm.puDemandItemList.splice(index,this.basicForm.puDemandItemList.length - index,...newLine)
-              this.$modal.notifySuccess("共粘贴" + rowList.length + '条数据');
-            }
-          }).then(() => {
-            this.$refs.table.doLayout()
-          }).catch(err => {
-            this.$modal.closeLoading();
-          })
-        // 粘贴实际业务需求量
-        }else if(scope.column.property == 'qty') {
-          console.log('复制内容：', rows)
-          let newLine = []
-          if(this.basicForm.puDemandItemList.length <= 1) {
-            for (let i = 0; i<rows.length; i++) {
-              let line = {...this.sonModel}
-              line.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-              line.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-              line.demandCustomer = this.basicForm.customer
-              line.demandCustomerName = this.basicForm.customerName
-              line.qty = rows[i]
-              newLine.push(line)
-            }
-            // 删除指定下标
-            this.basicForm.puDemandItemList.splice(index,this.basicForm.puDemandItemList.length - index,...newLine)
-            this.$modal.notifySuccess("共粘贴" + rows.length + '条数据');
-            this.$refs.table.doLayout()
-            this.$modal.closeLoading();
-          } else {
-            for(let i = index , j = 0; i < this.basicForm.puDemandItemList.length; i++, j++) {
-              this.basicForm.puDemandItemList[i].qty = rows[j]
-            }
-            this.$refs.table.doLayout()
-            this.$modal.closeLoading();
-          }
-        // 粘贴补单供应商
-        }else if(scope.column.property == 'additionalSupplierName') {
-          await getRefer({ type: 'SUPPLIER_PARAM', searchList: rows }).then(res => {
-            this.$modal.closeLoading();
-            if (res.code === 200) {
-              let rowList = res.rows
-              let newLine = []
-              for (let i = 0; i<rowList.length; i++) {
-                let line = {...this.sonModel}
-                line.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-                line.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-                line.demandCustomer = this.basicForm.customer
-                line.demandCustomerName = this.basicForm.customerName
-                line.additionalSupplier = rowList[i].id
-                line.additionalSupplierName = rowList[i].name
-                newLine.push(line)
-                console.log('临时数组', newLine)
-              }
-              if(this.basicForm.puDemandItemList.length <= 1) {
-                // 删除指定下标
-                this.basicForm.puDemandItemList.splice(index,this.basicForm.puDemandItemList.length - index,...newLine)
-                this.$modal.notifySuccess("共粘贴" + rowList.length + '条数据');
-              } else {
-                for(let i = index , j = 0; i < this.basicForm.puDemandItemList.length; i++, j++) {
-                  this.basicForm.puDemandItemList[i].additionalSupplier = newLine[j].additionalSupplier
-                  this.basicForm.puDemandItemList[i].additionalSupplierName = newLine[j].additionalSupplierName
-                }
-                this.$refs.table.doLayout()
-                this.$modal.closeLoading();
-              }
-            }
-          }).then(() => {
-            this.$refs.table.doLayout()
-          }).catch(err => {
-            this.$modal.closeLoading();
-          })
-        }else if(scope.column.property == 'deliveryAddressName') {
-          await getRefer({ type: 'ADDRESS_PARAM', searchList: rows }).then(res => {
-           this.$modal.closeLoading();
-            if (res.code === 200) {
-              let rowList = res.rows
-              let newLine = []
-              for (let i = 0; i<rowList.length; i++) {
-                let line = {...this.sonModel}
-                line.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-                line.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-                line.demandCustomer = this.basicForm.customer
-                line.demandCustomerName = this.basicForm.customerName
-                line.deliveryAddressName = rowList[i].name
-                line.deliveryAddress = rowList[i].code
-                line.contacts = rowList[i].contactsName
-                line.contactsPhone = rowList[i].contactsPhone
-                line.address = rowList[i].address
-                newLine.push(line)
-                console.log('临时数组', newLine)
-              }
-              if(this.basicForm.puDemandItemList.length <= 1) {
-                // 删除指定下标
-                this.basicForm.puDemandItemList.splice(index,this.basicForm.puDemandItemList.length - index,...newLine)
-                this.$modal.notifySuccess("共粘贴" + rowList.length + '条数据');
-              } else {
-                for(let i = index , j = 0; i < this.basicForm.puDemandItemList.length; i++, j++) {
-                  this.basicForm.puDemandItemList[i].deliveryAddressName = newLine[j].deliveryAddressName
-                  this.basicForm.puDemandItemList[i].deliveryAddress = newLine[j].deliveryAddress
-                  this.basicForm.puDemandItemList[i].contacts = newLine[j].contacts
-                  this.basicForm.puDemandItemList[i].contactsPhone = newLine[j].contactsPhone
-                  this.basicForm.puDemandItemList[i].address = newLine[j].address
-                }
-                this.$refs.table.doLayout()
-                this.$modal.closeLoading();
-              }
-            }
-          }).then(() => {
-            this.$refs.table.doLayout()
-          }).catch(err => {
-            this.$modal.closeLoading();
-          })
-        }
-
-      } else {
-        this.$modal.notifyWarning("复制长度不能超过100!");
-        this.$modal.closeLoading();
-      }
-    },
-    // 明细行选择物料编码带出数据
-    chooseMaterial(index) {
-      console.log("🚀 ~ file: add.vue:790 ~ chooseMaterial ~ index:", index)
-      this.tableIndex = index
-      // 传0只展示同步NC了的物料
-      this.$refs.materialRefer.init(0)
-    },
-    selectMaterial(selection) {
-      console.log('选中的物料', selection)
-      if (selection.length <= 1) {
-      // 选择新物料时先清空行内其他信息
-      this.basicForm.puDemandItemList[this.tableIndex].reservedProportion = null
-      this.basicForm.puDemandItemList[this.tableIndex].reservedPeriod = null
-      this.basicForm.puDemandItemList[this.tableIndex].reservedQty = null
-      this.basicForm.puDemandItemList[this.tableIndex].qty = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryDate = null
-      this.basicForm.puDemandItemList[this.tableIndex].remark = null
-      this.basicForm.puDemandItemList[this.tableIndex].resDemandQty = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouse = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouseName = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = null
-      this.basicForm.puDemandItemList[this.tableIndex].additionalSupplier = null
-      this.basicForm.puDemandItemList[this.tableIndex].additionalSupplierName = null
-      this.basicForm.puDemandItemList[this.tableIndex].periodUnit = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryAddressName = null
-      this.basicForm.puDemandItemList[this.tableIndex].deliveryAddress = null
-      this.basicForm.puDemandItemList[this.tableIndex].contacts = null
-      this.basicForm.puDemandItemList[this.tableIndex].contactsPhone = null
-      this.basicForm.puDemandItemList[this.tableIndex].address = null
-      this.basicForm.puDemandItemList[this.tableIndex].priceType = 'order'
-      this.basicForm.puDemandItemList[this.tableIndex].lastWarehouseName = null
-      this.basicForm.puDemandItemList[this.tableIndex].lastWarehouse = null
-      this.basicForm.puDemandItemList[this.tableIndex].lastAllocation = null
-      this.basicForm.puDemandItemList[this.tableIndex].lastAllocationName = null
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyOne = null
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyTwo = null
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyThree = null
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyFour = null
-      this.basicForm.puDemandItemList[this.tableIndex].lastStockOrg = null
-      this.basicForm.puDemandItemList[this.tableIndex].lastStockOrgName = null
-      this.basicForm.puDemandItemList[this.tableIndex].buyer = null
-      this.basicForm.puDemandItemList[this.tableIndex].buyerName = null
-      // 通过选择物料查询采购员
-      queryMan(selection[0].id).then(res => {
-        if(res.code === 200 && res.rows.length !== 0) {
-          this.basicForm.puDemandItemList[this.tableIndex].buyer = res.rows[0].buyer
-          this.basicForm.puDemandItemList[this.tableIndex].buyerName = res.rows[0].buyerName
-        }
-      })
-      this.basicForm.puDemandItemList[this.tableIndex].materialCode = selection[0].code
-      this.basicForm.puDemandItemList[this.tableIndex].material = selection[0].id
-      this.basicForm.puDemandItemList[this.tableIndex].materialName = selection[0].name
-      this.basicForm.puDemandItemList[this.tableIndex].classifyId = selection[0].classifyId
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyOneName = selection[0].oneClass
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyTwoName = selection[0].twoClass
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyThreeName = selection[0].threeClass
-      this.basicForm.puDemandItemList[this.tableIndex].materialClassifyFourName = selection[0].fourClass
-      this.basicForm.puDemandItemList[this.tableIndex].specification = selection[0].specification
-      this.basicForm.puDemandItemList[this.tableIndex].model = selection[0].model
-      this.basicForm.puDemandItemList[this.tableIndex].unit = selection[0].unitId
-      this.basicForm.puDemandItemList[this.tableIndex].unitName = selection[0].unitIdName
-      this.basicForm.puDemandItemList[this.tableIndex].registrant = selection[0].registrant
-      this.basicForm.puDemandItemList[this.tableIndex].manufacturerName = selection[0].manufacturerIdName
-      this.basicForm.puDemandItemList[this.tableIndex].puPeriod = selection[0].deliveryPeriod
-      this.basicForm.puDemandItemList[this.tableIndex].expiry = selection[0].usefulLife
-      this.basicForm.puDemandItemList[this.tableIndex].expiryUnit = selection[0].expiryUnitIdName
-      // this.basicForm.puDemandItemList[this.tableIndex].minPackage = selection[0].usefulLife
-      this.basicForm.puDemandItemList[this.tableIndex].minPackage = selection[0].minPackQty
-      this.basicForm.puDemandItemList[this.tableIndex].minOrderQty = selection[0].minOrderQty
-      this.basicForm.puDemandItemList[this.tableIndex].minBatch = selection[0].minBatchQty
-      this.basicForm.puDemandItemList[this.tableIndex].safeStock = selection[0].safeStock
-      this.basicForm.puDemandItemList[this.tableIndex].purOrgName = selection[0].purchasingOrganizationName
-      this.basicForm.puDemandItemList[this.tableIndex].puOrg = selection[0].purchasingOrganization
-      // 物料存储条件和运输条件
-      this.basicForm.puDemandItemList[this.tableIndex].transportationCondition = selection[0].transportationCondition
-      this.basicForm.puDemandItemList[this.tableIndex].storageCondition = selection[0].storageCondition
-      // 选中骨科耗材时候的物料，需求客户不必填
-      } else {
-        console.log('xxxxx', selection)
-        let newLine = []
-        for (let i = 0;i<selection.length;i++) {
-          let line = {...this.sonModel}
-          line.isUrgency = (this.basicForm.billType == 'JJXQ' ? 'Y' : 'N')
-          line.isReplenishment = (this.basicForm.billType == 'BDXQ' ? 'Y' : 'N')
-          line.demandCustomer = this.basicForm.customer
-          line.demandCustomerName = this.basicForm.customerName
-                // 通过选择物料查询采购员
-          queryMan(selection[i].id).then(res => {
-            if (res.code === 200 && res.rows.length !== 0) {
-              line.buyer = res.rows[0].buyer
-              line.buyerName = res.rows[0].buyerName
-            }
-          })
-          line.materialCode = selection[i].code
-          line.material = selection[i].id
-          line.materialName = selection[i].name
-          line.classifyId = selection[i].classifyId
-          line.materialClassifyOneName = selection[i].oneClass
-          line.materialClassifyTwoName = selection[i].twoClass
-          line.materialClassifyThreeName = selection[i].threeClass
-          line.materialClassifyFourName = selection[i].fourClass
-          line.specification = selection[i].specification
-          line.model = selection[i].model
-          line.unit = selection[i].unitId
-          line.unitName = selection[i].unitIdName
-          line.registrant = selection[i].registrant
-          line.manufacturerName = selection[i].manufacturerIdName
-          line.puPeriod = selection[i].deliveryPeriod
-          line.expiry = selection[i].usefulLife
-          line.expiryUnit = selection[i].expiryUnitIdName
-          // line.minPackage = selection[i].usefulLife
-          line.minPackage = selection[i].minPackQty
-          line.minOrderQty = selection[i].minOrderQty
-          line.minBatch = selection[i].minBatchQty
-          line.safeStock = selection[i].safeStock
-          line.purOrgName = selection[i].purchasingOrganizationName
-          line.puOrg = selection[i].purchasingOrganization
-          // 物料存储条件和运输条件
-          line.transportationCondition = selection[i].transportationCondition
-          line.storageCondition = selection[i].storageCondition
-          // this.basicForm.puDemandItemList.push(line)
-          newLine.push(line)
-        }
-        // 删除指定下标
-        this.basicForm.puDemandItemList.splice(this.tableIndex,1,...newLine)
-        // this.basicForm.puDemandItemList.splice(this.tableIndex,1)
-      }
-    },
-    // 明细行选择参照
-    chooseDept(index, type, isPage, title) {
-      this.tableIndex = index
-      this.referCondition.type = type
-      this.referCondition.isPage = isPage
-      this.referCondition.title = title
-      this.$refs.refer.init(this.referCondition)
-    },
-    // 明细行选择仓库需要先确认采购组织
-    chooseCangKu(index, type, isPage, title, pkOrg) {
-      this.tableIndex = index
-      this.referCondition.type = type
-      this.referCondition.isPage = isPage
-      this.referCondition.title = title
-      if(pkOrg) {
-        this.referCondition.pkOrg = pkOrg
-        this.$refs.refer.init(this.referCondition)
-      } else {
-        this.$modal.notifyWarning("请先确认默认采购组织");
-      }
-    },
-    // 明细行选择货位先确认仓库
-    choosehuoWei(index, type, isPage, title, stordocId) {
-      this.tableIndex = index
-      this.referCondition.type = type
-      this.referCondition.isPage = isPage
-      this.referCondition.title = title
-      // 选择收货货位前先选择收货仓库
-      if(stordocId) {
-        this.referCondition.stordocId = stordocId
-        this.$refs.refer.init(this.referCondition)
-      } else {
-        this.$modal.notifyWarning("请先选择收货仓库");
-      }
-    },
-    // 明细行清空收货仓库，货位，收货地址档案等
-    clearHang(index, title) {
-      if (title == '选择收货仓库') {
-        this.basicForm.puDemandItemList[index].deliveryWarehouseName = null
-        this.basicForm.puDemandItemList[index].deliveryWarehouse = null
-        this.basicForm.puDemandItemList[index].deliveryAllocationName = null
-        this.basicForm.puDemandItemList[index].deliveryAllocation = null
-      }
-      if (title == '选择收货货位') {
-        this.basicForm.puDemandItemList[index].deliveryAllocationName = null
-        this.basicForm.puDemandItemList[index].deliveryAllocation = null
-      }
-      if (title == '选择收货地址') {
-        this.basicForm.puDemandItemList[index].deliveryAddressName = null
-        this.basicForm.puDemandItemList[index].deliveryAddress = null
-        this.basicForm.puDemandItemList[index].contacts = null
-        this.basicForm.puDemandItemList[index].contactsPhone = null
-        this.basicForm.puDemandItemList[index].address = null
-      }
-      if (title == '选择补单供应商') {
-        this.basicForm.puDemandItemList[index].additionalSupplierName = null
-        this.basicForm.puDemandItemList[index].additionalSupplier = null
-      }
-    },
-    // 清除需求客户将明细行内也清空
-    cleanCustomer() {
-      this.basicForm.customer = ''
-      this.basicForm.customerName = ''
-      this.basicForm.customerCode = ''
-      if (this.basicForm.puDemandItemList.length !== 0) {
-        this.basicForm.puDemandItemList.forEach(item => {
-          item.demandCustomerName = ''
-          item.demandCustomer = ''
-          item.status = ''
-          item.buyerName = ''
-          item.buyer = ''
-          item.reservedProportion = ''
-          item.reservedPeriod = ''
-          item.reservedQty = ''
-          item.averageQtyMonth = ''
-          item.demandPeriod = ''
-          item.forecastClassify = ''
-          item.onemonthAvgVolume = ''
-          item.threemonthAvgVolume = ''
-          item.puFreight = ''
-          item.superiorAllotQty = ''
-          item.resDemandQty = ''
-          item.executeQty = ''
-          item.deliveryWarehouseName = ''
-          item.deliveryWarehouse = ''
-          item.deliveryAllocationName = ''
-          item.deliveryAllocation = ''
-          item.lastWarehouseName = ''
-          item.lastAllocationName = ''
-          item.availableQty = ''
-          item.lastStockOrgName = ''
-          item.centralWarehouseQty = ''
-          item.allotCode = ''
-          item.deliveryAddress = ''
-          item.deliveryAddressName = ''
-          item.contacts = ''
-          item.contactsPhone = ''
-          item.address = ''
-        })
-      }
-    },
-    // 批量调整
-    adjustPl() {
-      if(this.ids.length == 0) {
-        this.$modal.notifyWarning('请至少选择一项数据进行操作!')
-      } else {
-        this.adjust.open = true
-      }
-    },
-    // 批量调整确认
-    confirmAdjust() {
-      console.log('data', this.adjust)
-      this.basicForm.puDemandItemList.forEach(item => {
-        this.ids.some(val => {
-          if(val == item.id) {
-            if(this.adjust.purchaseMan) {
-              item.buyer = this.adjust.purchaseMan
-              item.buyerName = this.adjust.purchaseManName
-            }
-            if(this.adjust.priceType) {
-              item.priceType = this.adjust.priceType
-            }
-            if(this.adjust.warehouseName) {
-              item.deliveryWarehouse = this.adjust.warehouse
-              item.deliveryWarehouseName = this.adjust.warehouseName
-              item.deliveryAllocation = this.adjust.allocation
-              item.deliveryAllocationName = this.adjust.allocationName
-            }
-            // if(this.adjust.allocationName) {
-            //   item.deliveryAllocation = this.adjust.allocation
-            //   item.deliveryAllocationName = this.adjust.allocationName
-            // }
-            if(this.adjust.remark) {
-              item.remark = this.adjust.remark
-            }
-            if(this.adjust.deliveryAddressName) {
-              item.deliveryAddressName = this.adjust.deliveryAddressName
-              item.deliveryAddress = this.adjust.deliveryAddress
-              item.contacts = this.adjust.contacts
-              item.contactsPhone = this.adjust.contactsPhone
-              item.address = this.adjust.address
-            }
-          }
-          this.adjust.open = false
-        })
-      })
-    },
-    // 批量调整选择货位
-    adjustHuoWei(type, isPage, title, stordocId) {
-      this.referCondition.type = type
-      this.referCondition.isPage = isPage
-      this.referCondition.title = title
-      // 选择收货货位前先选择收货仓库
-      if (stordocId) {
-        this.referCondition.stordocId = stordocId
-        this.$refs.refer.init(this.referCondition)
-      } else {
-        this.$modal.notifyWarning("请先选择收货仓库");
-      }
-    },
-    // 关闭清空批量调整数据
-    closeEvent() {
-      this.adjust =  {
-        open: false,
-        priceType: '',
-        purchaseMan: '',
-        purchaseManName: '',
-        warehouse: '',
-        warehouseName: '',
-        allocation: '',
-        allocationName: '',
-        remark: '',
-        deliveryAddress: '',
-        deliveryAddressName: '',
-        contacts: '',
-        contactsPhone: '',
-        address: ''
-      }
-    },
-    // 必选标识
-    addRedStar(h, { column }) {
-      return [
-        h('span', { style: 'color: #F56C6C' }, '*'),
-        h('span', ' ' + column.label)
-      ];
-    },
-    // 表格表头标星
-    anotherRedStar(h, { column }) {
-      if(this.isBDXQ) {
-      return [
-        h('span', { style: 'color: #F56C6C' }, '*'),
-        h('span', ' ' + column.label)
-      ];
-      } else {
-       return [
-          h('span', ' ' + column.label)
-        ]; 
-      }
-    },
-    // 流程跳转
-    jumpOA() {
-      toOA(this.$store.state.user.name, this.basicForm.flowId).then(res => {
-        if(res.code === 200) {
-          window.open(res.oaUrl)
-        }
-      })
-    },
-    // 解决表格选中了又自动取消的问题
-    getRowKeys(row) {
-      return row.id
-    },
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.btn_group {
-  // width: 100%;
-  // margin: 20px 0;
-  display: flex;
-  justify-content: space-between;
-  position: absolute;
-  top: 10px;right: 20px;
-
-}
-.btn_grooup {
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: space-between;
-}
-.hang {
-  margin: auto;
-}
-.hang ::v-deep .el-form-item__content{
-  margin-left: 0px !important;
-}
-// .el-table ::v-deep .el-form-item__error{
-//   padding-top: 0;
-//   top: 70%
-// }
-.el-table ::v-deep .success-row {
-  background: #f11616;
-}
-::v-deep .el-table__row > td {
-  border-right: none;
-}
-.pltzTxt{
-  text-align: right;
-  font-size: medium;
-  padding-right: 2%;
-}
-.pltzIpt{
-  width: 90%;
-}
-</style>

src/views/purchase/PurchaseDemandList/index-bak.vue

@@ -0,0 +1,874 @@
+<template>
+  <div id="PurchaseDemandList">
+    <div v-if="isList">
+      <el-card style="position: relative;">
+        <el-form class="search_area" label-width="100px">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="需求单号">
+                <el-input
+                  v-model.trim="queryParams.code"
+                  size="mini"
+                  clearable
+                  style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="需求客户">
+                <el-select clearable size="mini" v-model="queryParams.customer" @focus="chooseOrg('CUSTOMER_PARAM', true, '需求客户')" style="width: 200px">
+                  <el-option v-for="item in customerOptions" :key="item.id" :label="item.name" :value="item.id" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="是否客户指定">
+                <el-select clearable v-model="queryParams.isCustomerSpecified" size="mini" style="width: 200px" placeholder="请选择">
+                  <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="需求人员">
+                <el-select clearable size="mini" v-model="queryParams.demandPersonal" @focus="chooseOrg('CONTACTS_PARAM', true, '需求人员')" style="width: 200px">
+                  <el-option v-for="item in personOptions" :key="item.id" :label="item.name" :value="item.code" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <!-- <el-col :span="1.5"> -->
+              <!-- <el-form-item label="" label-width="20px"> -->
+                <div style="position: absolute;top: 3px;right: 10px;">
+                  <el-button type="primary" size="mini" @click="searchList">搜索</el-button>
+                  <el-button size="mini" plain @click="resetList">重置</el-button>
+                </div>
+              <!-- </el-form-item> -->
+            <!-- </el-col> -->
+          </el-row>
+        <CollapseTransition>
+          <div v-show="expanded">
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="单据来源">
+                <el-select clearable v-model="queryParams.source" size="mini" style="width: 200px">
+                  <el-option v-for="dict in dict.type.sys_bill_source" :key="dict.value" :label="dict.label" :value="dict.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="业务类型">
+                <el-select clearable v-model="queryParams.billType" size="mini" style="width: 200px">
+                  <el-option v-for=" dict in dict.type.sys_business" :key="dict.value" :label="dict.label" :value="dict.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="需求部门">
+                <el-select clearable v-model="queryParams.demandDept" size="mini" @focus="chooseOrg('DEPT_PARAM', true, '需求部门')" style="width: 200px">
+                  <el-option
+                    v-for="item in deptOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="需求日期">
+                <el-date-picker
+                  v-model="queryParams.demandDate"
+                  type="date"
+                  clearable
+                  value-format="yyyy-MM-dd"
+                  size="mini"
+                  style="width: 200px"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          
+          <el-row :gutter="10">
+            <el-col :span="1.5">
+              <el-form-item label="物料编码">
+                <el-input
+                  v-model.trim="queryParams.materialCode"
+                  size="mini"
+                  clearable
+                  style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="单据状态">
+                <el-select clearable v-model="queryParams.status" size="mini" style="width: 200px">
+                  <el-option v-for=" dict in dict.type.sys_status" :key="dict.value" :label="dict.label" :value="dict.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="需求计划">
+                <el-select clearable v-model="queryParams.planType" size="mini" style="width: 200px">
+                  <el-option v-for="dict in dict.type.sys_plan_type" :key="dict.value" :label="dict.label" :value="dict.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="1.5">
+              <el-form-item label="制单日期">
+                <el-date-picker
+                  v-model="queryParams.createTimeString"
+                  type="date"
+                  clearable
+                  value-format="yyyy-MM-dd"
+                  size="mini"
+                  style="width: 200px"
+                >
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="1.5">
+              <el-form-item label="补单供应商">
+                <el-select clearable size="mini" v-model="queryParams.additionalSupplier" @focus="chooseOrg('SUPPLIER_PARAM', true, '供应商')" style="width: 200px">
+                  <el-option v-for="item in supplierOptions" :key="item.id" :label="item.name" :value="item.id" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          </div>
+        </CollapseTransition>
+        </el-form>
+        <el-divider class="lines"><i style="cursor: pointer;" :class="expanded?'el-icon-arrow-up':'el-icon-arrow-down'" @click="drop"></i></el-divider>
+
+        
+        <div class="btn_grooup">
+          <el-button type="primary" size="mini" @click="addDivision">新增</el-button>
+
+          <el-dropdown size="mini" @command="handleCommand">
+            <el-button size="mini" type="primary" style="margin-left: 10px;">
+              导入<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="数据导入">数据导入</el-dropdown-item>
+              <el-dropdown-item command="模板下载">模板下载</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+
+          <el-dropdown size="mini" @command="handleExport">
+            <el-button size="mini" type="primary" style="margin: 0 10px;">
+              导出<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="选中导出">选中导出</el-dropdown-item>
+              <el-dropdown-item command="全部导出">全部导出</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+
+          <el-button type="primary" size="mini" @click="delItems">删除</el-button>
+          <!-- <el-button type="primary" size="mini">打印</el-button> -->
+        </div>
+        
+        <el-table
+          v-loading="loading"
+          :data="tableList" 
+          fit
+          :cell-style="{ borderColor: '#c0c0c0' }"
+          :header-cell-style="{ borderColor: '#c0c0c0' }"
+          class="exporttable"
+          max-height="410"
+          border
+          highlight-current-row
+          style="font-size: 12px;"
+          @selection-change="handleSelectionChange"
+          @row-click="rowSelect"
+          @row-dblclick="doubleClick"
+          ref="tables"
+        >
+          <el-table-column show-overflow-tooltip type="selection" width="55" fixed="left"/>
+          <el-table-column show-overflow-tooltip label="序号" type="index" align="center" width="50px" fixed="left"/>
+          <el-table-column show-overflow-tooltip label="需求单号" align="center" width="170" prop="code"/>
+          <el-table-column show-overflow-tooltip label="需求日期" align="center" width="100" prop="demandDate"/>
+          <el-table-column show-overflow-tooltip label="制单日期" align="center" width="100" prop="createTime"/>
+          <el-table-column show-overflow-tooltip label="需求计划" align="center" width="120" prop="planType" :formatter="formatterPlanType"/>
+          <el-table-column show-overflow-tooltip label="审批结束日期" align="center" width="120" prop="approverFinishTime"/>
+          <el-table-column show-overflow-tooltip label="单据状态" align="center" prop="satus" :formatter="formatterStatus"/>
+          <el-table-column show-overflow-tooltip label="业务类型" align="center" width="120" prop="billType" :formatter="formatterBillType"/>
+          <!-- <el-table-column show-overflow-tooltip label="是否特殊需求" align="center" width="150" prop="isSpeical" /> -->
+          <el-table-column show-overflow-tooltip label="需求人员" align="center" prop="demandPersonalName" />
+          <el-table-column show-overflow-tooltip label="需求客户" align="center" prop="customerName" width="150"/>
+          <el-table-column show-overflow-tooltip label="需求部门" align="center" prop="demandDeptName" width="150"/>
+          <!-- <el-table-column show-overflow-tooltip label="供应仓库" align="center" width="120" prop="warehouseName" /> -->
+          <!-- <el-table-column show-overflow-tooltip label="供应货位" align="center" width="150" prop="goodsAllocationName" /> -->
+          <el-table-column show-overflow-tooltip label="单据来源" align="center" prop="source" width="120" :formatter="formatterSource"/>
+          <el-table-column show-overflow-tooltip label="当前审批人" align="center" width="120" prop="approveUser" />
+          <el-table-column show-overflow-tooltip label="备注" align="center" width="150" prop="remark" />
+          <el-table-column
+          fixed="right"
+          label="操作"
+          align="center"
+          width="180"
+          >
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" @click="check(scope.row)">查看</el-button>
+            <el-button type="text" size="mini" v-if="scope.row.status == '0' || scope.row.status == '3' || scope.row.status == '9'" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="text" size="mini" v-if="scope.row.status == '0' || scope.row.status == '3' || scope.row.status == '9'" @click="commit(scope.row)">提交</el-button>
+            <el-button type="text" size="mini" v-if="scope.row.status == '1' && scope.row.flowId" @click="reback(scope.row)">收回</el-button>
+            <el-button type="text" size="mini" v-if="scope.row.status == '0' || scope.row.status == '3' || scope.row.status == '9'" @click="deleteids(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+        </el-table>
+
+        <el-pagination
+          background
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="queryParams.pageNum"
+          :page-sizes="[10, 20, 50, 100, 200, 500]"
+          :page-size="50"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total=total>
+        </el-pagination>
+      </el-card>
+    </div>
+
+    <!-- 用户导入对话框 -->
+    <el-dialog title="数据导入" :visible.sync="upload.open" width="400px">
+      <el-upload
+      ref="upload"
+      :limit="1"
+      accept=".xlsx, .xls"
+      :headers="upload.headers"
+      :action="upload.url + '?updateSupport=' + upload.updateSupport"
+      :disabled="upload.isUploading"
+      :on-progress="handleFileUploadProgress"
+      :on-success="handleFileSuccess"
+      :on-error="errorFile"
+      :auto-upload="false"
+      drag
+      >
+      <i class="el-icon-upload"></i>
+      <div class="el-upload__text">
+        将文件拖到此处，或
+        <em>点击上传</em>
+      </div>
+      <!-- <div class="el-upload__tip" slot="tip">
+        <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
+      </div> -->
+      <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
+      </el-upload>
+      <div slot="footer">
+      <el-button size="mini" type="primary" @click="submitFileForm">确 定</el-button>
+      <el-button size="mini" @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 模板下载新增参数 -->
+    <el-dialog title="需求模板下载" :visible.sync="download.open" @close="clearDownload" width="400px">
+      <el-row style="margin-bottom: 20px;">
+        <span style="margin-right: 10px;">需求计划</span>
+        <el-select size="mini" v-model="download.planType">
+          <el-option v-for="dict in dict.type.sys_plan_type" :key="dict.value" :label="dict.label" :value="dict.value">
+          </el-option>
+        </el-select>
+      </el-row>
+      <el-row style="margin-bottom: 20px;">
+        <span style="margin-right: 10px;">需求客户</span>
+        <el-select clearable size="mini" v-model="download.customer" @clear="download.customer = ''" @focus="chooseOrg('CUSTOMER_PARAM', true, '选择客户')">
+          <el-option v-for="item in mBcustomer" :key="item.id" :label="item.name" :value="item.code" />
+        </el-select>
+      </el-row>
+      <el-row style="margin-bottom: 20px;">
+        <span style="margin-right: 10px;">供应仓库</span>
+        <el-select clearable size="mini" v-model="download.warehouse" @clear="cleanMb" @focus="chooseOrg('WAREHOUSE_PARAM', true, '选择仓库')">
+          <el-option v-for="item in mBwarehouse" :key="item.id" :label="item.name" :value="item.code" />
+        </el-select>
+      </el-row>
+      <el-row style="margin-bottom: 20px;">
+        <span style="margin-right: 10px;">供应货位</span>
+        <el-select clearable size="mini" v-model="download.cargoSpace" @clear="download.cargoSpace = ''" @focus="mbHuowei('ALLOCATION_PARAM', true, '选择货位', download.warehouseId)">
+          <el-option v-for="item in mBcargoSpace" :key="item.id" :label="item.name" :value="item.code" />
+        </el-select>
+      </el-row>
+      <el-row style="margin-bottom: 20px;">
+        <span style="margin-right: 10px;">品类选择</span>
+        <el-select
+        v-model="download.category"
+        size="mini"
+        clearable
+        @focus="chooseTreeRefer('MATERIALCLASSIFY_PARAM', false, '选择品类')"
+        >
+          <el-option v-for="item in classOptions" :key="item.id" :label="item.name" :value="item.code" />
+        </el-select>
+      </el-row>
+      <div slot="footer">
+      <el-button size="mini" type="primary" @click="mbDownload">模板下载</el-button>
+      <el-button size="mini" @click="download.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="searchList"/>
+  
+    <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/>
+
+    <TreeRefers ref="tree" @doSubmit="selectionsToInput2" :single="true"/>
+  </div>
+</template>
+
+<script>
+// 导入的token
+import { getToken } from "@/utils/auth";
+import Add from './add.vue'
+import Refers from '@/components/Refers/refers.vue'
+import TreeRefers from '@/components/Refers/sigleTreeRefer.vue'
+import CollapseTransition from '@/components/MyCollapse/collapse.vue'
+// 流程收回
+import { rebacktWork } from '@/api/purchase/workSpace.js'
+import {getDemandList, delDemand, downLoadDemand, exportDemand, submitDemand, confirmSubmit } from '@/api/purchase/purchaseDemand.js'
+export default {
+  name: 'PurchaseDemandList',
+  components: {
+    Add,
+    CollapseTransition,
+    Refers,
+    TreeRefers
+  },
+  dicts: ['sys_processing_mode', 'sys_status', 'sys_bill_source', 'sys_business', 'sys_reserve_ratio', 'sys_period_unit', 'sys_price_type', 'sys_plan_type', 'oa_templete_id'],
+  data() {
+    return {
+      loading: true,
+      // 导入参数
+      upload: {
+        // 是否显示弹出层（导入）
+        open: false,
+        // 弹出层标题（导入）
+        title: "数据导入",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 1,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/pu/demand/import"
+      },
+      // 模板下载参数
+      download: {
+        open: false,
+        planType: 'ZJH',
+        customer: '',
+        warehouse: '',
+        warehouseId: '',
+        cargoSpace: '',
+        category: ''
+      },
+      mBcustomer: [],
+      mBwarehouse: [],
+      mBcargoSpace: [],
+      classOptions: [],
+      // 下拉收起配置
+      expanded: false,
+      // 页面配置
+      isList: true,
+      // 页面状态
+      page: '',
+      queryParams: {
+        code: this.$route.query.billCode,
+        customer: '',
+        isCustomerSpecified: '',
+        demandPersonal: '',
+        source: '',
+        planType: '',
+        billType: '',
+        demandDept: '',
+        demandDate: '',
+        remark: '',
+        createTimeString: '',
+        materialCode: '',
+        status: '',
+        additionalSupplier: '',
+        pageNum: 1,
+        pageSize: 50
+      },
+      referCondition: {
+        type: '',
+        isPage: true,
+        title: ''
+      },
+      options: [{
+        value: 'Y', label: '是',
+      }, {
+        value: 'N', label: '否'
+      }],
+      customerOptions: [],
+      personOptions: [],
+      deptOptions: [],
+      supplierOptions: [],
+      tableList: [],
+      total: 0,
+      rowDetail: {},
+      disable: false,
+      ids: []
+    }
+  },
+  created() {
+    this.getList(this.queryParams)
+  },
+  methods: {
+    // 格式化表格内容
+    formatterPlanType(row) {
+      switch(row.planType){
+        case 'ZJH':
+          return '周计划'
+        case 'YJH':
+          return '月计划'
+        case 'JJXQ':
+          return '紧急计划'
+      }
+    },
+    formatterStatus(row) {
+      switch(row.status){
+        case '0':
+          return '未提交'
+        case '1':
+          return '审批中'
+        case '2':
+          return '已完成'
+        case '3':
+          return '已驳回'
+        case '9':
+          return '已回退'
+      }
+    },
+    formatterBillType(row) {
+      switch (row.billType) {
+        case 'ZQBH':
+          return '周期备货'
+        case 'FXXQ':
+          return '分销需求'
+        case 'TSXQ':
+          return '特殊采购需求'
+        case 'BDXQ':
+          return '补单需求'
+        case 'JJXQ':
+          return '紧急需求单'
+        case 'XPXQ':
+          return '新品需求'
+        case 'HZBM':
+          return '合作部门需求'
+        case 'DZBH':
+          return '大宗备货'
+        case 'XZCG':
+          return '行政类采购'
+      }
+    },
+    formatterSource(row) {
+      switch (row.source) {
+        case '1':
+          return '手工导入'
+        case '2':
+          return '按客户计算'
+        case '3':
+          return '按仓库计算'
+        case '4':
+          return '手工新增'
+      }
+    },
+    searchList() {
+      this.getList(this.queryParams)
+    },
+    resetList() {
+      this.queryParams = {
+        code: '',
+        customer: '',
+        isCustomerSpecified: '',
+        demandPersonal: '',
+        source: '',
+        planType: '',
+        billType: '',
+        demandDept: '',
+        demandDate: '',
+        remark: '',
+        createTimeString: '',
+        materialCode: '',
+        status: '',
+        additionalSupplier: '',
+        pageNum: 1,
+        pageSize: 50
+      }
+      this.getList(this.queryParams)
+    },
+    getList(params){
+      getDemandList(params).then(res => {
+        if (res.code === 200) {
+          this.tableList = res.rows
+          this.total = res.total
+        }
+      }).then(() => {
+        this.loading = false
+      }).catch(err => {
+        this.loading = false
+      })
+    },
+    handleSelectionChange(selection) {
+      console.log('选中', selection)
+      this.ids = selection.map(item => item.id)
+      console.log('选中数组', this.ids.join())
+    },
+    mbDownload() {
+      this.$modal.loading("正在下载模板，请稍后...");
+      downLoadDemand(this.download).then(res => {
+        this.$modal.closeLoading();
+        const blob = new Blob([res], {
+          type: "application/vnd.ms-excel;charset=UTF-8",
+        });// 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象
+        const downloadElement = document.createElement("a"); //创建a标签
+        const href = window.URL.createObjectURL(blob); // 创建下载的链接
+        // var temp = res.headers["content-disposition"]; 
+        // var fileName = decodeURIComponent(temp.split("filename=")[1]); // 中文需要转码 (前端乱码）
+        // var name = fileName.split(";")[0]; //切割成文件名
+        downloadElement.href = href;  //下载地址
+        downloadElement.download = '采购需求单模板'+ this.parseTime(new Date().getTime()) + ".xlsx"; // 下载后文件名
+        document.body.appendChild(downloadElement);
+        downloadElement.click(); // 点击下载
+        document.body.removeChild(downloadElement); // 下载完成移除元素
+        window.URL.revokeObjectURL(href); // 释放blob对象
+        this.download.open = false
+      }).catch(err => {
+        this.$modal.closeLoading();
+      })
+    },
+    // 关闭模板下载弹窗清空参数
+    clearDownload() {
+      // 模板下载参数
+      this.download =  {
+        open: false,
+        planType: 'ZJH',
+        customer: '',
+        warehouse: '',
+        warehouseId: '',
+        cargoSpace: '',
+        category: ''
+      }
+    },
+    handleCommand(command) {
+      // alert(command)
+      if(command == '模板下载') {
+        this.download.open = true
+      }
+      if (command == '数据导入') {
+        this.upload.title = "用户导入"
+        this.upload.open = true
+      }
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+      this.$modal.loading("正在导入数据，请稍后...");
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.$modal.closeLoading();
+      this.upload.open = false;
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+      this.getList(this.queryParams);
+    },
+    errorFile(err) {
+      this.$modal.closeLoading();
+      this.$modal.notifyError("文件已变动，请重新上传");
+    },
+    // 提交上传文件
+    submitFileForm() {
+      this.$refs.upload.submit();
+    },
+    handleExport(command) {
+      if(command == '选中导出') {
+        if (this.ids.length == 0) {
+          this.$modal.notifyWarning("请选中至少一条数据");
+        } else {
+          this.$modal.loading("正在导出数据，请稍后...");
+          let param = {all: false, ids: this.ids}
+          exportDemand(param).then(res => {
+            this.$modal.closeLoading();
+            const blob = new Blob([res], {
+              type: "application/vnd.ms-excel;charset=UTF-8",
+            });// 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象
+            const downloadElement = document.createElement("a"); //创建a标签
+            const href = window.URL.createObjectURL(blob); // 创建下载的链接
+            // var temp = res.headers["content-disposition"]; 
+            // var fileName = decodeURIComponent(temp.split("filename=")[1]); // 中文需要转码 (前端乱码）
+            // var name = fileName.split(";")[0]; //切割成文件名
+            downloadElement.href = href;  //下载地址
+            downloadElement.download = '采购需求单选中导出' + this.parseTime(new Date().getTime()) + ".xlsx"; // 下载后文件名
+            document.body.appendChild(downloadElement);
+            downloadElement.click(); // 点击下载
+            document.body.removeChild(downloadElement); // 下载完成移除元素
+            window.URL.revokeObjectURL(href); // 释放blob对象
+          }).catch(err => {
+            this.$modal.closeLoading();
+          })
+        }
+      } else {
+        this.$modal.loading("正在导出数据，请稍后...");
+        let param2 = {all: true}
+        exportDemand(param2).then(res => {
+          this.$modal.closeLoading();
+          const blob = new Blob([res], {
+            type: "application/vnd.ms-excel;charset=UTF-8",
+          });// 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象
+          const downloadElement = document.createElement("a"); //创建a标签
+          const href = window.URL.createObjectURL(blob); // 创建下载的链接
+          // var temp = res.headers["content-disposition"]; 
+          // var fileName = decodeURIComponent(temp.split("filename=")[1]); // 中文需要转码 (前端乱码）
+          // var name = fileName.split(";")[0]; //切割成文件名
+          downloadElement.href = href;  //下载地址
+          downloadElement.download = '采购需求单全部导出' + this.parseTime(new Date().getTime()) + ".xlsx"; 
+          document.body.appendChild(downloadElement);
+          downloadElement.click(); // 点击下载
+          document.body.removeChild(downloadElement); // 下载完成移除元素
+          window.URL.revokeObjectURL(href); // 释放blob对象
+        }).catch(err => {
+          this.$modal.closeLoading();
+        })
+      }
+    },
+    addDivision() {
+      this.isList = false
+      this.page = 'add'
+      this.disable = false
+    },
+    check(row) {
+      this.isList = false
+      this.page = 'check'
+      this.rowDetail = row
+      this.disable = true
+    },
+    doubleClick(row) {
+      this.isList = false
+      this.page = 'check'
+      this.rowDetail = row
+      this.disable = true
+    },
+    // 表格选中数据
+    rowSelect(row) {
+      this.$refs.tables.toggleRowSelection(row);
+    },
+    edit(row) {
+      this.isList = false
+      this.page = 'edit'
+      this.rowDetail = row
+      this.disable = false
+    },
+    commit(row) {
+      console.log('row', row)
+      this.$modal.loading("提交中...");
+      submitDemand(row).then(res => {
+        if (res.code === 200) {
+          this.$modal.notifySuccess("提交成功");
+          this.$modal.closeLoading();
+          this.getList(this.queryParams)
+        }
+        if (res.code === 233) {
+          this.$modal.confirm(res.msg).then(function() {
+            // 确认
+          }).then(() => {
+            confirmSubmit(row).then(res => {
+              if (res.code === 200) {
+                this.$modal.notifySuccess("提交成功");
+                this.$modal.closeLoading();
+                this.getList(this.queryParams)
+              }
+            }).catch(err => {
+              this.$modal.closeLoading();
+            })
+            // 取消
+          }).catch(() => {
+            this.$modal.closeLoading();
+          })
+          this.$modal.closeLoading();
+        }
+      }).catch(err => {
+        this.$modal.closeLoading();
+      })
+    },
+    // 流程收回
+    reback(row) {
+      this.$modal.loading("收回中...");
+      let params = {
+        billCode: row.code, 
+        fdId: row.flowId, 
+        fdTemplateId: this.dict.type.oa_templete_id.find(item => {
+          return item.label == "采购需求单"
+        }).value,
+        billMaker: row.createBy 
+      }
+      rebacktWork(params).then(res => {
+        if (res.code === 200) {
+          this.$modal.notifySuccess("收回成功");
+          this.$modal.closeLoading();
+          this.getList(this.queryParams)
+        }
+      }).catch(err => {
+        this.$modal.closeLoading();
+      })
+    },
+    // 行内删除
+    deleteids(row) {
+      console.log('row', row)
+      this.$modal.confirm('确定删除选择数据?').then(() => {
+        delDemand(row.id).then(res => {
+          if (res.code === 200) {
+            this.$modal.notifySuccess("删除成功");
+            this.getList(this.queryParams)
+          }
+        })
+        }).catch(() => {})
+    },
+    // 批量删除按钮
+    delItems() {
+      if(this.ids.length == 0) {
+        this.$modal.notifyWarning("请选中至少一条数据");
+      } else {
+        let param = this.ids.join()
+        this.$modal.confirm('确认删除选中数据?').then(() => {
+        delDemand(param).then(res => {
+          if (res.code === 200) {
+            this.$modal.notifySuccess("删除成功");
+            this.getList(this.queryParams)
+          }
+        })
+        }).catch(() => {})
+      }
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.queryParams.pageSize = val
+      this.getList(this.queryParams)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.queryParams.pageNum = val
+      this.getList(this.queryParams)
+    },
+    drop() {
+      this.expanded = !this.expanded
+    },
+    // 搜索区参照选择
+    chooseOrg(type, isPage, title, stordocId) {
+      this.referCondition.type = type
+      this.referCondition.isPage = isPage
+      this.referCondition.title = title
+      this.referCondition.stordocId = stordocId
+      this.$refs.refer.init(this.referCondition)
+    },
+    selectionsToInput(selection) {
+      // 搜索区选择客户
+      if (this.referCondition.type == 'CUSTOMER_PARAM' && this.referCondition.title == '需求客户') {
+        this.customerOptions = selection
+        this.queryParams.customer = selection[0].id
+      }
+      // 模板内选择客户
+      if (this.referCondition.type == 'CUSTOMER_PARAM' && this.referCondition.title == '选择客户') {
+        this.mBcustomer = selection
+        this.download.customer = selection[0].code
+      }
+      // 模板内选择仓库
+      if (this.referCondition.type == 'WAREHOUSE_PARAM' && this.referCondition.title == '选择仓库') {
+        this.mBwarehouse = selection
+        this.download.warehouse = selection[0].code
+        this.download.warehouseId = selection[0].id
+      }
+      // 模板内选择货位
+      if (this.referCondition.type == 'ALLOCATION_PARAM' && this.referCondition.title == '选择货位') {
+        this.mBcargoSpace = selection
+        this.download.cargoSpace = selection[0].code
+      }
+      if (this.referCondition.type == 'CONTACTS_PARAM') {
+        this.personOptions = selection
+        this.queryParams.demandPersonal = selection[0].code
+      }
+      if (this.referCondition.type == 'DEPT_PARAM') {
+        this.deptOptions = selection
+        this.queryParams.demandDept = selection[0].id
+      }
+      if (this.referCondition.type == 'SUPPLIER_PARAM') {
+        this.supplierOptions = selection
+        this.queryParams.additionalSupplier = selection[0].id
+      }
+    },
+    mbHuowei(type, isPage, title, stordocId) {
+      this.referCondition.type = type
+      this.referCondition.isPage = isPage
+      this.referCondition.title = title
+      if(stordocId) {
+        this.referCondition.stordocId = stordocId
+        this.$refs.refer.init(this.referCondition)
+      } else {
+        this.$modal.notifyWarning("请先选择仓库")
+      }
+    },
+    cleanMb() {
+      this.download.warehouse = ''
+      this.download.warehouseId = ''
+    },
+    // 搜索区树形选择
+    chooseTreeRefer(type, isPage, title) {
+      this.referCondition.type = type
+      this.referCondition.isPage = isPage
+      this.referCondition.title = title
+      this.$refs.tree.init(this.referCondition)
+    },
+    selectionsToInput2(selection) {
+      this.classOptions.push(selection)
+      this.download.category = selection.code
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+#PurchaseDemandList {
+  padding: 12px;
+  box-sizing: border-box;
+  overflow-y: scroll;
+}
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.lines {
+  margin-top: 0;
+}
+.el-pagination {
+  margin-top: 10px;
+  text-align: right;
+}
+::v-deep .el-table__row > td {
+  border-right: none;
+}
+ ::v-deep .el-card .el-form-item {
+  margin-bottom: 10px;
+}
+</style>
+<style>
+.exporttable {
+  border: solid 1px #c0c0c0;
+}
+.el-table .el-table__header-wrapper th {
+  font-size: 14px;
+}
+</style>

src/views/purchase/PurchaseDemandList/index.vue

@@ -180,43 +180,44 @@
           <!-- <el-button type="primary" size="mini">打印</el-button> -->
         </div>
         
-        <el-table
+        <el-super-ux-table
           v-loading="loading"
-          :data="tableList" 
-          fit
-          :cell-style="{ borderColor: '#c0c0c0' }"
-          :header-cell-style="{ borderColor: '#c0c0c0' }"
+          v-model="tableList"
+          :columns="TableColumns"
+          size="mini"
+          :dict="dict"
+          index
+          checkbox
           class="exporttable"
-          max-height="410"
+          :height=410
           border
           highlight-current-row
+          convenitentOperation
+          storage-key="PurchaseDemandList"
           style="font-size: 12px;"
           @selection-change="handleSelectionChange"
           @row-click="rowSelect"
           @row-dblclick="doubleClick"
           ref="tables"
         >
-          <el-table-column show-overflow-tooltip type="selection" width="55" fixed="left"/>
-          <el-table-column show-overflow-tooltip label="序号" type="index" align="center" width="50px" fixed="left"/>
-          <el-table-column show-overflow-tooltip label="需求单号" align="center" width="170" prop="code"/>
-          <el-table-column show-overflow-tooltip label="需求日期" align="center" width="100" prop="demandDate"/>
-          <el-table-column show-overflow-tooltip label="制单日期" align="center" width="100" prop="createTime"/>
-          <el-table-column show-overflow-tooltip label="需求计划" align="center" width="120" prop="planType" :formatter="formatterPlanType"/>
-          <el-table-column show-overflow-tooltip label="审批结束日期" align="center" width="120" prop="approverFinishTime"/>
-          <el-table-column show-overflow-tooltip label="单据状态" align="center" prop="satus" :formatter="formatterStatus"/>
-          <el-table-column show-overflow-tooltip label="业务类型" align="center" width="120" prop="billType" :formatter="formatterBillType"/>
-          <!-- <el-table-column show-overflow-tooltip label="是否特殊需求" align="center" width="150" prop="isSpeical" /> -->
-          <el-table-column show-overflow-tooltip label="需求人员" align="center" prop="demandPersonalName" />
-          <el-table-column show-overflow-tooltip label="需求客户" align="center" prop="customerName" width="150"/>
-          <el-table-column show-overflow-tooltip label="需求部门" align="center" prop="demandDeptName" width="150"/>
-          <!-- <el-table-column show-overflow-tooltip label="供应仓库" align="center" width="120" prop="warehouseName" /> -->
-          <!-- <el-table-column show-overflow-tooltip label="供应货位" align="center" width="150" prop="goodsAllocationName" /> -->
-          <el-table-column show-overflow-tooltip label="单据来源" align="center" prop="source" width="120" :formatter="formatterSource"/>
-          <el-table-column show-overflow-tooltip label="当前审批人" align="center" width="120" prop="approveUser" />
-          <el-table-column show-overflow-tooltip label="备注" align="center" width="150" prop="remark" />
-          <el-table-column
+          <!-- <ux-table-column show-overflow-tooltip type="selection" width="55" fixed="left"/>
+          <ux-table-column show-overflow-tooltip title="序号" type="index" align="center" width="50px" fixed="left"/>
+          <ux-table-column show-overflow-tooltip title="需求单号" align="center" width="170" field="code"/>
+          <ux-table-column show-overflow-tooltip title="需求日期" align="center" width="100" field="demandDate"/>
+          <ux-table-column show-overflow-tooltip title="制单日期" align="center" width="100" field="createTime"/>
+          <ux-table-column show-overflow-tooltip title="需求计划" align="center" width="120" field="planType" :formatter="formatterPlanType"/>
+          <ux-table-column show-overflow-tooltip title="审批结束日期" align="center" width="120" field="approverFinishTime"/>
+          <ux-table-column show-overflow-tooltip title="单据状态" align="center" field="status" :formatter="formatterStatus"/>
+          <ux-table-column show-overflow-tooltip title="业务类型" align="center" width="120" field="billType" :formatter="formatterBillType"/>
+          <ux-table-column show-overflow-tooltip title="需求人员" align="center" field="demandPersonalName" />
+          <ux-table-column show-overflow-tooltip title="需求客户" align="center" field="customerName" width="150"/>
+          <ux-table-column show-overflow-tooltip title="需求部门" align="center" field="demandDeptName" width="150"/>
+          <ux-table-column show-overflow-tooltip title="单据来源" align="center" field="source" width="120" :formatter="formatterSource"/>
+          <ux-table-column show-overflow-tooltip title="当前审批人" align="center" width="120" field="approveUser" />
+          <ux-table-column show-overflow-tooltip title="备注" align="center" width="150" field="remark" /> -->
+          <ux-table-column
           fixed="right"
-          label="操作"
+          title="操作"
           align="center"
           width="180"
           >
@@ -227,8 +228,8 @@
             <el-button type="text" size="mini" v-if="scope.row.status == '1' && scope.row.flowId" @click="reback(scope.row)">收回</el-button>
             <el-button type="text" size="mini" v-if="scope.row.status == '0' || scope.row.status == '3' || scope.row.status == '9'" @click="deleteids(scope.row)">删除</el-button>
           </template>
-        </el-table-column>
-        </el-table>
+        </ux-table-column>
+        </el-super-ux-table>
 
         <el-pagination
           background
@@ -342,7 +343,8 @@ export default {
     Add,
     CollapseTransition,
     Refers,
-    TreeRefers
+    TreeRefers,
+    ElSuperUxTable: () => import("@/components/super-ux-table/index.vue"),
   },
   dicts: ['sys_processing_mode', 'sys_status', 'sys_bill_source', 'sys_business', 'sys_reserve_ratio', 'sys_period_unit', 'sys_price_type', 'sys_plan_type', 'oa_templete_id'],
   data() {
@@ -419,7 +421,31 @@ export default {
       total: 0,
       rowDetail: {},
       disable: false,
-      ids: []
+      ids: [],
+      TableColumns: [
+        { item: { key: "code", title: "需求单号", width: 150 }, attr: {} },
+        { item: { key: "demandDate", title: "需求日期", width: 150 }, attr: {} },
+        { item: { key: "createTime", title: "制单日期", width: 150 }, attr: {} },
+        { item: { key: "planType", title: "需求计划", width: 150 }, attr: { is: "el-dict-tag", dictName: "sys_plan_type" } },
+        { item: { key: "approverFinishTime", title: "审批结束日期", width: 150 }, attr: {} },
+        { item: { key: "status", title: "单据状态", width: 150 }, attr: { is: "el-dict-tag", dictName: "sys_status" } },
+        { item: { key: "billType", title: "业务类型", width: 150 }, attr: { is: "el-dict-tag", dictName: "sys_business" } },
+        { item: { key: "demandPersonalName", title: "需求人员", width: 150 }, attr: {} },
+        { item: { key: "customerName", title: "需求客户", width: 150 }, attr: {} },
+        { item: { key: "demandDeptName", title: "需求部门", width: 150 }, attr: {} },
+        { item: { key: "source", title: "单据来源", width: 150 }, attr: { is: "el-dict-tag", dictName: "sys_bill_source" } },
+        { item: { key: "approveUser", title: "当前审批人", width: 150 }, attr: {} },
+        { item: { key: "remark", title: "备注", width: 150 }, attr: {} },
+      ].map(({ item, attr }) => ({
+    attr,
+    item: {
+      ...item,
+      sortabled: true,
+      fixedabled: true,
+      filterabled: true,
+      hiddenabled: true,
+    },
+  })),
     }
   },
   created() {
@@ -664,7 +690,8 @@ export default {
     },
     // 表格选中数据
     rowSelect(row) {
-      this.$refs.tables.toggleRowSelection(row);
+
+      this.$refs.tables.toggleRowSelection([{row: row}]);
     },
     edit(row) {
       this.isList = false