|  | @@ -7,17 +7,19 @@
 | 
	
		
			
				|  |  |      <el-container>
 | 
	
		
			
				|  |  |        <el-aside width="360px">
 | 
	
		
			
				|  |  |          <div style="display: flex; height: 36px; align-items: center; font-weight: 600; padding: 0 12px">
 | 
	
		
			
				|  |  | -          <div style="width: 34%">费用类别</div>
 | 
	
		
			
				|  |  | -          <div style="width: 23%">总金额</div>
 | 
	
		
			
				|  |  | -          <div style="width: 22%">政策范围内金额</div>
 | 
	
		
			
				|  |  | -          <div style="width: 21%">政策范围外金额</div>
 | 
	
		
			
				|  |  | +          <div style="width: 20%">费用类别</div>
 | 
	
		
			
				|  |  | +          <div style="width: 20%">总金额</div>
 | 
	
		
			
				|  |  | +          <div style="width: 20%">甲类</div>
 | 
	
		
			
				|  |  | +          <div style="width: 20%">乙类</div>
 | 
	
		
			
				|  |  | +          <div style="width: 20%">丙类</div>
 | 
	
		
			
				|  |  |          </div>
 | 
	
		
			
				|  |  |          <div v-for="(val, key) in analyse" :key="key" :style="currentStyle(key)" class="fee-type" @click="handleClickChrgtype(val, key)">
 | 
	
		
			
				|  |  |            <div>
 | 
	
		
			
				|  |  | -            <div style="width: 34%">{{ val[0] }}</div>
 | 
	
		
			
				|  |  | -            <div style="width: 23%">{{ val[1] }}</div>
 | 
	
		
			
				|  |  | -            <div style="width: 22%">{{ val[2] }}</div>
 | 
	
		
			
				|  |  | -            <div style="width: 21%">{{ val[3] }}</div>
 | 
	
		
			
				|  |  | +            <div style="width: 20%">{{ val[0] }}</div>
 | 
	
		
			
				|  |  | +            <div style="width: 20%">{{ val[1] }}</div>
 | 
	
		
			
				|  |  | +            <div style="width: 20%">{{ val[2] }}</div>
 | 
	
		
			
				|  |  | +            <div style="width: 20%">{{ val[3] }}</div>
 | 
	
		
			
				|  |  | +            <div style="width: 20%">{{ val[4] }}</div>
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </div>
 | 
	
		
			
				|  |  |        </el-aside>
 |