Skip to content

D
donkey
Commit b52f3ca6 authored by caicaicai's avatar caicaicai
Browse files
Options

左侧菜单栏修改以及人员定位系统表格编写

parent 2920f33f
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1168 additions and 170 deletions
package-lock.json
View file @ b52f3ca6
......@@ -19,6 +19,7 @@
"mockjs": "^1.1.0",
"moment": "^2.29.1",
"qs": "^6.10.1",
"screenfull": "^5.1.0",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
......@@ -12896,6 +12897,17 @@
"url": "https://opencollective.com/webpack"
}
},
"node_modules/screenfull": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
"integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA==",
"engines": {
"node": ">=0.10.0"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/scss-tokenizer": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
......@@ -26437,6 +26449,11 @@
"ajv-keywords": "^3.5.2"
}
},
"screenfull": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
"integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA=="
},
"scss-tokenizer": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
src/assets/icon/iconfont.css
View file @ b52f3ca6
@font-face {
font-family: "iconfont"; /* Project id 2766225 */
src: url('iconfont.woff2?t=1630403828082') format('woff2'),
url('iconfont.woff?t=1630403828082') format('woff'),
url('iconfont.ttf?t=1630403828082') format('truetype');
font-family: "iconfont"; /* Project id 2782333 */
src: url('iconfont.woff2?t=1630478178623') format('woff2'),
url('iconfont.woff?t=1630478178623') format('woff'),
url('iconfont.ttf?t=1630478178623') format('truetype');
}
.iconfont {
......@@ -13,59 +13,63 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-ren-pingbi:before {
.icon-ren-jianshao:before {
content: "\e705";
}
.icon-shezhi:before {
content: "\e611";
.icon-xiajiantou:before {
content: "\e60a";
}
.icon-dian:before {
content: "\e605";
content: "\e601";
}
.icon-solid-home:before {
content: "\e641";
.icon-bianpo:before {
content: "\e794";
}
.icon-dingwei:before {
content: "\e692";
.icon-leaf:before {
content: "\e642";
}
.icon-wenjian:before {
content: "\e60c";
.icon-suoxiao:before {
content: "\e616";
}
.icon-diannao:before {
content: "\e602";
.icon-70BasicIcons-all-48:before {
content: "\e64a";
}
.icon-IOTtubiao_huabanfuben:before {
content: "\e61a";
.icon-dingwei:before {
content: "\e600";
}
.icon-xiajiantou:before {
content: "\e60a";
.icon-wenjianjia:before {
content: "\e66f";
}
.icon-bianpo:before {
content: "\e794";
.icon-zhuye:before {
content: "\e61d";
}
.icon-yezi:before {
content: "\e7d8";
.icon-diannao:before {
content: "\e649";
}
.icon-che:before {
content: "\e609";
}
.icon-kuaizhuanggengduo:before {
content: "\e6b4";
content: "\e66c";
}
.icon-wenjianjia:before {
content: "\e813";
.icon-shezhi:before {
content: "\e696";
}
.icon-car-fill:before {
content: "\eb91";
.icon-a-ziyuan50:before {
content: "\e6f2";
}
src/assets/icon/iconfont.js
View file @ b52f3ca6
This diff is collapsed.
src/assets/icon/iconfont.json
View file @ b52f3ca6
{
"id": "2766225",
"name": "鑫海",
"id": "2782333",
"name": "鑫海2",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "9974426",
"name": "人-屏蔽",
"font_class": "ren-pingbi",
"icon_id": "9974423",
"name": "人-减少",
"font_class": "ren-jianshao",
"unicode": "e705",
"unicode_decimal": 59141
},
{
"icon_id": "10262050",
"name": "设 置",
"font_class": "shezhi",
"unicode": "e611",
"unicode_decimal": 58897
"icon_id": "13474459",
"name": "下箭头",
"font_class": "xiajiantou",
"unicode": "e60a",
"unicode_decimal": 58890
},
{
"icon_id": "15162652",
"icon_id": "14918649",
"name": "dian",
"font_class": "dian",
"unicode": "e605",
"unicode_decimal": 58885
"unicode": "e601",
"unicode_decimal": 58881
},
{
"icon_id": "1221894",
"name": "房子 实心",
"font_class": "solid-home",
"unicode": "e641",
"unicode_decimal": 58945
"icon_id": "15196692",
"name": "边坡",
"font_class": "bianpo",
"unicode": "e794",
"unicode_decimal": 59284
},
{
"icon_id": "1507976",
"name": "定位",
"font_class": "dingwei",
"unicode": "e692",
"unicode_decimal": 59026
"icon_id": "18012926",
"name": "叶子",
"font_class": "leaf",
"unicode": "e642",
"unicode_decimal": 58946
},
{
"icon_id": "1972966",
"name": "文件",
"font_class": "wenjian",
"unicode": "e60c",
"unicode_decimal": 58892
"icon_id": "579386",
"name": "缩小",
"font_class": "suoxiao",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "6027490",
"name": "电脑",
"font_class": "diannao",
"unicode": "e602",
"unicode_decimal": 58882
"icon_id": "18924792",
"name": "放大",
"font_class": "70BasicIcons-all-48",
"unicode": "e64a",
"unicode_decimal": 58954
},
{
"icon_id": "9572488",
"name": "门",
"font_class": "IOTtubiao_huabanfuben",
"unicode": "e61a",
"unicode_decimal": 58906
"icon_id": "1901667",
"name": "定位",
"font_class": "dingwei",
"unicode": "e600",
"unicode_decimal": 58880
},
{
"icon_id": "13474459",
"name": "下箭头",
"font_class": "xiajiantou",
"unicode": "e60a",
"unicode_decimal": 58890
"icon_id": "5729042",
"name": "文件夹",
"font_class": "wenjianjia",
"unicode": "e66f",
"unicode_decimal": 58991
},
{
"icon_id": "15196692",
"name": "边坡",
"font_class": "bianpo",
"unicode": "e794",
"unicode_decimal": 59284
"icon_id": "6429564",
"name": "主页",
"font_class": "zhuye",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "15905225",
"name": "叶子",
"font_class": "yezi",
"unicode": "e7d8",
"unicode_decimal": 59352
"icon_id": "9748109",
"name": "电脑",
"font_class": "diannao",
"unicode": "e649",
"unicode_decimal": 58953
},
{
"icon_id": "13581222",
"name": "车",
"font_class": "che",
"unicode": "e609",
"unicode_decimal": 58889
},
{
"icon_id": "16516751",
"icon_id": "16384707",
"name": "块状更多",
"font_class": "kuaizhuanggengduo",
"unicode": "e6b4",
"unicode_decimal": 59060
"unicode": "e66c",
"unicode_decimal": 58988
},
{
"icon_id": "17710966",
"name": "文件夹",
"font_class": "wenjianjia",
"unicode": "e813",
"unicode_decimal": 59411
"icon_id": "18379488",
"name": "设 置",
"font_class": "shezhi",
"unicode": "e696",
"unicode_decimal": 59030
},
{
"icon_id": "19691553",
"name": "车",
"font_class": "car-fill",
"unicode": "eb91",
"unicode_decimal": 60305
"icon_id": "22861713",
"name": "门",
"font_class": "a-ziyuan50",
"unicode": "e6f2",
"unicode_decimal": 59122
}
]
}
src/main.js
View file @ b52f3ca6
......@@ -7,8 +7,8 @@ import 'element-ui/lib/theme-chalk/index.css';
import '../plugins/jquery-2.1.1.min.js';
import $ from 'jquery'
import './assets/icon/iconfont.css'
Vue.prototype.$ = $;
Vue.prototype.$ = $;
Vue.use(ElementUI);
......
src/views/homepage.vue
View file @ b52f3ca6
......@@ -4,14 +4,11 @@
<div class="topMenuBar">
<span>{{ $store.state.platformName }}</span>
<div class="userInformationBar">
<div style="margin-right:10px;">
<span>用户权限</span>
<span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
</div>
<div style="margin-right:10px;">
<span>{{userName}}</span>
<span class="iconfont icon-xiajiantou xiajiantou" style="font-size:18px;"></span>
</div>
<el-button type="primary" circle @click="handleFullScreen()" size="small" style="margin-right:10px;"><span :class="quanping"></span></el-button>
<img src="../imgs/yonghu.png">
</div>
</div>
......@@ -23,7 +20,7 @@
<el-menu class="el-menu-vertical-demo" background-color="rgb(9, 26, 69)" text-color="rgb(3,156,205)" active-text-color="white" :unique-opened="true" :router="true">
<el-menu-item index="/homepage/mineMonitoring">
<i class="iconfont icon-solid-home" style="margin-right:10px;color:rgb(3,156,205);"></i>
<i class="iconfont icon-zhuye" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">矿区监控</span>
</el-menu-item>
<el-menu-item index="/homepage/videoSurveillance">
......@@ -33,7 +30,7 @@
<el-submenu index="shengchanzidonghua">
<template slot="title">
<i class="iconfont icon-wenjianjia" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>生产自动化系统</span>
<span>生产系统</span>
</template>
<el-menu-item index="/homepage/AutomationHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/AutomatedReport">生产报表</el-menu-item>
......@@ -41,7 +38,7 @@
<el-submenu index="people">
<template slot="title">
<i class="iconfont icon-dingwei" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>人员定位系统</span>
<span>人员定位</span>
</template>
<el-menu-item index="/homepage/PersonnelPositioningHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningnowData">实时数据</el-menu-item>
......@@ -49,12 +46,12 @@
<el-menu-item index="/homepage/PersonnelPositioningHistroyData">历史数据</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningAlarm">报警历史</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningEnclosure">围栏设定</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningRegister">人员等级</el-menu-item>
<el-menu-item index="/homepage/PersonnelPositioningRegister">人员登记</el-menu-item>
</el-submenu>
<el-submenu index="cars">
<template slot="title">
<i class="iconfont icon-car-fill" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>车辆定位系统</span>
<i class="iconfont icon-che" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>车辆定位</span>
</template>
<el-menu-item index="/homepage/carPositioningHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/carPositioningnowData">实时数据</el-menu-item>
......@@ -62,12 +59,12 @@
<el-menu-item index="/homepage/carPositioningHistroyData">历史数据</el-menu-item>
<el-menu-item index="/homepage/carPositioningAlarm">报警历史</el-menu-item>
<el-menu-item index="/homepage/carPositioningEnclosure">围栏设定</el-menu-item>
<el-menu-item index="/homepage/carPositioningRegister">人员等级</el-menu-item>
<el-menu-item index="/homepage/carPositioningRegister">车辆登记</el-menu-item>
</el-submenu>
<el-submenu index="bianpo">
<template slot="title">
<i class="iconfont icon-bianpo" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>边坡在线监测</span>
<span>边坡监测</span>
</template>
<el-menu-item index="/homepage/SlopeHomePage">系统首页</el-menu-item>
<el-menu-item index="/homepage/SlopeHorizontal">坝体表面水平位移</el-menu-item>
......@@ -79,8 +76,8 @@
</el-submenu>
<el-submenu index="huanjign">
<template slot="title">
<i class="iconfont icon-yezi" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>环境在线监测</span>
<i class="iconfont icon-leaf" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>环境监测</span>
</template>
<el-menu-item index="/homepage/EnvironmentHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/EnvironmentNowData">实时数据</el-menu-item>
......@@ -90,17 +87,17 @@
<el-submenu index="shuzihuachuliang">
<template slot="title">
<i class="iconfont icon-kuaizhuanggengduo" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span>数字化储量管理</span>
<span>储量管理</span>
</template>
<el-menu-item index="/homepage/reservesHomepage">系统首页</el-menu-item>
<el-menu-item index="/homepage/reservesList">管理列表</el-menu-item>
</el-submenu>
<el-menu-item index="/homepage/AccessHomepage">
<i class="iconfont icon-IOTtubiao_huabanfuben" style="margin-right:10px;color:rgb(3,156,205);"></i>
<i class="iconfont icon-a-ziyuan50" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">门禁系统</span>
</el-menu-item>
<el-menu-item index="/homepage/unman">
<i class="iconfont icon-ren-pingbi" style="margin-right:10px;color:rgb(3,156,205);"></i>
<i class="iconfont icon-ren-jianshao" style="margin-right:10px;color:rgb(3,156,205);"></i>
<span slot="title">无人值守</span>
</el-menu-item>
<el-menu-item index="jiankongdaping">
......@@ -137,16 +134,43 @@ export default {
data(){
return{
userName:"qwqwqw",
fullscreen: false,
quanping:"iconfont icon-70BasicIcons-all-48",
}
},
methods: {
// handleOpen(key, keyPath) {
// console.log(key, keyPath);
// },
// handleClose(key, keyPath) {
// console.log(key, keyPath);
// },
},
handleFullScreen(){
let element = document.documentElement;
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
} else {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen();
}
}
if(this.fullscreen){
this.quanping = "iconfont icon-70BasicIcons-all-48"
}else{
this.quanping = "iconfont icon-suoxiao"
}
this.fullscreen = !this.fullscreen;
}
}
};
</script>
......@@ -156,9 +180,13 @@ export default {
margin: 0;
padding: 0;
}
.viewBody{
height: 100vh;
overflow: hidden;
}
.topMenuBar {
width: 100%;
height: 70px;
height: 7%;
background: -webkit-linear-gradient(rgb(14, 35, 94), rgb(9, 26, 69));
padding: 0px 20px;
box-sizing: border-box;
......@@ -189,20 +217,30 @@ export default {
height: 21px;
}
.mainBody{
min-height: 100vh;
height: 93%;
display: flex;
}
.leftMenuBar{
width: 12%;
overflow: hidden;
width: 12.5%;
height: 100%;
overflow: auto;
background-color: rgb(9,26,69);
font-family: 'Tangerine', serif !important;
}
.leftMenuBar::-webkit-scrollbar{
display:none;
}
.rightBody{
width: 88%;
overflow: hidden;
width: 87.5%;
height: 100%;
overflow: auto;
background-color: rgb(0,20,78);
}
.rightBody::-webkit-scrollbar{
display:none;
}
.leftMenuBar>.tac>.el-col>ul{
width: 240px;
min-height: 100vh;
letter-spacing: 2px;
font-weight: 600;
}
......@@ -212,13 +250,22 @@ export default {
.el-menu .el-submenu__title{
font-size: 17px;
}
.el-menu .iconfont{
margin-left: 20px !important;
}
.el-menu-item:hover{
background-color: rgb(7,36,118) !important;
}
.el-submenu__title:hover{
background-color: rgb(7,36,118) !important;
}
.xiajiantou{
display: inline-block;
width: 18px;
height: 18px;
}
.el-submenu>.el-menu>.el-menu-item{
padding-left: 50px !important;
padding-left: 70px !important;
box-sizing: border-box !important;
}
.el-menu-item, .el-submenu__title {
......
src/views/mineMonitoring.vue
View file @ b52f3ca6
......@@ -9,7 +9,7 @@
</div>
<div class="intelligentDispatchLeft_bottom">
<div v-for="(item,index) in intelligentDispatchArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
......@@ -30,7 +30,7 @@
</div>
<div class="environmentalMonitoringLeft_bottom">
<div v-for="(item,index) in environmentalMonitoringArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;" v-show="index % 2 == 0"></span>
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;" v-show="index % 2 == 0"></span>
<span style="color:white;">{{item.name}}:</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
......@@ -51,7 +51,7 @@
</div>
<div class="locationSystemLeft_bottom">
<div v-for="(item,index) in locationSystemArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
......@@ -77,7 +77,7 @@
</div>
<div class="slopeMonitoringLeft_bottom">
<div v-for="(item,index) in slopeMonitoringArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
......@@ -88,7 +88,7 @@
<!-- 生产自动化 -->
<div class="productionAutomation">
<div class="productionAutomationRight">
<img src="../imgs/zhinengpaidan.png" style="margin-left:33px;">
<img src="../imgs/shengchanzidonghua.png" style="margin-left:33px;">
<div style="color:#28F7FF;font-size:28px;text-align: center;">{{$store.state.a.productionAutomation.name}}</div>
<img src="../imgs/juxing2.png" style="margin:10px 0px 0px 80px;">
</div>
......@@ -98,7 +98,7 @@
</div>
<div class="productionAutomationLeft_bottom">
<div v-for="(item,index) in productionAutomationArray" :key="index">
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:30px;"></span>
<span class="iconfont icon-dian" style="color:#28F7FF;font-size:16px;"></span>
<span style="color:white;">{{item.name}}：</span>
<span style="color:#28F7FF;">{{item.num}}</span>
</div>
......@@ -133,7 +133,7 @@ export default {
.allBox{
background-image: url("../imgs/5dd5481bb9102.png");
width: 100%;
height: 100vh;
height: 100%;
position: relative;
}
/* 智能派单系统 */
......@@ -156,7 +156,7 @@ export default {
justify-content: space-between;
}
.intelligentDispatchLeft_bottom{
padding: 5px 15px 0px;
padding: 5px 22px 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
......@@ -191,7 +191,7 @@ export default {
}
.environmentalMonitoringLeft_bottom{
width: 100%;
padding: 5px 17px 0px;
padding: 5px 22px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
......@@ -211,7 +211,7 @@ export default {
}
/* 定位系统 */
.locationSystem{
top: 55%;
top: 53%;
left: 50%;
transform: translateX(-50%);
position: absolute;
......@@ -230,7 +230,7 @@ export default {
}
.locationSystemLeft_bottom{
width: 100%;
padding: 5px 17px 0px;
padding: 5px 22px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
......@@ -267,7 +267,7 @@ export default {
}
.slopeMonitoringLeft_bottom{
width: 100%;
padding: 5px 18px 0px;
padding: 5px 22px 0px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
......@@ -302,7 +302,7 @@ export default {
justify-content: space-between;
}
.productionAutomationLeft_bottom{
padding: 5px 15px 0px;
padding: 5px 22px 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
......
src/views/personnelPositioning/alarm.vue
View file @ b52f3ca6
<template>
<div class="AuHiViewBody">
<div class="AuHiTop">
<div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<span>
人员定位系统报警历史
</span>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div>
</template>
<script>
export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
}
</script>
<style>
<style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style>
\ No newline at end of file
src/views/personnelPositioning/histroyData.vue
View file @ b52f3ca6
<template>
<div class="AuHiViewBody">
<div class="AuHiTop">
<div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<span>
人员定位系统历史数据
</span>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div>
</template>
<script>
export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
}
</script>
<style>
<style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style>
\ No newline at end of file
src/views/personnelPositioning/nowData.vue
View file @ b52f3ca6
<template>
<div class="AuHiViewBody">
<div class="AuHiTop">
<div style="font-size:20px;font-weight:600;">查询搜索</div>
<div style="margin-top:10px;display:flex;">
<div>
<span>
人员定位系统实时数据
</span>
<template>
<el-select v-model="feijishebei.value" placeholder="请选择风机设备">
<el-option
v-for="item in feijishebei.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-select v-model="jiancexiang.value" placeholder="请选择监测项">
<el-option
v-for="item in jiancexiang.options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</div>
<div style="margin-left:20px;">
<template>
<el-date-picker
v-model="selectDate1.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<div style="margin:0px 20px;">
<template>
<el-date-picker
v-model="selectDate2.value"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</template>
</div>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
<el-button icon="el-icon-printer" @click="dayin()">打印</el-button>
</div>
</div>
<div class="AuHiBottom">
<template>
<el-table :data="automatedReportData" height="700" border style="width: 100%" :row-style="tableRowStyle">
<el-table-column prop="equipment" label="产品设备" align="center"></el-table-column>
<el-table-column prop="name" label="指标名称" align="center"></el-table-column>
<el-table-column prop="numerical" label="数值" align="center"></el-table-column>
<el-table-column prop="alarmLevel" label="报警级别" align="center"></el-table-column>
<el-table-column prop="time" label="时间" align="center"></el-table-column>
<el-table-column prop="status" label="处理状态" align="center"></el-table-column>
</el-table>
</template>
</div>
</div>
</template>
<script>
export default {
data() {
return {
feijishebei:{
options: [{
value: '1号风机设备',
label: '1号风机设备'
}, {
value: '2号风机设备',
label: '2号风机设备'
}, {
value: '3号风机设备',
label: '3号风机设备'
}, {
value: '4号风机设备',
label: '4号风机设备'
}, {
value: '5号风机设备',
label: '5号风机设备'
}],
value: ''
},
jiancexiang:{
options: [{
value: '选项1',
label: '111'
}, {
value: '选项2',
label: '222'
}, {
value: '选项3',
label: '333'
}, {
value: '选项4',
label: '444'
}, {
value: '选项5',
label: '555'
}],
value: ''
},
selectDate1:{
value:""
},
selectDate2:{
value:""
},
automatedReportData:[{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
},{
equipment: '2016-05-02',
name: '王小虎',
numerical: '上海市普陀区金沙江路 1518 弄',
alarmLevel: '2016-05-02',
time: '王小虎',
status: '上海市普陀区金沙江路 1518 弄'
}],
}
},
methods:{
tableRowStyle({row, rowIndex}) {
// if (row.name == "王小虎") {
// return 'background: rgb(255,232,232);';
// }
},
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "生产自动化系统实时数据表.xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
dayin(){
var tableToPrint = document.querySelector(".el-table");//将要被打印的表格
var newWin= window.open("");//新打开一个空窗口
newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
newWin.document.close();//在IE浏览器中使用必须添加这一句
newWin.focus();//在IE浏览器中使用必须添加这一句
newWin.print();//打印
newWin.close();//关闭窗口
},
}
}
</script>
<style>
<style scoped>
.AuHiViewBody{
width: 100%;
height:100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
height: 110px;
background-color: white;
border-radius: 10px;
padding: 18px 20px 0px ;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-table .warning{
background: red !important;
}
.el-table .success-row {
background: blue;
}
</style>
\ No newline at end of file
src/views/personnelPositioning/register.vue
View file @ b52f3ca6
<template>
<div>
<span>人员定位系统人员等级</span>
<div class="AuHiViewBody">
<el-button type="primary" @click="formOpen('add')">增加人员</el-button>
<div class="AuHiBottom">
<template>
<el-table :data="PersonRegistrationData" height="700" border style="width: 100%">
<el-table-column prop="employee_id" label="员工编号" align="center"></el-table-column>
<el-table-column prop="name" label="员工名" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" align="center"></el-table-column>
<el-table-column prop="age" label="年龄" align="center"></el-table-column>
<el-table-column prop="phone" label="电话" align="center"></el-table-column>
<el-table-column prop="dept" label="部门" align="center"></el-table-column>
<el-table-column prop="hat_number" label="帽子编号" align="center"></el-table-column>
<el-table-column label="操作" width="150" align="center">
<template slot-scope="scope">
<el-button @click="formOpen('change',scope.row)" type="text">编辑</el-button>
<el-button type="text" @click="deleteFormOpen(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
</div>
<el-dialog :title="formTitle" :visible.sync="formVisible" width="30%">
<el-form ref="form" :model="formData" label-width="80px">
<el-form-item label="员工编号">
<el-input v-model="formData.employee_id"></el-input>
</el-form-item>
<el-form-item label="员工名">
<el-input v-model="formData.name" :disabled="inpDisable"></el-input>
</el-form-item>
<el-form-item label="性别">
<template>
<el-radio v-model="formData.sex" label="男">男</el-radio>
<el-radio v-model="formData.sex" label="女">女</el-radio>
</template>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="formData.age"></el-input>
</el-form-item>
<el-form-item label="电话">
<el-input v-model="formData.phone"></el-input>
</el-form-item>
<el-form-item label="部门">
<el-input v-model="formData.dept"></el-input>
</el-form-item>
<el-form-item label="帽子编号">
<el-input v-model="formData.hat_number"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="formSave()">确 定</el-button>
<el-button @click="formcancel()">取 消</el-button>
</span>
</el-dialog>
<el-dialog title="你确定删除吗？" :visible.sync="deleteVisible" width="30%">
<el-button type="danger" @click="agreeDelete()">删除</el-button>
<el-button @click="cancelDelete()">取消</el-button>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
formTitle:"",
formType:"",
PersonRegistrationData:[{
employee_id: '20210901',
name: '王一',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王二',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王三',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王四',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王五',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王六',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王七',
sex: '男',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
},{
employee_id: '20210901',
name: '王八',
sex: '女',
age: '22',
phone: '19919191919',
dept: '开发',
hat_number: '01110'
}],
formVisible:false,
formData: {
employee_id: '',
name: '',
sex: '男',
age: '',
phone: '',
dept: '',
hat_number: ''
},
inpDisable:false,
deleteVisible:false,
}
},
methods:{
formOpen(type,row){
this.formVisible = true;
this.formType = type;
if(this.formType === "add"){
this.formTitle = "增加人员";
this.inpDisable = false;
}else if(this.formType === "change"){
this.formTitle = "修改人员";
this.inpDisable = true;
this.formData = {...row};
}
},
formSave(){
if(this.formType === "add"){
if(this.formData.name === ""){
alert("员工名不得为空！");
return;
}
this.PersonRegistrationData.unshift(this.formData);
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}else if(this.formType === "change"){
const that = this;
const newData = [];
this.PersonRegistrationData.forEach(function(item){
if(item.name === that.formData.name){
newData.push(that.formData);
}else{
newData.push(item);
}
})
this.PersonRegistrationData = newData;
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}
},
formcancel(){
this.formVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
},
deleteFormOpen(row){
console.log(row);
this.deleteVisible = true;
this.formData = {...row};
},
agreeDelete(){
const that = this;
const newData = [];
this.PersonRegistrationData = that.PersonRegistrationData.forEach(function(item){
if(item.name === that.formData.name){
return;
}else{
newData.push(item);
}
})
this.PersonRegistrationData = newData;
this.deleteVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
},
cancelDelete(){
this.deleteVisible = false;
this.formData = {employee_id: '',name: '',sex: '男',age: '',phone: '',dept: '',hat_number: ''};
}
}
}
</script>
<style>
<style scoped>
.AuHiViewBody{
width: 100%;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
}
.AuHiTop{
background-color: white;
border-radius: 10px;
padding: 18px 20px;
box-sizing: border-box;
}
.AuHiBottom{
width: 100%;
background-color: white;
padding: 30px;
box-sizing: border-box;
height: 750px;
margin-top: 20px;
}
.el-input{
width: 80%;
}
</style>
\ No newline at end of file
src/views/productionAutomation/AutomatedReport.vue
View file @ b52f3ca6
......@@ -219,7 +219,7 @@ export default {
<style scoped>
.AuHiViewBody{
width: 100%;
height: 100vh;
height: 100%;
background-color: rgb(245,246,251);
padding: 30px;
box-sizing: border-box;
......
src/views/productionAutomation/AutomationHomepage.vue
View file @ b52f3ca6
......@@ -36,7 +36,7 @@ export default {
.AutomationHomepageViews{
background-color: rgb(0,20,78);
width: 100%;
height: 100vh;
height: 100%;
position: relative;
}
.AutomationBrieflyMenuBar{
......
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