修改 readme

README.md

@@ -1,26 +1,42 @@
-#backstage
+#PcBackStage
+
+ /$$$$$$$           /$$$$$$$                      /$$        /$$$$$$   /$$                                  
+| $$__  $$         | $$__  $$                    | $$       /$$__  $$ | $$                                  
+| $$  \ $$ /$$$$$$$| $$  \ $$  /$$$$$$   /$$$$$$$| $$   /$$| $$  \__//$$$$$$    /$$$$$$   /$$$$$$   /$$$$$$ 
+| $$$$$$$//$$_____/| $$$$$$$  |____  $$ /$$_____/| $$  /$$/|  $$$$$$|_  $$_/   |____  $$ /$$__  $$ /$$__  $$
+| $$____/| $$      | $$__  $$  /$$$$$$$| $$      | $$$$$$/  \____  $$ | $$      /$$$$$$$| $$  \ $$| $$$$$$$$
+| $$     | $$      | $$  \ $$ /$$__  $$| $$      | $$_  $$  /$$  \ $$ | $$ /$$ /$$__  $$| $$  | $$| $$_____/
+| $$     |  $$$$$$$| $$$$$$$/|  $$$$$$$|  $$$$$$$| $$ \  $$|  $$$$$$/ |  $$$$/|  $$$$$$$|  $$$$$$$|  $$$$$$$
+|__/      \_______/|_______/  \_______/ \_______/|__/  \__/ \______/   \___/   \_______/ \____  $$ \_______/
+                                                                                         /$$  \ $$          
+                                                                                        |  $$$$$$/          
+                                                                                         \______/           
+                                                                                         
 ##常用的后台管理模板  
 
+
+
 基于 https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 的版本， 只保留常用功能和修改部分UI效果  
 
 ##安装：  
 
 ###克隆项目  
 
-git clone https://git.beswell.com/duanchangpeng/backstage.git  
+git clone git@git.beswell.com:duanchangpeng/PcBackStage.git  
 
 ###进入项目目录  
 
-cd backstage  
+cd PcBackStage  
 
-###安装依赖  
 
-npm install  
-
-###建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题  
+##安装淘宝源，已安装可忽略
 
 npm install --registry=https://registry.npm.taobao.org
 
+###安装依赖  
+
+cnpm i 
+
 ###本地开发 启动项目  
 
 npm run dev
@@ -34,7 +50,6 @@ npm run dev
     │   ├── assets                 # 主题 字体等静态资源
     │   ├── components             # 全局公用组件
     │   ├── directive              # 全局指令
-    │   ├── filters                # 全局 filter
     │   ├── icons                  # 项目所有 svg icons
     │   ├── lang                   # 国际化 language
     │   ├── layout                 # 全局 layout  todo
@@ -53,21 +68,6 @@ npm run dev
     ├── postcss.config.js          # postcss 配置
     └── package.json               # package.json
 
-##2. todolist
-    
-    1.右上角下拉菜单基本功能 √    
-    2.左侧菜单列表 √    
-    3.封装axios的使用   √   
-    4.路由守卫  √  
-    5.table翻页 √   
-    <s> 6.tab标签页 </s>      
-    7.图表页面   √  
-    8.弹窗提醒，弹窗交互   dialog,popconfirm
-    9.excel  todo
-    10.navbar 小图标模式  √   
-    11.radar 动画  √   
-    12.地图组件 √
-    
 ##4.使用方法
    
 a.增加新页面  
@@ -78,6 +78,18 @@ b.新增接口
     import { 新写的方法名 } from '../api/getApiRes.js'    
     然后再methods里使用 新的方法名(param).then(res => {...})的形式调用  
         
+c.反向代理
+    修改 vue.config.js 中   target: 'http://192.168.0.162:19080/', 的地址，重启npm run serve后生效
+    
+d.打包
+   配置打包地址，修改 vue.config.js 中  outputDir: 'D:/wwwroot/test/new_back/static_pc', 指向的地址，
+   在执行build命令后生效。
+   
+e.运行
+   使用nginx等程序驱动http服务，指向打包后的index.html文件所在地址即可。
+   （如打开后出现loading情况，均为后端数据源配置错误，搭建相应服务后即可，其他问题如没有配置本地host等）
+   
+   === todo ===   
         
         
       

src/api/Navs.js

@@ -11,7 +11,7 @@ let navs = [ {
     "show": "1",
     "grouplist": "2,5",
     "memo": "",
-    "clicon": "front_icon",
+    "icon": "icon-equip",
     "childs": [
         {
             "clmid": "21",
@@ -26,7 +26,7 @@ let navs = [ {
             "show": "1",
             "grouplist": "2,5",
             "memo": null,
-            "clicon": "home_icon"
+            "icon": "home_icon"
         },{
             "clmid": "22",
             "spclmid": "0",
@@ -40,7 +40,7 @@ let navs = [ {
             "show": "1",
             "grouplist": "2,5",
             "memo": null,
-            "clicon": "home_icon"
+            "icon": "home_icon"
         },{
             "clmid": "23",
             "spclmid": "0",
@@ -54,7 +54,7 @@ let navs = [ {
             "show": "1",
             "grouplist": "2,5",
             "memo": null,
-            "clicon": "home_icon"
+            "icon": "home_icon"
         },
     ]
 },
@@ -71,7 +71,7 @@ let navs = [ {
         "show": "1",
         "grouplist": "2,5",
         "memo": "",
-        "clicon": "front_icon",
+        "icon": "icon-equip",
         "childs": [
             {
                 "clmid": "31",
@@ -86,7 +86,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
             {
                 "clmid": "32",
@@ -101,7 +101,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
         ]
     },
@@ -118,7 +118,7 @@ let navs = [ {
         "show": "1",
         "grouplist": "2,5",
         "memo": "",
-        "clicon": "front_icon",
+        "icon": "icon-equip",
         "childs": [
             {
                 "clmid": "41",
@@ -133,7 +133,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
             {
                 "clmid": "42",
@@ -148,7 +148,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
         ]
     },
@@ -165,7 +165,7 @@ let navs = [ {
         "show": "1",
         "grouplist": "2,5",
         "memo": "",
-        "clicon": "front_icon",
+        "icon": "icon-equip",
         "childs": [
             {
                 "clmid": "51",
@@ -180,7 +180,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
             {
                 "clmid": "52",
@@ -195,7 +195,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             }, {
                 "clmid": "53",
                 "spclmid": "0",
@@ -209,7 +209,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
         ]
     },
@@ -226,7 +226,7 @@ let navs = [ {
         "show": "1",
         "grouplist": "2,5",
         "memo": "",
-        "clicon": "front_icon",
+        "icon": "icon-equip",
         "childs": [
             {
                 "clmid": "61",
@@ -241,7 +241,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
             {
                 "clmid": "62",
@@ -256,7 +256,7 @@ let navs = [ {
                 "show": "1",
                 "grouplist": "2,5",
                 "memo": null,
-                "clicon": "home_icon"
+                "icon": "home_icon"
             },
         ]
     },

src/components/Navside.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="Navside">
         <el-row :class="[{'shortnav':isCollapse},{'longNav':!isCollapse}]">
             <el-col :span="24">
                 <el-menu
@@ -107,6 +107,14 @@
 </script>
 <style scoped>
     /*注释*/
+    .Navside {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        display: block;
+        margin: 0 auto;
+
+    }
     .shortnav {
         position: absolute;
         width: 65px;
@@ -116,6 +124,7 @@
         display: block;
         margin: 0 auto;
         height: 100%;
+        background: #333;
     }
 
     .longNav {