upload source

package.json

@@ -8,16 +8,30 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@antv/g6": "^4.1.4",
+    "@cnwangzd/m3js": "^1.0.6",
+    "animate.css": "^4.1.1",
     "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "element-ui": "^2.4.5",
+    "jquery": "^3.5.1",
+    "lodash": "^4.17.20",
+    "moment": "^2.29.1",
+    "vue": "^2.6.11",
+    "vue-i18n": "^8.22.4",
+    "webpack-zip-plugin": "^0.1.6"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
+    "axios": "^0.18.1",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "node-sass": "^5.0.0",
+    "sass-loader": "^10.1.1",
+    "vue-cli-plugin-axios": "^0.0.4",
+    "vue-cli-plugin-element": "^1.0.1",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {

src/App.vue

@@ -1,28 +1,192 @@
 <template>
-  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  </div>
+  <el-container class="m3">
+    <el-header>
+        <el-row type="flex" :gutter="0">
+            <el-col :span="19">
+                <el-link href="/" :underline="false" v-if="auth">
+                  <el-image :src="auth.Company.logo" fit="contain"></el-image>
+                </el-link>
+                <span style="position: absolute;left: 40px;">{{auth.Company.title}}</span>
+            </el-col>
+            <el-col :span="1" style="text-align: right;">
+                <div id="ai-robot"></div>
+            </el-col>
+            <el-col :span="3" style="text-align: right;">
+                
+            </el-col>
+            <el-col :span="2">
+                <el-menu :default-active="activeIndex" 
+                        class="topbar-el-menu" 
+                        mode="horizontal" 
+                        menu-trigger="hover"
+                        @select="onSelect">
+                    <el-submenu index="1">
+                        <template slot="title">
+                            <i class="el-icon-user-solid" style="color:#ffffff;"></i> {{ auth.username }}
+                        </template>
+                        <el-menu-item index="/matrix/user">
+                            <template slot="title">
+                                <i class="el-icon-user"></i>
+                                <span slot="title">用户</span>
+                            </template>
+                        </el-menu-item>
+                        <el-menu-item index="/matrix/system" divided v-if="auth.isAdmin">
+                            <template slot="title">
+                                <i class="el-icon-setting"></i>
+                                <span slot="title">系统管理</span>
+                            </template>
+                        </el-menu-item>
+                        <el-menu-item index="/matrix/files">
+                            <template slot="title">
+                                <i class="el-icon-folder-opened"></i>
+                                <span slot="title">我的文件</span>
+                            </template>
+                        </el-menu-item>
+                        <el-menu-item index="home">
+                            <template slot="title">
+                                <i class="el-icon-s-home"></i>
+                                <span slot="title">默认首页</span>
+                            </template>
+                        </el-menu-item>
+                        <el-menu-item index="signout" divided>
+                            <template slot="title">
+                                <i class="el-icon-switch-button"></i>
+                                <span slot="title">注销</span>
+                            </template>
+                        </el-menu-item>
+                    </el-submenu>
+                </el-menu>
+            </el-col>
+        </el-row>
+      </el-header>
+    <el-main>
+      <MainView :global="global" v-if="global"></MainView>
+    </el-main>
+  </el-container>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import MainView from './components/MainView.vue'
+const m3 = require("@cnwangzd/m3js");
+import _ from 'lodash';
 
 export default {
-  name: 'App',
+  name: 'app',
   components: {
-    HelloWorld
+    MainView
+  },
+  data(){
+    return {
+      global:null,
+      auth: null,
+      activeIndex: '1'
+    }
+  },
+  mounted(){
+    setTimeout(()=>{
+      this.global = m3.global;
+      this.auth = m3.auth.signedUser;
+      m3.setTitle(this.auth);
+    },500)
+  },
+  methods: {
+    onSelect(key) {
+        if(_.startsWith(key,'/matrix/')){
+            window.open(key, '_blank');
+        } else {
+            if(key === 'home'){
+                m3.setAppAsHome(this,{url:'/home'});
+            } else if(key==='signout'){
+                window.open(`/user/logout/${this.auth.Company.name}`,'_parent');
+            } 
+        }
+    }
   }
 }
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  body{
+    overflow: hidden!important;
+    font-size: 12px;
+    font-family: "PingFang SC",Arial,"Microsoft YaHei",sans-serif;
+    margin: 0px;
+    padding: 0px;
+  }
+
+  .m3 > .el-header{
+    height: 50px!important;
+    line-height: 50px;
+    /* background: rgb(37, 45, 71); */
+    background: #252D47;
+    color: #ffffff;
+    padding: 0px 0px 0px 10px;
+  }
+
+  .m3 > .el-header .el-image > .el-image__inner{
+    max-width: 120px;
+    min-width: 32px;
+    width: 32px;
+    height: 32px;
+    padding: 7px 0px;
+  }
+
+  .m3 > .el-main{
+    padding: 0px;
+  }
+
+  .el-link.el-link--default {
+    color: #ffffff;
+  }
+
+  .el-table--enable-row-hover .el-table__body tr:hover>td {
+      background-color: #409eff!important;
+  }
+  
+  .el-table__body tr.current-row>td {
+      background-color:#409eff!important;;
+  }
+
+  .el-table .cell {
+      white-space: nowrap!important;
+      line-height: 18px!important;
+  }
+
+  .el-table .el-table__body-wrapper {
+    overflow: auto;
+    position: relative;
+    height: calc(100% - 50px)!important;
 }
+
+  .topbar-el-menu .el-submenu__icon-arrow.el-icon-arrow-down{
+		color: #ffffff;
+	}
+
+	.el-menu-item:hover{
+		background-color: #409dfe!important;
+	}
+
+  .topbar-el-menu.el-menu.el-menu--horizontal {
+		border-bottom: unset;
+		background: #242c46;
+	}
+	.topbar-el-menu.el-menu.el-menu--horizontal >.el-menu-item {
+		height: 30px;
+		line-height: 30px;
+	}
+	.topbar-el-menu.el-menu.el-menu--horizontal>.el-submenu {
+		float: right;
+	}
+	.topbar-el-menu.el-menu.el-menu--horizontal >.el-submenu .el-submenu__title {
+		height: 50px;
+		line-height: 50px;
+		border-bottom: unset;
+		color: #ffffff;
+	}
+
+  .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, 
+  .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, 
+  .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+      background-color: #409dfe!important;
+  }
 </style>

