设备修改成2个字段

imcs-ui/src/views/zuihou/largeScreen/cabinLine/index.vue

@@ -27,7 +27,7 @@
 	    	<span class="rebackLine" @click="rebackLine()">{{$t('largeScreen.common.returns')}}</span>
     	</div>
     </el-row>
-    
+
   	<!-- 区域模块 -->
   	<div class="areaDiv">
   		<!-- 搜索-部分 -->
@@ -41,7 +41,7 @@
 				    </el-option>
 				  </el-select>
 	  	</div>
-	  	
+
 	  	<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; table-layout: fixed;">
 	  		<tr>
 	  			<td width="250">
@@ -69,7 +69,7 @@
 							  			</table>
 											<!-- 状态 -->
 											<div class="statusDiv">
-												<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+												<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 												<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 												<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 											</div>
@@ -80,7 +80,7 @@
 			  		</el-row>
 	  			</td>
 	  			<td>
-	  				
+
 				  	<!-- 上-部分 -->
 			  		<el-row class="topRow alignLeft">
 			  			<div class="bottomDiv2" style="width: 100%;overflow-x: auto;">
@@ -95,9 +95,9 @@
 					  			</table>
 				  				<div class="linTitle">边线库</div>
 				  			</el-card>
-			  				
+
 				  			<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'KT_121'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -146,15 +146,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'KT_122'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -203,15 +203,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'KT_127'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -260,15 +260,15 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  				<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'KT_128'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -317,15 +317,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'KT_129'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -374,15 +374,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'KT_130'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -431,7 +431,7 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
@@ -439,7 +439,7 @@
 					  		</template>
 			  			</div>
 			  		</el-row>
-			  	
+
 			  		<!-- 中-部分 -->
 			  		<el-row class="topRow">
 			  			<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;margin: 30px auto;">
@@ -471,19 +471,19 @@
 								  			</table>
 												<!-- 状态 -->
 					  						<div class="statusDiv">
-													<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+													<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 													<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 													<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 												</div>
 											</el-card>
-										</template>	
+										</template>
 			  					</td>
 			  				</tr>
 			  			</table>
-			  			
-							
+
+
 			  		</el-row>
-			  		
+
 			  		<!-- 下-部分 -->
 			  		<el-row class="topRow" style="text-align: left;">
 			  			<div class="bottomDiv2">
@@ -498,9 +498,9 @@
 					  			</table>
 				  				<div class="linTitle">边线库</div>
 				  			</el-card>
-				  			
+
 				  			<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'KT_131'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -549,15 +549,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'KT_132'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -606,15 +606,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'KT_133'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -663,21 +663,21 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  			</div>
 			  		</el-row>
-			  		
+
   				</td>
-  				
+
 	  		</tr>
 	  	</table>
-  		
+
   	</div>
   </div>
 </template>
@@ -789,10 +789,10 @@
 	  				console.log("2D模式-模块信息: ",res.data);
 	  				this.moduleList = res.data.list;
 	  			}
-	  			
+
 	  		})
 	  	},
-	  	
+
 	  	// [选择单元]的值变化-事件
 	  	selectChange(val){
 	  		console.log("[选择单元]的值变化: ", val);
@@ -806,12 +806,12 @@
 	  		if(val == "C"){  // 保障中心
 	  			paths = "/largeScreen/supportCenter";
 	  		}
-	  		
+
 	  		if(paths){
 	  			this.toRouter(paths);
 	  		}
 	  	},
