<template style="width:1700px;height:650px">
|
<el-card class="card">
|
<el-card class="box-card" style="height:90px">
|
<el-descriptions title="" :column="7" border>
|
<el-descriptions-item label="禁用" label-align="right" align="center">
|
<el-button size="small" type="info"></el-button>
|
</el-descriptions-item>
|
<el-descriptions-item label="自动模式" label-align="right" align="center">
|
<el-button size="small" type="primary"></el-button>
|
</el-descriptions-item>
|
<el-descriptions-item label="手动模式" label-align="right" align="center">
|
<el-button size="small" type="default"></el-button>
|
</el-descriptions-item>
|
<!-- <el-descriptions-item label="运行中" label-align="right" align="center">
|
<el-button size="small" type="success" ></el-button>
|
</el-descriptions-item> -->
|
<el-descriptions-item label="PLC离线" label-align="right" align="center">
|
<el-button size="small" style="background-color:#111111"></el-button>
|
</el-descriptions-item>
|
<el-descriptions-item label="PLC报警" label-align="right" align="center">
|
<el-button size="small" type="danger"></el-button>
|
</el-descriptions-item>
|
<el-descriptions-item label="WCS调度" label-align="right" align="center">
|
<el-button size="small" id="openService" @click="OpenService"
|
type="primary">{{buttonText}}</el-button>
|
</el-descriptions-item>
|
</el-descriptions>
|
</el-card>
|
</el-card>
|
|
<!-- <el-button style="width:200px;height:70px;margin-top:100px;margin-left:100px" type="success" size="big" @click="checkToNormalModel">切换到正常模式</el-button>
|
|
|
<el-button style="width:200px;height:70px;margin-top:100px;margin-left:100px" type="danger" size="big" @click="checkToEmergeModel">切换到应急模式</el-button> -->
|
|
</template>
|
|
<script>
|
import { ElNotification } from 'element-plus';
|
export default {
|
data() {
|
return {
|
buttonText: '开启服务',
|
};
|
},
|
methods: {
|
//开启服务
|
OpenService() {
|
this.http
|
.post('/api/ToVueMonitor/AllStationData', null, null)
|
.then((x) => {
|
if (x.status === true) {
|
this.$Message.success('成功');
|
this.treeData = x.data;
|
} else {
|
this.$Message.error(x.message);
|
}
|
});
|
},
|
//关闭服务
|
closeService() {},
|
//检查服务状态
|
checkServiceState() {},
|
|
handleNodeClick(data) {
|
console.log(data);
|
},
|
|
//切换到正常模式
|
// checkToNormalModel(){
|
// var para = {
|
// MainData:
|
// {
|
// model:"normal",
|
// },
|
// };
|
|
// this.http.post("/api/ToVueMonitor/ChangeInboundLineModel",para,"模式切换中...").then(x=>{
|
// if(x.status===true){
|
// this.$Message.success("已切换到正常模式");
|
// this.taskBeginingDatas.model = false;
|
// } else {
|
// this.$Message.error(x.message);
|
// }
|
// })
|
// },
|
|
// //切换到应急模式
|
// checkToEmergeModel(){
|
// var para = {
|
// MainData:
|
// {
|
// model:"emerge",
|
// },
|
// };
|
|
// this.http.post("/api/ToVueMonitor/ChangeInboundLineModel",para,"模式切换中...").then(x=>{
|
// if(x.status===true){
|
// this.$Message.success("已切换到应急模式");
|
// this.taskBeginingDatas.model = false;
|
// } else {
|
// this.$Message.error(x.message);
|
// }
|
// })
|
// }
|
},
|
created() {
|
//this.signalR();
|
// this.checkServiceState();
|
},
|
};
|
</script>
|
|
<style>
|
.buttongroup {
|
display: block;
|
}
|
.volbutton {
|
display: block;
|
}
|
.topLine {
|
margin-left: 156px;
|
}
|
.stack1 {
|
width: 551px;
|
position: relative;
|
left: 525px;
|
top: -286px;
|
}
|
.stack1_rover {
|
width: 246px;
|
color: #ffffff;
|
background-color: #409eff;
|
}
|
.stack2 {
|
width: 551px;
|
position: relative;
|
left: -37px;
|
top: -178px;
|
}
|
.stack3 {
|
width: 551px;
|
position: relative;
|
left: 514px;
|
top: -102px;
|
}
|
|
.rgvStyle {
|
width: 71px;
|
margin-top: 70px;
|
height: 255px;
|
font-size: 15pt;
|
color: #ffffff;
|
background-color: #409eff;
|
}
|
|
.scrollbar-demo-item {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
height: 40px;
|
margin: 10px;
|
text-align: center;
|
border-radius: 4px;
|
background: var(--el-color-primary-light-9);
|
color: var(--el-color-primary);
|
}
|
|
.my_box {
|
/* background-color:#909090; */
|
/* border-radius:2px; */
|
/* margin-left: 5px;
|
margin-right: 5px; */
|
background: linear-gradient(
|
to top right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 1, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 1, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
),
|
linear-gradient(
|
to bottom right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 0, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 0, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
);
|
border: 1px solid;
|
border-color: #909090;
|
width: 18px;
|
height: 18px;
|
}
|
|
.card {
|
overflow-y: auto; /* 开启滚动显示溢出内容 overflow-x: scroll; */
|
overflow-x: auto;
|
}
|
|
.hangche {
|
/* background-image: linear-gradient(135deg, #95bdf4af 10%, #2f62fc); */
|
background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.mfcad.com%2Ftuzhi%2F2021%2F02%2F07%2F1612707837720.jpg%40%21water-w2020.jpg&refer=http%3A%2F%2Fimages.mfcad.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664003264&t=2cf65de7918b4a3a786a08eb5cb29814');
|
background-size: 100% 100%;
|
}
|
</style>
|
