59 lines
1.3 KiB
Vue
59 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-tabs v-model="activeName" type="card" class="demo-tabs">
|
||
|
|
<el-tab-pane label="鉴定(终报)结果" name="first">
|
||
|
|
<ZbReport />
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="初级和二级报告" name="second">
|
||
|
|
<CbReport />
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="培养基接种" name="third">
|
||
|
|
<Byj />
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="操作记录" name="fourth">
|
||
|
|
<Record :labPat="labPat" :labPatKey="labPatKey" />
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import ZbReport from './components/zbReport.vue';
|
||
|
|
import CbReport from './components/cbReport.vue';
|
||
|
|
import Byj from './components/byj.vue';
|
||
|
|
import Record from './components/record.vue';
|
||
|
|
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
labPat: {
|
||
|
|
type: Object,
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
//结果主键
|
||
|
|
labPatKey: {
|
||
|
|
type: Object,
|
||
|
|
default: () => { }
|
||
|
|
},
|
||
|
|
});
|
||
|
|
const { labPat, labPatKey } = toRefs(props);
|
||
|
|
const activeName = ref('first')
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
:deep(.el-tabs--card>.el-tabs__header) {
|
||
|
|
height: 30px !important;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
|
||
|
|
.el-tabs__item {
|
||
|
|
height: 30px !important;
|
||
|
|
|
||
|
|
&.is-active {
|
||
|
|
border-bottom: 2px solid #409eff !important;
|
||
|
|
background-color: #e9f1fb;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|