luojie
1 month ago
6 changed files with 354 additions and 5 deletions
Split View
Diff Options
-
+16 -1src/lang/en/template/dj.js
-
+16 -1src/lang/zh/template/dj.js
-
+3 -0src/views/business/comps/template/TemplateTable.vue
-
+314 -0src/views/business/comps/template/comps/dj/DJ003.vue
-
+2 -3src/views/business/comps/template/comps/dl/DL005.vue
-
+3 -0src/views/business/comps/template/mixins/templateMixin.js
+ 16
- 1
src/lang/en/template/dj.js
View File
+ 16
- 1
src/lang/zh/template/dj.js
View File
+ 3
- 0
src/views/business/comps/template/TemplateTable.vue
View File
+ 314
- 0
src/views/business/comps/template/comps/dj/DJ003.vue
View File
| @ -0,0 +1,314 @@ | |||
| <!-- 生物样品全血移交记录表 --> | |||
| <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="refConf.base" | |||
| :formConfig="baseInfoFormConfig" | |||
| :formData="formData" | |||
| /> | |||
| <LineLabel label="template.dj.dj003.yjczxx" /> | |||
| <CustomTable | |||
| fieldItemLabel="template.dj.dj003.yjczxx" | |||
| :columns="ypyjColumns" | |||
| :ref="'ypyjTableRef'" | |||
| :showOperation="fillType === 'actFill'" | |||
| :showAddRow="fillType === 'actFill'" | |||
| :formData="formData" | |||
| :prefixKey="`ypyjTable`" | |||
| > | |||
| <template slot="operation" slot-scope="{ row, rowIndex, columns }"> | |||
| <TableOpertaionDelete | |||
| :row="row" | |||
| :rowIndex="rowIndex" | |||
| :columns="columns" | |||
| @deleteRow="() => deleteTableRow(rowIndex, 'ypyjTableRef')" | |||
| ></TableOpertaionDelete> | |||
| </template> | |||
| </CustomTable> | |||
| <BaseInfoFormPackage | |||
| fieldItemLabel="template.dj.dj003.yjczxx" | |||
| :ref="refConf.yjczxx" | |||
| :formConfig="yjczxxFormConfig" | |||
| :formData="formData" | |||
| @clickButton="handleClickButton" | |||
| /> | |||
| <BaseInfoFormPackage | |||
| fieldItemLabel="template.common.remark" | |||
| label="template.common.remark" | |||
| :ref="refConf.remark" | |||
| :formConfig="remarkConig" | |||
| :formData="formData" | |||
| /> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| import BaseInfoFormPackage from '@/components/Template/BaseInfoFormPackage' | |||
| import TableOpertaionDelete from '@/components/Template/operation/TableOpertaionDelete.vue' | |||
| import CustomTable from '@/components/Template/CustomTable.vue' | |||
| import LineLabel from '@/components/Template/LineLabel' | |||
| import TableList from '@/components/Template/Table' | |||
| import Step from '@/components/Template/Step' | |||
| import templateMixin from '../../mixins/templateMixin' | |||
| import moment from 'moment' | |||
| import StepFormPackage from "@/components/Template/StepFormPackage.vue" | |||
| const refConf = { | |||
| base: 'baseInfoRef', | |||
| remark: 'remarkRef', | |||
| ypyj:'ypyjTableRef', | |||
| yjczxx: 'yjczxxRef' | |||
| } | |||
| const refNames = Object.values(refConf) | |||
| export default { | |||
| name: 'DJ003', | |||
| components: { | |||
| BaseInfoFormPackage, | |||
| LineLabel, | |||
| TableList, | |||
| Step, | |||
| CustomTable, | |||
| TableOpertaionDelete, | |||
| StepFormPackage | |||
| }, | |||
| mixins: [templateMixin], | |||
| props: { | |||
| fillType: { | |||
| type: String, | |||
| default: 'preFill' | |||
| } | |||
| }, | |||
| computed: { | |||
| // 备注表单配置 | |||
| 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.dj.dj003.yplx', | |||
| config: { | |||
| yplx: { | |||
| span: 1, | |||
| label: 'template.dj.dj003.yplx', | |||
| type: 'select', | |||
| options: this.getDictOptions('business_yplx'), | |||
| fillType: 'actFill', | |||
| otherCode: 'yplxOther' | |||
| } | |||
| } | |||
| }, | |||
| { | |||
| type: 'conditionItem', | |||
| label: 'template.dj.dj003.knj', | |||
| config: { | |||
| knj: { | |||
| span: 1, | |||
| label: 'template.dj.dj003.knj', | |||
| type: 'select', | |||
| options: this.getDictOptions('business_knj'), | |||
| fillType: 'actFill', | |||
| otherCode: 'knjOther' | |||
| } | |||
| } | |||
| }, | |||
| { | |||
| type: 'conditionItem', | |||
| label: 'template.dj.dj003.cyhcftj', | |||
| config: { | |||
| cyhcftj: { | |||
| span: 1, | |||
| label: 'template.common.actualFill', | |||
| multiple: true, | |||
| type: 'select', | |||
| options: this.getDictOptions('business_cftj'), | |||
| fillType: 'actFill', | |||
| otherCode: 'cftjOther' | |||
| } | |||
| } | |||
| }, | |||
| ] | |||
| }, | |||
| // 样品移交信息列表 | |||
| ypyjColumns() { | |||
| return [ | |||
| { | |||
| label: 'template.dj.dj003.cyd', | |||
| prop: "cyd", | |||
| bodyType: 'input', | |||
| bodyFillType: 'actFill' | |||
| }, | |||
| { | |||
| label: 'template.dj.dj003.dwbh', | |||
| prop: "dwbh", | |||
| bodyType: 'input', | |||
| bodyFillType: 'actFill' | |||
| }, | |||
| { | |||
| label: 'template.dj.dj003.cysj', | |||
| prop: "cysj", | |||
| bodyType: 'input', | |||
| bodyFillType: 'actFill' | |||
| }, | |||
| { | |||
| label: 'template.dj.dj003.sjbd', | |||
| prop: "sjbd", | |||
| bodyType: 'select', | |||
| bodyOptions: [ | |||
| {value:1,label:'正常'}, | |||
| {value:0,label:'偏离'}, | |||
| ], | |||
| bodyFillType: 'actFill' | |||
| }, | |||
| { | |||
| label: 'template.dj.dj003.yps', | |||
| prop: "yps", | |||
| bodyType: 'inputNumber', | |||
| bodyFillType: 'actFill' | |||
| }, | |||
| ] | |||
| }, | |||
| // 移交处置信息 | |||
| yjczxxFormConfig() { | |||
| return [ | |||
| { | |||
| type: 'cellItem', | |||
| config: { | |||
| yjsj: { | |||
| label: 'template.dj.dj003.yjsj', | |||
| type: 'input', | |||
| fillType: 'actFill', | |||
| maxlength: 200, | |||
| subType: 'button', | |||
| subKey: 'yjsj', | |||
| buttonName: 'template.dj.dj003.hqsj', | |||
| }, | |||
| dsfs: { | |||
| label: 'template.dj.dj003.dsfs', | |||
| type: 'select', | |||
| options: this.getDictOptions('business_dsfs'), | |||
| fillType: 'actFill', | |||
| }, | |||
| } | |||
| } | |||
| ] | |||
| } | |||
| }, | |||
| data() { | |||
| return { | |||
| formData: {}, | |||
| refConf | |||
| } | |||
| }, | |||
| methods: { | |||
| // 删除表格行 | |||
| async deleteTableRow(rowIndex, refName) { | |||
| this.$refs[refName].deleteRow(rowIndex) | |||
| }, | |||
| // 获取已填写的表单数据 | |||
| getFilledFormData() { | |||
| return this.getFilledFormDataByRefs(refNames) | |||
| }, | |||
| // 获取填写完成的表单数据 | |||
| async getFormData() { | |||
| return await this.validFormFields(refNames) | |||
| }, | |||
| // 只做校验 | |||
| async validFields() { | |||
| return await this.validFormFields(refNames) | |||
| }, | |||
| getResource() { | |||
| // const stepResource = this.$refs.yqsyTableRef.getStepResource() | |||
| // 使用的试剂、仪器 | |||
| // this.resourceTmp = stepResource.sjResource || [] | |||
| // this.yqResourceTmp = stepResource.yqResource || [] | |||
| // return this.resourceTmp | |||
| }, | |||
| // 保存 | |||
| async onSave() { | |||
| const formData = this.getStepResource() | |||
| console.log(formData, 'formData') | |||
| }, | |||
| // 点击按钮 | |||
| handleClickButton(_item, signData) { | |||
| this.$refs.yjczxxRef.updateFormData( | |||
| _item.subKey, | |||
| moment().format('YYYY/MM/DD HH:mm'), | |||
| { isUpdateRecord: true, signData } | |||
| ) | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style rel="stylesheet/scss" lang="scss"> | |||
| .mt-20 { | |||
| margin-top: 20px; | |||
| } | |||
| .print-btn { | |||
| margin-bottom: 20px; | |||
| } | |||
| .config-header-end { | |||
| display: flex; | |||
| justify-content: flex-end; | |||
| align-items: center; | |||
| margin-bottom: 15px; | |||
| font-weight: bold; | |||
| font-size: 16px; | |||
| color: #303133; | |||
| } | |||
| </style> | |||