menu

o2web/source/o2_core/o2/xDesktop/$Default/blue/layout-pc.html

@@ -7,6 +7,106 @@
             </div>
             <div class="layout_menu_lnk deepColor_bg" data-o2-element="lnkContentNode">
                 <div class="layout_menu_lnk_area" data-o2-element="lnkAreaNode"></div>
+                <div id="app">
+                    <el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#092E59"
+                        text-color="#fff" active-text-color="#ffd04b">
+                        <el-menu-item index="0" @click.native="open(null ,'Homepage')">
+                            <i class="fas fa-home"></i>
+                            <span slot="title">主页</span>
+                        </el-menu-item>
+                        <el-menu-item index="1" @click.native="open(null ,'Org')">
+                            <i class="fas fa-sitemap"></i>
+                            <span slot="title">组织管理</span>
+                        </el-menu-item>
+                        <el-menu-item index="2" @click.native="open(null ,'process.TaskCenter')">
+                            <i class="fas fa-suitcase"></i>
+                            <span slot="title">公文管理</span>
+                        </el-menu-item>
+                        <el-menu-item index="3" @click.native="open(null ,'Calendar')">
+                            <i class="fas fa-calendar-alt"></i>
+                            <span slot="title">工作事务处理</span>
+                        </el-menu-item>
+                        <el-submenu index="4">
+                            <template slot="title">
+                                <i class="fas fa-file-alt"></i>
+                                <span>公共信息服务</span>
+                            </template>
+                            <el-menu-item index="4-1" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">内容管理</span>
+                            </el-menu-item>
+                            <el-menu-item index="4-2" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">信息平台</span>
+                            </el-menu-item>
+                        </el-submenu>
+                        <el-submenu index="5">
+                            <template slot="title">
+                                <i class="fas fa-box"></i>
+                                <span>内务管理</span>
+                            </template>
+                            <el-menu-item index="5-1" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">车辆管理</span>
+                            </el-menu-item>
+                            <el-menu-item index="5-2" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">会议管理</span>
+                            </el-menu-item>
+                            <el-menu-item index="5-3" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">资产管理</span>
+                            </el-menu-item>
+                        </el-submenu>
+                        <el-menu-item index="6" @click.native="open(null ,'File')">
+                            <i class="fas fa-file"></i>
+                            <span slot="title">资料管理</span>
+                        </el-menu-item>
+                        <el-submenu index="7">
+                            <template slot="title">
+                                <i class="fas fa-file-alt"></i>
+                                <span>个人事物处理</span>
+                            </template>
+                            <el-menu-item index="7-1" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">考勤管理</span>
+                            </el-menu-item>
+                            <el-menu-item index="7-2" @click.native="open(null ,'process.TaskCenter')">
+                                <i class="fas fa-suitcase"></i>
+                                <span slot="title">通讯录</span>
+                            </el-menu-item>
+                        </el-submenu>
+                        <el-menu-item index="8" @click="open(null, 'Setting')">
+                            <i class="fas fa-user-cog"></i>
+                            <span slot="title">系统管理</span>
+                        </el-menu-item>
+                    </el-menu>
+        
+                </div>
+                <script src="../o2_lib/vue/vue.js"></script>
+                <script src="../o2_lib/element/index.js"></script>
+                <script>
+                    new Vue({
+                        el: '#app',
+                        data: function () {
+                            return { visible: false }
+                        },
+                        methods: {
+                            handleOpen(key, keyPath) {
+                                console.log(key, keyPath);
+                            },
+                            handleClose(key, keyPath) {
+                                console.log(key, keyPath);
+                            },
+                            open(e, appNames, options, statusObj) {
+                                console.log(e, appNames, options, statusObj);
+                                if (layout) {
+                                    layout.openApplication(e, appNames, options, statusObj);
+                                }
+                            }
+                        }
+                    })
+                </script>
             </div>
             <div class="layout_menu_setting deepColor_bg">
                 <div class="layout_menu_setting_button" data-o2-element="settingNode">

o2web/source/x_desktop/index.html

@@ -6,8 +6,23 @@
     <link rel="stylesheet" type="text/css" href="css/style.css" charset="UTF-8" />
     <link rel="stylesheet" href="css/mBoxNotice.css" charset="UTF-8" />
     <link rel="stylesheet" href="css/mBoxTooltip.css" charset="UTF-8" />
+    <link rel="stylesheet" href="../o2_lib/element/index.css">
     <title>O2</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <style>
+           .el-menu {
+            border-right: none;
+        }
+
+        .el-menu-item {
+            font-size: 12px;
+            min-width: 0px !important;
+        }
+
+        .el-submenu__title {
+            font-size: 12px;
+        }
+    </style>
 </head>
 <body>
     <div id="layout_main" style="overflow: hidden; height: 100%; background-position-x: center; background-size: cover;">
@@ -69,6 +84,5 @@
     <script src="../o2_core/o2.min.js"></script>
     <script src="js/base.min.js"></script>
     <script src="js/x.min.js"></script>
-    <script src="../o2_lib/vue/vue.js"></script>
 </body>
 </html>