Compare commits
No commits in common. "cb6e3c3d5f2ec062b7322a7307af5ba04c4a929e" and "f0536c9cf9a558ed53b2206c2ec41e1fc0c0b3dc" have entirely different histories.
cb6e3c3d5f
...
f0536c9cf9
2
.env.dev
2
.env.dev
@ -1,7 +1,7 @@
|
|||||||
###
|
###
|
||||||
# @Author: Do not edit
|
# @Author: Do not edit
|
||||||
# @Date: 2023-08-29 09:40:39
|
# @Date: 2023-08-29 09:40:39
|
||||||
# @LastEditTime: 2023-12-18 13:35:00
|
# @LastEditTime: 2023-12-15 16:28:20
|
||||||
# @LastEditors: zhp
|
# @LastEditors: zhp
|
||||||
# @Description:
|
# @Description:
|
||||||
###
|
###
|
||||||
|
@ -7,8 +7,6 @@
|
|||||||
}">
|
}">
|
||||||
<img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
|
<img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
|
||||||
许昌安彩冷端看板
|
许昌安彩冷端看板
|
||||||
<h3 class="unit">单位:河南汇融科技服务有限公司</h3>
|
|
||||||
<h3 class="time">{{ times }}</h3>
|
|
||||||
<!-- <el-button type="text" class="title-button" :style="{ right: 33 + 'px', top: 37 + 'px' }"
|
<!-- <el-button type="text" class="title-button" :style="{ right: 33 + 'px', top: 37 + 'px' }"
|
||||||
@click="changeFullScreen">
|
@click="changeFullScreen">
|
||||||
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
|
<svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
|
||||||
@ -618,7 +616,6 @@ export default {
|
|||||||
modelMonth: '',
|
modelMonth: '',
|
||||||
cplNameList,
|
cplNameList,
|
||||||
cplDataList,
|
cplDataList,
|
||||||
times:'',
|
|
||||||
plInput: {},
|
plInput: {},
|
||||||
plOutput: {},
|
plOutput: {},
|
||||||
plRate: {},
|
plRate: {},
|
||||||
@ -661,7 +658,7 @@ export default {
|
|||||||
this.windowWidth(document.documentElement.clientWidth)
|
this.windowWidth(document.documentElement.clientWidth)
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getTimes()
|
console.log(1111);
|
||||||
const _this = this;
|
const _this = this;
|
||||||
_this.beilv2 = document.documentElement.clientWidth / 1920
|
_this.beilv2 = document.documentElement.clientWidth / 1920
|
||||||
window.onresize = () => {
|
window.onresize = () => {
|
||||||
@ -688,30 +685,6 @@ export default {
|
|||||||
// removeEventListener('resize', resizeFun)
|
// removeEventListener('resize', resizeFun)
|
||||||
// },
|
// },
|
||||||
methods: {
|
methods: {
|
||||||
getTimes() {
|
|
||||||
setInterval(this.getTimesInterval, 1000);
|
|
||||||
},
|
|
||||||
getTimesInterval: function () {
|
|
||||||
let _this = this;
|
|
||||||
let year = new Date().getFullYear(); //获取当前时间的年份
|
|
||||||
let month = new Date().getMonth() + 1; //获取当前时间的月份
|
|
||||||
let day = new Date().getDate(); //获取当前时间的天数
|
|
||||||
let hours = new Date().getHours(); //获取当前时间的小时
|
|
||||||
let minutes = new Date().getMinutes(); //获取当前时间的分数
|
|
||||||
let seconds = new Date().getSeconds(); //获取当前时间的秒数
|
|
||||||
//当小于 10 的是时候,在前面加 0
|
|
||||||
if (hours < 10) {
|
|
||||||
hours = "0" + hours;
|
|
||||||
}
|
|
||||||
if (minutes < 10) {
|
|
||||||
minutes = "0" + minutes;
|
|
||||||
}
|
|
||||||
if (seconds < 10) {
|
|
||||||
seconds = "0" + seconds;
|
|
||||||
}
|
|
||||||
//拼接格式化当前时间
|
|
||||||
this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|
||||||
},
|
|
||||||
windowWidth(value) {
|
windowWidth(value) {
|
||||||
this.clientWidth = value
|
this.clientWidth = value
|
||||||
this.beilv2 = this.clientWidth / 1920
|
this.beilv2 = this.clientWidth / 1920
|
||||||
@ -1037,18 +1010,7 @@ export default {
|
|||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
color: #00fff0;
|
color: #00fff0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.unit {
|
|
||||||
position: absolute;
|
|
||||||
left: 260px;
|
|
||||||
top: 25px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.time {
|
|
||||||
position: absolute;
|
|
||||||
left: 1360px;
|
|
||||||
top: 25px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.title-button {
|
.title-button {
|
||||||
color: #00fff0;
|
color: #00fff0;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -2,20 +2,21 @@
|
|||||||
* @Author: zwq
|
* @Author: zwq
|
||||||
* @Date: 2021-07-19 15:18:30
|
* @Date: 2021-07-19 15:18:30
|
||||||
* @LastEditors: zhp
|
* @LastEditors: zhp
|
||||||
* @LastEditTime: 2023-12-19 14:25:07
|
* @LastEditTime: 2023-11-23 11:11:35
|
||||||
* @Description:
|
* @Description:
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div id="container" ref="container" class="visual-container" :style="styles">
|
<div id="container" ref="container" class="visual-container" :style="styles">
|
||||||
<el-row class="container-title" :style="{
|
<el-row
|
||||||
|
class="container-title"
|
||||||
|
:style="{
|
||||||
height: 88 + 'px',
|
height: 88 + 'px',
|
||||||
lineHeight: 88 + 'px',
|
lineHeight: 88 + 'px',
|
||||||
fontSize: 31 + 'px'
|
fontSize: 31 + 'px'
|
||||||
}">
|
}"
|
||||||
|
>
|
||||||
<img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
|
<img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
|
||||||
许昌安彩深加工看板
|
许昌安彩深加工看板
|
||||||
<h3 class="unit">单位:河南汇融科技服务有限公司</h3>
|
|
||||||
<h3 class="time">{{ times }}</h3>
|
|
||||||
<!-- <el-button
|
<!-- <el-button
|
||||||
type="text"
|
type="text"
|
||||||
class="title-button"
|
class="title-button"
|
||||||
@ -29,9 +30,14 @@
|
|||||||
<el-row class="container-main flex-col" type="flex">
|
<el-row class="container-main flex-col" type="flex">
|
||||||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="15" type="flex" class="flex-1">
|
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="15" type="flex" class="flex-1">
|
||||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8">
|
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8">
|
||||||
<base-container :title="'设备报警'" :title-icon="'5_1'">
|
<base-container :title="'设备报警'" :title-icon="'5_1'">
|
||||||
<base-table1 :page="1" :limit="9" :show-index="false" :table-config="qualityYearTableProps"
|
<base-table1
|
||||||
:table-data="qualityYearList" />
|
:page="1"
|
||||||
|
:limit="9"
|
||||||
|
:show-index="false"
|
||||||
|
:table-config="qualityYearTableProps"
|
||||||
|
:table-data="qualityYearList"
|
||||||
|
/>
|
||||||
</base-container>
|
</base-container>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
@ -42,13 +48,19 @@
|
|||||||
<el-option key="1" value="钢1线" label="钢1线" default />
|
<el-option key="1" value="钢1线" label="钢1线" default />
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div>
|
||||||
<base-table1 :page="1" :limit="9" :show-index="false" :table-config="qualityMonthTableProps"
|
<base-table1
|
||||||
:table-data="qualityMonthList" />
|
:page="1"
|
||||||
|
:limit="9"
|
||||||
|
:show-index="false"
|
||||||
|
|
||||||
|
:table-config="qualityMonthTableProps"
|
||||||
|
:table-data="qualityMonthList"
|
||||||
|
/>
|
||||||
</base-container>
|
</base-container>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8">
|
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8">
|
||||||
<base-container :title="'设备监控'" :title-icon="'5_3'">
|
<base-container :title="'设备监控'" :title-icon="'5_3'">
|
||||||
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
<!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
||||||
<top-radio-group />
|
<top-radio-group />
|
||||||
</div> -->
|
</div> -->
|
||||||
@ -98,13 +110,19 @@
|
|||||||
|
|
||||||
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1">
|
<el-row :style="{ padding: '0 ' + 9 + 'px' }" :gutter="12" type="flex" class="flex-1">
|
||||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
||||||
<base-container :height="256" :title="'能源监控'" :title-icon="'5_5'">
|
<base-container :height="256" :title="'能源监控'" :title-icon="'5_5'">
|
||||||
<div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
<div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
||||||
<top-radio-group />
|
<top-radio-group />
|
||||||
</div>
|
</div>
|
||||||
<el-row :gutter="9">
|
<el-row :gutter="9">
|
||||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24">
|
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24">
|
||||||
<linear-bar-chart :name-list="cxNameList" :data-list="cxDataList" :height="359" :show-legend="true" />
|
<linear-bar-chart
|
||||||
|
:name-list="cxNameList"
|
||||||
|
:data-list="cxDataList"
|
||||||
|
:height="359"
|
||||||
|
|
||||||
|
:show-legend="true"
|
||||||
|
/>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
<!-- <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
||||||
<base-table3
|
<base-table3
|
||||||
@ -119,13 +137,19 @@
|
|||||||
</base-container>
|
</base-container>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
<el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
|
||||||
<base-container :height="318 + 338 + 16" :title="'产线产量及良品率'" :title-icon="'5_4'">
|
<base-container :height="318 + 338 + 16" :title="'产线产量及良品率'" :title-icon="'5_4'">
|
||||||
<div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
<div style="width: 45%;position: absolute; top: 3em; right: 3em;">
|
||||||
<top-radio-group />
|
<top-radio-group />
|
||||||
</div>
|
</div>
|
||||||
<!-- 像下面这样表格里的limit值,也许可以用js动态计算出来 -->
|
<!-- 像下面这样表格里的limit值,也许可以用js动态计算出来 -->
|
||||||
<double-y-chart :id=" 'doubleYChart' " :name-list="cxNameList" :data-list="cxDataList" :height="359"
|
<double-y-chart
|
||||||
:show-legend="true" />
|
:id=" 'doubleYChart' "
|
||||||
|
:name-list="cxNameList"
|
||||||
|
:data-list="cxDataList"
|
||||||
|
:height="359"
|
||||||
|
|
||||||
|
:show-legend="true"
|
||||||
|
/>
|
||||||
</base-container>
|
</base-container>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -661,7 +685,6 @@ export default {
|
|||||||
beilv2: 1,
|
beilv2: 1,
|
||||||
beilv: 1,
|
beilv: 1,
|
||||||
value: 100,
|
value: 100,
|
||||||
times:'',
|
|
||||||
// offsetWidth: null,
|
// offsetWidth: null,
|
||||||
qualityYearTableProps,
|
qualityYearTableProps,
|
||||||
cxNameList,
|
cxNameList,
|
||||||
@ -719,7 +742,6 @@ export default {
|
|||||||
this.init()
|
this.init()
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getTimes()
|
|
||||||
this.windowWidth(document.documentElement.clientWidth)
|
this.windowWidth(document.documentElement.clientWidth)
|
||||||
// const _this = this;
|
// const _this = this;
|
||||||
// window.onresize = () => {
|
// window.onresize = () => {
|
||||||
@ -746,30 +768,6 @@ export default {
|
|||||||
// removeEventListener('resize', resizeFun)
|
// removeEventListener('resize', resizeFun)
|
||||||
// },
|
// },
|
||||||
methods: {
|
methods: {
|
||||||
getTimes() {
|
|
||||||
setInterval(this.getTimesInterval, 1000);
|
|
||||||
},
|
|
||||||
getTimesInterval: function () {
|
|
||||||
let _this = this;
|
|
||||||
let year = new Date().getFullYear(); //获取当前时间的年份
|
|
||||||
let month = new Date().getMonth() + 1; //获取当前时间的月份
|
|
||||||
let day = new Date().getDate(); //获取当前时间的天数
|
|
||||||
let hours = new Date().getHours(); //获取当前时间的小时
|
|
||||||
let minutes = new Date().getMinutes(); //获取当前时间的分数
|
|
||||||
let seconds = new Date().getSeconds(); //获取当前时间的秒数
|
|
||||||
//当小于 10 的是时候,在前面加 0
|
|
||||||
if (hours < 10) {
|
|
||||||
hours = "0" + hours;
|
|
||||||
}
|
|
||||||
if (minutes < 10) {
|
|
||||||
minutes = "0" + minutes;
|
|
||||||
}
|
|
||||||
if (seconds < 10) {
|
|
||||||
seconds = "0" + seconds;
|
|
||||||
}
|
|
||||||
//拼接格式化当前时间
|
|
||||||
this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|
||||||
},
|
|
||||||
windowWidth(value) {
|
windowWidth(value) {
|
||||||
this.clientWidth = value
|
this.clientWidth = value
|
||||||
this.beilv2 = this.clientWidth / 1920
|
this.beilv2 = this.clientWidth / 1920
|
||||||
@ -840,19 +838,7 @@ export default {
|
|||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
color: #00fff0;
|
color: #00fff0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.unit {
|
|
||||||
position: absolute;
|
|
||||||
left: 260px;
|
|
||||||
top: 25px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time {
|
|
||||||
position: absolute;
|
|
||||||
left: 1360px;
|
|
||||||
top: 25px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.title-button {
|
.title-button {
|
||||||
color: #00fff0;
|
color: #00fff0;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -99,8 +99,7 @@ export default {
|
|||||||
rangeSeparator: '-',
|
rangeSeparator: '-',
|
||||||
startPlaceholder: '开始日期',
|
startPlaceholder: '开始日期',
|
||||||
endPlaceholder: '结束日期',
|
endPlaceholder: '结束日期',
|
||||||
defaultTime: ['00:00:00', '23:59:59'],
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
defaultSelect: [],
|
|
||||||
param: 'checkTime',
|
param: 'checkTime',
|
||||||
// width: 350,
|
// width: 350,
|
||||||
},
|
},
|
||||||
@ -264,12 +263,6 @@ export default {
|
|||||||
this.searchBarFormConfig[0].defaultSelect = this.$route.query.woIdString.split(',')
|
this.searchBarFormConfig[0].defaultSelect = this.$route.query.woIdString.split(',')
|
||||||
console.log(this.searchBarFormConfig[0].defaultSelect);
|
console.log(this.searchBarFormConfig[0].defaultSelect);
|
||||||
}
|
}
|
||||||
if (this.$route.query.startTime && this.$route.query.endTime) {
|
|
||||||
// console.log(this.$route.query.startTime);
|
|
||||||
this.searchBarFormConfig[2].defaultSelect = [moment(Number(this.$route.query.startTime)).format('yyyy-MM-DD HH:mm:ss'), moment(Number(this.$route.query.endTime)).format('yyyy-MM-DD HH:mm:ss'),]
|
|
||||||
this.queryParams.startTime = moment(Number(this.$route.query.startTime)).format('yyyy-MM-DD HH:mm:ss')
|
|
||||||
this.queryParams.endTime = moment(Number(this.$route.query.endTime)).format('yyyy-MM-DD HH:mm:ss')
|
|
||||||
}
|
|
||||||
// if (this.$route.params.startTime && this.$route.params.endTime) {
|
// if (this.$route.params.startTime && this.$route.params.endTime) {
|
||||||
// this.searchBarFormConfig[0].defaultSelect = [
|
// this.searchBarFormConfig[0].defaultSelect = [
|
||||||
// this.$route.params.startTime,
|
// this.$route.params.startTime,
|
||||||
|
Loading…
Reference in New Issue
Block a user