irc_web/.svn/pristine/c5/c5b133292763b705c366fbb0cd9...

76 lines
1.7 KiB
Plaintext

<template>
<div class="reading-unit-wrapper">
<div class="content">
<el-collapse v-model="activeCollapse" class="setting-config">
<!-- 阅片规则 -->
<el-collapse-item title="阅片规则" name="1">
<ReadingRules ref="readingRules" />
</el-collapse-item>
<!-- 阅片标准 -->
<el-collapse-item title="阅片标准" name="2">
<ReadingCriterions ref="readingCriterions" />
</el-collapse-item>
<!-- 仲裁规则 -->
<el-collapse-item title="仲裁规则" name="3">
<ArbitrationRules />
</el-collapse-item>
</el-collapse>
</div>
<div class="bottom">
<el-button
type="danger"
@click="handleConfirm"
>
确认
</el-button>
</div>
</div>
</template>
<script>
import ReadingRules from './components/ReadingRules'
import ReadingCriterions from './components/ReadingCriterions'
import ArbitrationRules from './components/ArbitrationRules'
export default {
name: 'ReadingUnit',
components: { ReadingRules, ReadingCriterions, ArbitrationRules },
data() {
return {
activeCollapse: ['1', '2', '3']
}
},
methods: {
handleConfirm() {}
}
}
</script>
<style lang="scss" scoped>
.reading-unit-wrapper{
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
.content{
flex: 1;
overflow-y: auto;
}
>>>.el-collapse-item__header{
background:#e5ecef;
padding-left:10px;
}
>>>.el-collapse-item__content{
padding: 10px;
}
.bottom{
height: 50px;
display:flex;
align-items:center;
justify-content:center;
text-align: center;
}
}
</style>