微网站

src/icons/svg/dashboard.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1559132638469" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1438" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M563.197497 0 460.802503 0 0.012259 486.388227c0 0 0.901006 102.396016 51.200051 102.396016s76.797012 0 76.797012 0 0 232.496449 0 332.816677c0 100.300818 102.397038 102.399081 102.397038 102.399081l204.79714 0c0 0 0-272.419617 0-358.416702 0-25.647017 25.600026-25.600026 25.600026-25.600026l102.394994 0c0 0 25.601047 0.851972 25.601047 25.600026 0 92.198911 0 358.416702 0 358.416702s99.647027 0 204.795097 0c105.147048 0 102.398059-102.399081 102.398059-102.399081L895.992721 563.185239c0 0 27.19875 0 76.799055 0 49.59724 0 51.195965-76.79599 51.195965-76.79599L563.197497 0z" p-id="1439" fill="#bfcbd9"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1559805368038" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2337" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M405.923568 101.722776C279.295566 206.825532 205.614449 276.459472 95.310228 397.352867c-27.430746 35.963073-22.976294 102.870926 0 102.870926 71.362304 0 102.870926 0 102.870926 0s0 128.160915 0 257.177314c0 37.830607 5.390777 102.869902 45.196365 102.869902 65.173348 0 160.544463 0 160.544463 0L403.921981 603.088578l205.741851 0 0 257.18243c0 0 83.145675 0 148.308791 0 29.956266 0 57.43306-27.219945 57.43306-102.869902 0-132.344191 0-257.177314 0-257.177314s40.329521 0 102.869902 0c30.588669 0 35.552727-72.79084 0-102.870926C817.308009 294.65795 703.651436 195.340967 593.641927 105.117083 506.79393 37.305651 459.622584 46.296419 405.923568 101.722776z" p-id="2338"></path></svg>

src/router/index.js

@@ -12,6 +12,7 @@ import member from './modules/member'
 import org from './modules/org'
 import marketing_tool from './modules/marketing_tool'
 import system from './modules/system'
