ysh
/
fzty


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							<!DOCTYPE html>
<html>

<head>
  <title>入口界面</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet" />
  <link href="data/styles.css" type="text/css" rel="stylesheet" />
  <link href="files/入口界面/styles.css" type="text/css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com" rel="preconnect" />
  <link href="https://fonts.gstatic.com" rel="preconnect" />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />

  <!-- 引入 Vue.js -->
  <script src="resources/scripts/vue.js"></script>
  <!-- 本地引入Vue Router -->
  <script src="resources/scripts/vue-router.js"></script>
  <script src="resources/scripts/jquery-3.7.1.min.js"></script>
  <script src="resources/scripts/axure/axQuery.js"></script>
  <script src="resources/scripts/axure/globals.js"></script>
  <script src="resources/scripts/axutils.js"></script>
  <script src="resources/scripts/axure/annotation.js"></script>
  <script src="resources/scripts/axure/axQuery.std.js"></script>
  <script src="resources/scripts/axure/doc.js"></script>
  <script src="resources/scripts/messagecenter.js"></script>
  <script src="resources/scripts/axure/events.js"></script>
  <script src="resources/scripts/axure/recording.js"></script>
  <script src="resources/scripts/axure/action.js"></script>
  <script src="resources/scripts/axure/expr.js"></script>
  <script src="resources/scripts/axure/geometry.js"></script>
  <script src="resources/scripts/axure/flyout.js"></script>
  <script src="resources/scripts/axure/model.js"></script>
  <script src="resources/scripts/axure/repeater.js"></script>
  <script src="resources/scripts/axure/sto.js"></script>
  <script src="resources/scripts/axure/utils.temp.js"></script>
  <script src="resources/scripts/axure/variables.js"></script>
  <script src="resources/scripts/axure/drag.js"></script>
  <script src="resources/scripts/axure/move.js"></script>
  <script src="resources/scripts/axure/visibility.js"></script>
  <script src="resources/scripts/axure/style.js"></script>
  <script src="resources/scripts/axure/adaptive.js"></script>
  <script src="resources/scripts/axure/tree.js"></script>
  <script src="resources/scripts/axure/init.temp.js"></script>
  <script src="resources/scripts/axure/legacy.js"></script>
  <script src="resources/scripts/axure/viewer.js"></script>
  <script src="resources/scripts/axure/math.js"></script>
  <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
  <script src="data/document.js"></script>
  <script src="files/入口界面/data.js"></script>
  <script type="text/javascript">
    $axure.utils.getTransparentGifPath = function () { return 'resources/images/transparent.gif'; };
    $axure.utils.getOtherPath = function () { return 'resources/Other.html'; };
    $axure.utils.getReloadPath = function () { return 'resources/reload.html'; };
  </script>
</head>

