| | |
| | | <div class="container"> |
| | | <div class="big-title" @click="goBack()"><span></span>国泰新华智能巡检系统<span></span></div> |
| | | <div style="font-size: 14px;color: #00ffff">{{present}}</div> |
| | | <div class="btns"> |
| | | <div class="fullbtn" @click="onScreenfullClick"> |
| | | <div class="toFull"> |
| | | <i class="iconfont" :title="isScreenfull ? $t('message.user.title6') : $t('message.user.title5')" :class="!isScreenfull ? 'icon-fullscreen' : 'icon-tuichuquanping'"></i> |
| | | </div> |
| | | <div>全屏</div> |
| | | </div> |
| | | <div class="backBtn" @click="goBack()"> |
| | | <img src="../../../assets/loginPage/back-icon.png"> |
| | | <div>退出</div> |
| | | </div> |
| | | </div> |
| | | <div class="blocks"> |
| | | <div class="current-task"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="pic-tit water"> |
| | | <img src="../../../assets/loginPage/equipment.JPG"> |
| | | <img src="../../../assets/loginPage/equipment.jpg"> |
| | | <p>实验室装置区</p> |
| | | </div> |
| | | <div></div> |
| | | <div class="pic-tit"> |
| | | <img src="../../../assets/loginPage/wind.JPG"> |
| | | <img src="../../../assets/loginPage/wind.jpg"> |
| | | <p>实验室风机系统</p> |
| | | </div> |
| | | <div class="item item-l warning"> |
| | |
| | | <div></div> |
| | | <div></div> |
| | | <div class="pic-tit water"> |
| | | <img src="../../../assets/loginPage/watersys.JPG"> |
| | | <img src="../../../assets/loginPage/watersys.jpg"> |
| | | <p>实验室循环水系统</p> |
| | | </div> |
| | | <div class="item item-t"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { ElMessage } from 'element-plus'; |
| | | import { ElMessageBox } from 'element-plus/es'; |
| | | import screenfull from 'screenfull'; |
| | | |
| | | export default { |
| | | name: 'NewForm', |
| | | props: { |
| | |
| | | }, |
| | | data(){ |
| | | return{ |
| | | present: '' |
| | | present: '', |
| | | isScreenfull: false |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods:{ |
| | | goBack(){ |
| | | window.history.go(-1) |
| | | }, |
| | | // 全屏点击时 |
| | | onScreenfullClick(){ |
| | | const t = this |
| | | if (!screenfull.isEnabled) { |
| | | ElMessage.warning('暂不不支持全屏'); |
| | | return false; |
| | | } |
| | | screenfull.toggle(); |
| | | screenfull.on('change', () => { |
| | | if (screenfull.isFullscreen) { |
| | | t.isScreenfull = true |
| | | } |
| | | else{ |
| | | t.isScreenfull = false |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | } |
| | |
| | | margin: 0 20px; |
| | | } |
| | | } |
| | | .backBtn{ |
| | | .btns{ |
| | | position: absolute; |
| | | z-index: 99999; |
| | | right: 150px; |
| | | right: 60px; |
| | | top: 40px; |
| | | display: flex; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | |
| | | img{ |
| | | width: 18px; |
| | | height: 18px; |
| | | margin-right: 10px; |
| | | .fullbtn{ |
| | | cursor: pointer; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-right: 20px; |
| | | .toFull{ |
| | | font-weight: bolder; |
| | | color: #00FFFF; |
| | | margin-right: 10px; |
| | | } |
| | | div{ |
| | | font-size: 16px; |
| | | color: #00FFFF; |
| | | } |
| | | } |
| | | div{ |
| | | font-size: 16px; |
| | | color: #00FFFF; |
| | | |
| | | .backBtn{ |
| | | cursor: pointer; |
| | | display: flex; |
| | | align-items: center; |
| | | img{ |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 10px; |
| | | } |
| | | div{ |
| | | font-size: 16px; |
| | | color: #00FFFF; |
| | | } |
| | | } |
| | | } |
| | | .blocks{ |