irc_web/src/views/dictionary/template/components/CriterionsBaseData.vue

64 lines
2.0 KiB
Vue

<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<!-- 器官 -->
<el-tab-pane :label="$t('dictionary:template:basicData:organs')" name="organs">
<OrgansTbl :criterion-id="criterionId" :is-complete-config="isCompleteConfig" />
</el-tab-pane>
<!-- 疗效评估 -->
<el-tab-pane :label="$t('dictionary:template:basicData:efficacyAssessment')" name="efficacyAssessment">
<EfficacyAssessment v-if="tabs.includes('efficacyAssessment')" :criterion-id="criterionId"
:criterion-type="criterionType" :is-complete-config="isCompleteConfig" />
</el-tab-pane>
<!-- 标准字典 -->
<el-tab-pane :label="$t('dictionary:template:basicData:criterionDictionary')" name="criterionDictionary">
<CriterionDictionary v-if="tabs.includes('criterionDictionary')" :criterion-id="criterionId"
:is-complete-config="isCompleteConfig" />
</el-tab-pane>
<!-- 关键文件 -->
<el-tab-pane :label="$t('dictionary:template:basicData:keyDocument')" name="keyDocument">
<KeyDocument v-if="tabs.includes('keyDocument')" :criterion-id="criterionId"
:is-complete-config="isCompleteConfig" />
</el-tab-pane>
</el-tabs>
</template>
<script>
import OrgansTbl from './OrgansTbl'
import EfficacyAssessment from './EfficacyAssessment'
import CriterionDictionary from './CriterionDictionary'
import KeyDocument from './KeyDocument'
export default {
name: 'CriterionsBaseData',
components: { OrgansTbl, EfficacyAssessment, CriterionDictionary, KeyDocument },
props: {
criterionId: {
type: String,
required: true
},
isCompleteConfig: {
type: Boolean,
required: true
},
criterionType: {
type: Number,
required: true
},
},
data() {
return {
activeName: 'organs',
tabs: ['organs']
}
},
methods: {
handleClick(tab, event) {
if (this.tabs.includes(tab.name)) {
return
} else {
this.tabs.push(tab.name)
}
}
}
}
</script>