From 9458b8d7c50e56e96f21c70dd3bab7cc15b9a368 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期四, 15 九月 2022 10:11:54 +0800
Subject: [PATCH] Default Changelist
---
src/views/intellectInspect/intelligentMap/index.vue | 81 ++++++++++++++++++++++++++++++++--------
1 files changed, 65 insertions(+), 16 deletions(-)
diff --git a/src/views/intellectInspect/intelligentMap/index.vue b/src/views/intellectInspect/intelligentMap/index.vue
index b8f7172..e44e7ec 100644
--- a/src/views/intellectInspect/intelligentMap/index.vue
+++ b/src/views/intellectInspect/intelligentMap/index.vue
@@ -2,9 +2,17 @@
<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">
@@ -167,12 +175,12 @@
</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">
@@ -204,7 +212,7 @@
<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">
@@ -272,6 +280,10 @@
</template>
<script>
+import { ElMessage } from 'element-plus';
+import { ElMessageBox } from 'element-plus/es';
+import screenfull from 'screenfull';
+
export default {
name: 'NewForm',
props: {
@@ -279,7 +291,8 @@
},
data(){
return{
- present: ''
+ present: '',
+ isScreenfull: false
}
},
created() {
@@ -290,12 +303,29 @@
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
+ }
+ });
}
}
}
</script>
-<!-- Add "scoped" attribute to limit CSS to this component only -->
+<!-- Add "scoped" attribute to limit CSS to this components only -->
<style scoped lang="scss">
@keyframes warn {
0% {
@@ -399,23 +429,42 @@
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{
--
Gitblit v1.9.2