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>
 |