| | |
| | | <div class="main"> |
| | | <div class="header"> |
| | | <div class="top"> |
| | | <div class="top-exit" v-if="userType === '1'" @click="() => { router.push('/screen') }"> |
| | | <img src="@/assets/images/exit.png" alt="" /> |
| | | <span>选择系统</span> |
| | | </div> |
| | | <div class="top-name">金川水电站生态流量监测系统</div> |
| | | <div class="top-modal"> |
| | | 公告弹窗提示 |
| | |
| | | import{ useRouter,useRoute } from 'vue-router' |
| | | import useUserStore from '@/store/modules/user.js' |
| | | import {onMounted, ref, watch} from "vue"; |
| | | import { getUserType } from '@/utils/auth' |
| | | |
| | | const userStore = useUserStore() |
| | | |
| | |
| | | {name:'报警管理',url:'/flow/warning'}, |
| | | {name:'报表管理',url:'/flow/report'}, |
| | | ]) |
| | | const userType = ref(getUserType()) |
| | | |
| | | const openWarn = ref(false) |
| | | const text = ref('新扎沟口流量监测点水位到达下限值, 金川水电站生态流量监测点水位到达下限值,流量监测点水位到达下限值') |
| | |
| | | color: #fff; |
| | | position: relative; |
| | | z-index: 100; |
| | | .top-exit{ |
| | | position: absolute; |
| | | left: 100px; |
| | | cursor: pointer; |
| | | font-size: 20px; |
| | | img{ |
| | | width: 30px; |
| | | vertical-align: top; |
| | | margin-right: 10px; |
| | | } |
| | | } |
| | | .top-name{ |
| | | font-size: 48px; |
| | | } |
| | |
| | | .content{ |
| | | width: 100%; |
| | | height: 86%; |
| | | position: relative; |
| | | .warningBox{ |
| | | position: absolute; |
| | | left: 0; |
| | | top: 2%; |
| | | top: 15.5%; |
| | | z-index: 100; |
| | | width: 100%; |
| | | padding: 0 150px; |