-	  	
+
 	  	// 根据路由，跳转页面
 	  	toRouter(paths){
 	  		// 调用全局挂载的方法
@@ -819,7 +819,7 @@
 					this.$router.push({ path: paths, query: {resourceId: this.tabDownData.list.length > 0 ? this.tabDownData.list[0].id : '' }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 是否设置大屏
 	  	setMaxScreen(){
 	  		let isCurrScreen = db.get("isCurrScreen");
@@ -875,7 +875,7 @@
 	        //console.log(evt)
 	      }
 	    },
-	    
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClk(){
 	  		let paths = "/largeScreen/twoDatasModel";
@@ -886,7 +886,7 @@
 				// this.$router.push('/runManageCenter/lineBoardDetail')
 	  		// console.log("弹出详情页面！", paths)
 	  	},
-	  	
+
 	  	// 全屏
 	  	fullPing(){
 	  		this.$nextTick(() => {
@@ -911,12 +911,12 @@
 	  			exitFullScreen(document.getElementById('playerMap'))
 	  		})
 	  	},
-	  	
+
 	  	// 【返回产线】按钮-事件
 	  	rebackLine(){
 	  		this.$router.go(-1);
 	  	},
-	  	
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClkCard(id){
 	  		let paths = "/runManageCenter/lineBoardDetail";
@@ -925,12 +925,12 @@
 					this.$router.push({ path: paths, query: { resourceId: id }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 加载背景颜色
 	  	setBackground(color){
 	  		return "background: "+ color +";"
 	  	},
-	  	
+
 	  	// 生产资源，计算返回class
 	  	reJisuanCls(obj, flag) {
 	  		let str = "contentView hebingDiv";
@@ -945,16 +945,16 @@
 	  		}
 	  		return str;
 	  	},
-	  	
+
 	  	// 加载【本地图片】
 	  	resolveLogo(logo) {
         return require(`@/assets/icon/${logo}`);
       },
-      
+
 	    // 获取列表数据
 	    getTabList(){
 	    	lineBoardAPI.getBigScreenList({}).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("神抽狗资源：", res)
 	    		if(res.isSuccess){
 	    			this.tabDownData.list = res.data.list
@@ -965,7 +965,7 @@
 	    		}
 	    	})
 	    },
-	    
+
 	    // 边线库
 	    getQualitySide(type) {
 	    	/*this.sideList = [
@@ -985,7 +985,7 @@
 	    		]
 	    	];*/
 	    	LargeScreenAPI.kuangtiCard({ type }).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("【边线库】5：", res)
 	    		if(res.isSuccess){
 	    			if(type == "1"){
@@ -1292,8 +1292,8 @@
 	.statusDiv{
 		position: absolute;
 		top: 5px;
-		right: 15px;
-		text-align: right;
+		right: 55px;
+		text-align: left;
 	}
 	.statusDiv span{
 		display: inline-block;
@@ -1322,4 +1322,4 @@
 	.footerDiv a:hover{
 		opacity: 0.7;
 	}
-</style>
+</style>

imcs-ui/src/views/zuihou/largeScreen/frameLine/index.vue

@@ -27,7 +27,7 @@
 	    	<span class="rebackLine" @click="rebackLine()">{{$t('largeScreen.common.returns')}}</span>
     	</div>
     </el-row>
-    
+
   	<!-- 区域模块 -->
   	<div class="areaDiv">
   		<!-- 搜索-部分 -->
@@ -41,16 +41,16 @@
 				    </el-option>
 				  </el-select>
 	  	</div>
-	  	
+
 	  	<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;table-layout: fixed;">
 	  		<tr>
 	  			<td>
-	  				
+
 				  	<!-- 上-部分 -->
 			  		<el-row class="topRow alignLeft">
 			  			<div class="bottomDiv2">
 				  			<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'CT_127'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -99,15 +99,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+<!--                      <span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'CT_121'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -156,15 +156,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'CT_122'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -213,13 +213,13 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  				<!-- 方块 -->
 				  			<el-card class="box-card" style="margin-left: 100px;">
 					  			<table class="blokTable" border="0" cellspacing="0" cellpadding="0">
@@ -233,7 +233,7 @@
 				  			</el-card>
 			  			</div>
 			  		</el-row>
-			  	
+
 			  		<!-- 中-部分 -->
 			  		<el-row class="topRow">
 			  			<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;margin: 30px auto;">
@@ -265,24 +265,24 @@
 								  			</table>
 												<!-- 状态 -->
 					  						<div class="statusDiv">
-													<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+													<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 													<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 													<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 												</div>
 											</el-card>
-										</template>	
+										</template>
 			  					</td>
 			  				</tr>
 			  			</table>
-			  			
-							
+
+
 			  		</el-row>
-			  		
+
 			  		<!-- 下-部分 -->
 			  		<el-row class="topRow" style="text-align: left;">
 			  			<div class="bottomDiv2">
 				  			<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'CT_129'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -331,15 +331,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'CT_130'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -388,15 +388,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'CT_131'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -445,13 +445,13 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 				  			<!-- 方块 -->
 				  			<el-card class="box-card" style="margin-left: 100px;">
 					  			<table class="blokTable" border="0" cellspacing="0" cellpadding="0">
@@ -465,7 +465,7 @@
 				  			</el-card>
 			  			</div>
 			  		</el-row>
-			  		
+
   				</td>
   				<td width="250">
 	  				<!-- 下-部分 -->
@@ -492,7 +492,7 @@
 							  			</table>
 											<!-- 状态 -->
 											<div class="statusDiv">
-												<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+												<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 												<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 												<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 											</div>
@@ -504,7 +504,7 @@
 	  			</td>
 	  		</tr>
 	  	</table>
-  		
+
   	</div>
   </div>
 </template>
@@ -616,10 +616,10 @@
 	  				console.log("2D模式-模块信息: ",res.data);
 	  				this.moduleList = res.data.list;
 	  			}
-	  			
+
 	  		})
 	  	},
-	  	
+
 	  	// [选择单元]的值变化-事件
 	  	selectChange(val){
 	  		// console.log("[选择单元]的值变化: ", val);
@@ -633,12 +633,12 @@
 	  		if(val == "C"){  // 保障中心
 	  			paths = "/largeScreen/supportCenter";
 	  		}
-	  		
+
 	  		if(paths){
 	  			this.toRouter(paths);
 	  		}
 	  	},
-	  	
+
 	  	// 根据路由，跳转页面
 	  	toRouter(paths){
 	  		// 调用全局挂载的方法
@@ -646,7 +646,7 @@
 					this.$router.push({ path: paths, query: {resourceId: this.tabDownData.list.length > 0 ? this.tabDownData.list[0].id : '' }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 是否设置大屏
 	  	setMaxScreen(){
 	  		let isCurrScreen = db.get("isCurrScreen");
@@ -702,7 +702,7 @@
 	        //console.log(evt)
 	      }
 	    },
-	    
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClk(){
 	  		let paths = "/largeScreen/twoDatasModel";
@@ -713,7 +713,7 @@
 				// this.$router.push('/runManageCenter/lineBoardDetail')
 	  		// console.log("弹出详情页面！", paths)
 	  	},
-	  	
+
 	  	// 全屏
 	  	fullPing(){
 	  		this.$nextTick(() => {
@@ -738,12 +738,12 @@
 	  			exitFullScreen(document.getElementById('playerMap'))
 	  		})
 	  	},
-	  	
+
 	  	// 【返回产线】按钮-事件
 	  	rebackLine(){
 	  		this.$router.go(-1);
 	  	},
-	  	
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClkCard(id){
 	  		let paths = "/runManageCenter/lineBoardDetail";
@@ -752,12 +752,12 @@
 					this.$router.push({ path: paths, query: { resourceId: id }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 加载背景颜色
 	  	setBackground(color){
 	  		return "background: "+ color +";"
 	  	},
-	  	
+
 	  	// 生产资源，计算返回class
 	  	reJisuanCls(obj, flag) {
 	  		let str = "contentView hebingDiv";
@@ -772,16 +772,16 @@
 	  		}
 	  		return str;
 	  	},
-	  	
+
 	  	// 加载【本地图片】
 	  	resolveLogo(logo) {
         return require(`@/assets/icon/${logo}`);
       },
-      
+
 	    // 获取列表数据
 	    getTabList(){
 	    	lineBoardAPI.getBigScreenList({}).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("神抽狗资源：", res)
 	    		if(res.isSuccess){
 	    			this.tabDownData.list = res.data.list
@@ -792,7 +792,7 @@
 	    		}
 	    	})
 	    },
-	    
+
 	    // 边线库
 	    getQualitySide(type) {
 	    	/*this.sideList = [
@@ -814,7 +814,7 @@
 	    		]
 	    	];*/
 	    	LargeScreenAPI.cangtiCard({ type }).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("【边线库】5：", res)
 	    		if(res.isSuccess){
 	    			if(type == "1"){
@@ -1121,7 +1121,7 @@
 	.statusDiv{
 		position: absolute;
 		top: 5px;
-		right: 15px;
+		right: 55px;
 		text-align: right;
 	}
 	.statusDiv span{
@@ -1151,4 +1151,4 @@
 	.footerDiv a:hover{
 		opacity: 0.7;
 	}
-</style>
+</style>

imcs-ui/src/views/zuihou/largeScreen/supportCenter/index.vue

@@ -27,7 +27,7 @@
 	    	<span class="rebackLine" @click="rebackLine()">{{$t('largeScreen.common.returns')}}</span>
     	</div>
     </el-row>
-    
+
   	<!-- 区域模块 -->
   	<div class="areaDiv">
   		<!-- 搜索-部分 -->
@@ -58,7 +58,7 @@
 				  			</el-card>
 			  			</div>
 			  		</el-row>
-			  	
+
 			  		<!-- 中-部分 -->
 			  		<el-row class="topRow">
 			  			<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;margin: 30px auto;">
@@ -90,24 +90,24 @@
 								  			</table>
 												<!-- 状态 -->
 					  						<div class="statusDiv">
-													<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+													<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 													<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 													<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 												</div>
 											</el-card>
-										</template>	
+										</template>
 			  					</td>
 			  				</tr>
 			  			</table>
-			  			
-							
+
+
 			  		</el-row>
-			  		
+
 			  		<!-- 下-部分 -->
 			  		<el-row class="topRow" style="text-align: left;">
 			  			<div class="bottomDiv2">
 			  				<!-- AGV上下料站-1 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'BZ_361'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -156,15 +156,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'BZ_362'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -213,15 +213,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'BZ_363'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -270,13 +270,13 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  				<!-- 方块 -->
 				  			<el-card class="box-card" style="margin: 0 20px;">
 					  			<table class="blokTable" border="0" cellspacing="0" cellpadding="0">
@@ -288,7 +288,7 @@
 					  			</table>
 				  				<div class="linTitle">框体缓存库</div>
 				  			</el-card>
-				  			
+
 				  			<!-- 方块 -->
 				  			<el-card class="box-card" style="margin: 0 20px;">
 					  			<table class="blokTable" border="0" cellspacing="0" cellpadding="0">
@@ -300,9 +300,9 @@
 					  			</table>
 				  				<div class="linTitle">舱体缓存库</div>
 				  			</el-card>
-				  			
+
 				  			<!-- 三坐标 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'BZ_szb'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -351,15 +351,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 打标机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'BZ_370'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -408,15 +408,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'BZ_364'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -465,15 +465,15 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  				<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'BZ_365'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -522,15 +522,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'BZ_366'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -579,15 +579,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 				  			<!-- SMU50-4 -->
-					  		<template v-for="item in moduleList">	
+					  		<template v-for="item in moduleList">
 									<el-card v-if="item.code == 'BZ_367'" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -636,15 +636,15 @@
 						  			</table>
 										<!-- 状态 -->
 						  			<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 					  		</template>
-			  			
+
 			  				<!-- 打标机 -->
-					  		<template v-for="item in moduleList">		
+					  		<template v-for="item in moduleList">
 						  		<el-card v-if="item.code == 'BZ_368'" :key="item.id" class="box-card">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -693,15 +693,15 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 						  		</el-card>
-								</template>	
-								
+								</template>
+
 								<!-- 清洗机 -->
-						  	<template v-for="item in moduleList">	
+						  	<template v-for="item in moduleList">
 									<el-card class="box-card" v-if="item.code == 'BZ_369'" :key="item.id">
 						  			<!-- 内容区域(格式一) -->
 						  			<table style="width: 100%;" @click="boxCardClkCard(item.id)">
@@ -750,16 +750,16 @@
 						  			</table>
 										<!-- 状态 -->
 										<div class="statusDiv">
-											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>
+											<!--											<span class="linkLine" :style="setBackground(item.linkStatus.background)">{{item.linkStatus.text}}</span>-->
 											<span class="jianguan" :style="setBackground(item.controlStatus.background)">{{item.controlStatus.text}}</span>
 											<span class="producting" :style="setBackground(item.productionStatus.background)">{{item.productionStatus.text}}</span>
 										</div>
 									</el-card>
 								</template>
-								
+
 			  			</div>
 			  		</el-row>
-  		
+
 	  	</div>
   	</div>
   </div>
@@ -876,10 +876,10 @@
 	  				console.log("2D模式-模块信息123: ",res.data);
 	  				this.moduleList = res.data.list;
 	  			}
-	  			
+
 	  		})
 	  	},
-	  	
+
 	  	// [选择单元]的值变化-事件
 	  	selectChange(val){
 	  		console.log("[选择单元]的值变化: ", val);
@@ -897,7 +897,7 @@
 	  			this.toRouter(paths);
 	  		}
 	  	},
-	  	
+
 	  	// 根据路由，跳转页面
 	  	toRouter(paths){
 	  		// 调用全局挂载的方法
@@ -905,7 +905,7 @@
 					this.$router.push({ path: paths, query: {resourceId: this.tabDownData.list.length > 0 ? this.tabDownData.list[0].id : '' }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 是否设置大屏
 	  	setMaxScreen(){
 	  		let isCurrScreen = db.get("isCurrScreen");
@@ -961,7 +961,7 @@
 	        //console.log(evt)
 	      }
 	    },
-	    
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClk(){
 	  		let paths = "/largeScreen/twoDatasModel";
@@ -972,7 +972,7 @@
 				// this.$router.push('/runManageCenter/lineBoardDetail')
 	  		// console.log("弹出详情页面！", paths)
 	  	},
-	  	
+
 	  	// 全屏
 	  	fullPing(){
 	  		this.$nextTick(() => {
@@ -997,12 +997,12 @@
 	  			exitFullScreen(document.getElementById('playerMap'))
 	  		})
 	  	},
-	  	
+
 	  	// 【返回产线】按钮-事件
 	  	rebackLine(){
 	  		this.$router.go(-1);
 	  	},
-	  	
+
 	  	// 【SUM50】点击-事件
 	  	boxCardClkCard(id){
 	  		let paths = "/runManageCenter/lineBoardDetail";
@@ -1011,12 +1011,12 @@
 					this.$router.push({ path: paths, query: { resourceId: id }}) //带参跳转
 				})
 	  	},
-	  	
+
 	  	// 加载背景颜色
 	  	setBackground(color){
 	  		return "background: "+ color +";"
 	  	},
-	  	
+
 	  	// 生产资源，计算返回class
 	  	reJisuanCls(obj, flag) {
 	  		let str = "contentView hebingDiv";
@@ -1031,16 +1031,16 @@
 	  		}
 	  		return str;
 	  	},
-	  	
+
 	  	// 加载【本地图片】
 	  	resolveLogo(logo) {
         return require(`@/assets/icon/${logo}`);
       },
-      
+
 	    // 获取列表数据
 	    getTabList(){
 	    	lineBoardAPI.getBigScreenList({}).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("神抽狗资源：", res)
 	    		if(res.isSuccess){
 	    			this.tabDownData.list = res.data.list
@@ -1051,15 +1051,15 @@
 	    		}
 	    	})
 	    },
