drp-ui/src/views/material/requisition/add.vue

<template>
  <div class="requisition_add">
    <el-tabs type="border-card" v-model="tabValue" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="first">
        <div style="width: 100%;height: 680px;overflow-y: auto; overflow-x: hidden;">
        <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="170px">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="单据编码" prop="billCode">
                <el-input disabled v-model="basicForm.billCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="所属组织" prop="orgName">
                <el-input disabled v-model="basicForm.orgName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="四级分类" prop="classifyId">
                <el-select
                    ref="fourTag"
                    v-model="basicForm.classifyId"
                    placeholder="四级分类"
                    :disabled="disable"
                    clearable
                    @focus="chooseFourClass"
                  >
                    <el-option
                      v-for="item in testOptions"
                      :key="item.id"
                      :label="item.materialType"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="医药物料" prop="isMedicine">
                <el-select
                    v-model="basicForm.isMedicine"
                    placeholder="医药物料"
                    :disabled="disable"
                    @change="controlMedic"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="DI" prop="diCode">
                <el-input :disabled="disable" v-model="basicForm.diCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="物料名称" prop="name">
                <el-input :disabled="disable" v-model="basicForm.name"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="英文名称" prop="enName">
                <el-input :disabled="disable" v-model="basicForm.enName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="简称" prop="commonName">
                <el-input :disabled="disable" v-model="basicForm.commonName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="规格" prop="specification">
                <el-input :disabled="disable" v-model="basicForm.specification"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="型号" prop="model">
                <el-input :disabled="disable" v-model="basicForm.model"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="计量单位" prop="unitId">
                <el-select
                    ref="units"
                    v-model="basicForm.unitId"
                    placeholder="计量单位"
                    clearable
                    :disabled="disable"
                    @focus="chooseUnit"
                  >
                    <el-option
                      v-for="item in unitOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="生产厂家/代理人" prop="manufacturerId">
                <el-select
                    ref="factoryOrman"
                    v-model="basicForm.manufacturerId"
                    placeholder="生产厂家/代理人"
                    clearable
                    :disabled="disable"
                    @focus="chooseFactory"
                  >
                    <el-option
                      v-for="item in factoryOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="注册人/上市许可持有人" prop="registrant">
                <el-input :disabled="disable" v-model="basicForm.registrant"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="产地" prop="originPlace">
                <el-select
                    ref="places"
                    v-model="basicForm.originPlace"
                    placeholder="产地"
                    clearable
                    :disabled="disable"
                    @focus="choosePlace"
                  >
                    <el-option
                      v-for="item in placeOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="厂家物料名称" prop="manufacturersMaterialName">
                <el-input :disabled="disable" v-model="basicForm.manufacturersMaterialName"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="厂家物料编码" prop="manufacturersMaterialCode">
                <el-input type="number" min="0" :disabled="disable" v-model="basicForm.manufacturersMaterialCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="ABC分类" prop="classifyAbc">
                <el-select
                    v-model="basicForm.classifyAbc"
                    placeholder="ABC分类"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in dict.type.abc_type"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
                <!-- <el-input :disabled="disable" v-model="basicForm.classifyAbc"></el-input> -->
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="安全库存" prop="safeStock">
                <el-input type="number" min="0" :disabled="disable" v-model="basicForm.safeStock"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="B2C物料" prop="isB2c">
                <el-select
                    v-model="basicForm.isB2c"
                    placeholder="B2C物料"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="成套件" prop="assembly">
                <el-select
                    v-model="basicForm.assembly"
                    placeholder="成套件"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="批号及库存状态管理" prop="isInventoryStatus">
                <el-select
                    v-model="basicForm.isInventoryStatus"
                    placeholder="批号及库存状态管理"
                    clearable
                    @change="stockControl"
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="效期管理" prop="expiryDateManagerment">
                <el-select
                    v-model="basicForm.expiryDateManagerment"
                    placeholder="效期管理"
                    clearable
                    @change="expCt"
                    :disabled="disable || isStock"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="近效期管理" prop="nearOnsetManagerment">
                <el-select
                    v-model="basicForm.nearOnsetManagerment"
                    placeholder="近效期管理"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="有效期" prop="usefulLife" :rules="{required: !isExp, message: '请填写有效期', trigger: 'blur'}">
                <el-input type="number" min="0" :disabled="disable || isExp" v-model="basicForm.usefulLife"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="效期单位" prop="expiryUnitId" :rules="{required: !isExp, message: '请选择效期单位', trigger: 'change'}">
                <el-select
                    v-model="basicForm.expiryUnitId"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isExp"
                  >
                    <el-option
                      v-for="item in dict.type.period_unit"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="有效期至单位" prop="usefulLifeUnitId" :rules="{required: !isExp, message: '请选择有效期至单位', trigger: 'change'}">
                <el-select
                    v-model="basicForm.usefulLifeUnitId"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isExp"
                  >
                    <el-option
                      v-for="item in dict.type.expiry_date"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="近效期预警天数" prop="recentWarningPeriod" :rules="{required: !isExp, message: '请填写近效期预警天数', trigger: 'blur'}">
                <el-input type="number" min="0" :disabled="disable || isExp" v-model="basicForm.recentWarningPeriod"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="存储条件" prop="storageCondition">
                <el-select
                    v-model="basicForm.storageCondition"
                    placeholder="存储条件"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in dict.type.sys_storage_condition"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="运输条件" prop="transportationCondition">
                <el-select
                    v-model="basicForm.transportationCondition"
                    placeholder="运输条件"
                    clearable
                    :disabled="disable"
                  >
                    <el-option
                      v-for="item in dict.type.sys_conditions_carriage"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="物料税类" prop="materialRate">
                <el-select
                    ref="taxs"
                    v-model="basicForm.materialRate"
                    placeholder="物料税类"
                    clearable
                    :disabled="disable"
                    @focus="chooseTax"
                  >
                    <el-option
                      v-for="item in taxOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="交货周期" prop="deliveryPeriod">
                <el-input type="number" min="0" :disabled="disable" v-model="basicForm.deliveryPeriod"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最小起定量" prop="minOrderQty">
                <el-input :disabled="disable" v-model="basicForm.minOrderQty"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最小包装量" prop="minPackQty">
                <el-input :disabled="disable" v-model="basicForm.minPackQty"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="采购员" prop="puPersonnelId">
                <el-select
                    ref="staffs"
                    v-model="basicForm.puPersonnelId"
                    placeholder="采购员"
                    clearable
                    :disabled="disable"
                    @focus="chooseStaff"
                  >
                    <el-option
                      v-for="item in staffOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.code"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最小批量" prop="minBatchQty">
                <el-input :disabled="disable" v-model="basicForm.minBatchQty"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="长度(MM)" prop="length">
                <el-input :disabled="disable" v-model="basicForm.length"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="高度(MM)" prop="height">
                <el-input :disabled="disable" v-model="basicForm.height"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="宽度(MM)" prop="width">
                <el-input :disabled="disable" v-model="basicForm.width"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="箱包装数" prop="boxPackaingQty">
                <el-input :disabled="disable" v-model="basicForm.boxPackaingQty"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="中包装数" prop="mediumPackageQty">
                <el-input :disabled="disable" v-model="basicForm.mediumPackageQty"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="包装说明" prop="packExplain">
                <el-input :disabled="disable" v-model="basicForm.packExplain"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务线" prop="businessLine" :rules="{required: isOneClass, message: '骨科、介入、检验、普耗、设备类物料产线必须输入对应的业务线', trigger: 'blur'}">
                <el-select
                    ref="lines"
                    v-model="basicForm.businessLine"
                    placeholder="业务线"
                    clearable
                    :disabled="disable"
                    @focus="chooseLine"
                  >
                    <el-option
                      v-for="item in lineOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="物料申请人" prop="proposerId">
                <el-input disabled v-model="basicForm.createName || this.$store.state.user.nickName"></el-input>
                <el-input v-show="false" v-model="basicForm.proposerId"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="条形码" prop="barCode">
                <el-input :disabled="disable" v-model="basicForm.barCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="使用期限/次数" prop="serviceLife">
                <el-input :disabled="disable" v-model="basicForm.serviceLife"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="医保代码" prop="healthCode">
                <el-input :disabled="disable" v-model="basicForm.healthCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="原系统物料编码" prop="oriMaterialCode">
                <el-input :disabled="disable" v-model="basicForm.oriMaterialCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="生产许可证/经营许可证/备案号" prop="productionPermit">
                <el-input :disabled="disable" v-model="basicForm.productionPermit"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="一级分类" prop="oneClass">
                <el-input disabled v-model="basicForm.oneClass"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="二级分类" prop="twoClass">
                <el-input disabled v-model="basicForm.twoClass"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="三级分类" prop="threeClass">
                <el-input disabled v-model="basicForm.threeClass"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="默认采购组织" prop="purchasingOrganization">
                <el-select
                    ref="organizations"
                    v-model="basicForm.purchasingOrganization"
                    placeholder="请选择"
                    clearable
                    :disabled="disable"
                    @clear="controlOrg"
                    @focus="chooseOrganizations"
                  >
                    <el-option
                      v-for="item in organizationsOptions"
                      :key="item.id"
                      :label="item.label"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="业务部门" prop="businessDepartment">
                <el-select
                    ref="departs"
                    v-model="basicForm.businessDepartment"
                    placeholder="请选择"
                    clearable
                    :disabled = "disable || orgControl"
                    @focus="chooseDepart"
                  >
                    <el-option
                      v-for="item in departOptions"
                      :key="item.id"
                      :label="item.label"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="启用状态" prop="isEnable">
                <el-input v-show="false" disabled v-model="basicForm.isEnable"></el-input>
                <el-input disabled value="启用"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="税类编码" prop="rateCode">
                <el-input :disabled="disable" v-model="basicForm.rateCode"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="中包装单位" prop="mediumPackageUnitId">
                <el-select
                    ref="midpacks"
                    v-model="basicForm.mediumPackageUnitId"
                    placeholder="请选择"
                    clearable
                    :disabled="disable"
                    @focus="chooseMidpack"
                  >
                    <el-option
                      v-for="item in midPackOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
                <!-- <el-input :disabled="disable" v-model="basicForm.mediumPackageUnitId"></el-input> -->
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="备注" prop="remark">
                <el-input :disabled="disable" v-model="basicForm.remark"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        </div>
      </el-tab-pane>

      <el-tab-pane label="医药属性" name="second">
        <el-form :model="basicForm2" ref="basic2" label-width="160px">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="药品" prop="isDrug" :rules="{required: !isControl, message: '请选择是否药品', trigger: 'change'}">
                <el-select
                    v-model="basicForm2.isDrug"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isControl"
                  >
                    <el-option
                      v-for="dict in dict.type.sys_medicine"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="注册证号/备案凭证编号" prop="registrationNo">
                <el-input :disabled="disable || isControl" v-model="basicForm2.registrationNo"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="医疗器械" prop="medicalInstruments">
                <el-select
                    v-model="basicForm2.medicalInstruments"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isControl"
                  >
                    <el-option
                      v-for="dict in dict.type.medical_instruments"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="通用名称" prop="commonName">
                <el-input :disabled="disable || isControl" v-model="basicForm2.commonName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="批准文号" prop="ratifyBatchNo">
                <el-input :disabled="disable || isControl" v-model="basicForm2.ratifyBatchNo"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="剂型" prop="dosageFrom" :rules="{required: !isControl, message: '请选择剂型', trigger: 'change'}">
                <el-select
                    ref="doses"
                    v-model="basicForm2.dosageFrom"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isControl"
                    @focus="chooseDose"
                  >
                    <el-option
                      v-for="item in doseOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                    />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="旧注册证号" prop="oriRegistrationNo">
                <el-input :disabled="disable || isControl" v-model="basicForm2.oriRegistrationNo"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="养护类型" prop="curingType">
                <el-select
                    v-model="basicForm2.curingType"
                    placeholder="请选择"
                    clearable
                    :disabled="disable || isControl"
                  >
                    <el-option
                      v-for="dict in dict.type.curing_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>

      </el-tab-pane>

      <el-tab-pane label="维护物料类别" name="third">
        <!-- <el-row style="margin-bottom: 12px;">
        <span>物料类别</span>
        </el-row> -->
        <el-row style="margin-bottom: 12px;">
          <el-button :disabled="disable" type="primary" size="small" plain @click="addLine">新增</el-button>
          <el-button :disabled="disable" type="primary" size="small" plain @click="handleDelete">删除</el-button>
          <!-- <el-button :disabled="disable || isControl" type="primary" size="small" plain @click="testsave">暂存</el-button> -->
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-table 
            :data="sysMaterialMedcineItemApply"
            class="request-table"
            @selection-change="handleSelectionChange"
            >
              <el-table-column type="selection" width="55" />
              <el-table-column label="ID" align="center" prop="sort">
                <template slot-scope="scope">
                  <el-input readonly v-model="scope.row.drugId">
                    <!-- <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="chooseDrug"></el-button> -->
                  </el-input>
                </template>
              </el-table-column>
              <el-table-column label="药品类别编码" align="center" prop="medicineCode">
                <template slot-scope="scope">
                  <el-input readonly v-model="scope.row.drugCode"></el-input>
                </template>
              </el-table-column>
              <el-table-column label="药品类别名称" align="center" prop="medicineName">
                <template slot-scope="scope">
                  <el-input readonly v-model="scope.row.drugName"></el-input>
                </template>
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>
      </el-tab-pane>

      <el-tab-pane label="单据信息" name="fourth">
        <el-form :model="basicForm" ref="info" label-width="160px">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="申请人" prop="createName">
                <el-input disabled v-model="basicForm.createName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="申请时间" prop="createTime">
                <el-input disabled v-model="basicForm.createTime"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="创建人" prop="createName">
                <el-input disabled v-model="basicForm.createName"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="创建时间" prop="createTime">
                <el-input disabled v-model="basicForm.createTime"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最后修改人" prop="updateName">
                <el-input disabled v-model="basicForm.updateName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最后修改时间" prop="updateTime">
                <el-input disabled v-model="basicForm.updateTime"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <!-- <el-col :span="8">
              <el-form-item label="最后审核人" prop="reviewedByName">
                <el-input disabled v-model="basicForm.reviewedByName"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最后审核时间" prop="approvalTime">
                <el-input disabled v-model="basicForm.approvalTime"></el-input>
              </el-form-item>
            </el-col> -->
            <el-col :span="8">
              <el-form-item label="单据状态" prop="status">
                <el-select 
                  v-model="basicForm.status"
                  size="small"
                  disabled
                  >
                  <el-option
                    v-for="item in statusOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
                <!-- <el-input disabled v-model="basicForm.status"></el-input> -->
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
    </el-tabs>

    <div class="btn_group">
      <el-col :span="1.5">
        <el-button type="primary" size="small" plain @click="save" v-if="pageStu == 'add' || pageStu == 'edit'">保存</el-button>
      </el-col>
      <el-col :span="1.5" style="margin: 0 10px;">
        <el-button type="primary" size="small" plain @click="submit" v-if="pageStu == 'edit'">提交</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" size="small" plain @click="back">返回</el-button>
      </el-col>
    </div>

    <factory
      ref="factory"
      @doSubmit="acceptFactory"
      :selectData="selectData2"
      :single="true"
    />

    <fourClass
      ref="fourClass"
      @doSubmit="acceptFourClass"
      :selectData="selectData3"
      :single="true"
    />

    <unit
      ref="unit"
      @doSubmit="acceptUnit"
      :selectData="selectData4"
      :single="true"
    />

    <place
      ref="place"
      @doSubmit="acceptPlace"
      :selectData="selectData5"
      :single="true"
    />

    <tax
      ref="tax"
      @doSubmit="acceptTax"
      :selectData="selectData6"
      :single="true"
    />

    <staff
      ref="staff"
      @doSubmit="acceptStaff"
      :selectData="selectData7"
      :single="true"
    />

    <serviceline
      ref="line"
      @doSubmit="acceptLine"
      :selectData="selectData8"
      :single="true"
    />

    <dose
      ref="dose"
      @doSubmit="acceptDose"
      :selectData="selectData9"
      :single="true"
    />

    <orgs
      ref="orgs"
      @doSubmit="acceptOrgs"
      :selectData="selectData10"
      :single="true"
    />

    <depart
      ref="depart"
      @doSubmit="acceptDepart"
      :selectData="selectData11"
      :single="true"
    />

    <drug
      ref="drug"
      @doSubmit="acceptDrug"
      :selectData="selectData12"
      :single="true"
    />

    <midpack
      ref="midpack"
      @doSubmit="acceptMidpack"
      :selectData="selectData13"
      :single="true"
    />
  </div>
