From 386c0b6f16d4688d06104118c124b3900a62374d Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期三, 10 八月 2022 09:53:10 +0800
Subject: [PATCH] 添加修改页面
---
src/views/intellectInspect/intelligentMap/index.vue | 73 ++++++++++++++++++++++++++++++------
1 files changed, 61 insertions(+), 12 deletions(-)
diff --git a/src/views/intellectInspect/intelligentMap/index.vue b/src/views/intellectInspect/intelligentMap/index.vue
index b74f2d8..b11ed9f 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">
@@ -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,6 +303,23 @@
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
+ }
+ });
}
}
}
@@ -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