<body>
<!-- 绑定 Vue 实例的元素 -->
<div id="app" style="width: 100%;height: 100%">
  <div id="base" class="" style="width: 100%;height: 100%">

    <!-- 背景 (Dynamic panel) -->
    <div id="u50" class="ax_default" data-label="背景">
      <div id="u50_state0" class="panel_state" data-label="背景" style="">
        <div id="u50_state0_content" class="panel_state_content">
        </div>
      </div>
    </div>

    <!-- 标题 (Group) -->
    <div id="u51" class="ax_default" data-label="标题" data-left="0" data-top="0" data-width="1920" data-height="132" layer-opacity="1">

      <!-- Unnamed (Image) -->
      <div id="u52" class="ax_default _默认样式 transition notrs">
        <img id="u52_img" class="img " src="images/入口界面/u52.png" />
        <div id="u52_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u53" class="ax_default _默认样式 transition notrs">
        <div id="u53_div" class=""></div>
        <div id="u53_text" class="text ">
          <p><span>XXBQ辅助指挥决策系统</span></p>
        </div>
      </div>
    </div>

    <!-- 指挥决策子系统 (Group) -->
    <div id="u54" class="ax_default" data-left="838" data-top="249" data-width="314" data-height="338" layer-opacity="1" style="position: relative; z-index: 1;">


    </div>
    <!-- 筹划推演子系统 (Group) -->
    <div id="u71" class="ax_default" data-left="283" data-top="249" data-width="314" data-height="338" layer-opacity="1" style="position: relative; z-index: 1;">

      <!-- Unnamed (Image) -->
      <div id="u72" class="ax_default _默认样式 transition notrs" @click="showPlanSubmenu">
        <img id="u72_img" class="img " src="images/入口界面/u55.png" />
        <img class="logo-img" src="images/入口界面/u57.svg" />
        <p><span>筹划推演子系统</span></p>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u72" class="ax_default _默认样式 transition notrs" @click="showCommandSubmenu">
        <img id="u72_img" class="img " src="images/入口界面/u55.png" />
        <img class="logo-img" src="images/入口界面/u57.svg" />
        <p><span>指挥决策子系统</span></p>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u72" class="ax_default _默认样式 transition notrs" @click="showReviewSubmenu">
        <img id="u72_img" class="img " src="images/入口界面/u55.png" />
        <img class="logo-img" src="images/入口界面/u57.svg" />
        <p><span>复盘分析子系统</span></p>
      </div>
    </div>

    <!-- 子菜单 (合并两个菜单为一个) -->
    <div id="u58" class="ax_default" :style="{ display: submenuVisible ? '' : 'none' }" data-left="668" data-top="741" data-width="614" data-height="130" layer-opacity="1">

      <!-- 第一个子模块 -->
      <div v-for="item in submenuItems" @click="handleSubmenuClick(item)" id="u59" class="ax_default" layer-opacity="1">

        <div style="display: flex;flex-direction: column;align-items: center;justify-content: center">
          <!-- 图标 -->
          <div id="u60" class="ax_default _默认样式 transition notrs">
            <div id="u60_div" class=""></div>
            <div id="u60_text" class="text ">
<!--              <p><span>{{ item.icon }}</span></p>-->
              <img style="width: 50px;margin-top: 5px;" src="./images/入口界面/设置.svg" alt="">
            </div>
          </div>

          <!-- 文字 -->
          <div id="u61" class="ax_default _默认样式 transition notrs">
            <div id="u61_div" class=""></div>
            <div id="u61_text" class="text ">
              <p><span>{{ item.text }}</span></p>
            </div>
          </div>
        </div>

      </div>
    </div>


<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u79" class="ax_default">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u80" class="ax_default" @click="showPlanSubmenu">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u81" class="ax_default">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u82" class="ax_default">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u83" class="ax_default">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u84" class="ax_default">-->
<!--    </div>-->

<!--    &lt;!&ndash; Unnamed (Hot spot) &ndash;&gt;-->
<!--    <div id="u85" class="ax_default">-->
<!--    </div>-->
  </div>
</div>
<script>
  // 初始化Vue实例
  new Vue({
    el: '#app',
    data: {
      submenuVisible: false,
      currentSubmenu: '',
      submenuItems: [

      ],
    },
    methods: {
      showPlanSubmenu() {
        this.currentSubmenu = 'plan';
        this.submenuVisible = true;
        this.submenuItems = [
          { icon: '', text: '方案生成',path: '/plan' },
          { icon: '', text: '仿真推演' ,path: '/plan'},
          { icon: '', text: '模型及数据管理',path: '/plan' },
          { icon: '', text: 'AI应用' ,path: '/plan'}
        ];
      },
      showCommandSubmenu() {
        this.currentSubmenu = 'command';
        this.submenuVisible = true;
        this.submenuItems = [
          { icon: '', text: '辅助决策',path: '/command' },
          { icon: '', text: '态势显示',path: '/command' },
          { icon: '', text: '数据实时处理及分发',path: '/command' },
        ];
      },
      showReviewSubmenu(){
        this.currentSubmenu = 'review';
        this.submenuVisible = true;
        this.submenuItems = [];
      },

      // 子菜单点击处理
      handleSubmenuClick(item) {
        switch (item.path){
          case '/plan':
            window.location.href = './views/src/index.html';
            break;
          case '/command':
            window.location.href = './views/src/指挥决策子系统.html';
            break;
          case '/review':

            break;
        }
        /*// 跳转到对应的子模块路由
        this.$router.push(path);
        // 隐藏子菜单
        this.submenuVisible = false;*/

      }
    }
  });
</script>
<script src="resources/scripts/axure/ios.js"></script>
</body>

</html>