</template>

<script>
import factory from '@/components/PopDialog/productFactory.vue'
import fourClass from '@/components/PopDialog/fourClass.vue'
import unit from '@/components/PopDialog/unit.vue'
import place from '@/components/PopDialog/place.vue'
import tax from '@/components/PopDialog/tax.vue'
import staff from '@/components/PopDialog/staff.vue'
import serviceline from '@/components/PopDialog/serviceline.vue'
import dose from '@/components/PopDialog/dose.vue'
// 公用一个树形(组织部门传值不同)
import orgs from '@/components/PopDialog/organization.vue'
import depart from '@/components/PopDialog/organization.vue'
// 药品类别子别
import drug from '@/components/PopDialog/drug.vue'

import midpack from '@/components/PopDialog/midPack.vue'

import { addReq, getReqDetail, editReq } from '@/api/requisition/basic'
// 调用物料分类详情接口用于数据回显
import { getDetail } from '@/api/classify/basic';
// 生产厂商/代理人调用用于回显
import { getProductFactory } from '@/api/changeApply/basic'
// 计量单位,产地调用用于回显
import { getUnit, getPlace, getTax, getStaff, getLine, getDose, getOrgs, getMidPack} from '@/api/requisition/basic'

export default {
  name: 'requisition_add',
  dicts: ['sys_storage_condition', 'sys_conditions_carriage', 'sys_medicine', 'medical_instruments', 'curing_type', 'period_unit', 'expiry_date', 'abc_type'],
  components: {
    factory,
    fourClass,
    unit,
    place,
    tax,
    staff,
    serviceline,
    dose,
    orgs,
    depart,
    drug,
    midpack
  },
  props: ['pageStu', 'row', 'disable'],
  model: {
    prop: 'isList',
    event: 'jugislist'
  },
  data() {
    return{
      testOptions: [],
      factoryOptions: [],
      unitOptions: [],
      placeOptions: [],
      taxOptions: [],
      staffOptions: [],
      lineOptions: [],
      doseOptions: [],
      organizationsOptions: [],
      departOptions: [],
      midPackOptions: [],
      tabValue: 'first',
      isControl: true,
      orgControl: true,
      isStock: false,
      isExp: false,
      isOneClass: false,
      basicForm: {
        billCode: '',
        orgName: '德荣集团',
        orgId: '',
        // 四级分类/物料分类
        classifyId: '',
        // 是否医药物料
        isMedicine: '2',
        // DI
        diCode: '',
        // 物料名称
        name: '',
        // 英文名称
        enName: '',
        commonName: '',
        specification: '',
        model: '',
        unitId: '',
        manufacturerId: '',
        registrant: '',
        originPlace: '',
        manufacturersMaterialName: '',
        manufacturersMaterialCode: '',
        classifyAbc: '',
        rateCode: '',
        isB2c: '2',
        assembly: '2',
        isInventoryStatus: '0',
        expiryDateManagerment: '0',
        nearOnsetManagerment: '0',
        usefulLife: '',
        expiryUnitId: '',
        usefulLifeUnitId: '',
        recentWarningPeriod: '',
        storageCondition: '',
        transportationCondition: '',
        materialRate: '',
        deliveryPeriod: '',
        minOrderQty: '',
        minPackQty: '',
        puPersonnelId: '',
        minBatchQty: '',
        length: '',
        height: '',
        width: '',
        boxPackaingQty: '',
        mediumPackageQty: '',
        packExplain: '',
        businessLine: '',
        proposerId: '',
        barCode: '',
        serviceLife: '',
        healthCode: '',
        oriMaterialCode: '',
        productionPermit: '',
        oneClass: '',
        twoClass: '',
        threeClass: '',
        // 新增默认采购组织
        purchasingOrganization: '',
        // 新增业务部门
        businessDepartment: '',
        isEnable: '0',
        safeStock: '',
        mediumPackageUnitId: '',
        remark: '',
        // 物料申请单-单据信息
        applyBillInfo: {
          createByName: '',
          createTime:'',
          updateByName: '',
          updateTime: '',
          reviewedByName: '',
          auditTime: ''
        },
        // 单据信息字段
        status: ''
      },
      options: [{
        value: '0',
        label: '是'
      },{
        value: '2',
        label: '否'
      }],
      statusOptions: [{
        value: '0', label: '未提交'
      },{
        value: '1', label: '审批中'
      },{
        value: '2', label: '已完成'
      },{
        value: '3', label: '已驳回'
      },],
      basicRules: {
        classifyId: [{  required: true, message: '请选择四级分类', trigger: 'change' }],
        name: [{required: true, message: '请输入物料名称', trigger: 'blur'}],
        specification: [{required: true, message: '请输入规格', trigger: 'blur'}],
        unitId: [{  required: true, message: '请选择计量单位', trigger: 'change' }],
        manufacturerId: [{  required: true, message: '请选择生产厂家/代理人', trigger: 'change' }],
        registrant: [{required: true, message: '请输入注册人/上市许可持有人', trigger: 'blur'}],
        originPlace: [{ required: true, message: '请选择产地', trigger: 'change' }],
        storageCondition: [{ required: true, message: '请选择存储条件', trigger: 'change' }],
        materialRate: [{ required: true, message: '请选择物料税类', trigger: 'change' }],
        deliveryPeriod: [{required: true, message: '请输入交货周期', trigger: 'blur'}],
        minOrderQty: [{required: true, message: '请输入最小起定量', trigger: 'blur'}],
        minPackQty: [{required: true, message: '请输入最小包装量', trigger: 'blur'}],
        puPersonnelId: [{ required: true, message: '请选择采购员', trigger: 'change' }],
        minBatchQty: [{required: true, message: '请输入最小批量', trigger: 'blur'}],
        packExplain: [{required: true, message: '请输入包装说明', trigger: 'blur'}],
        purchasingOrganization: [{ required: true, message: '请选择默认采购组织', trigger: 'change' }],
        businessDepartment: [{ required: true, message: '请选择业务部门', trigger: 'change' }],
      },
      basicForm2: {
        // 是否药品
        isDrug: '',
        registrationNo: '',
        medicalInstruments: '',
        commonName: '',
        ratifyBatchNo: '',
        dosageFrom: '',
        oriRegistrationNo: '',
        curingType: '',
        // 医药属性子表
        // medicineTypeChanges:[
        // ],
      },
      // 医药属性子表
      sysMaterialMedcineItemApply: [],
      
      // tableList: [],
      // 子表选中
      ids: [],
      // 弹窗
      name: '',
      selectData: [],
      selectData2: [],
      selectData3: [],
      selectData4: [],
      selectData5: [],
      selectData6: [],
      selectData7: [],
      selectData8: [],
      selectData9: [],
      selectData10: [],
      selectData11: [],
      selectData12: [],
      selectData13: []
    }
  },
  // watch: {
  //   value: {
  //     handler (newVal) {
  //       this.selectData = []
  //       if (newVal) {
  //         newVal.split(',').forEach((id) => { // 回显拿数据
  //           this.contractService.queryById(id).then(({data}) => {
  //             if (data && data.id !== '') {
  //               this.selectData.push(data)
  //             }
  //           })
  //         })
  //       }
  //     },
  //     immediate: true,
  //     deep: false
  //   },
  //   selectData: {
  //     handler (newVal) {
  //       this.name = newVal.map(contract => contract.contractName).join(',')
  //     },
  //     immediate: false,
  //     deep: false
  //   }
  // },
  mounted() {
      // console.log('页面状态',this.pageStu)
    if(this.pageStu == 'check') {
      // alert('详情页面:')
      console.log('页面状态',this.pageStu)
      console.log('数据', this.row)
      console.log('取VUEX里面的数据：', this.$store.state.user.name)
      this.getDetails(this.row)
      // 控制效期单位后面的是否可填写
      if (this.row.expiryDateManagerment == '0') {
        this.isExp = false
      } else {
        this.isExp = true
      }
      // 生产厂家代理人用于回显
      if (this.row.manufacturerId) {
        this.getFactoryDetails(this.row.manufacturerId)
      }
      // 计量单位回显
      if (this.row.unitId) {
        this.getUnitDetails(this.row.unitId)
      }
      // 产地回显
      if (this.row.originPlace) {
        this.getPlaceDetails(this.row.originPlace)
      }
      // 物料税类回显
      if (this.row.materialRate) {
        this.getTaxDetails(this.row.materialRate)
      }
      // 物料税类回显
      if (this.row.puPersonnelId) {
        this.getStaffDetails(this.row.puPersonnelId)
      }
      // 业务线回显
      if (this.row.businessLine) {
        this.getLineDetails(this.row.businessLine)
      }
      // 中包装单位回显
      if (this.row.mediumPackageUnitId) {
        this.getMidPackDetails(this.row.mediumPackageUnitId)
      }
    } else if (this.pageStu == 'edit') {
      // alert('修改页面')
      console.log('页面状态',this.pageStu)
      console.log('数据', this.row)
      this.getDetails(this.row)
      // 控制效期单位后面的是否可填写
      if (this.row.expiryDateManagerment == '0') {
        this.isExp = false
      } else {
        this.isExp = true
      }
      // 控制业务部门是否能够填写
      if (this.row.purchasingOrganization) {
        this.orgControl = false
      } else {
        this.orgControl = true
      }
      // 控制医药属性是否能够填写
      if (this.row.isMedicine == '0') {
        this.isControl = false
      } else {
        this.isControl = true
      }
      // 生产厂家代理人用于回显
      if (this.row.manufacturerId) {
        this.getFactoryDetails(this.row.manufacturerId)
      }
      // 计量单位回显
      if (this.row.unitId) {
        this.getUnitDetails(this.row.unitId)
      }
      // 产地回显
      if (this.row.originPlace) {
        this.getPlaceDetails(this.row.originPlace)
      }
      // 物料税类回显
      if (this.row.materialRate) {
        this.getTaxDetails(this.row.materialRate)
      }
      // 物料税类回显
      if (this.row.puPersonnelId) {
        this.getStaffDetails(this.row.puPersonnelId)
      }
      // 业务线回显
      if (this.row.businessLine) {
        this.getLineDetails(this.row.businessLine)
      }
      // 中包装单位回显
      if (this.row.mediumPackageUnitId) {
        this.getMidPackDetails(this.row.mediumPackageUnitId)
      }
    } else if(this.pageStu == 'add') {
      // alert('新增页面')
      console.log('页面状态',this.pageStu)
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
      console.log('页面状态',this.pageStu)
    },
    // 批号及库存状态管理控制效期管理
    stockControl(val) {
      if (val == 0) {
        this.isStock = false
      } else {
        // 联动效期管理
        this.basicForm.expiryDateManagerment = '2'
        this.expCt(val)
        this.isStock = true
      }
    },
    // 选择效期管理控制后面字段是否可填写
    expCt(val) {
      console.log('效期管理值:', val)
      if (val == 0) {
        this.isExp = false
      } else {
        this.basicForm.usefulLife = ''
        this.basicForm.expiryUnitId = ''
        this.basicForm.usefulLifeUnitId = ''
        this.basicForm.recentWarningPeriod = ''
        this.isExp = true
      }
    },
    // 选择采购组织时控制业务部门
    controlOrg(val) {
      this.basicForm.businessDepartment = ''
      this.orgControl = true
    },
    // 选择是否医药物料时控制医药属性
    controlMedic(val) {
      console.log('val1111111',val)
      if (val == '0') {
        this.isControl = false
      } else {
        this.basicForm2.isDrug = ''
        this.basicForm2.registrationNo = ''
        this.basicForm2.medicalInstruments = ''
        this.basicForm2.commonName = ''
        this.basicForm2.ratifyBatchNo = ''
        this.basicForm2.dosageFrom = ''
        this.basicForm2.oriRegistrationNo = ''
        this.basicForm2.curingType = ''
        this.isControl = true
      }
    },
    // 用于回显四级分类树形选择
    getTreeDetails(id) {
      getDetail(id).then(res => {
        if (res.code === 200) {
          this.testOptions.push(res.data)
          this.basicForm.oneClass = res.data.oneClass
          this.basicForm.twoClass = res.data.twoClass
          this.basicForm.threeClass = res.data.threeClass
          const classjudge = res.data.oneClass
          if(classjudge == '介入耗材5' || classjudge == '骨科耗材2' || classjudge == '普通耗材3' || classjudge == '医用设备1' || classjudge == '体外诊断4') {
            this.isOneClass = true
          } else {
            this.isOneClass = false
          }
        }
      })
    },
    // 生产厂家/代理人用于回显
    getFactoryDetails(id) {
       getProductFactory({id:id}).then(res => {
        if(res.code === 200) {
          this.factoryOptions = res.data.tableBody
        }
       })
    },
    // 计量单位回显
    getUnitDetails(id) {
      getUnit({id:id}).then(res => {
        console.log('计量单位回显', res)
        if (res.code === 200 ) {
          this.unitOptions = res.data.tableBody
          console.log('1111',this.unitOptions)
        }
      })
    },
    // 产地回显
    getPlaceDetails(id) {
      getPlace({id:id}).then(res => {
        console.log('产地', res)
        if (res.code === 200 ) {
          this.placeOptions = res.data.tableBody
        }
      })
    },
    // 物料税类回显
    getTaxDetails(id) {
      getTax({id:id}).then(res => {
        console.log('物料税类', res)
        if (res.code === 200 ) {
          this.taxOptions = res.data.tableBody
        }
      })
    },
    // 采购员回显
    getStaffDetails(id) {
      getStaff({id:id}).then(res => {
        console.log('采购员', res)
        if (res.code === 200 ) {
          this.staffOptions = res.data.tableBody
        }
      })
    },
    // 业务线回显
    getLineDetails(id) {
      getLine({id:id}).then(res => {
        console.log('业务线', res)
        if (res.code === 200 ) {
          this.lineOptions = res.data.tableBody
        }
      })
    },
    // 剂型回显
    getDoseDetails(id) {
      getDose({id:id}).then(res => {
        console.log('剂型', res)
        if (res.code === 200 ) {
          this.doseOptions = res.data.tableBody
        }
      })
    },
    // 采购组织回显
    getOrgDetails(id) {
      getOrgs({deptId: id}).then(res => {
        if (res.code === 200) {
          this.organizationsOptions = res.data
        }
      })
    },
    // 业务部门回显
    getDepartDetails(id) {
      getOrgs({deptId: id}).then(res => {
        if (res.code === 200) {
          this.departOptions = res.data
        }
      })
    },
    // 中包装单位回显
    getMidPackDetails(id) {
      getMidPack({id: id}).then(res => {
        if (res.code === 200) {
          this.midPackOptions = res.data.tableBody
        }
      })
    },
    // 如果是详情进入，则调用详情接口
    getDetails(row) {
      getReqDetail(row.id).then(res => {
        console.log('res',res)
        if(res.code === 200) {
          this.basicForm = res.data
          // 获取树形详情
          if (res.data.classifyId) {
            this.getTreeDetails(res.data.classifyId)
          }
          if(res.data.purchasingOrganization) {
            this.basicForm.purchasingOrganization = res.data.purchasingOrganization
            this.getOrgDetails(res.data.purchasingOrganization)
          }
          if(res.data.businessDepartment) {
            this.basicForm.businessDepartment = res.data.businessDepartment
            this.getDepartDetails(res.data.businessDepartment)
          }
          if(res.data.unitId) {this.basicForm.unitId = res.data.unitId}
          if(res.data.manufacturerId) {this.basicForm.manufacturerId = res.data.manufacturerId.toString()}
          if(res.data.usefulLifeUnitId) {this.basicForm.usefulLifeUnitId = res.data.usefulLifeUnitId.toString()}
          if(res.data.expiryUnitId) {this.basicForm.expiryUnitId = res.data.expiryUnitId.toString()}
          if(res.data.sysMaterialMedcineApply) {
            this.basicForm2 = res.data.sysMaterialMedcineApply
          }
          // 剂型回显
          if (res.data.sysMaterialMedcineApply && res.data.sysMaterialMedcineApply.dosageFrom) {
            this.getDoseDetails(res.data.sysMaterialMedcineApply.dosageFrom)
          }
          // 物料类别回显
          if (res.data.sysMaterialMedcineItemApply) {
            this.sysMaterialMedcineItemApply = res.data.sysMaterialMedcineItemApply
          }
        }
      })
    },
    save() {
      if(this.pageStu == 'edit') {
        if(!this.basicForm.proposerId) {
          this.basicForm.proposerId = this.$store.state.user.name
        }
        let sparams = {...this.basicForm, ...{status: 0}}
        sparams.sysMaterialMedcineApply = this.basicForm2
        sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
        console.log('提交参数', sparams)
        const form1=new Promise((resolve,reject)=>{
		      this.$refs['basic'].validate(valid => {
            if(valid) resolve()
          })
        })
        const form2=new Promise((resolve,reject)=>{
		      this.$refs['basic2'].validate(valid => {
            if(valid) resolve()
          })
        })
        Promise.all([form1, form2]).then(() => {
            editReq(sparams).then(res => {
              if(res.code === 200) {
                this.$message({
                  message: res.msg,
                  type: 'success'
                });
                this.back()
              }
            })
        })
      } else {
        // alert('保存传status：0')
        if(!this.basicForm.proposerId) {
          this.basicForm.proposerId = this.$store.state.user.name
        }
        let sparams = {...this.basicForm, ...{status: 0}}
        sparams.sysMaterialMedcineApply = this.basicForm2
        sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
        console.log('保存参数', sparams)
        const form1=new Promise((resolve,reject)=>{
		      this.$refs['basic'].validate(valid => {
            if(valid) resolve()
          })
        })
        const form2=new Promise((resolve,reject)=>{
		      this.$refs['basic2'].validate(valid => {
            if(valid) resolve()
          })
        })
        Promise.all([form1, form2]).then(() => {
            addReq(sparams).then(res => {
              if(res.code === 200) {
                this.$message({
                  message: res.msg,
                  type: 'success'
                });
                this.back()
              }
            })
        })
      }
    },
    submit() {
      // alert('提交传status：1')
      if(!this.basicForm.proposerId) {
          this.basicForm.proposerId = this.$store.state.user.name
      }
      let sparams = {...this.basicForm, ...{status: 1}}
      sparams.sysMaterialMedcineApply = this.basicForm2
      sparams.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
      console.log('提交参数', sparams)
      const form1=new Promise((resolve,reject)=>{
		      this.$refs['basic'].validate(valid => {
            if(valid) resolve()
          })
        })
        const form2=new Promise((resolve,reject)=>{
		      this.$refs['basic2'].validate(valid => {
            if(valid) resolve()
          })
        })
        Promise.all([form1, form2]).then(() => {
          // 提交时候要维护物料类别
          if (this.sysMaterialMedcineItemApply.length !== 0) {
            editReq(sparams).then(res => {
              if(res.code === 200) {
                this.$message({
                  message: res.msg,
                  type: 'success'
                });
                this.back()
              }
            })
          } else {
            this.$message({
              message: '请维护物料类别后再提交',
              type: 'warning'
            }); 
          }
        })
    },
    back() {
      this.$emit('jugislist', true)
      let queryParams = {
        pageNum: 1,
        pageSize: 10
      }
      this.$emit('refresh', queryParams)
    },
    // 子表增删行
    handleSelectionChange(val) {
      this.ids = val
      console.log('this.ids',this.ids)
    },
    addLine() {
      //添加行数
      // let newValue = {
      //   drugId:'',
      //   drugCode: '',
      //   drugName: '',
      // };
      // this.sysMaterialMedcineItemApply.push(newValue);
      this.chooseDrug()
    },
    handleDelete(index) {
      if(this.ids.length == 0) {
        this.$message({
          message: '请选择删除条目',
          type: 'warning'
        });
      } else {
        // console.log('index',index)
        // this.basicForm2.medicineTypeChanges.splice(index, 1);
        this.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply.filter(item =>
         !this.ids.some(ele =>
         ele.drugId == item.drugId))
      }
    },
    testsave() {
      console.log('暂存表格：', this.sysMaterialMedcineItemApply)
      console.log('暂存表单1', this.basicForm)
      let params = {...this.basicForm}
      params.sysMaterialMedcineApply = this.basicForm2
      params.sysMaterialMedcineItemApply = this.sysMaterialMedcineItemApply
      console.log('暂存总表单', params)
    },

    // 选择生产厂家/代理人
    acceptFactory (selections) {
      console.log('选择的数据',selections)
      this.factoryOptions = selections
      this.basicForm.manufacturerId = selections[0].id
      this.getFactoryDetails(selections[0].id)
    },
    // 生产厂家/代理人显示列表
    chooseFactory() {
      this.$refs.factoryOrman.blur()
      this.$refs.factory.init()
    },
    // 选择四级分类
    acceptFourClass (selections) {
      console.log('父组件收到的数据',selections)
      this.testOptions.push(selections)
      console.log('收到的数据转成数组', this.testOptions)
      this.basicForm.classifyId = selections.id
      this.getTreeDetails(selections.id)
    },
    // 四级分类显示列表
    chooseFourClass() {
      this.$refs.fourTag.blur()
      this.$refs.fourClass.init()
    },
    // 选择计量单位
    acceptUnit (selections) {
      console.log('父组件收到的数据',selections)
      this.unitOptions = selections
      console.log('绑定的数组',this.unitOptions)
      this.basicForm.unitId = selections[0].id
      this.getUnitDetails(selections[0].id)
    },
    // 计量单位显示列表
    chooseUnit () {
      this.$refs.units.blur()
      this.$refs.unit.init()
    },
    // 选择产地
    acceptPlace (selections) {
      this.placeOptions = selections
      this.basicForm.originPlace = selections[0].id
      this.getPlaceDetails(selections[0].id)
    },
    // 产地显示列表
    choosePlace () {
      this.$refs.places.blur()
      this.$refs.place.init()
    },
    // 选择物料税类
    acceptTax (selections) {
      this.taxOptions = selections
      this.basicForm.materialRate = selections[0].id
      this.getTaxDetails(selections[0].id)
    },
    // 物料税类显示列表
    chooseTax () {
      this.$refs.taxs.blur()
      this.$refs.tax.init()
    },
    // 选择采购员
    acceptStaff (selections) {
      this.staffOptions = selections
      this.basicForm.puPersonnelId = selections[0].code
      this.getStaffDetails(selections[0].id)
    },
    // 采购员显示列表
    chooseStaff () {
      this.$refs.staffs.blur()
      this.$refs.staff.init()
    },
    // 选择业务线
    acceptLine (selections) {
      this.lineOptions = selections
      this.basicForm.businessLine = selections[0].id
      this.getLineDetails(selections[0].id)
    },
    // 业务线显示列表
    chooseLine () {
      this.$refs.lines.blur()
      this.$refs.line.init()
    },
    // 选择剂型-树形
    acceptDose (selections) {
      this.doseOptions.push(selections)
      this.basicForm2.dosageFrom = selections.id
      this.getDoseDetails(selections.id)
    },
    // 剂型显示列表
    chooseDose () {
      this.$refs.doses.blur()
      this.$refs.dose.init()
    },
    // 选择默认采购组织
    acceptOrgs (selections) {
      console.log('接收的采购组织', selections)
      this.basicForm.purchasingOrganization = selections.id
      // 控制业务部门是否可以选择
      this.orgControl = false
      this.getOrgDetails(selections.id)
    },
    // 默认采购组织显示列表
    chooseOrganizations () {
      this.$refs.organizations.blur()
      this.$refs.orgs.init('1')
    },
    // 选择业务部门
    acceptDepart (selections) {
      console.log('接收的业务部门', selections)
      this.basicForm.businessDepartment = selections.id
      this.getDepartDetails(selections.id)
    },
    // 业务部门显示列表
    chooseDepart () {
      this.$refs.departs.blur()
      this.$refs.depart.init('0', this.basicForm.purchasingOrganization)
    },
    // 选择医药类别
    acceptDrug (selections) {
      console.log('接收的物料类别', selections)
      const sleObj = {}
      sleObj.drugId = selections.id
      sleObj.drugCode = selections.code
      sleObj.drugName = selections.name
      // 便利表格内数据
      if (this.sysMaterialMedcineItemApply.some(item => item.drugId == sleObj.drugId)) {
        this.$modal.msgWarning("请勿选择重复物料")
      } else {
        this.sysMaterialMedcineItemApply.push(sleObj)
      }
    },
    // 医药类别子表的显示列表
    chooseDrug () {
      this.$refs.drug.init()
    },
    // 选择中包装单位
    acceptMidpack (selections) {
      console.log('接收到的中包装单位', selections)
      this.midPackOptions = selections
      console.log('绑定的数组',this.midPackOptions)
      this.basicForm.mediumPackageUnitId = selections[0].id
      this.getMidPackDetails(selections[0].id)
    },
    // 中包装单位显示列表
    chooseMidpack () {
      this.$refs.midpacks.blur()
      this.$refs.midpack.init()
    }
  }
}
</script>

<style lang="scss" scoped>
  .requisition_add {
  height: calc(100vh - 84px);
  padding: 12px;
  box-sizing: border-box;
  overflow-y: auto;
}
.btn_group {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: center;
}
</style>