|
|
@ -1,4 +1,5 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
|
|
|
|
<v-scale-screen width="1920" height="1080" :fullScreen="false">
|
|
|
|
<div class="app-container home" style="height: 100vh; overflow: hidden">
|
|
|
|
<div class="app-container home" style="height: 100vh; overflow: hidden">
|
|
|
|
<div class="head">
|
|
|
|
<div class="head">
|
|
|
|
<div class="head-content">
|
|
|
|
<div class="head-content">
|
|
|
@ -7,6 +8,13 @@
|
|
|
|
<div class="head-logo">
|
|
|
|
<div class="head-logo">
|
|
|
|
<img src="../../../assets/images/logo.png" alt="" />
|
|
|
|
<img src="../../../assets/images/logo.png" alt="" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="back">
|
|
|
|
|
|
|
|
<el-button
|
|
|
|
|
|
|
|
@click="back()"
|
|
|
|
|
|
|
|
type="primary"
|
|
|
|
|
|
|
|
icon="el-icon-s-home"
|
|
|
|
|
|
|
|
></el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content-top">
|
|
|
|
<div class="content-top">
|
|
|
|
<div class="factory">
|
|
|
|
<div class="factory">
|
|
|
@ -147,6 +155,7 @@
|
|
|
|
<!-- <div class="item"></div> -->
|
|
|
|
<!-- <div class="item"></div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</v-scale-screen>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
@ -189,17 +198,25 @@ export default {
|
|
|
|
optionDatalist3: [],
|
|
|
|
optionDatalist3: [],
|
|
|
|
optionDatalist4: [],
|
|
|
|
optionDatalist4: [],
|
|
|
|
colorlist: ["#005aff", "#f8b551"],
|
|
|
|
colorlist: ["#005aff", "#f8b551"],
|
|
|
|
datetime: "",
|
|
|
|
datetime: null,
|
|
|
|
|
|
|
|
time1: null,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {},
|
|
|
|
created() {},
|
|
|
|
|
|
|
|
destroyed(){
|
|
|
|
|
|
|
|
clearInterval(this.time1)
|
|
|
|
|
|
|
|
this.time1 = null
|
|
|
|
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
|
|
|
|
// this.datetime = moment().subtract(2, "day").format("yyyy-MM-DD");
|
|
|
|
//console.log('zhuanhuahou',this.dateRangeone)
|
|
|
|
//console.log('zhuanhuahou',this.dateRangeone)
|
|
|
|
this.selectFactorylist();
|
|
|
|
this.selectFactorylist();
|
|
|
|
this.gettime();
|
|
|
|
this.gettime();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
back() {
|
|
|
|
|
|
|
|
this.$router.push({ path: "/index" });
|
|
|
|
|
|
|
|
},
|
|
|
|
gettime() {
|
|
|
|
gettime() {
|
|
|
|
this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
|
|
|
|
this.gettimedata = moment().format("YYYY-MM-DD HH:mm:ss ");
|
|
|
|
setInterval(() => {
|
|
|
|
setInterval(() => {
|
|
|
@ -214,6 +231,9 @@ export default {
|
|
|
|
this.getLineList = response.data;
|
|
|
|
this.getLineList = response.data;
|
|
|
|
this.selectxt = this.getLineList[0].parentName;
|
|
|
|
this.selectxt = this.getLineList[0].parentName;
|
|
|
|
this.initChart1();
|
|
|
|
this.initChart1();
|
|
|
|
|
|
|
|
this.time1 = setInterval(() => {
|
|
|
|
|
|
|
|
this.initChart1();
|
|
|
|
|
|
|
|
}, 1000 * 60 * 1);
|
|
|
|
// this.initChart2();
|
|
|
|
// this.initChart2();
|
|
|
|
// this.initChart3();
|
|
|
|
// this.initChart3();
|
|
|
|
// this.initChart4();
|
|
|
|
// this.initChart4();
|
|
|
@ -1650,6 +1670,11 @@ export default {
|
|
|
|
// width: ;
|
|
|
|
// width: ;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.back {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
|
|
top: 5px;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.content-top {
|
|
|
|
.content-top {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
@ -1797,4 +1822,9 @@ export default {
|
|
|
|
/*给自定义的图标实现点击下来功能*/
|
|
|
|
/*给自定义的图标实现点击下来功能*/
|
|
|
|
pointer-events: none;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
::v-deep .el-button--primary {
|
|
|
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
|
|
|
background-color: #325e82;
|
|
|
|
|
|
|
|
border-color: #0a0f19;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|