| 
					
				 | 
			
			
				@@ -21,14 +21,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     " 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                   ></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </el-tooltip></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-col :span="24" class="subTitle"><i class="icon_balance"></i>云教室余额(元) <el-button plain round @click="onDetail" size="mini">扣费记录 <i class="el-icon-arrow-right"></i></el-button></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-col :span="24" class="subTitle"><i class="iconfont icon-yunjiaoshiyue"></i>云教室余额(元) <el-button plain round @click="onDetail" size="mini">扣费记录 <i class="el-icon-arrow-right"></i></el-button></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div class="descriptions"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-col :span="24" style="display: flex;align-items: center;"><span class="balance" style="font-size: 26px; margin-right: 0;">{{ dataInfo.serverName }}</span><span class="version" @click="versionVisible = true"><i class="icon_version"></i>版本对比</span></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <el-col :span="24" class="lastTime"><i class="icon_member"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-col :span="24" class="lastTime"><i class="iconfont icon-banbenhuiyuantubiao"></i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               剩余<span class="days">{{ dataInfo.validRemaining }}</span>天({{ dataInfo.expiryDateEnd }}到期) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               <span style="padding-left: 50px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 (学员上限) <span class="color">{{ dataInfo.studentNum }}/{{ dataInfo.studentUpLimit }}</span>人 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -205,20 +205,26 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .icon_member { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    width: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    height: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url('../../assets/images/base/icon_member.png') no-repeat center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    margin-right: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .icon_balance { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    width: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    height: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    background: url('../../assets/images/base/icon_balance.png') no-repeat center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .icon-yunjiaoshiyue, .icon-banbenhuiyuantubiao { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     margin-right: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: var(--color-primary); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    font-size: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  // .icon_member { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   width: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   height: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   background: url('../../assets/images/base/icon_member.png') no-repeat center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   margin-right: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  // } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  // .icon_balance { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   width: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   height: 24px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   background: url('../../assets/images/base/icon_balance.png') no-repeat center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //   margin-right: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  // } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 |