+import site from './modules/site'
 
 /** note: submenu only apppear when children.length>=1
  *   detail see  https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
@@ -77,7 +78,8 @@ var _asy_router_map = [
   marketing_tool,
   org,
   role,
-  system
+  system,
+  site
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/modules/site.js

@@ -0,0 +1,20 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+  path: '',
+  component: Layout,
+  redirect: '/site',
+  children: [{
+    path: '/site',
+    component: () => import('@/scrm_pages/site/index'),
+    name: 'site',
+    meta: {
+      title: '微网站',
+      icon: 'dashboard',
+      noCache: true
+    }
+  },
+  { path: '/site/preview', component: () => import('@/scrm_pages/site/preview'), name: '预览', meta: { title: 'preview' }, hidden: true, is_menu: false }
+
+  ]
+}

src/scrm_pages/site/components/new-feature.vue

@@ -0,0 +1,107 @@
+<template>
+<div class="feature">
+    <ul >
+        <li>
+            <span>
+              <img :src="new1" alt="">
+              <p>轮播图</p>  
+            </span>
+        </li>
+         <li>
+           <span>
+              <img :src="new1" alt="">
+              <p>轮播图</p>  
+            </span>  
+        </li>
+         <li>
+           <span>
+              <img :src="new1" alt="">
+              <p>轮播图</p>  
+            </span>  
+        </li>
+         <li>
+           <span>
+              <img :src="new1" alt="">
+              <p>轮播图</p>  
+            </span>  
+        </li>
+         <li>
+           <span>
+              <img :src="new1" alt="">
+              <p class="title">轮播图</p>  
+            </span>  
+        </li>
+    </ul>
+    <!-- <el-row :gutter="21" type="flex"  justify="space-around">
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>轮播图</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>医院介绍</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>科室介绍</p></div></el-col>
+    </el-row>
+    <el-row :gutter="21" type="flex"  justify="space-around">
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>轮播图</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>医院介绍</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>科室介绍</p></div></el-col>
+    </el-row>
+    <el-row :gutter="21" type="flex"  justify="space-around">
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>轮播图</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>医院介绍</p></div></el-col>
+        <el-col :span="5"><div class="grid-content "><img :src="new1" alt=""><p>科室介绍</p></div></el-col>
+    </el-row> -->
+</div>    
+</template>
+
+
+<script>
+export default {
+  name: "newfeature",
+  data() {
+    return {
+      new1: require("../../../assets/preview/new-1.png")
+    };
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.feature {
+  ul {
+    border: 1px solid #eaeefb;
+    float: left;
+    width: 100%;
+    li {
+      width: 33.3%;
+      float: left;
+      text-align: center;
+      height: 120px;
+      color: #666;
+      font-size: 13px;
+      border-right: 1px solid #eee;
+      border-bottom: 1px solid #eee;
+      margin-right: -1px;
+      margin-bottom: -1px;
+      span {
+        vertical-align: middle;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 120px;
+        img {
+          display: inline-block;
+          font-size: 32px;
+          margin-bottom: 15px;
+          color: #606266;
+          transition: color 0.15s linear;
+          vertical-align: middle;
+        }
+        .title {
+          display: inline-block;
+          padding: 0 3px;
+          height: 30px;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+}
+</style>

src/scrm_pages/site/index.vue

@@ -0,0 +1,67 @@
+<template>
+   <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs='crumbs'></bread-crumb>
+      </div>
+      <div class="app-container">
+         <el-row :gutter="20">
+            <el-col :span="12">
+              <div class="success">
+                <h1 class="name">欢迎来到微官网主页</h1>
+                <div class="tips">您可以手机扫码访问或在右侧预览</div>
+                <div class="site-code"><img :src="codeImg" alt=""></div>
+                <router-link to="/site/preview">
+                  <el-button type="primary">进入微官网后台</el-button>
+                </router-link>
+              </div>
+            </el-col>
+            <el-col :span="12">
+
+            </el-col>
+          </el-row>
+      </div>
+   </div>
+</template>
+
+<script>
+import BreadCrumb from "../components/bread-crumb";
+export default {
+  name: "site",
+  components: {
+    BreadCrumb
+  },
+  data() {
+    return {
+      crumbs: [{ path: false, name: "微网站" }],
+      codeImg: require("../../assets/home/wei.jpg")
+    };
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.success {
+  text-align: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  .name {
+    font-size: 30px;
+    font-weight: bold;
+    color: #333;
+    margin: 0;
+    padding-bottom: 10px;
+  }
+  .tips{
+    line-height: 30px;
+    padding-bottom: 10px;
+  }
+  .site-code {
+    width: 200px;
+    padding-bottom: 10px;
+    img{
+      width: 100%;
+    }
+  }
+}
+</style>

src/scrm_pages/site/preview.vue

@@ -0,0 +1,57 @@
+<template>
+   <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs='crumbs'></bread-crumb>
+      </div>
+      <div class="app-container">
+            <!-- 新增 -->
+                <el-tabs type="border-card" style="width:450px;">
+                    <el-tab-pane label="首页">
+                        <el-tabs v-model="activeName" @tab-click="handleClick"  >
+                            <el-tab-pane label="新增模块" name="first">
+                                 <new-feature> </new-feature>
+                            </el-tab-pane>
+                            <el-tab-pane label="已使用" name="second">
+
+                            </el-tab-pane>
+                        </el-tabs>
+                    </el-tab-pane>
+                    <el-tab-pane label="联系我们">
+                        <el-tabs v-model="activeName" @tab-click="handleClick">
+                            <el-tab-pane label="新增模块" name="three">
+
+                            </el-tab-pane>
+                            <el-tab-pane label="已使用" name="four">
+                                
+                            </el-tab-pane>
+                        </el-tabs>                        
+                    </el-tab-pane>
+                </el-tabs>
+            <!-- 已使用 -->
+           
+      </div>
+   </div>
+</template>
+
+<script> 
+import BreadCrumb from "../components/bread-crumb";
+import NewFeature from "./components/new-feature";
+export default {
+  name: "preview",
+  components: {
+    BreadCrumb,
+    NewFeature
+  },
+  data() {
+    return {
+      crumbs: [{ path: false, name: "预览" }],
+      activeName: 'first'
+    };
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>
+
+

src/xt_permission.js

@@ -10,14 +10,14 @@ const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名
 
 router.beforeEach((to, from, next) => {
   // 线上注释
-  // if (store.getters.permission_routers === undefined) {
-  //   store.dispatch('xt_GenerateRoutes', []).then(() => {
-  //     next()
-  //   })
-  // } else {
-  //   next()
-  // }
-  // return
+  if (store.getters.permission_routers === undefined) {
+    store.dispatch('xt_GenerateRoutes', []).then(() => {
+      next()
+    })
+  } else {
+    next()
+  }
+  return
   // 线上注释
 
   NProgress.start()