Files
irc_web/src/views/dictionary/template/index.vue
T
wangxiaoshuang 4c241b9acd
continuous-integration/drone/push Build is failing
管理后台新增浏览器版本推荐
2024-07-02 14:40:24 +08:00

96 lines
2.7 KiB
Vue

<template>
<div class="question-wrapper">
<el-tabs v-model="activeTab" @tab-click="clickTab">
<el-tab-pane label="QC问题配置" name="qc">
<qc-questions v-if="activeTab == 'qc'" />
</el-tab-pane>
<el-tab-pane label="阅片标准配置" name="criterions">
<criterions-tmp v-if="activeTab == 'criterions'" />
</el-tab-pane>
<el-tab-pane label="临床数据配置" name="clinicalData">
<clinical-data v-if="activeTab == 'clinicalData'" />
</el-tab-pane>
<el-tab-pane label="医学审核问题配置" name="medicalAudit">
<medical-audit v-if="activeTab == 'medicalAudit'" />
</el-tab-pane>
<el-tab-pane label="DICOM字段匿名化配置" name="anonymization">
<Anonymization v-if="activeTab == 'anonymization'" />
</el-tab-pane>
<el-tab-pane label="DICOM字段新增配置" name="increasefields">
<IncreaseFields v-if="activeTab == 'increasefields'" />
</el-tab-pane>
<el-tab-pane label="邮件管理" name="email">
<Email v-if="activeTab == 'email'" />
</el-tab-pane>
<el-tab-pane label="签名管理" name="sign">
<Sign v-if="activeTab == 'sign'" />
</el-tab-pane>
<el-tab-pane label="浏览器推荐" name="browser">
<Browser v-if="activeTab == 'browser'" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import QcQuestions from "./components/QcQuestions.vue";
import CriterionsTmp from "./components/CriterionsTmp";
import ClinicalData from "./components/ClinicalDataConfig";
import MedicalAudit from "./components/MedicalAudit";
import Anonymization from "./components/Anonymization";
import IncreaseFields from "./components/IncreaseFields";
import Email from "./email/index.vue";
import Sign from "./sign/index.vue";
import Browser from "./browser/index.vue";
export default {
name: "Questions",
components: {
QcQuestions,
CriterionsTmp,
ClinicalData,
Anonymization,
IncreaseFields,
Email,
Sign,
MedicalAudit,
Browser,
},
data() {
return {
activeTab: "qc",
};
},
mounted() {
if (this.$route.query.tabActive) {
this.activeTab = this.$route.query.tabActive;
} else {
this.activeTab = "qc";
}
},
methods: {
clickTab(tab, event) {
this.$router.push({ path: `/dictionary/template?tabActive=${tab.name}` });
},
},
};
</script>
<style lang="scss">
.question-wrapper {
.el-tabs {
height: 100%;
display: flex;
flex-direction: column;
}
.el-tabs__header {
height: 40px;
margin-bottom: 5px;
}
.el-tabs__content {
flex: 1;
.el-tab-pane {
height: 100%;
}
}
}
</style>