commit

src/components/navMenu/index.vue

@@ -16,9 +16,9 @@
       <el-menu
           unique-opened
           :default-active="defaultActive"
-          background-color="#f00"
+          background-color="#0068B7"
           text-color="#fff"
-          active-text-color="#ff0"
+          active-text-color="#000"
           router
           :collapse="isCollapse"
       >
@@ -91,12 +91,12 @@ export default {
           title: '首页',
           path: '/home2',
           isChildren: true, // 判断没有子菜单
-          'icon-class': 'home'
+          'icon-class': 'el-icon-s-home'
         },
         {
           title: '标准法规库',
           path: '/regulatoryRepository',
-          'icon-class': 'fagui',
+          'icon-class': 'el-icon-s-management',
           menuId: '2ewfwfa',
           children: [
             // {
@@ -204,7 +204,7 @@ export default {
         {
           title: '我的工作',
           path: '/processCenter',
-          'icon-class': 'liucheng',
+          'icon-class': 'el-icon-s-platform',
           menuId: '3fadf',
           children: [
             {
@@ -222,7 +222,7 @@ export default {
         {
           title: '本地工具',
           path: '/localTool',
-          'icon-class': 'tools',
+          'icon-class': 'el-icon-s-tools',
           menuId: 'afsd12',
           children: [
             // {
@@ -266,7 +266,7 @@ export default {
         {
           title: '标准预警',
           path: '/standardWarning',
-          'icon-class': 'warning',
+          'icon-class': 'el-icon-warning',
           menuId: 'asfdew33',
           isChildren: true // 判断没有子菜单
         },
@@ -287,7 +287,7 @@ export default {
         {
           title: '配置管理',
           path: '/config',
-          'icon-class': 'conf',
+          'icon-class': 'el-icon-s-operation',
           menuId: 'adff323',
           children: [
             {
@@ -379,7 +379,7 @@ export default {
         {
           title: '个人中心',
           path: '/personal',
-          'icon-class': 'ucenter',
+          'icon-class': 'el-icon-s-check',
           menuId: '32143ffasdf',
           children: [
             // {
@@ -496,6 +496,18 @@ export default {
 </script>
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';
+/deep/.el-menu--popup > div {
+  border-radius: 5px;
+}
+.el-menu--collapse {
+  .is-active {
+    background-color: #fff !important;
+    .shangqi-icon {
+      color: #0068B7 !important;
+    }
+    color: #0068B7 !important;
+  }
+}
 .nav-menu {
   width: 58px;
   height: 100%;
@@ -565,10 +577,31 @@ export default {
   top:-15px;
   left:10px
 }
+/*.el-menu--collapse {*/
+/*  .shangqi-icon {*/
+/*    color: #4091FF !important;*/
+/*  }*/
+/*  .is-active /deep/.shangqi-icon {*/
+/*    color: #4091FF !important;*/
+/*  }*/
+/*  /deep/.el-submenu__title i {*/
+/*    color: #fff;*/
+/*  }*/
+/*  /deep/.el-submenu__title i {*/
+/*    color: #fff;*/
+/*  }*/
+/*}*/
+.is-active /deep/.shangqi-icon {
+  color: #4091FF;
+}
+/deep/.el-submenu__title i {
+  color: #fff;
+}
 .nav-menu /deep/.el-submenu__title i {
-  color: #000;
+  color: #fff;
 }
 .nav-menu{
+  background-color: #4091FF;
   scrollbar-width: none;
   -ms-overflow-style: none; /* IE 10+ */
 }

src/pages/home/components/EnterCard.vue

@@ -64,6 +64,7 @@
       height: 70px;
       background: #fff;
       border: 2px dashed #E4E4E4;
+      border-radius: 5px;
       div {
         width: 100%;
         height: 100%;

src/pages/home2/components/empennage/index.vue

@@ -1,96 +1,91 @@
 <!-- 尾部链接 -->
 <template>
-  <div class="link">
+    <div class="link" id="link">
-    <div class="title">友情链接</div>
+        <div>
-    <ul>
+            <span class="title borderRight">友情链接</span>
-      <li class="myLi1" v-for="(link, index) in linkList" v-if="index<5" :key="index" @click="openLinkUrl(link.url)">
+            <span class="myLi1 borderRight" v-for="(link, index) in linkList" :key="index" @click="openLinkUrl(link.url)" :title="link.name" >
-        <a v-if="link.name.length>10" v-html="link.name.substring(0,10)+'...'" :title="link.name"></a>
+                {{ link.name }}
-        <a v-else v-html="link.name" :title="link.name"></a>
+            </span>
-      </li>
+            <span class="myLi1" @click="$router.push('linkManage')">更多链接 ⋙</span>
-      <li class="myLi2">
+        </div>
-        <span @click="$router.push('linkManage')">更多链接 ⋙</span>
+    </div>
-      </li>
-    </ul>
-  </div>
 </template>
 
 <script>
-export default {
+    export default {
-  name: 'Empennage',
+        name: 'Empennage',
-  components: {},
+        components: {},
-  mixins: [],
+        mixins: [],
-  data() {
+        data() {
-    return {
+            return {
-      linkList: [],
+                linkList: [],
-    }
+            }
-  },
+        },
-  computed: {},
+        computed: {},
-  watch: {},
+        watch: {},
-  mounted() {
+        mounted() {
-    this.getLink();
+            this.getLink();
-  },
+        },
-  methods: {
+        methods: {
-    // 跳转链接
+            // 跳转链接
-    openLinkUrl (linkUri) {
+            openLinkUrl (linkUri) {
-      let getHttp = linkUri.substring(0, 7)
+                let getHttp = linkUri.substring(0, 7)
-      let getHttps = linkUri.substring(0, 8)
+                let getHttps = linkUri.substring(0, 8)
-      if (getHttp === 'http://' || getHttps === 'https://') {
+                if (getHttp === 'http://' || getHttps === 'https://') {
-        window.open(linkUri)
+                    window.open(linkUri)
-      } else {
+                } else {
-        window.open('https://' + linkUri)
+                    window.open('https://' + linkUri)
-      }
+                }
-    },
+            },
-    // 获取链接数据
+            // 获取链接数据
-    getLink () {
+            getLink () {
-      this.$http.get('sarUrl/tsUrl', {
+                var width = document.getElementById("link").offsetWidth
-      }, {
+                this.$http.get('sarUrl/tsUrl', {
-        _this: this,
+                }, {
-        loading: 'Loading'
+                    _this: this,
-      }, res=> {
+                    loading: 'Loading'
-        this.linkList = res.data
+                }, res=> {
-      })
+                    let b = 0
-    }
+                    let c = 0
-  },
+                    for (let a = 0; a < res.data.length; a++) {
+                        b += res.data[a].name.length * 14 + 100
+                        if (b > width) {
+                            c = a - 1
+                        } else {
+                            c = a
+                        }
+                    }
+                    let list
+                    list = res.data.slice(0, c)
+                    this.linkList = list
+                })
+            }
+        },
 
-}
+    }
 </script>
 
 <style lang="less" scoped>
-.link {
+    .link {
-  display: flex;
+        display: flex;
-  border-radius: 3px;
+        border-radius: 3px;
-  height: 100%;
+        height: 100%;
-  .title {
+        align-items: center;
-    font-weight: bold;
+        justify-content: space-around;
-    padding-left: 10px;
+        .borderRight {
-    width: 80px;
+            padding-right: 30px;
-  }
+            margin-right: 30px;
-  ul {
+            border-right: 2px dotted #aaa;
-    width: calc(~'100% - 80px');
+        }
-    display: flex;
+        .title {
-    height: 100%;
+            font-weight: bold;
-    text-align: center;
+            padding-left: 10px;
-    user-select: none;
+            width: 80px;
-    .myLi1 {
+        }
-      border-right: 2px solid #f4f4f4;
+        .myLi1 {
-      flex: 1;
+            cursor: pointer;
-      a {
+            color: #0068B7;
-        color: #333333;
+        }
-      }
     }
-    .myLi1:hover {
-      background: #5ea9f6;
-      a {
-        color: #fff;
-        text-decoration: none;
-      }
-    }
-    .myLi2 {
-      padding: 0 10px;
-      cursor: pointer;
-      color: #5ea9f6 !important;
-    }
-  }
-}
 </style>