|
|
@@ -1,56 +1,61 @@
|
|
|
<!-- 教师首页 -->
|
|
|
<template>
|
|
|
- <view class="teacherHome">
|
|
|
+ <view class="teacherHome" :style="{paddingTop:navHeight+'rpx'}">
|
|
|
<view class="data-board" v-if="pageType == 1">
|
|
|
|
|
|
</view>
|
|
|
<view class="home-page" v-if="pageType == 2">
|
|
|
- <view class="top-page-title" :style="'line-height:'+navHeight+'rpx;'">实验室安全智慧化管控系统</view>
|
|
|
- <img class="top-back-img" :style="{top:navHeight+'rpx'}"
|
|
|
- src="@/pages/images/newImage/img_sy_bg@1x.png">
|
|
|
+ <nav-bar :title="title"></nav-bar>
|
|
|
+ <view class="top-back-img" :style="{top:navHeight+'rpx'}">
|
|
|
+ <view class="position-data-button" @click="goPage('dataBoard')"
|
|
|
+ v-if="dataPageType">数据看板</view>
|
|
|
+ <img class="position-img" :src="rectangleLogo">
|
|
|
+ </view>
|
|
|
<view class="button-one-box">
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('securityCheck')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_aqjc@1x.png">
|
|
|
<view class="button-name">安全检查</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('securityExamination')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_aqks@1x.png">
|
|
|
<view class="button-name">安全考试</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('securityAdmittance')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_aqzr@1x.png">
|
|
|
<view class="button-name">安全准入</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('hierarchicalControl')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_fjgk@1x.png">
|
|
|
<view class="button-name">分级管控</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('securityResponsibility')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_aqzrr@1x.png">
|
|
|
<view class="button-name">安全责任</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('deviceManagement')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_sbgl@1x.png">
|
|
|
<view class="button-name">设备管理</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('emergencyDisposal')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_yjcz@1x.png">
|
|
|
<view class="button-name">应急处置</view>
|
|
|
</view>
|
|
|
- <view class="button-min">
|
|
|
+ <view class="button-min" @click="goPage('cageSiteManagement')">
|
|
|
<img class="button-img" src="@/pages/images/newImage/icon_sy_lwgl@1x.png">
|
|
|
<view class="button-name">笼位管理</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="button-two-box">
|
|
|
- <view class="button-big-box" style="background-color: #DFF0FF;margin-right:20rpx;">
|
|
|
+ <view class="button-big-box" @click="goPage('snapshot')"
|
|
|
+ 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" 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>
|
|
|
@@ -59,7 +64,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="button-three-box">
|
|
|
- <view class="button-big-box">
|
|
|
+ <view class="button-big-box" @click="goPage('chemicalsManagement')">
|
|
|
<img src="@/pages/images/newImage/img_bg_hxpgk@1x.png">
|
|
|
<view class="button-min-box">
|
|
|
<view>化学品智能管控</view>
|
|
|
@@ -73,34 +78,84 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { pageRestrictVerify } from '@/utils/index'
|
|
|
import {
|
|
|
tabBar
|
|
|
} from '@/pages/component/tabBar.vue'
|
|
|
+ import {navBar} from '@/pages/component/navbar.vue'
|
|
|
export default {
|
|
|
name: "teacherHome",
|
|
|
components: {
|
|
|
tabBar,
|
|
|
+ navBar,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
pageType:2,
|
|
|
navHeight: uni.getStorageSync('navHeight'),
|
|
|
+ dataPageType:false,
|
|
|
+ title: '实验室安全智慧化管控系统',
|
|
|
+ rectangleLogo:uni.getStorageSync('rectangleLogo')
|
|
|
}
|
|
|
},
|
|
|
- onLoad() {
|
|
|
-
|
|
|
+ created() {
|
|
|
+ if(pageRestrictVerify('dataBoard')){
|
|
|
+ this.dataPageType = true;
|
|
|
+ // this.pageType = 1;
|
|
|
+ }
|
|
|
},
|
|
|
- onShow() {
|
|
|
+ mounted() {
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
- },
|
|
|
- onHide() {
|
|
|
-
|
|
|
- },
|
|
|
- onUnload() {
|
|
|
-
|
|
|
+ goPage(type){
|
|
|
+ if (!pageRestrictVerify(type)) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '没有相关权限,请联系管理员',
|
|
|
+ icon: "none",
|
|
|
+ mask: true,
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(type == 'dataBoard'){
|
|
|
+ //数据看板
|
|
|
+
|
|
|
+ }else if(type == 'securityCheck'){
|
|
|
+ //安全检查
|
|
|
+
|
|
|
+ }else if(type == 'securityExamination'){
|
|
|
+ //安全考试
|
|
|
+
|
|
|
+ }else if(type == 'securityAdmittance'){
|
|
|
+ //安全准入
|
|
|
+
|
|
|
+ }else if(type == 'hierarchicalControl'){
|
|
|
+ //分级管控
|
|
|
+
|
|
|
+ }else if(type == 'securityResponsibility'){
|
|
|
+ //安全责任
|
|
|
+
|
|
|
+ }else if(type == 'deviceManagement'){
|
|
|
+ //设备管理
|
|
|
+
|
|
|
+ }else if(type == 'emergencyDisposal'){
|
|
|
+ //应急处置
|
|
|
+
|
|
|
+ }else if(type == 'cageSiteManagement'){
|
|
|
+ //笼位管理
|
|
|
+
|
|
|
+ }else if(type == 'snapshot'){
|
|
|
+ //随手拍
|
|
|
+
|
|
|
+ }else if(type == 'remoteDoorOpening'){
|
|
|
+ //远程开门
|
|
|
+
|
|
|
+ }else if(type == 'chemicalsManagement'){
|
|
|
+ //化学品管控
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -125,7 +180,7 @@
|
|
|
overflow: scroll;
|
|
|
.top-page-title{
|
|
|
text-align: center;
|
|
|
- font-size:32rpx;
|
|
|
+ font-size:28rpx;
|
|
|
background-color:#0183FA;
|
|
|
color:#fff;
|
|
|
}
|
|
|
@@ -135,6 +190,32 @@
|
|
|
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: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 10rpx;
|
|
|
+ width: 400rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ text-align: center;
|
|
|
+ border-top-left-radius: 30rpx;
|
|
|
+ border-bottom-left-radius: 30rpx;
|
|
|
+ }
|
|
|
}
|
|
|
.button-one-box{
|
|
|
z-index:5;
|
dedsudiyu