76 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			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>
 |