From 92c51d824f3622ac8132c921d1abfea247f4d4c9 Mon Sep 17 00:00:00 2001
From: wen <1515>
Date: Wed, 19 Oct 2022 23:47:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=8C=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |  4 +-
 public/loadhead.css                           | 32 +++++++++++
 src/layout/components/Sidebar/index.vue       | 14 ++---
 .../components/Sidebar/leftMenusData.js       |  7 +++
 src/router/index.js                           | 22 +++++---
 src/views/homepage/index.vue                  | 56 +++++++++++++++++++
 6 files changed, 119 insertions(+), 16 deletions(-)
 create mode 100644 public/loadhead.css
 create mode 100644 src/views/homepage/index.vue
diff --git a/public/index.html b/public/index.html
index b0b305e..643e78b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>jialuoma2.ico">
-    <title><%= webpackConfig.name %></title>
+    <!-- <title><%= webpackConfig.name %></title> -->
+    <title>嘉洛马</title>
+    <link rel="stylesheet" type="text/css" href="loadhead.css">
   </head>
   <body>
     <noscript>
diff --git a/public/loadhead.css b/public/loadhead.css
new file mode 100644
index 0000000..61787ca
--- /dev/null
+++ b/public/loadhead.css
@@ -0,0 +1,32 @@
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;font-weight:inherit;}
+.clearfix{zoom:1;}
+.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;}
+body{font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;margin:0 auto;font-size:14px;min-height:100%;}
+ul,li{list-style:none;margin:0;padding:0;}
+a,img,span{display:inline-block;max-width:100%;}
+a{color:#464c5c;text-decoration:none;}
+
+.img-responsive{max-width:100%;display:block;}
+.elementBlock{display:block !important;}
+.elementNone{display:none !important;}
+.elementhidden{visibility:hidden !important;}
+.verMiddle{vertical-align:middle !important;}
+.vercenter{text-align:center !important;}
+.verbold{font-weight:bold !important;}
+.qcmargin{margin:0 !important;}
+.qcpadding{padding:0 !important;}
+.qcbdbt{border-bottom:0 !important;}
+.qcbdtop{border-top:0 !important;}
+.qcbdlt{border-left:0 !important;}
+.qcbdrt{border-right:0 !important;}
+.bjcolor{background-color:#FFF !important;}
+.minheight{min-height:537px;}
+a:hover{text-decoration:none;}
+a:active{text-decoration:none;}
+a:visited{text-decoration:none;}
+
+*{
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index b6ec6c8..ca6c24d 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -29,7 +29,6 @@ import menusdata from './leftMenusData.js'
 import { mirlist } from '@/api/user'
 
 //console.log(menusdata);
-var dfdg = 10;
 export default {
   components: { SidebarItem, Logo },
   created: function () {
@@ -55,8 +54,9 @@ export default {
       const menusindex = window.location.href
 
       //  因为菜单栏的生成和路由是解耦的，因为动态获取以及添加的菜单都是用的同一个path带不同参数，路由没法获取，所以通过获取地址来选中
-      let getcan = menusindex.split('?id');
-      if (getcan[1]) {
+      //let getcan = menusindex.split('?id');
+      //console.log(menusindex.indexOf('?id'));
+      if (menusindex.indexOf('?id') != -1) {
         //console.log(menusindex.split('/#'));
         return menusindex.split('/#')[1]
       }
@@ -88,8 +88,8 @@ export default {
             //     //menusdata[0].children = []
             // }
             newMenu = {
-                path: '/filemange/subfile?id='+item.id,
-                meta: { title: item.directory, activeMenu:'subfile?id='+item.id, icon: 'dashboard' },
+                path: '/subfile?id='+item.id,
+                meta: { title: item.directory, icon: 'dashboard' },
                 children:[]
             }
             if (item.directories && item.directories.length > 0) {
@@ -105,11 +105,9 @@ export default {
         let thiss = this;
         //console.log(this.$route);
         // console.log(this.$store);
-        
         mirlist().then(response => {
             let datamain = response.data;
-            
-            this.routes[0].children = this.SplicingMenuTree(datamain.data.menus);
+            this.routes[1].children = this.SplicingMenuTree(datamain.data.menus);
 
         }).catch(function (error) {
             thiss.$message({
diff --git a/src/layout/components/Sidebar/leftMenusData.js b/src/layout/components/Sidebar/leftMenusData.js
index 8d88df4..ca33673 100644
--- a/src/layout/components/Sidebar/leftMenusData.js
+++ b/src/layout/components/Sidebar/leftMenusData.js
@@ -27,6 +27,13 @@ var menusdata =  [
     //         }
     //     ]
     // },
+    {
+        id: '0',
+        path: '/homepage',
+        meta: { title: '首页', icon: 'dashboard' },
+        children:[]
+    },
+    
     {
         id: '0',
         path: '/filemange',
diff --git a/src/router/index.js b/src/router/index.js
index 2a802e3..ac7e9b0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -44,16 +44,25 @@ export const constantRoutes = [
     hidden: true
   },
     {
-        path: '/filemange',
+        path: '/',
+        component: Layout,
+        children: [{
+            path: 'homepage',
+            name: 'Homepage',
+            component: () => import('@/views/homepage/index'),
+            meta: { title: '首页', icon: 'dashboard' }
+        }]
+    },
+    {
+        path: '/',
         component: Layout,
-        name: 'filemange',
         meta: { title: '文件管理', icon: 'el-icon-s-help' },
         children: [
             {
-                path: 'createDirectory',
-                name: 'CreateDirectory',
+                path: 'filemange',
+                name: 'filemange',
                 component: () => import('@/views/filemange/index'),
-                meta: { title: '创建目录', icon: 'dashboard' }
+                meta: { title: '文件管理', icon: 'dashboard' }
             },
             {
                 path: 'subfile',
@@ -64,7 +73,7 @@ export const constantRoutes = [
         ]
     },
     {
-        path: '',
+        path: '/',
         component: Layout,
         children: [{
             path: 'usermange',
@@ -86,7 +95,6 @@ export const constantRoutes = [
     {
         path: '/systme',
         component: Layout,
-        redirect: '/systme/changepass',
         name: 'systme',
         meta: { title: '系统管理', icon: 'el-icon-s-help' },
         children: [
diff --git a/src/views/homepage/index.vue b/src/views/homepage/index.vue
new file mode 100644
index 0000000..59b3c01
--- /dev/null
+++ b/src/views/homepage/index.vue
@@ -0,0 +1,56 @@
+<template>
+    <div class="filemange_container">
+        <div class="mkdirm">
+            <el-button type="primary" @click="dirbox = true">创建目录</el-button>
+        </div>
+        <el-dialog title="创建目录" :visible.sync="dirbox">
+            <el-form :model="form">
+                <el-form-item label="目录名称" :label-width="formLabelWidth">
+                <el-input v-model="form.name" autocomplete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="父级目录" :label-width="formLabelWidth">
+                <el-select v-model="form.region" placeholder="请选择父级目录">
+                    <el-option label="区域一" value="shanghai"></el-option>
+                    <el-option label="区域二" value="beijing"></el-option>
+                </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="dirbox = false">取 消</el-button>
+                <el-button type="primary" @click="dirbox = false">确 定</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+
+//import { mapGetters } from 'vuex'
+
+export default {
+data() {
+    return {
+        dirbox: false,
+        form: {
+          name: '',
+          region: '',
+          date1: '',
+          date2: '',
+          delivery: false,
+          type: [],
+          resource: '',
+          desc: ''
+        },
+        formLabelWidth: '120px'
+    }
+},
+
+methods: {
+    
+}
+}
+</script>
+
+<style lang="scss" scoped>
+.mkdirm{text-align:center;margin:20% 0 0 0;}
+</style>
