|
|
@@ -5,10 +5,9 @@
|
|
|
|
|
|
</view>
|
|
|
<view class="home-page" v-if="pageType == 2">
|
|
|
- <nav-bar :title="title"></nav-bar>
|
|
|
+ <nav-bar :title="title" :background="background"></nav-bar>
|
|
|
<view class="top-back-img" :style="{top:navHeight+'rpx'}">
|
|
|
- <view class="position-data-button" @click="goPage('dataBoard')"
|
|
|
- v-if="dataPageType">数据看板</view>
|
|
|
+ <view class="position-data-button" @click="goPage('dataBoard')" v-if="dataPageType">数据看板</view>
|
|
|
<img class="position-img" :src="rectangleLogo">
|
|
|
</view>
|
|
|
<view class="button-one-box">
|
|
|
@@ -48,15 +47,14 @@
|
|
|
<topWarn></topWarn>
|
|
|
<view class="button-two-box">
|
|
|
<view class="button-big-box" @click="goPage('snapshot')"
|
|
|
- style="background-color: #DFF0FF;margin-right:20rpx;">
|
|
|
+ style="background-color: #DFF0FF;margin-right:20rpx;">
|
|
|
<img src="@/pages/images/newImage/icon_sy_ssp@1x.png">
|
|
|
<view class="button-min-box">
|
|
|
<view>随手拍</view>
|
|
|
<view>发现隐患</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="button-big-box" @click="goPage('remoteDoorOpening')"
|
|
|
- style="background-color: #D6EBDA;">
|
|
|
+ <view class="button-big-box" @click="goPage('remoteDoorOpening')" style="background-color: #D6EBDA;">
|
|
|
<img src="@/pages/images/newImage/img_sy_yckm@1x.png">
|
|
|
<view class="button-min-box">
|
|
|
<view>远程开门</view>
|
|
|
@@ -82,30 +80,37 @@
|
|
|
import {
|
|
|
getGentleIdentifier
|
|
|
} from '@/pages/api/index.js'
|
|
|
- import { pageRestrictVerify } from '@/utils/index'
|
|
|
+ import {
|
|
|
+ pageRestrictVerify
|
|
|
+ } from '@/utils/index'
|
|
|
import {
|
|
|
tabBar
|
|
|
} from '@/pages/component/tabBar.vue'
|
|
|
- import {navBar} from '@/pages/component/navbar.vue'
|
|
|
- import {topWarn} from '@/pages/component/topWarn.vue'
|
|
|
+ import {
|
|
|
+ navBar
|
|
|
+ } from '@/pages/component/navbar.vue'
|
|
|
+ import {
|
|
|
+ topWarn
|
|
|
+ } from '@/pages/component/topWarn.vue'
|
|
|
export default {
|
|
|
name: "teacherHome",
|
|
|
components: {
|
|
|
tabBar,
|
|
|
- navBar,
|
|
|
+ navBar,
|
|
|
topWarn,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- pageType:2,
|
|
|
- navHeight: uni.getStorageSync('navHeight'),
|
|
|
- dataPageType:false,
|
|
|
- title: '实验室安全智慧化管控系统',
|
|
|
- rectangleLogo:uni.getStorageSync('rectangleLogo')
|
|
|
+ pageType: 2,
|
|
|
+ navHeight: uni.getStorageSync('navHeight'),
|
|
|
+ dataPageType: false,
|
|
|
+ title: '实验室安全智慧化管控系统',
|
|
|
+ background: '#0183FA',
|
|
|
+ rectangleLogo: uni.getStorageSync('rectangleLogo')
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- if(pageRestrictVerify('dataBoard')){
|
|
|
+ if (pageRestrictVerify('dataBoard')) {
|
|
|
this.dataPageType = true;
|
|
|
// this.pageType = 1;
|
|
|
}
|
|
|
@@ -114,8 +119,8 @@
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
- goPage(type){
|
|
|
- if(!type){
|
|
|
+ goPage(type) {
|
|
|
+ if (!type) {
|
|
|
uni.showToast({
|
|
|
title: '暂未开放',
|
|
|
icon: "none",
|
|
|
@@ -133,54 +138,54 @@
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
- if(type == 'dataBoard'){
|
|
|
+ if (type == 'dataBoard') {
|
|
|
//数据看板
|
|
|
-
|
|
|
- }else if(type == 'securityCheck'){
|
|
|
+
|
|
|
+ } else if (type == 'securityCheck') {
|
|
|
//安全检查
|
|
|
this.getGentleIdentifier();
|
|
|
- }else if(type == 'securityExamination'){
|
|
|
+ } else if (type == 'securityExamination') {
|
|
|
//安全考试
|
|
|
-
|
|
|
- }else if(type == 'securityAdmittance'){
|
|
|
+
|
|
|
+ } else if (type == 'securityAdmittance') {
|
|
|
//安全准入
|
|
|
uni.navigateTo({
|
|
|
url: "/pages_manage/views/accessQualification/accessQualification",
|
|
|
});
|
|
|
- }else if(type == 'hierarchicalControl'){
|
|
|
+ } else if (type == 'hierarchicalControl') {
|
|
|
//分级管控
|
|
|
uni.navigateTo({
|
|
|
url: "/pages_manage/views/gradingControl/gradingControl",
|
|
|
});
|
|
|
- }else if(type == 'securityResponsibility'){
|
|
|
+ } else if (type == 'securityResponsibility') {
|
|
|
//安全责任
|
|
|
-
|
|
|
- }else if(type == 'deviceManagement'){
|
|
|
+
|
|
|
+ } else if (type == 'deviceManagement') {
|
|
|
//设备管理
|
|
|
-
|
|
|
- }else if(type == 'emergencyDisposal'){
|
|
|
+
|
|
|
+ } else if (type == 'emergencyDisposal') {
|
|
|
//应急处置
|
|
|
uni.navigateTo({
|
|
|
url: "/pages_manage/views/emergencyEvacuationBig",
|
|
|
});
|
|
|
- }else if(type == 'cageSiteManagement'){
|
|
|
+ } else if (type == 'cageSiteManagement') {
|
|
|
//笼位管理
|
|
|
-
|
|
|
- }else if(type == 'snapshot'){
|
|
|
+
|
|
|
+ } else if (type == 'snapshot') {
|
|
|
//随手拍
|
|
|
uni.navigateTo({
|
|
|
url: "/pages_safetyExamine/views/snapshotManage/snapshotAdd",
|
|
|
});
|
|
|
- }else if(type == 'remoteDoorOpening'){
|
|
|
+ } else if (type == 'remoteDoorOpening') {
|
|
|
//远程开门
|
|
|
uni.navigateTo({
|
|
|
url: "/pages_manage/views/accessControl/remoteOpen",
|
|
|
});
|
|
|
- }else if(type == 'chemicalsManagement'){
|
|
|
+ } else if (type == 'chemicalsManagement') {
|
|
|
//化学品管控
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
- },//获取用户身份标识"adminGentle": false, 管理员身份 "rectifyGentle": false, 院级管理员collegeGentle 整改身份"applyGentle": false 检查者身份
|
|
|
+ }, //获取用户身份标识"adminGentle": false, 管理员身份 "rectifyGentle": false, 院级管理员collegeGentle 整改身份"applyGentle": false 检查者身份
|
|
|
async getGentleIdentifier(routeUrl) {
|
|
|
let self = this;
|
|
|
const {
|
|
|
@@ -234,158 +239,177 @@
|
|
|
|
|
|
<style lang="stylus" scoped>
|
|
|
.teacherHome {
|
|
|
- flex:1;
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
overflow: hidden;
|
|
|
|
|
|
.data-board {
|
|
|
- flex:1;
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+
|
|
|
.home-page {
|
|
|
- flex:1;
|
|
|
+ flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
overflow-y: scroll;
|
|
|
overflow-x: hidden;
|
|
|
- padding-bottom:100rpx;
|
|
|
- .top-page-title{
|
|
|
+ padding-bottom: 100rpx;
|
|
|
+
|
|
|
+ .top-page-title {
|
|
|
text-align: center;
|
|
|
- font-size:28rpx;
|
|
|
- background-color:#0183FA;
|
|
|
- color:#fff;
|
|
|
+ font-size: 28rpx;
|
|
|
+ background-color: #0183FA;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
- .top-back-img{
|
|
|
+
|
|
|
+ .top-back-img {
|
|
|
position: absolute;
|
|
|
- top:0;
|
|
|
- left:0;
|
|
|
- width:750rpx;
|
|
|
- height:539rpx;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 750rpx;
|
|
|
+ height: 539rpx;
|
|
|
background: url("@/pages/images/newImage/img_sy_bg@1x.png");
|
|
|
background-size 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
- .position-img{
|
|
|
- z-index:5;
|
|
|
+
|
|
|
+ .position-img {
|
|
|
+ z-index: 5;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 10rpx;
|
|
|
width: 400rpx;
|
|
|
height: 88rpx;
|
|
|
}
|
|
|
- .position-data-button{
|
|
|
- z-index:5;
|
|
|
+
|
|
|
+ .position-data-button {
|
|
|
+ z-index: 5;
|
|
|
position: absolute;
|
|
|
- right:0;
|
|
|
- top:40rpx;
|
|
|
- width:160rpx;
|
|
|
- height:50rpx;
|
|
|
- line-height:50rpx;
|
|
|
- background-color:#0183fa;
|
|
|
- color:#fff;
|
|
|
- font-size:28rpx;
|
|
|
+ right: 0;
|
|
|
+ top: 40rpx;
|
|
|
+ width: 160rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ background-color: #0183fa;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 28rpx;
|
|
|
text-align: center;
|
|
|
border-top-left-radius: 30rpx;
|
|
|
border-bottom-left-radius: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
- .button-one-box{
|
|
|
- z-index:5;
|
|
|
+
|
|
|
+ .button-one-box {
|
|
|
+ z-index: 5;
|
|
|
background: #fff;
|
|
|
width: 690rpx;
|
|
|
- border-radius:20rpx;
|
|
|
- padding:13px 0 20px;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 13px 0 20px;
|
|
|
overflow: hidden;
|
|
|
- margin:330rpx 30rpx 0;
|
|
|
- .button-min{
|
|
|
+ margin: 330rpx 30rpx 0;
|
|
|
+
|
|
|
+ .button-min {
|
|
|
display: inline-block;
|
|
|
overflow: hidden;
|
|
|
- width:172rpx;
|
|
|
- height:123rpx;
|
|
|
- margin-top:23rpx;
|
|
|
- .button-img{
|
|
|
+ width: 172rpx;
|
|
|
+ height: 123rpx;
|
|
|
+ margin-top: 23rpx;
|
|
|
+
|
|
|
+ .button-img {
|
|
|
display: block;
|
|
|
- width:80rpx;
|
|
|
- height:80rpx;
|
|
|
- margin:0 auto;
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
- .button-name{
|
|
|
- margin-top:15rpx;
|
|
|
- height:28rpx;
|
|
|
- line-height:28rpx;
|
|
|
- font-size:28rpx;
|
|
|
+
|
|
|
+ .button-name {
|
|
|
+ margin-top: 15rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ line-height: 28rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
text-align: center;
|
|
|
- color:#333;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .button-two-box{
|
|
|
- z-index:5;
|
|
|
+
|
|
|
+ .button-two-box {
|
|
|
+ z-index: 5;
|
|
|
width: 690rpx;
|
|
|
height: 120rpx;
|
|
|
display: flex;
|
|
|
- margin:20rpx 30rpx 0;
|
|
|
- .button-big-box{
|
|
|
- width:335rpx;
|
|
|
+ margin: 20rpx 30rpx 0;
|
|
|
+
|
|
|
+ .button-big-box {
|
|
|
+ width: 335rpx;
|
|
|
display: flex;
|
|
|
- border-radius:20rpx;
|
|
|
- img{
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ img {
|
|
|
display: block;
|
|
|
- margin:20rpx 31rpx 0 36rpx;
|
|
|
- height:80rpx;
|
|
|
- width:80rpx;
|
|
|
+ margin: 20rpx 31rpx 0 36rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 80rpx;
|
|
|
}
|
|
|
- .button-min-box{
|
|
|
- view:nth-child(1){
|
|
|
- line-height:32rpx;
|
|
|
- height:32rpx;
|
|
|
- font-size:32rpx;
|
|
|
- color:#333;
|
|
|
- margin:20rpx 0 18rpx;
|
|
|
+
|
|
|
+ .button-min-box {
|
|
|
+ view:nth-child(1) {
|
|
|
+ line-height: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #333;
|
|
|
+ margin: 20rpx 0 18rpx;
|
|
|
}
|
|
|
- view:nth-child(2){
|
|
|
- line-height:28rpx;
|
|
|
- height:28rpx;
|
|
|
- font-size:28rpx;
|
|
|
- color:#999;
|
|
|
+
|
|
|
+ view:nth-child(2) {
|
|
|
+ line-height: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .button-three-box{
|
|
|
- z-index:5;
|
|
|
+
|
|
|
+ .button-three-box {
|
|
|
+ z-index: 5;
|
|
|
width: 690rpx;
|
|
|
height: 150rpx;
|
|
|
- margin:20rpx 30rpx 0;
|
|
|
- .button-big-box{
|
|
|
- border-radius:20rpx;
|
|
|
+ margin: 20rpx 30rpx 0;
|
|
|
+
|
|
|
+ .button-big-box {
|
|
|
+ border-radius: 20rpx;
|
|
|
background-color: #FFF0DD;
|
|
|
display: flex;
|
|
|
- img{
|
|
|
+
|
|
|
+ img {
|
|
|
display: block;
|
|
|
- width:134rpx;
|
|
|
- height:104rpx;
|
|
|
- margin:23rpx 34rpx 0 30rpx;
|
|
|
+ width: 134rpx;
|
|
|
+ height: 104rpx;
|
|
|
+ margin: 23rpx 34rpx 0 30rpx;
|
|
|
}
|
|
|
- .button-min-box{
|
|
|
- view:nth-child(1){
|
|
|
- line-height:30rpx;
|
|
|
- height:30rpx;
|
|
|
- font-size:30rpx;
|
|
|
- color:#FF8C00;
|
|
|
- margin:27rpx 0 15rpx;
|
|
|
+
|
|
|
+ .button-min-box {
|
|
|
+ view:nth-child(1) {
|
|
|
+ line-height: 30rpx;
|
|
|
+ height: 30rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #FF8C00;
|
|
|
+ margin: 27rpx 0 15rpx;
|
|
|
}
|
|
|
- view:nth-child(2){
|
|
|
- line-height:26rpx;
|
|
|
- height:26rpx;
|
|
|
- font-size:26rpx;
|
|
|
- color:#666666;
|
|
|
+
|
|
|
+ view:nth-child(2) {
|
|
|
+ line-height: 26rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666666;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
heyang