feat:[模板管理][DL010导入导出]

src/lang/en/template/dl.js

@@ -87,7 +87,6 @@ export default {
     jprq: 'Dissection Date',
     jprqKssj: 'Start Time',
     jprqJssj: 'End Time',
-    sysj: 'Test Reagent',
     sjmc: 'Reagent Name',
     bh: 'Number',
     ph: 'Batch Number',
@@ -98,9 +97,16 @@ export default {
     mc: 'Name',
     zcqk: 'Status/Condition/Performance',
     sjxx: 'Collection Information',
+    rqxz: 'Container Selection',
     xzmb: 'Download Template',
     dr: 'Import',
     dwbh: 'Animal Number',
+    yslhnzsjyjrl: 'Preset 0.9% Sodium Chloride Injection Volume',
+    sjlhnzsjyjrl: 'Actual 0.9% Sodium Chloride Injection Volume',
+    sjgs: 'Bone Marrow Collection',
+    lx: 'Centrifugation',
+    ysjrxq: 'Preset Serum Addition',
+    sjjrxq: 'Actual Serum Addition',
     dwxb: 'Gender',
     dwzl: 'Animal Species',
     xcqkxzjd: 'Next Test/Calibration/Verification Date',

src/lang/zh/template/dl.js

@@ -88,7 +88,6 @@ export default {
     jprq: '解剖日期',
     jprqKssj: '开始时间',
     jprqJssj: '结束时间',
-    sysj: '试验试剂',
     sjmc: '试剂名称',
     bh: '编号',
     ph: '批号',
@@ -98,10 +97,17 @@ export default {
     yqsybh: '仪器使用编号',
     mc: '名称',
     zcqk: '状态/情况/性能',
-    sjxx: '受集信息',
+    sjxx: '采集信息',
+    rqxz: '容器选择',
     xzmb: '下载模板',
     dr: '导入',
     dwbh: '动物编号',
+    yslhnzsjyjrl: '预设0.9%氯化钠注射液加入量',
+    sjlhnzsjyjrl: '实际0.9%氯化钠注射液加入量',
+    sjgs: '收集骨髓',
+    lx: '离心',
+    ysjrxq: '预设加入血清',
+    sjjrxq: '实际加入血清',
     dwxb: '性别',
     dwzl: '动物种类',
     xcqkxzjd: '下次测试/校准/检定日期',

src/views/business/comps/template/comps/dl/DL008.vue

@@ -39,32 +39,31 @@
           <!-- 成像情况 -->
           <LineLabel label="template.dl.dl008.cxqk" />
           <div class="template-form-item">
-          <BaseInfoFormPackage
-            :ref="refConf.cxqkqxbb"
-            :formConfig="cxqkqxbbInfoFormConfig"
-            :formData="formData"
-            @clickButton="handleClickButton"
-            @onRegentSubmit="onRegentSubmit"
-          >
-          
-          </BaseInfoFormPackage>
-          <CustomTable
-            :columns="cxqkColumns"
-            :ref="refConf.cxqk"
-            @onRegentSubmit="(e) => onRegentSubmit(e)"
-            :showOperation="false"
-            :showAddRow="false"
-            :formData="cxqkFormData"
-            :prefixKey="`cxqkTable`"
-            :isBorder="true"
-            :showSort="false"
-          >
-          </CustomTable>
-          <BaseInfoFormPackage
-            :ref="refConf.cxqkwrqk"
-            :formConfig="cxqkwrqkConfig"
-            :formData="formData"
-          />
+            <BaseInfoFormPackage
+              :ref="refConf.cxqkqxbb"
+              :formConfig="cxqkqxbbInfoFormConfig"
+              :formData="formData"
+              @clickButton="handleClickButton"
+              @onRegentSubmit="onRegentSubmit"
+            >
+            </BaseInfoFormPackage>
+            <CustomTable
+              :columns="cxqkColumns"
+              :ref="refConf.cxqk"
+              @onRegentSubmit="(e) => onRegentSubmit(e)"
+              :showOperation="false"
+              :showAddRow="false"
+              :formData="cxqkFormData"
+              :prefixKey="`cxqkTable`"
+              :isBorder="true"
+              :showSort="false"
+            >
+            </CustomTable>
+            <BaseInfoFormPackage
+              :ref="refConf.cxqkwrqk"
+              :formConfig="cxqkwrqkConfig"
+              :formData="formData"
+            />
           </div>
 
           <BaseInfoFormPackage
@@ -153,11 +152,11 @@ export default {
               // 注意：这里选项为污染时需要填写信息，与别的选择中 '其他' 选项不一样
               label: 'template.dl.dl008.wrqk',
               type: 'select',
-              span:1,
+              span: 1,
               options: this.getDictOptions('business_dl_ameswrqk'),
               fillType: 'actFill',
               otherCode: 'cxqkwrqkOther',
-              showOtherLabel:false
+              showOtherLabel: false
             }
           }
         }
@@ -297,6 +296,7 @@ export default {
           config: {
             cxqkqxbd: {
               label: 'template.dl.dl007.qxbd',
+              qxbdType: 'DL006',
               type: 'qxbd',
               fillType: 'actFill',
               filledCodes: ['bdmc', 'bdbh']
@@ -312,9 +312,7 @@ export default {
       refConf
     }
   },
-  mounted() {
-
-  },
+  mounted() {},
   methods: {
     // 删除表格行
     deleteTableRow(rowIndex, refName) {
@@ -362,9 +360,39 @@ export default {
       if (key === 'cxqkqxbd') {
         // MOCK:模拟数据回显
         const mockData = [
-          {"jlzb":"A","jzbh1":undefined,"jzbh2":undefined,"jzbh3":undefined,"jzbh4":undefined,"jzbh1Label":"001","jzbh2Label":"004","jzbh3Label":"007","jzbh4Label":"010"},
-          {"jlzb":"A","jzbh1":undefined,"jzbh2":undefined,"jzbh3":undefined,"jzbh4":undefined,"jzbh1Label":"002","jzbh2Label":"005","jzbh3Label":"008","jzbh4Label":"011"},
-          {"jlzb":"A","jzbh1":undefined,"jzbh2":undefined,"jzbh3":undefined,"jzbh4":undefined,"jzbh1Label":"003","jzbh2Label":"006","jzbh3Label":"009","jzbh4Label":"012"}
+          {
+            jlzb: 'A',
+            jzbh1: undefined,
+            jzbh2: undefined,
+            jzbh3: undefined,
+            jzbh4: undefined,
+            jzbh1Label: '001',
+            jzbh2Label: '004',
+            jzbh3Label: '007',
+            jzbh4Label: '010'
+          },
+          {
+            jlzb: 'A',
+            jzbh1: undefined,
+            jzbh2: undefined,
+            jzbh3: undefined,
+            jzbh4: undefined,
+            jzbh1Label: '002',
+            jzbh2Label: '005',
+            jzbh3Label: '008',
+            jzbh4Label: '011'
+          },
+          {
+            jlzb: 'A',
+            jzbh1: undefined,
+            jzbh2: undefined,
+            jzbh3: undefined,
+            jzbh4: undefined,
+            jzbh1Label: '003',
+            jzbh2Label: '006',
+            jzbh3Label: '009',
+            jzbh4Label: '012'
+          }
         ]
         this.$refs[refConf.cxqk].updateDataSource(mockData)
       }

src/views/business/comps/template/comps/dl/DL009.vue

@@ -257,6 +257,7 @@ export default {
             jgxxQxbd: {
               label: 'template.dl.dl009.qxbd',
               type: 'qxbd',
+              qxbdType: 'DL006',
               fillType: 'actFill',
               filledCodes: ['bdmc', 'bdbh']
             }

src/views/business/comps/template/comps/dl/DL010.vue

@@ -58,12 +58,22 @@
           <LineLabel label="template.dl.dl010.sjxx" />
           <div class="template-form-item">
             <div class="sj-operation-btns">
-              <el-button size="small" type="primary">{{
-                $t('template.dl.dl010.xzmb')
-              }}</el-button>
-              <el-button size="small" type="success">{{
-                $t('template.dl.dl010.dr')
-              }}</el-button>
+              <el-button
+                size="small"
+                type="primary"
+                @click="
+                  () => {
+                    downloadExcelTemplate(downloadArr)
+                  }
+                "
+                >{{ $t('template.dl.dl010.xzmb') }}</el-button
+              >
+              <el-button
+                size="small"
+                type="success"
+                @click="handleImportExcel"
+                >{{ $t('template.dl.dl010.dr') }}</el-button
+              >
             </div>
             <CustomTable
               :columns="sjxxColumns"
@@ -85,6 +95,7 @@
                 ></TableOpertaionDelete>
               </template>
             </CustomTable>
+            <Step :ref="refConf.sjxxStep" :formData="formData.stepData" />
           </div>
 
           <BaseInfoFormPackage
@@ -97,6 +108,12 @@
         </div>
       </div>
     </div>
+    <ImportExcelDialog
+      ref="ImportExcelDialog"
+      @onLoadData="onLoadExcelData"
+      :downloadArr="downloadArr"
+      @downloadExcelTemplate="downloadExcelTemplate"
+    />
   </div>
 </template>
 
@@ -109,11 +126,13 @@ import TableList from '@/components/Template/Table'
 import Step from '@/components/Template/Step'
 import templateMixin from '../../mixins/templateMixin'
 import moment from 'moment'
+import ImportExcelDialog from '../../dialog/ImportExcelDialog'
 
 const refConf = {
   base: 'baseInfoRef',
   sysj: 'sysjTableRef',
   yqsy: 'yqsyTableRef',
+  sjxxStep: 'sjxxStepRef',
   sjxx: 'sjxxTableRef',
   remark: 'remarkRef'
 }
@@ -127,7 +146,8 @@ export default {
     TableList,
     Step,
     CustomTable,
-    TableOpertaionDelete
+    TableOpertaionDelete,
+    ImportExcelDialog
   },
   mixins: [templateMixin],
   props: {
@@ -290,12 +310,6 @@ export default {
     yqsyColumns() {
       return [
         {
-          label: 'template.dl.dl010.yqbh',
-          prop: 'yqbh',
-          bodyType: 'yq',
-          bodyFillType: 'actFill'
-        },
-        {
           label: 'template.dl.dl010.yqmc',
           prop: 'yqmc',
           bodyType: 'input',
@@ -312,6 +326,12 @@ export default {
           disabled: true
         },
         {
+          label: 'template.dl.dl010.yqbh',
+          prop: 'yqbh',
+          bodyType: 'yq',
+          bodyFillType: 'actFill'
+        },
+        {
           label: 'template.dl.dl010.xccsjzjdrq',
           prop: 'jzrq',
           bodyType: 'input',
@@ -321,45 +341,69 @@ export default {
         }
       ]
     },
-    // 受集信息列表
+    // 采集信息列表
     sjxxColumns() {
       return [
         {
           label: 'template.dl.dl010.dwbh',
           prop: 'dwbh',
           bodyType: 'input',
-          bodyFillType: 'actFill'
+          bodyMaxlength: 50,
+          bodyFillType: 'preFill'
+        },
+        {
+          label: 'template.dl.dl010.yslhnzsjyjrl',
+          headerSelectKey: 'yslhnUnit',
+          headerOptions: this.getDictOptions('business_tjdw'),
+          prop: 'yslhnzsjyjrl',
+          bodyType: 'inputNumber',
+          bodyMaxlength: 10,
+          fillType: 'preFill',
+          bodyFillType: 'preFill'
         },
         {
-          label: 'template.dl.dl010.dwxb',
-          prop: 'dwxb',
-          bodyType: 'select',
+          label: 'template.dl.dl010.sjlhnzsjyjrl',
+          headerSelectKey: 'yslhnUnit',
+          headerOptions: this.getDictOptions('business_tjdw'),
+          prop: 'sjlhnzsjyjrl',
+          bodyMaxlength: 10,
+          bodyType: 'inputNumber',
           bodyFillType: 'actFill',
-          options: this.getDictOptions('sys_user_sex')
+          fillType: 'preFill'
         },
         {
-          label: 'template.dl.dl010.dwzl',
-          prop: 'dwzl',
-          bodyType: 'input',
+          label: 'template.dl.dl010.sjgs',
+          prop: 'sjgs',
+          bodyType: 'checkbox',
+          checkboxLabel: '',
           bodyFillType: 'actFill'
         },
         {
-          label: 'template.dl.dl010.xcqkxzjd',
-          prop: 'xcqk',
-          bodyType: 'input',
+          label: 'template.dl.dl010.lx',
+          prop: 'lx',
+          bodyType: 'checkbox',
+          checkboxLabel: '',
           bodyFillType: 'actFill'
         },
         {
-          label: 'template.dl.dl010.bz',
-          prop: 'bz',
-          bodyType: 'input',
-          bodyFillType: 'actFill'
+          label: 'template.dl.dl010.ysjrxq',
+          prop: 'ysjrxq',
+          bodyType: 'inputNumber',
+          bodyFillType: 'preFill',
+          bodyMaxlength: 10,
+          fillType: 'preFill',
+          headerSelectKey: 'yslhnUnit',
+          headerOptions: this.getDictOptions('business_tjdw')
         },
         {
-          label: 'template.dl.dl010.sjsj',
-          prop: 'sjsj',
-          bodyType: 'input',
-          bodyFillType: 'actFill'
+          label: 'template.dl.dl010.sjjrxq',
+          prop: 'sjjrxq',
+          bodyType: 'inputNumber',
+          bodyMaxlength: 10,
+          bodyFillType: 'actFill',
+          fillType: 'preFill',
+          headerSelectKey: 'yslhnUnit',
+          headerOptions: this.getDictOptions('business_tjdw')
         }
       ]
     }
@@ -367,25 +411,167 @@ export default {
   data() {
     return {
       formData: {},
-      refConf
+      refConf,
+      downloadArr: ['动物编号', '预设0.9%氯化钠注射液加入量', '预设加入血清']
     }
   },
   methods: {
+    downloadExcelTemplate(arr) {
+      this.exportExcel(arr, '骨髓收集记录表-采集信息导入模板')
+    },
+    // 模板导入成功 数据返回
+    onLoadExcelData(excelData) {
+      console.log(excelData, 'excelData')
+
+      if (excelData.length < 2) {
+        this.$message.error('Excel 数据为空')
+        return
+      }
+
+      // 第一行是表头
+      const headers = excelData[0]
+
+      // 定义表头与字段的映射关系
+      const headerMap = {
+        动物编号: 'dwbh',
+        '预设0.9%氯化钠注射液加入量': 'yslhnzsjyjrl',
+        预设加入血清: 'ysjrxq'
+      }
+
+      // 创建表头索引映射
+      const headerIndexMap = {}
+      headers.forEach((header, index) => {
+        const fieldName = headerMap[header]
+        if (fieldName) {
+          headerIndexMap[fieldName] = index
+        }
+      })
+
+      // 验证必需的表头是否存在
+      const requiredFields = ['dwbh', 'yslhnzsjyjrl', 'ysjrxq']
+      const missingFields = requiredFields.filter(
+        (field) => headerIndexMap[field] === undefined
+      )
+
+      if (missingFields.length > 0) {
+        const missingHeaders = missingFields.map((field) => {
+          return Object.keys(headerMap).find((key) => headerMap[key] === field)
+        })
+        this.$message.error(
+          `Excel 表头缺少必需列: ${missingHeaders.join('、')}`
+        )
+        return
+      }
+
+      // 移除表头行，处理数据行
+      const dataRows = excelData.slice(1)
+
+      // 数据验证函数
+      const validateDwbh = (value) => {
+        // 动物编号：限制50字以内
+        if (!value) return ''
+        const str = String(value).trim()
+        return str.length <= 50 ? str : ''
+      }
+
+      const validateNumber = (value) => {
+        // 数字字段：限制10位数以内的数字
+        if (!value) return ''
+        const str = String(value).trim()
+        // 匹配数字（可以包含小数点）
+        const numberRegex = /^-?\d{1,10}(\.\d+)?$/
+        return numberRegex.test(str) ? str : ''
+      }
+
+      // 将二维数组转换为对象数组，根据表头映射读取数据并验证
+      const list = dataRows.map((row, index) => {
+        const dwbh = validateDwbh(row[headerIndexMap.dwbh])
+        const yslhnzsjyjrl = validateNumber(row[headerIndexMap.yslhnzsjyjrl])
+        const ysjrxq = validateNumber(row[headerIndexMap.ysjrxq])
+
+        // 记录验证失败的行
+        if (!dwbh && row[headerIndexMap.dwbh]) {
+          console.warn(`第${index + 2}行：动物编号超过50字，已清空`)
+        }
+        if (!yslhnzsjyjrl && row[headerIndexMap.yslhnzsjyjrl]) {
+          console.warn(
+            `第${index + 2}行：预设0.9%氯化钠注射液加入量格式不正确，已清空`
+          )
+        }
+        if (!ysjrxq && row[headerIndexMap.ysjrxq]) {
+          console.warn(`第${index + 2}行：预设加入血清格式不正确，已清空`)
+        }
+
+        return {
+          dwbh, // 动物编号（验证后）
+          yslhnzsjyjrl, // 预设0.9%氯化钠注射液加入量（验证后）
+          ysjrxq, // 预设加入血清（验证后）
+          sjlhnzsjyjrl: '', // 实际0.9%氯化钠注射液加入量（空）
+          sjgs: '', // 收集骨髓（空）
+          lx: '', // 离心（空）
+          sjjrxq: '' // 实际加入血清（空）
+        }
+      })
+
+      // 使用 addRows 方法批量添加数据
+      this.$refs[refConf.sjxx].addRows(list)
+      // 关闭导入对话框
+      this.$refs.ImportExcelDialog.cancel()
+
+      // 提示用户
+      this.$message.success(`成功导入 ${list.length} 条数据`)
+
+      // 触发数据更新
+      setTimeout(() => {
+        this.justUpdateFilledFormData()
+      }, 100)
+    },
+    // 导入模板
+    handleImportExcel() {
+      this.$refs.ImportExcelDialog.show()
+    },
     // 删除表格行
     deleteTableRow(rowIndex, refName) {
       this.$refs[refName].deleteRow(rowIndex)
     },
     // 获取已填写的表单数据
     getFilledFormData() {
-      return this.getFilledFormDataByRefs(refNames)
+      const baseData = this.$refs.baseInfoRef.getFilledFormData()
+      const sysjData = this.$refs.sysjTableRef.getFilledFormData()
+      const yqsyData = this.$refs.yqsyTableRef.getFilledFormData()
+      const sjxxStepData = this.$refs.sjxxStepRef.getFilledFormData()
+      const sjxxData = this.$refs.sjxxTableRef.getFilledFormData()
+      const remarkData = this.$refs.remarkRef.getFilledFormData()
+
+      return {
+        ...baseData,
+        ...sysjData,
+        ...yqsyData,
+        ...sjxxStepData,
+        ...sjxxData,
+        ...remarkData
+      }
     },
     // 获取填写完成的表单数据
     async getFormData() {
-      return await this.validFormFields(refNames)
+      // 先校验再获取值
+      const validFlag = await this.validFields()
+      if (!validFlag) {
+        return false
+      }
+      return this.getFilledFormData()
     },
     // 只做校验
     async validFields() {
-      return await this.validFormFields(refNames)
+      const refsToValidate = [
+        'baseInfoRef',
+        'sysjTableRef',
+        'yqsyTableRef',
+        'sjxxStepRef',
+        'sjxxTableRef',
+        'remarkRef'
+      ]
+      return await this.validFormFields(refsToValidate)
     },
     getResource() {
       const sysjStepResource = this.$refs.sysjTableRef.getStepResource()

src/views/business/comps/template/comps/yp/YP003.vue

@@ -1,280 +1,339 @@
 <!-- 配体结合分析溶液配制记录表 -->
 <template>
-	<div>
-		<div class="detail-container">
-			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc }}<img
-					src="@/assets/images/detail-title.png" /></div>
-			<div class="detail-content">
-				<div class="content">
-					<BaseInfoFormPackage fieldItemLabel="template.common.baseInfo" label="template.common.baseInfo"
-						ref="baseInfoRef" :formConfig="baseInfoFormConfig" :formData="formData" />
-					<TableList label="template.common.reagentInfo" :columns="sysjColumns" :dataSource="resource" />
-					<TableList label="template.common.instrumentInfo" :columns="yqColumns" :dataSource="yqResource" />
-					
-					<LineLabel label="template.yp.yp003.ybxx" />
+  <div>
+    <div class="detail-container">
+      <div class="detail-title">
+        <img src="@/assets/images/detail-title.png" />{{ formData.bdmc
+        }}<img src="@/assets/images/detail-title.png" />
+      </div>
+      <div class="detail-content">
+        <div class="content">
+          <BaseInfoFormPackage
+            fieldItemLabel="template.common.baseInfo"
+            label="template.common.baseInfo"
+            ref="baseInfoRef"
+            :formConfig="baseInfoFormConfig"
+            :formData="formData"
+          />
+          <TableList
+            label="template.common.reagentInfo"
+            :columns="sysjColumns"
+            :dataSource="resource"
+          />
+          <TableList
+            label="template.common.instrumentInfo"
+            :columns="yqColumns"
+            :dataSource="yqResource"
+          />
 
-					<CustomTable
-						:ref="`tableRef`"
-						:columns="tableColumns"
-						:formData="formData"
-						operationWidth = "80px"
-						:prefixKey = "`table`"
-						fieldItemLabel = "template.yp.yp003.ybxx"
-						@clickButton="handleClickButton"
-						@onCheckboxTagChange="onCheckboxTagChange"
-						:showOperation="fillType === 'preFill'"
-					>
-						<template slot="operation" slot-scope="{ row, rowIndex, columns }">
-							<TableOpertaionDelete  :row="row" :rowIndex="rowIndex" :columns="columns"  @deleteRow="deleteRow" ></TableOpertaionDelete>
-						</template>
-					</CustomTable>
-					
-					<LineLabel label="template.yp.yp003.fqxx" />
-					<Step ref="stepRef" :formData="formData.stepData"></Step>
-					<BaseInfoFormPackage fieldItemLabel="template.yp.yp003.fqyq" label="template.yp.yp003.fqyq"
-						ref="fqyqRef" :formConfig="fqyqConig" :formData="formData" />
-					<BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark"
-						ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
-				</div>
-			</div>
-		</div>
-		<!-- <button @click="onSave">保存</button> -->
-		<ImportExcelDialog ref="ImportExcelDialog" @onLoadData="onLoadExcelData" :downloadArr="['动物编号']" @downloadExcelTemplate="downloadExcelTemplate" />
-	</div>
+          <LineLabel label="template.yp.yp003.ybxx" />
+
+          <CustomTable
+            :ref="`tableRef`"
+            :columns="tableColumns"
+            :formData="formData"
+            operationWidth="80px"
+            :prefixKey="`table`"
+            fieldItemLabel="template.yp.yp003.ybxx"
+            @clickButton="handleClickButton"
+            @onCheckboxTagChange="onCheckboxTagChange"
+            :showOperation="fillType === 'preFill'"
+          >
+            <template slot="operation" slot-scope="{ row, rowIndex, columns }">
+              <TableOpertaionDelete
+                :row="row"
+                :rowIndex="rowIndex"
+                :columns="columns"
+                @deleteRow="deleteRow"
+              ></TableOpertaionDelete>
+            </template>
+          </CustomTable>
+
+          <LineLabel label="template.yp.yp003.fqxx" />
+          <Step ref="stepRef" :formData="formData.stepData"></Step>
+          <BaseInfoFormPackage
+            fieldItemLabel="template.yp.yp003.fqyq"
+            label="template.yp.yp003.fqyq"
+            ref="fqyqRef"
+            :formConfig="fqyqConig"
+            :formData="formData"
+          />
+          <BaseInfoFormPackage
+            fieldItemLabel="template.common.remark"
+            label="template.common.remark"
+            ref="remarkRef"
+            :formConfig="remarkConig"
+            :formData="formData"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- <button @click="onSave">保存</button> -->
+    <ImportExcelDialog
+      ref="ImportExcelDialog"
+      @onLoadData="onLoadExcelData"
+      :downloadArr="['动物编号']"
+      @downloadExcelTemplate="downloadExcelTemplate"
+    />
+  </div>
 </template>
 
 <script>
-import BaseInfoFormPackage from "@/components/Template/BaseInfoFormPackage";
-import LineLabel from "@/components/Template/LineLabel";
-import TableList from "@/components/Template/Table";
-import Step from "@/components/Template/Step";
-import templateMixin from "../../mixins/templateMixin";
-import CustomTable from '@/components/Template/CustomTable.vue';
-import { EventBus } from "@/utils/eventBus";
-import { uniqeResource } from "@/utils/calUnitTools";
+import BaseInfoFormPackage from '@/components/Template/BaseInfoFormPackage'
+import LineLabel from '@/components/Template/LineLabel'
+import TableList from '@/components/Template/Table'
+import Step from '@/components/Template/Step'
+import templateMixin from '../../mixins/templateMixin'
+import CustomTable from '@/components/Template/CustomTable.vue'
+import { EventBus } from '@/utils/eventBus'
+import { uniqeResource } from '@/utils/calUnitTools'
 import { debounce } from 'lodash-es'
-import TableOpertaionDelete from "@/components/Template/operation/TableOpertaionDelete.vue"
+import TableOpertaionDelete from '@/components/Template/operation/TableOpertaionDelete.vue'
 import ImportExcelDialog from '../../dialog/ImportExcelDialog'
 
 export default {
-	name: "YP003",
-	components: { ImportExcelDialog,BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable,TableOpertaionDelete },
-	mixins: [templateMixin],
-	props: {
-		fillType: {
-			type: String,
-			default: 'preFill',
-		},
-	},
-	computed: {
-		// 分取要求	
-		fqyqConig() {
-			return [
-				{
-					type: "cellItem",
-					config: {
-						fqyq: {
-							label: "template.yp.yp003.sfyfzyq",
-							type: "fqyq",
-							fillType: "actFill",
-							span: 1,
-						}
-					}
-				}
-			]
-		},
-		// 备注表单配置
-		remarkConig() {
-			return [
-				{
-					type: "cellItem",
-					config: {
-						remark: {
-							label: "",
-							type: "textarea",
-							fillType: "actFill",
-							span: 1,
-							placeholder: 'template.common.remarkPlaceholder',
-							maxlength: 1000,
-							rows: 5
-						}
-					}
-				}
-			]
-		},
-		// 试验基本信息表单配置
-		baseInfoFormConfig() {
-			return [
-				{
-					type: "cardItem",
-					config: {
-						studyMc: {
-							label: 'template.common.testName',
-							type: "input",
-							disabled: true,
-						},
-						studySn: {
-							label: 'template.common.testNumber',
-							type: "input",
-							disabled: true,
-						},
-					}
-				},
-				{
-					type: "conditionItem",
-					label: 'template.common.processCondition',
-					config: {
-						pre: {
-							label: 'template.common.preFill',
-							type: "select",
-							multiple: true,
-							fillType: "preFill",
-							options: this.getDictOptions('business_pztj'),
-							otherCode: "preOther",
-						},
-						act: {
-							label: 'template.common.actualFill',
-							type: "select",
-							fillType: "actFill",
-							otherCode: "actOther",
-							multiple: true,
-							compareTo: "pre",
-							options: this.getDictOptions('business_pztj')
-						}
-					}
-				},
-				{
-					type: "conditionItem",
-					label: 'template.yp.yp003.yplx',
-					config: {
-						yplx: {
-							label: 'template.yp.yp003.yplx',
-							type: "select",
-							fillType: "preFill",
-							options: this.getDictOptions('business_yplx'),
-							otherCode: "yplxOther",
-						},
-					}
-				},
-				{
-					type: "cellItem",
-					label: 'template.lba.lba002.czsj',
-					config: {
-						startDate: {
-							label: 'template.common.startTime',
-							type: "input",
-						},
-						endDate: {
-							label: 'template.common.endTime',
-							type: "input",
-						},
-					}
-				}
-			]
-		},
-		// 样本信息
-		tableColumns() {
-			return [{
-				label: 'template.yp.yp003.cyd',
-				prop: 'cyd',
-				bodyType: 'input',
-				bodyFillType: 'actFill',
-				width: 100,
-				bodyMaxlength: 50,
-			},{
-				label: 'template.yp.yp003.dwbh',
-				prop: 'dwbh',
-				bodyType: 'checkboxTag',
-				bodyFillType: 'actFill',
-				bodySubType:"button",
-				bodySubFillType:"preFill",
-				bodySubButtonName:"template.common.importTemplate",
-				bodySubKey:"exportBtn",
-				showBodySub:this.fillType === "preFill",
-				width: 280,
-			},{
-				label: 'template.yp.yp003.ypsl',
-				prop: 'ypsl',
-				bodyType: 'input',
-				bodyDisabled: true,
-				bodyFillType: 'actFill',
-				width: 80,
-			}]
-		},
-	},
-	data() {
-		return {
-			formData: {},
-			currentRowIndex: -1,
-		};
-	},
-	mounted() {
-	},
-	methods: {
-		// 点击按钮
-		handleClickButton(key,rowIndex,colIndex,e,data){
-			if(key === "exportBtn"){
-				this.currentRowIndex = rowIndex;
-				this.$refs.ImportExcelDialog.show()
-			}
-		},
-		//获取已填写的表单数据
-		getFilledFormData() {
-			return this.getFilledFormDataByRefs(["baseInfoRef",  "tableRef", "stepRef", "fqyqRef","remarkRef"])
-		},
-		//获取填写完成的表单数据
-		async getFormData() {
-			let content = await this.validFormFields(["baseInfoRef",  "tableRef", "stepRef", "fqyqRef","remarkRef"]);
-			return content;
-		},
-		getResource() {
-			//使用的试剂、仪器
-			const stepResource = this.$refs.stepRef.getStepResource()
-			this.resourceTmp = stepResource.sjResource || []
-			this.yqResourceTmp = stepResource.yqResource || []
-			return this.resourceTmp;
-		},
-		//保存
-		async onSave() {
-			let content = await this.$refs.stepRef.getFormData();
-			console.log(content);
-		},
-		// 删除表格行
-		deleteRow(rowIndex) {
-			const tableRef = this.$refs['tableRef'];
-			if (tableRef) {
-				tableRef.deleteRow(rowIndex);
-			}
-		},
-
+  name: 'YP003',
+  components: {
+    ImportExcelDialog,
+    BaseInfoFormPackage,
+    LineLabel,
+    TableList,
+    Step,
+    CustomTable,
+    TableOpertaionDelete
+  },
+  mixins: [templateMixin],
+  props: {
+    fillType: {
+      type: String,
+      default: 'preFill'
+    }
+  },
+  computed: {
+    // 分取要求
+    fqyqConig() {
+      return [
+        {
+          type: 'cellItem',
+          config: {
+            fqyq: {
+              label: 'template.yp.yp003.sfyfzyq',
+              type: 'fqyq',
+              fillType: 'actFill',
+              span: 1
+            }
+          }
+        }
+      ]
+    },
+    // 备注表单配置
+    remarkConig() {
+      return [
+        {
+          type: 'cellItem',
+          config: {
+            remark: {
+              label: '',
+              type: 'textarea',
+              fillType: 'actFill',
+              span: 1,
+              placeholder: 'template.common.remarkPlaceholder',
+              maxlength: 1000,
+              rows: 5
+            }
+          }
+        }
+      ]
+    },
+    // 试验基本信息表单配置
+    baseInfoFormConfig() {
+      return [
+        {
+          type: 'cardItem',
+          config: {
+            studyMc: {
+              label: 'template.common.testName',
+              type: 'input',
+              disabled: true
+            },
+            studySn: {
+              label: 'template.common.testNumber',
+              type: 'input',
+              disabled: true
+            }
+          }
+        },
+        {
+          type: 'conditionItem',
+          label: 'template.common.processCondition',
+          config: {
+            pre: {
+              label: 'template.common.preFill',
+              type: 'select',
+              multiple: true,
+              fillType: 'preFill',
+              options: this.getDictOptions('business_pztj'),
+              otherCode: 'preOther'
+            },
+            act: {
+              label: 'template.common.actualFill',
+              type: 'select',
+              fillType: 'actFill',
+              otherCode: 'actOther',
+              multiple: true,
+              compareTo: 'pre',
+              options: this.getDictOptions('business_pztj')
+            }
+          }
+        },
+        {
+          type: 'conditionItem',
+          label: 'template.yp.yp003.yplx',
+          config: {
+            yplx: {
+              label: 'template.yp.yp003.yplx',
+              type: 'select',
+              fillType: 'preFill',
+              options: this.getDictOptions('business_yplx'),
+              otherCode: 'yplxOther'
+            }
+          }
+        },
+        {
+          type: 'cellItem',
+          label: 'template.lba.lba002.czsj',
+          config: {
+            startDate: {
+              label: 'template.common.startTime',
+              type: 'input'
+            },
+            endDate: {
+              label: 'template.common.endTime',
+              type: 'input'
+            }
+          }
+        }
+      ]
+    },
+    // 样本信息
+    tableColumns() {
+      return [
+        {
+          label: 'template.yp.yp003.cyd',
+          prop: 'cyd',
+          bodyType: 'input',
+          bodyFillType: 'actFill',
+          width: 100,
+          bodyMaxlength: 50
+        },
+        {
+          label: 'template.yp.yp003.dwbh',
+          prop: 'dwbh',
+          bodyType: 'checkboxTag',
+          bodyFillType: 'actFill',
+          bodySubType: 'button',
+          bodySubFillType: 'preFill',
+          bodySubButtonName: 'template.common.importTemplate',
+          bodySubKey: 'exportBtn',
+          showBodySub: this.fillType === 'preFill',
+          width: 280
+        },
+        {
+          label: 'template.yp.yp003.ypsl',
+          prop: 'ypsl',
+          bodyType: 'input',
+          bodyDisabled: true,
+          bodyFillType: 'actFill',
+          width: 80
+        }
+      ]
+    }
+  },
+  data() {
+    return {
+      formData: {},
+      currentRowIndex: -1
+    }
+  },
+  mounted() {},
+  methods: {
+    // 点击按钮
+    handleClickButton(key, rowIndex, colIndex, e, data) {
+      if (key === 'exportBtn') {
+        this.currentRowIndex = rowIndex
+        this.$refs.ImportExcelDialog.show()
+      }
+    },
+    //获取已填写的表单数据
+    getFilledFormData() {
+      return this.getFilledFormDataByRefs([
+        'baseInfoRef',
+        'tableRef',
+        'stepRef',
+        'fqyqRef',
+        'remarkRef'
+      ])
+    },
+    //获取填写完成的表单数据
+    async getFormData() {
+      let content = await this.validFormFields([
+        'baseInfoRef',
+        'tableRef',
+        'stepRef',
+        'fqyqRef',
+        'remarkRef'
+      ])
+      return content
+    },
+    getResource() {
+      //使用的试剂、仪器
+      const stepResource = this.$refs.stepRef.getStepResource()
+      this.resourceTmp = stepResource.sjResource || []
+      this.yqResourceTmp = stepResource.yqResource || []
+      return this.resourceTmp
+    },
+    //保存
+    async onSave() {
+      let content = await this.$refs.stepRef.getFormData()
+      console.log(content)
+    },
+    // 删除表格行
+    deleteRow(rowIndex) {
+      const tableRef = this.$refs['tableRef']
+      if (tableRef) {
+        tableRef.deleteRow(rowIndex)
+      }
+    },
 
-		showImportExcelDialog() {
-			this.$refs.ImportExcelDialog.show()
-		},
-		onLoadExcelData(excelData) {
-			const data = excelData.splice(1);
-			const tagData = data.map((item)=>{
-				return {
-					checked:undefined,
-					tagValue:item[0],
-				}
-			})
-			this.$refs.tableRef.updateDataSourceByRowIndex(this.currentRowIndex,{dwbh:tagData});
-			this.$refs.tableRef.onErrorUpdate(this.currentRowIndex, 1, 'dwbh', false)
-			this.$refs.ImportExcelDialog.cancel()
-			setTimeout(() => {
-				this.justUpdateFilledFormData();
-			}, 100);
-		},
-		downloadExcelTemplate(arr){
-			this.exportExcel(arr)
-		},
-		onCheckboxTagChange(rowIndex,colIndex,data){
-			const num = data.filter((item)=>item.checked).length;
-			this.$refs.tableRef.updateDataSourceByRowIndex(rowIndex, {'ypsl':num})
-		}
-	}
-};
+    showImportExcelDialog() {
+      this.$refs.ImportExcelDialog.show()
+    },
+    onLoadExcelData(excelData) {
+      const data = excelData.splice(1)
+      const tagData = data.map((item) => {
+        return {
+          checked: undefined,
+          tagValue: item[0]
+        }
+      })
+      this.$refs.tableRef.updateDataSourceByRowIndex(this.currentRowIndex, {
+        dwbh: tagData
+      })
+      this.$refs.tableRef.onErrorUpdate(this.currentRowIndex, 1, 'dwbh', false)
+      this.$refs.ImportExcelDialog.cancel()
+      setTimeout(() => {
+        this.justUpdateFilledFormData()
+      }, 100)
+    },
+    downloadExcelTemplate(arr) {
+      this.exportExcel(arr)
+    },
+    onCheckboxTagChange(rowIndex, colIndex, data) {
+      const num = data.filter((item) => item.checked).length
+      this.$refs.tableRef.updateDataSourceByRowIndex(rowIndex, { ypsl: num })
+    }
+  }
+}
 </script>
 <style rel="stylesheet/scss" lang="scss">
 </style>