-	    
+
 	    // 边线库
 	    getQualitySide(type) {
 	    	/*for(let i = 1; i <= 10; i++){
 	    		let arr = [];
 	    		for(let j = 1; j <= 30; j++){
 	    			arr.push({
-	    				no: 'wks'+ Math.random(), 
-	    				haveGoods: randomFloor(1,10000) > 9000 ? '1' : '0', 
+	    				no: 'wks'+ Math.random(),
+	    				haveGoods: randomFloor(1,10000) > 9000 ? '1' : '0',
 	    				lockStatus: randomFloor(1,10000) > 9000 ? '0' : '1',
 	    				name: (i-1)*30+j
 	    			});
@@ -1084,7 +1084,7 @@
 	    		]
 	    	];*/
 	    	LargeScreenAPI.baozhangCard({ type }).then(res => {
-	    		res = res.data 
+	    		res = res.data
 	    		console.log("【边线库】5：", res)
 	    		if(res.isSuccess){
 	    			if(type == "1") {
@@ -1394,7 +1394,7 @@
 	.statusDiv{
 		position: absolute;
 		top: 5px;
-		right: 15px;
+		right: 55px;
 		text-align: right;
 	}
 	.statusDiv span{
@@ -1424,4 +1424,4 @@
 	.footerDiv a:hover{
 		opacity: 0.7;
 	}
-</style>
+</style>