Skip to content

Z
zhongtong-avi-web
Commit f8d0c71c authored by 李志鸣's avatar 李志鸣
Browse files
Options

fea(监控页面): 静态开发完成

parent 43b014f4
Hide whitespace changes
Inline Side-by-side
Showing with 161 additions and 1 deletion
src/assets/icons/svg/machine.svg 0 → 100644
View file @ f8d0c71c
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1571369181566" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5736" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M137 64v896h750V64H137z m700 846H187V114h650v796zM722 210.7H302v240h420v-240z m-50 190H352v-140h320v140z m50 183.7H302v-50h420v50z m0 121.8H302v-50h420v50z" fill="" p-id="5737"></path></svg>
\ No newline at end of file
src/assets/icons/svg/pencil.svg 0 → 100644
View file @ f8d0c71c
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1571369229868" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6747" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M999.04982 198.574348L825.43283 24.967598a85.318594 85.318594 0 0 0-120.615424 0L33.747549 696.047695c-0.317436 0.317436-0.419835 0.74751-0.716791 1.085426a28.24156 28.24156 0 0 0-5.242813 7.89494c-0.081919 0.184318-0.225277 0.348156-0.307197 0.542713a28.31324 28.31324 0 0 0-1.945575 8.007578L0.119817 992.993675a28.446358 28.446358 0 0 0 28.323479 31.006325c0.860149 0 1.710058 0 2.570207-0.112639l279.425563-25.405116a28.364439 28.364439 0 0 0 8.017818-1.945575c0.194558-0.081919 0.368635-0.235517 0.563193-0.317436a28.221081 28.221081 0 0 0 7.87446-5.232574c0.327676-0.296956 0.75775-0.399355 1.085426-0.716791l533.39481-533.394809 0.081919-0.0512s0-0.061439 0.051199-0.081919l137.541929-137.541929a85.390273 85.390273 0 0 0 0-120.625664z m-411.745158 24.30945l213.828958 213.828958-493.264761 493.264761L94.039901 716.148559zM59.838737 964.178682l16.824105-185.013965 168.189859 168.189859z m899.009355-685.180398L841.345588 396.500788 627.50639 182.68207 745.019134 65.169326a28.405398 28.405398 0 0 1 40.211968 0l173.61699 173.59651a28.497557 28.497557 0 0 1 0 40.232448z" p-id="6748"></path><path d="M333.273976 719.16932a28.333719 28.333719 0 0 0 20.100864-8.325014l254.040926-254.030686a28.426902 28.426902 0 1 0-40.201728-40.201728L313.173112 670.642578a28.425878 28.425878 0 0 0 20.100864 48.526742z" p-id="6749"></path></svg>
\ No newline at end of file
src/assets/icons/svg/time.svg 0 → 100644
View file @ f8d0c71c
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1571368766308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1220" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M756.429781 519.677903 504.174087 519.677903 504.174087 268.101847 440.742151 268.101847 440.941512 582.704069 756.429781 582.704069Z" p-id="1221"></path><path d="M504.409695 16.445242c-278.164527 0-503.661589 225.497061-503.661589 503.662596s225.497061 503.662596 503.661589 503.662596c278.166541 0 503.664609-225.497061 503.664609-503.662596S782.575229 16.445242 504.409695 16.445242zM504.415736 897.875173c-208.635981 0-377.768343-169.132361-377.768343-377.767336s169.133368-377.768343 377.768343-377.768343 377.768343 169.133368 377.768343 377.768343S713.051717 897.87618 504.415736 897.875173z" p-id="1222"></path></svg>
\ No newline at end of file
src/views/CenterControl/components/MachineWarning.vue 0 → 100644
View file @ f8d0c71c
<template>
<div class="machine-warning">
<div class="time-warning-pack">
<span class="time">2019-05-10</span>
<span class="week">星期四</span>
<span class="warning">设备告警数：</span>
<span class="warning-number">13</span>
</div>
<div class="warning-message-pack">
<div class="table-header">
<div class="time">
<svg-icon icon-class="time"></svg-icon>
<span>时间</span>
</div>
<div class="machine">
<svg-icon icon-class="machine"></svg-icon>
<span>设备</span>
</div>
<div class="info">
<svg-icon icon-class="pencil"></svg-icon>
<span>描述</span>
</div>
</div>
<div class="table-body">
<div
class="tr"
v-for="(item, index) in warningList"
:key="index">
<div class="th-time">{{item.time}}</div>
<div class="th-machine">{{item.machine}}</div>
<div class="th-pencil">{{item.info}}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
// 报警信息列表
warningList: [
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'},
{time: '10:45', machine: '机床A01', info: '主轴转速超过4500'}
]
}
}
}
</script>
<style lang="scss" scoped>
.machine-warning {
width: 534px;
height: 881px;
position: absolute;
top: 166px;
right: 57px;
overflow: hidden;
.time-warning-pack {
width: 534px;
height: 60px;
// background-color: rgba(1,1,1,0.5);
margin-top: 27px;
line-height: 60px;
.time {
color: #3270e1;
font-size: 18px;
padding-left: 30px;
}
.week {
color: #3270e1;
font-size: 18px;
padding-left: 5px;
}
.warning {
color: #3270e1;
font-size: 18px;
padding-left: 20px;
}
.warning-number {
color: #ee295c;
font-size: 18px;
}
}
.warning-message-pack {
margin-top: 10px;
width: 474px;
height: 767px;
padding: 0 30px;
// background-color: rgba(1,1,1,0.5);
.table-header {
height: 40px;
color: #00b4ff;
font-weight: bold;
font-size: 20px;
line-height: 40px;
div {
float: left;
span {
padding-left: 5px;
}
}
.time {
width: 120px;
padding-left: 30px;
}
.machine {
width: 120px;
padding-left: 10px;
}
.info {
width: 180px;
padding-left: 10px;
}
}
.table-body {
.tr {
div {
float: left;
height: 40px;
line-height: 40px;
font-weight: bold;
font-size: 18px;
color: #3facd9;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.th-time {
width: 120px;
padding-left: 30px;
}
.th-machine {
width: 120px;
padding-left: 10px;
}
.th-pencil {
width: 180px;
padding-left: 10px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/CenterControl/index.vue
View file @ f8d0c71c
......@@ -13,6 +13,8 @@
<MachineOperatingStatus></MachineOperatingStatus>
<!-- 设备状态趋势图 -->
<MachineStateTrend></MachineStateTrend>
<!-- 设备告警 -->
<MachineWarning></MachineWarning>
</div>
</div>
</template>
......@@ -24,6 +26,7 @@
import MachineFailureTrend from './components/MachineFailureTrend'
import MachineOperatingStatus from './components/MachineOperatingStatus'
import MachineStateTrend from './components/MachineStateTrend'
import MachineWarning from './components/MachineWarning'
export default {
components: {
......@@ -32,7 +35,8 @@
MachineUtilizationTrend,
MachineFailureTrend,
MachineOperatingStatus,
MachineStateTrend
MachineStateTrend,
MachineWarning
},
data () {
return {}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment