chenrui 3 년 전
부모
커밋
e2c06ef1a7
3개의 변경된 파일19개의 추가작업 그리고 2개의 파일을 삭제
  1. 5 0
      package-lock.json
  2. 1 0
      package.json
  3. 13 2
      src/components/tools/UserMenu.vue

+ 5 - 0
package-lock.json

@@ -14619,6 +14619,11 @@
         "ajv-keywords": "^3.1.0"
       }
     },
+    "screenfull": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
+      "integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA=="
+    },
     "select": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",

+ 1 - 0
package.json

@@ -26,6 +26,7 @@
     "mockjs2": "1.0.7",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",
+    "screenfull": "^5.1.0",
     "v-runtime-template": "^1.10.0",
     "v-viewer": "^1.6.4",
     "viser-vue": "^2.4.6",

+ 13 - 2
src/components/tools/UserMenu.vue

@@ -33,11 +33,13 @@
           </a-menu-item>
         </a-menu>
       </a-dropdown>
+      <a-icon type="fullscreen" title="全屏" :style="{ fontSize: '20px', color: '#08c', marginLeft: '5px' }" @click="screen" />
     </div>
   </div>
 </template>
 
 <script>
+import screenfull from 'screenfull'
 import NoticeIcon from '@/components/NoticeIcon'
 import { mapActions, mapGetters } from 'vuex'
 import defaultAvatar from '@/assets/avatar2.jpg'
@@ -67,12 +69,13 @@ export default {
       const isSalesReturn = this.nowRoute.indexOf('salesReturn') > -1 // 当前展示是否为销售退货模块
       const isPurchaseOrder = this.nowRoute.indexOf('purchaseOrder') > -1 // 当前展示是否为采购单管理模块
       const isPurchaseReturn = this.nowRoute.indexOf('purchaseReturn') > -1 // 当前展示是否为采购退货模块
-	  return isSaleOrder || isSalesReturn || isPurchaseOrder || isPurchaseReturn
+      return isSaleOrder || isSalesReturn || isPurchaseOrder || isPurchaseReturn
     }
   },
   data () {
     return {
-      defaultAvatar: defaultAvatar
+      defaultAvatar: defaultAvatar,
+      isFullscreen: false
     }
   },
   methods: {
@@ -103,6 +106,14 @@ export default {
         }
       })
     },
+    screen () {
+      // 如果不允许进入全屏,发出不允许提示
+      if (!screenfull.isEnabled) {
+        this.$message.info('您的浏览器不能全屏')
+        return false
+      }
+      screenfull.toggle()
+    },
     // 切换角色
     changeRoles (sn) {
       return this.SetOrgSn(sn).then(() => {