src/assets/theme/element-#252D47/aside.css

@@ -0,0 +1 @@
+.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}

src/assets/theme/element-#252D47/backtop.css

@@ -0,0 +1 @@
+.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;color:#252D47;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.12);box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}

src/assets/theme/element-#252D47/card.css

@@ -0,0 +1 @@
+.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;-webkit-box-sizing:border-box;box-sizing:border-box}.el-card__body{padding:20px}

src/assets/theme/element-#252D47/container.css

@@ -0,0 +1 @@
+.el-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0}.el-container.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

src/assets/theme/element-#252D47/footer.css

@@ -0,0 +1 @@
+.el-footer{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}

src/assets/theme/element-#252D47/header.css

@@ -0,0 +1 @@
+.el-header{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}

src/assets/theme/element-#252D47/main.css

@@ -0,0 +1 @@
+.el-main{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}

src/assets/theme/element-#252D47/option-group.css

@@ -0,0 +1 @@
+.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}

src/assets/theme/element-#252D47/popconfirm.css

@@ -0,0 +1 @@
+.el-popconfirm__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}

src/assets/theme/element-#252D47/radio-group.css

@@ -0,0 +1 @@
+.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}

src/assets/theme/element-#252D47/steps.css

@@ -0,0 +1 @@
+.el-steps{display:-webkit-box;display:-ms-flexbox;display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}

src/assets/theme/element-#252D47/timeline.css

@@ -0,0 +1 @@
+.el-timeline{margin:0;font-size:14px;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}

src/assets/theme/element-#409EFF/aside.css

@@ -0,0 +1 @@
+.el-aside{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0}