|
@@ -29,7 +29,7 @@
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
<div class="boxDiv" @click="boxCardClk('three')">
|
|
<div class="boxDiv" @click="boxCardClk('three')">
|
|
|
<div class="titleCard">
|
|
<div class="titleCard">
|
|
|
- <span class="runStatus">运行中</span>
|
|
|
|
|
|
|
+ <span class="runStatus">监控中</span>
|
|
|
<span class="runTitle">质量中心</span>
|
|
<span class="runTitle">质量中心</span>
|
|
|
</div>
|
|
</div>
|
|
|
<img class="suolieImg" :src="urls[2]"/>
|
|
<img class="suolieImg" :src="urls[2]"/>
|
|
@@ -41,7 +41,7 @@
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
<div class="boxDiv" @click="boxCardClk('three')">
|
|
<div class="boxDiv" @click="boxCardClk('three')">
|
|
|
<div class="titleCard">
|
|
<div class="titleCard">
|
|
|
- <span class="runStatus">运行中</span>
|
|
|
|
|
|
|
+ <span class="runStatus">监控中</span>
|
|
|
<span class="runTitle">智能生产单元</span>
|
|
<span class="runTitle">智能生产单元</span>
|
|
|
</div>
|
|
</div>
|
|
|
<img class="suolieImg" :src="urls[2]"/>
|
|
<img class="suolieImg" :src="urls[2]"/>
|
|
@@ -65,7 +65,7 @@
|
|
|
<div class="boxDiv" @click="boxCardClk('one')">
|
|
<div class="boxDiv" @click="boxCardClk('one')">
|
|
|
<img class="suolieImg" :src="urls[0]"/>
|
|
<img class="suolieImg" :src="urls[0]"/>
|
|
|
<div class="titleCard">
|
|
<div class="titleCard">
|
|
|
- <span class="runStatus">运行中</span>
|
|
|
|
|
|
|
+ <span class="runStatus">监控中</span>
|
|
|
<span class="runTitle">智能仓储区</span>
|
|
<span class="runTitle">智能仓储区</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -76,7 +76,7 @@
|
|
|
<div class="boxDiv" @click="boxCardClk('two')">
|
|
<div class="boxDiv" @click="boxCardClk('two')">
|
|
|
<img class="suolieImg" :src="urls[1]"/>
|
|
<img class="suolieImg" :src="urls[1]"/>
|
|
|
<div class="titleCard">
|
|
<div class="titleCard">
|
|
|
- <span class="runStatus">运行中</span>
|
|
|
|
|
|
|
+ <span class="runStatus">监控中</span>
|
|
|
<span class="runTitle">柔性智能加工区</span>
|
|
<span class="runTitle">柔性智能加工区</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -84,7 +84,7 @@
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
</table>
|
|
</table>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -149,7 +149,7 @@
|
|
|
this.fullPing();
|
|
this.fullPing();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 【SUM50】点击-事件
|
|
// 【SUM50】点击-事件
|
|
|
boxCardClk(flag){
|
|
boxCardClk(flag){
|
|
|
let paths = "/runManageCenter/introductionThree";
|
|
let paths = "/runManageCenter/introductionThree";
|
|
@@ -166,7 +166,7 @@
|
|
|
// this.$router.push('/runManageCenter/lineBoardDetail')
|
|
// this.$router.push('/runManageCenter/lineBoardDetail')
|
|
|
console.log("弹出详情页面!", paths)
|
|
console.log("弹出详情页面!", paths)
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 全屏
|
|
// 全屏
|
|
|
fullPing(){
|
|
fullPing(){
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -181,7 +181,7 @@
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 退出全屏
|
|
// 退出全屏
|
|
|
exitFullPing(){
|
|
exitFullPing(){
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -192,21 +192,21 @@
|
|
|
exitFullScreen(document.getElementById('playerMap'))
|
|
exitFullScreen(document.getElementById('playerMap'))
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 加载背景颜色
|
|
// 加载背景颜色
|
|
|
setBackground(color){
|
|
setBackground(color){
|
|
|
return "background: "+ color +";"
|
|
return "background: "+ color +";"
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 加载【本地图片】
|
|
// 加载【本地图片】
|
|
|
resolveLogo(logo) {
|
|
resolveLogo(logo) {
|
|
|
return require(`@/assets/icon/${logo}`);
|
|
return require(`@/assets/icon/${logo}`);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 获取列表数据
|
|
// 获取列表数据
|
|
|
getTabList(){
|
|
getTabList(){
|
|
|
lineBoardAPI.getBigScreenList({}).then(res => {
|
|
lineBoardAPI.getBigScreenList({}).then(res => {
|
|
|
- res = res.data
|
|
|
|
|
|
|
+ res = res.data
|
|
|
console.log("神抽狗资源:", res)
|
|
console.log("神抽狗资源:", res)
|
|
|
if(res.isSuccess){
|
|
if(res.isSuccess){
|
|
|
this.tabDownData.list = res.data.list
|
|
this.tabDownData.list = res.data.list
|
|
@@ -220,7 +220,7 @@
|
|
|
</script>
|
|
</script>
|
|
|
<!-- 全局样式-通过定义父DOM的calss,来只影响本组件 -->
|
|
<!-- 全局样式-通过定义父DOM的calss,来只影响本组件 -->
|
|
|
<style type="text/css">
|
|
<style type="text/css">
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</style>
|
|
</style>
|
|
|
<!-- 本组件样式 -->
|
|
<!-- 本组件样式 -->
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
@@ -248,7 +248,7 @@
|
|
|
height: 50px;
|
|
height: 50px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
table td .el-card{
|
|
table td .el-card{
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
@@ -317,7 +317,7 @@
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
margin-right: 70px;
|
|
margin-right: 70px;
|
|
|
padding-left: 20px;
|
|
padding-left: 20px;
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
.runStatus:before{
|
|
.runStatus:before{
|
|
|
content: '';
|
|
content: '';
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -331,9 +331,9 @@
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
-webkit-box-shadow: 0 0 4px 2px #C5C7C5;
|
|
-webkit-box-shadow: 0 0 4px 2px #C5C7C5;
|
|
|
box-shadow: 0 0 4px 2px #C5C7C5;
|
|
box-shadow: 0 0 4px 2px #C5C7C5;
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
.runTitle{
|
|
.runTitle{
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|