作战图添加

shuishen

2024-11-26 180b06428a2d3aaa8fb1701d2f8438c4b01cfd0e

作战图添加

 public/img/ochart.jpg

 src/pages/first/components/mainMenu.vue

@@ -47,6 +47,10 @@
      menuName: '突发事件模拟',
      path: '/layout/first/pd'
    },
    {
      menuName: '作战图',
      path: '/layout/first/ochart'
    },
  ]
)

@@ -56,7 +60,7 @@
  if (params.path) {
    if (router.currentRoute.value.path == params.path) return

    if (params.path == '/layout/first/supplies' || params.path == '/layout/first/rt') {
    if (params.path == '/layout/first/supplies' || params.path == '/layout/first/rt' || params.path == '/layout/first/ochart') {
      store.setLoadSingle(true)
    } else {
      store.setLoadSingle(false)

 src/router/index.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-25 16:35:31
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-21 15:44:21
 * @LastEditTime: 2024-11-26 20:14:39
 * @FilePath: \bigScreen\src\router\index.js
 * @Description: 
 * 
@@ -94,6 +94,13 @@
            },
            component: () => import('@/views/pd/index.vue')
          },
          {
            path: 'ochart',
            meta: {
              title: '作战图'
            },
            component: () => import('@/views/ochart/index.vue')
          },
        ]
      },
      {

 src/views/ochart/index.vue

New file
@@ -0,0 +1,36 @@
<!--
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-10 15:27:59
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-26 20:24:05
 * @FilePath: \bigScreen\src\views\ochart\index.vue
 * @Description: 综合设计
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<script setup>
const { VITE_APP_BASE } = import.meta.env
let image = ref(VITE_APP_BASE + 'img/ochart.jpg')
</script>

<template>
  <div class="container page-container">
    <div class="w100 h100 img-box">
      <img class="w100" :src="image" alt="">
    </div>
  </div>
</template>

<style lang="scss" scoped>
.container {
  position: absolute;
  width: 100%;
  height: 100%;

  .img-box {
    pointer-events: all;
    overflow: hidden;
    overflow-y: auto;
  }
}
</style>