首页样式；

src/router/index.js

@@ -84,9 +84,9 @@ var _asy_router_map = [
   article,
   marketing_tool,
   org,
-  role,
   system,
-  site
+  site,
+  role,
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/modules/site.js

@@ -4,17 +4,32 @@ export default {
   path: '',
   component: Layout,
   redirect: '/site',
+  alwaysShow: true,
+  // name: '微网站',
+  meta: {
+    title: '微网站',
+    icon: 'dashboard'
+  },
   children: [{
-    path: '/site',
-    component: () => import('@/scrm_pages/site/index'),
-    name: 'site',
-    meta: {
-      title: '微网站',
-      icon: 'dashboard',
-      noCache: true
+      path: '/site',
+      component: () => import('@/scrm_pages/site/index'),
+      name: 'site',
+      unfinished: true,
+      meta: {
+        title: '微网站',
+        noCache: true,
+      }
+    },
+    {
+      path: '/site/preview',
+      component: () => import('@/scrm_pages/site/preview'),
+      name: '预览',
+      meta: {
+        title: 'preview'
+      },
+      hidden: true,
+      is_menu: false
     }
-  },
-  { path: '/site/preview', component: () => import('@/scrm_pages/site/preview'), name: '预览', meta: { title: 'preview' }, hidden: true, is_menu: false }
 
   ]
 }

src/scrm_pages/home/index.vue

@@ -10,6 +10,21 @@
        </li>
      </ul>
    </div>
+   <div class="notice">
+     <el-table ref="notice_table" :data="notices" @row-click="expandRow">
+       <el-table-column
+        type="selection"
+        width="30">
+       </el-table-column>
+       <el-table-column type="expand" width="20">
+         <template slot-scope="scope">
+           <p class="notice_expand_content">{{ scope.row.content }}</p>
+           <p class="notice_expand_publisher">酷医聚客团队</p>
+         </template>
+       </el-table-column>
+       <el-table-column prop="title" label="所有通知"></el-table-column>
+     </el-table>
+   </div>
   </div>
 </div>
 
@@ -21,16 +36,34 @@ export default {
     return {
       numbers: [
         { num: '0', name: '新增数量', time: '昨日: 0' },
-        { num: '1', name: '总粉丝', time: '昨日: 0' },
-        { num: '1', name: '今日新增会员', time: '昨日: 0' },
-        { num: '1', name: '总会员', time: '昨日: 1' },
-        { num: '1', name: '商品浏览数', time: '昨日: 1' },
-        { num: '111', name: '文章浏览量', time: '昨日: 0' },
-        { num: '150', name: '活动浏览量', time: '昨日: 0' },
-        { num: '120', name: '新增订单', time: '昨日: 0' }
-      ]
+        { num: '0', name: '总粉丝', time: '昨日: 0' },
+        { num: '0', name: '今日新增会员', time: '昨日: 0' },
+        { num: '0', name: '总会员', time: '昨日: 0' },
+        { num: '0', name: '商品浏览数', time: '昨日: 0' },
+        { num: '0', name: '文章浏览量', time: '昨日: 0' },
+        { num: '0', name: '活动浏览量', time: '昨日: 0' },
+        { num: '0', name: '新增订单', time: '昨日: 0' }
+      ],
+
+      expanding_row: null,
+      notices: [
+        // { id: 1, title: "第一个通知", content: "第一个通知第一个通知第一个通知第一个通知第一个通知第一个通知第一个通知第一个通知第一个通知第一个通知" }, 
+        // { id: 2, title: "第二个通知", content: "第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知第二个通知" }, 
+      ],
     }
-  }
+  },
+  methods: {
+    expandRow: function(row, column, event) {
+      if (this.expanding_row == null || this.expanding_row.id != row.id) {
+        this.$refs.notice_table.toggleRowExpansion(this.expanding_row, false)
+        this.$refs.notice_table.toggleRowExpansion(row, true)
+        this.expanding_row = row
+      } else {
+        this.$refs.notice_table.toggleRowExpansion(this.expanding_row, false)
+        this.expanding_row = null
+      }
+    }
+  },
 }
 </script>
 
@@ -65,5 +98,20 @@ export default {
       }
     }
   }
+
+  .notice {
+    box-shadow: 4px 4px 8px #dde7f2;
+    margin-top: 20px;
+
+    .notice_expand_content {
+      color: #89949b;
+      font-size: 15px;
+      line-height: 25px;
+    }
+    .notice_expand_publisher {
+      font-size: 14px;
+      margin-top: 10px;
+    }
+  }
 }
 </style>

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -17,12 +17,21 @@
         <template v-for="child in item.children" v-if="!child.hidden">
           <sidebar-item :is-nest="true" class="nest-menu" v-if="child.children&&child.children.length>0" :item="child" :key="child.path" :base-path="resolvePath(child.path)"></sidebar-item>
 
-          <router-link v-else :to="resolvePath(child.path)" :key="child.name">
-            <el-menu-item :index="resolvePath(child.path)">
-              <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
-              <span v-if="child.meta&&child.meta.title" slot="title">{{generateTitle(child.meta.title)}}</span>
-            </el-menu-item>
-          </router-link>
+          <template v-else>
+            <!-- <router-link :key="child.name" :to="resolvePath(child.path)"> -->
+              <el-menu-item v-if="child.unfinished == true" :key="child.name" @click.native="unfinishAction()"  :index="resolvePath(child.path)">
+                <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+                <span v-if="child.meta&&child.meta.title" slot="title">{{generateTitle(child.meta.title)}}</span>
+              </el-menu-item>
+            <!-- </router-link> -->
+            <router-link v-else :to="resolvePath(child.path)" :key="child.name">
+              <el-menu-item :index="resolvePath(child.path)">
+                <svg-icon v-if="child.meta&&child.meta.icon" :icon-class="child.meta.icon"></svg-icon>
+                <span v-if="child.meta&&child.meta.title" slot="title">{{generateTitle(child.meta.title)}}</span>
+              </el-menu-item>
+            </router-link>
+          </template>
+          
         </template>
       </el-submenu>
 
@@ -74,7 +83,10 @@ export default {
     resolvePath(...paths) {
       return path.resolve(this.basePath, ...paths)
     },
-    generateTitle
+    generateTitle,
+    unfinishAction: function() {
+      this.$message.error("功能开发中")
+    },
   }
 }
 </script>