Merge branch 'master' of http://git.ycjcjy.com/xuchengxiang/niucai-admin into master

config/index.js

@@ -11,16 +11,16 @@ module.exports = {
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
-      '/api': {
-        target: 'http://123.57.65.31:9004',
-        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
-        pathRewrite: { '^/api': '/api' }
-      }
       // '/api': {
-      //   target: 'https://app.xnsport.cn',
+      //   target: 'http://123.57.65.31:9004',
       //   changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
       //   pathRewrite: { '^/api': '/api' }
       // }
+      '/api': {
+        target: 'https://app.xnsport.cn',
+        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        pathRewrite: { '^/api': '/api' }
+      }
       // '/api': {
       //   target: 'http://114.67.101.226:8080',
       //   changeOrigin: false, // 如果接口跨域，需要进行这个参数配置

index.html

@@ -5,7 +5,7 @@
   <meta charset='utf-8'>
   <meta content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' name='viewport'>
   <meta name="referrer" content="no-referrer">
-  <link rel="stylesheet" href="//at.alicdn.com/t/font_2039339_andzb6ioaem.css">
+  <link rel="stylesheet" href="//at.alicdn.com/t/font_2039339_uyf9mpavx8.css">
   <script src="//api.map.baidu.com/api?v=2.0&ak=NH4DjAzwLcPkHgwBLWcfeZfr3uUnTlwk"></script>
   <title>牛彩</title>
   <script>

package-lock.json

@@ -5559,12 +5559,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5579,17 +5581,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5706,7 +5711,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5718,6 +5724,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5732,6 +5739,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5739,12 +5747,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5763,6 +5773,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5843,7 +5854,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5855,6 +5867,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5976,6 +5989,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

src/components/common/MainPageContainer/index.vue

@@ -80,9 +80,10 @@ export default {
     MainTabBar: { // tabbar列表
       default: () => {
         return [
-          { name: '彩单管理', icon: 'iconcaidanguanli', id: 1, router: 'CaiDanGuanLi' },
-          { name: '彩民管理', icon: 'iconyonghuguanli', id: 2, router: 'CaiMinGuanLi' },
-          { name: '个人中心', icon: 'icongerenzhongxin', id: 3, router: 'WoDe' }
+          { name: '出票', icon: 'iconcaidanguanli', id: 1, router: 'CaiDanGuanLi' },
+          { name: '派奖', icon: 'iconjiangbei', id: 2, router: 'PaiJiang' },
+          { name: '会员', icon: 'iconhuiyuan', id: 3, router: 'HuiYuan' },
+          { name: '我的', icon: 'icongerenzhongxin', id: 4, router: 'WoDe' }
         ]
       },
       type: Array

src/components/common/MainPageContainer/page.scss

@@ -53,15 +53,15 @@
           color: #fff;
         }
         > i {
-          font-size: 0.16rem;
+          font-size: 0.2rem;
           line-height: 0.22rem;
           display: inline-block;
           vertical-align: middle;
           color: #fff;
           width: 0.22rem;
           text-align: center;
-          background: rgba(255, 255, 255, 0.3);
-          border-radius: 100%;
+          // background: rgba(255, 255, 255, 0.3);
+          // border-radius: 100%;
           margin-left: 0.05rem;
         }
       }
@@ -81,6 +81,7 @@
   > .TabBar {
     align-items: center;
     border-top: 0.01rem solid #f7f7f7;
+    background: #fff;
     > div {
       text-align: center;
       font-size: 0;

src/pages/CaiMinGuanLi/ShouYe/index.vue → src/pages/HuiYuan/ShouYe/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Page">
-    <MainPageContainer :MainHeaderTitle="`彩民管理`" :MainTabBarActiveId="2" :ShowMainHeader="true" :ShowMainTabBar="true">
+    <MainPageContainer :MainHeaderTitle="`会员`" :MainTabBarActiveId="3" :ShowMainHeader="true" :ShowMainTabBar="true">
       <div class="Container flex-v">
         <router-link :to="{ name: 'CaiMinLieBiao' }" class="flex-h">
           <i class="iconfont iconyonghuguanli"></i>

src/pages/PaiJiang/PaiJiangGuanLi/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="Page">
+    <MainPageContainer :ShowMainHeader="true" :ShowMainTabBar="true" :MainTabBarActiveId="2" :MainHeaderTitle="`派奖管理`" :ShowMainHeaderBack="true" :ShowMainHeaderMore="true" :MainHeaderMoreIcon="`iconjilu`" :MainHeaderMoreText="`派奖记录`" :MainHeaderMoreClick="() => { this.$router.push({ name: 'PaiJiangJiLu' }) }">
+      <div class="PageContainer flex-v">
+        <!-- 搜索 -->
+        <div class="Search">
+          <div class="flex-h">
+            <i class="iconfont iconsousuo"></i>
+            <div class="flex-item">
+              <input type="text" placeholder="请输入您要查询的派奖类型">
+            </div>
+          </div>
+        </div>
+
+        <!-- nav -->
+        <div class="Nav flex-h">
+          <div class="flex-item">
+            <swiper :options="SwiperOptions" ref="MySwiper">
+              <swiper-slide v-for="(item, index) in NavList" class="SwiperItem" :key="index">
+                <a :class="{'active': item.Id === ActiveNavId}" @click="CutNav(item.Id)">{{item.Name}}</a>
+              </swiper-slide>
+            </swiper>
+          </div>
+          <a class="iconfont iconcaidan"></a>
+        </div>
+
+        <!-- 列表 -->
+        <div class="ListContainer flex-item">
+          <div>
+            <scroller :on-refresh="Refresh">
+              <div class="Container">
+                <ul>
+                  <li v-for="(item, index) in 15" :key="index" class="flex-h">
+                    <a class="iconfont iconweigouxuan"></a>
+                    <div class="flex-item">
+                      <div class="Title flex-h">
+                        <span class="flex-item">竞足胜平负</span>
+                        <span>1注</span>
+                        <span>1倍</span>
+                        <span><em>2.00</em>元</span>
+                      </div>
+                      <span>订单编号：TE20200810000146179970</span>
+                      <span>出票时间：2020-08-10 15:10:10</span>
+                      <div class="Res">
+                        <span>过关方式：2串1</span>
+                        <span>奖金：<em>5.20元</em></span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </scroller>
+          </div>
+        </div>
+
+        <!-- 底部栏 -->
+        <div class="Bottom flex-h">
+          <a class="iconfont iconweigouxuan"></a>
+          <span>全选</span>
+          <div class="flex-item">
+            <div>
+              <span>合计：<em>5.20元</em></span>
+            </div>
+          </div>
+          <a>派奖</a>
+        </div>
+      </div>
+    </MainPageContainer>
+  </div>
+</template>
+
+<script>
+import MainPageContainer from '../../../components/common/MainPageContainer'
+import 'swiper/dist/css/swiper.css'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
+export default {
+  name: 'index',
+  data () {
+    return {
+      SwiperOptions: {
+        slidesPerView: 'auto'
+      },
+      ActiveNavId: 1,
+      NavList: [
+        { Name: '全部彩种', Id: 1 },
+        { Name: '双色球', Id: 2 },
+        { Name: '大乐透', Id: 3 },
+        { Name: '排列三', Id: 4 },
+        { Name: '排列五', Id: 5 },
+        { Name: '足球', Id: 6 },
+        { Name: '篮球', Id: 7 }
+      ]
+    }
+  },
+  computed: {
+    MySwiper () {
+      return this.$refs.MySwiper.swiper
+    }
+  },
+  components: {
+    MainPageContainer,
+    swiper,
+    swiperSlide
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    CutNav (id) {
+      this.ActiveNavId = id
+    },
+    Refresh (done) { // 页面下拉刷新
+      window.setTimeout(() => {
+        done()
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/PaiJiang/PaiJiangGuanLi/page.scss

@@ -0,0 +1,214 @@
+.Page {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f2f2f2;
+  .PageContainer {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    > .Search {
+      padding: 0.1rem 0.15rem;
+      > div {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        border-radius: 0.3rem;
+        background: #fff;
+        align-items: center;
+        box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+        > i {
+          font-size: 0.2rem;
+          color: #999;
+          margin-left: 0.1rem;
+        }
+        > div {
+          > input {
+            width: 100%;
+            font-size: 0.12rem;
+            line-height: 0.2rem;
+            padding: 0.05rem 0;
+          }
+        }
+      }
+    }
+    > .Nav {
+      position: relative;
+      overflow: hidden;
+      background: #fff;
+      box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+      z-index: 3;
+      > .flex-item {
+        position: relative;
+        .SwiperItem {
+          display: inline-block;
+          width: auto;
+          &:last-child {
+            > a {
+              margin-right: 0.15rem;
+            }
+          }
+          > a {
+            display: inline-block;
+            font-size: 0.14rem;
+            color: #666;
+            line-height: 0.4rem;
+            margin-left: 0.15rem;
+            position: relative;
+            &.active {
+              color: #d91d36;
+              &::after {
+                content: "";
+                display: block;
+                width: 100%;
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                height: 0.02rem;
+                background: #d91d36;
+              }
+            }
+          }
+        }
+      }
+      > a {
+        font-size: 0.24rem;
+        color: #666;
+        width: 0.4rem;
+        text-align: center;
+        line-height: 0.4rem;
+        box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+      }
+    }
+    > .ListContainer {
+      position: relative;
+      overflow: hidden;
+      z-index: 2;
+      > div {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        overflow: hidden;
+        .Container {
+          > ul {
+            > li {
+              padding: 0.1rem 0.15rem;
+              background: #fff;
+              margin-top: 0.15rem;
+              box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+              position: relative;
+              > a {
+                font-size: 0.2rem;
+                color: #999;
+                margin-right: 0.1rem;
+                &.active {
+                  color: #d91d36;
+                }
+              }
+              > .flex-item {
+                > .Title {
+                  align-items: center;
+                  margin-bottom: 0.1rem;
+                  > span {
+                    font-size: 0.12rem;
+                    color: #666;
+                    line-height: 0.2rem;
+                    margin-left: 0.1rem;
+                    &:first-child {
+                      margin-left: 0;
+                      font-size: 0.16rem;
+                      color: #333;
+                    }
+                    > em {
+                      font-size: 0.12rem;
+                      color: #d91d36;
+                      font-weight: bold;
+                    }
+                  }
+                }
+                > span {
+                  display: block;
+                  font-size: 0.12rem;
+                  color: #666;
+                  line-height: 0.2rem;
+                  margin-top: 0.03rem;
+                }
+                > .Res {
+                  font-size: 0;
+                  white-space: nowrap;
+                  margin-top: 0.03rem;
+                  > span {
+                    display: inline-block;
+                    vertical-align: middle;
+                    font-size: 0.12rem;
+                    color: #666;
+                    line-height: 0.2rem;
+                    margin-left: 0.2rem;
+                    &:first-child {
+                      margin-left: 0;
+                    }
+                    > em {
+                      font-size: 0.12rem;
+                      color: #d91d36;
+                      font-weight: bold;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    > .Bottom {
+      background: #fff;
+      align-items: center;
+      box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+      position: relative;
+      z-index: 4;
+      > a {
+        &.iconfont {
+          font-size: 0.2rem;
+          margin-left: 0.15rem;
+          color: #999;
+        }
+        &:last-child {
+          font-size: 0.16rem;
+          color: #fff;
+          background: #d91d36;
+          padding: 0 0.3rem;
+          line-height: 0.5rem;
+          margin-left: 0.1rem;
+        }
+      }
+      > span {
+        font-size: 0.15rem;
+        line-height: 0.5rem;
+        margin-left: 0.1rem;
+        color: #666;
+      }
+      > div {
+        position: relative;
+        overflow: hidden;
+        > div {
+          width: 100%;
+          position: relative;
+          overflow: hidden;
+          > span {
+            display: block;
+            text-align: right;
+            font-size: 0.15rem;
+            color: #333;
+            > em {
+              font-size: 0.15rem;
+              color: #d91d36;
+              font-weight: bold;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/PaiJiang/PaiJiangJiLu/index.vue

@@ -0,0 +1,104 @@
+<template>
+  <div class="Page">
+    <MainPageContainer :ShowMainHeader="true" :MainHeaderTitle="`派奖记录`" :ShowMainHeaderBack="true">
+      <div class="PageContainer flex-v">
+        <!-- nav -->
+        <div class="Nav flex-h">
+          <div class="flex-item">
+            <swiper :options="SwiperOptions" ref="MySwiper">
+              <swiper-slide v-for="(item, index) in NavList" class="SwiperItem" :key="index">
+                <a :class="{'active': item.Id === ActiveNavId}" @click="CutNav(item.Id)">{{item.Name}}</a>
+              </swiper-slide>
+            </swiper>
+          </div>
+          <a class="iconfont iconcaidan"></a>
+        </div>
+
+        <!-- 列表 -->
+        <div class="ListContainer flex-item">
+          <div>
+            <scroller :on-refresh="Refresh">
+              <div class="Container">
+                <ul>
+                  <li v-for="(item, index) in 15" :key="index" class="flex-h">
+                    <div class="flex-item">
+                      <div class="Title flex-h">
+                        <span class="flex-item">竞足胜平负</span>
+                        <span>1注</span>
+                        <span>1倍</span>
+                        <span><em>2.00</em>元</span>
+                      </div>
+                      <span>订单编号：TE20200810000146179970</span>
+                      <span>出票时间：2020-08-10 15:10:10</span>
+                      <div class="Res">
+                        <span>过关方式：2串1</span>
+                        <span>奖金：<em>5.20元</em></span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </scroller>
+          </div>
+        </div>
+      </div>
+    </MainPageContainer>
+  </div>
+</template>
+
+<script>
+import MainPageContainer from '../../../components/common/MainPageContainer'
+import 'swiper/dist/css/swiper.css'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
+export default {
+  name: 'index',
+  data () {
+    return {
+      SwiperOptions: {
+        slidesPerView: 'auto'
+      },
+      ActiveNavId: 1,
+      NavList: [
+        { Name: '全部彩种', Id: 1 },
+        { Name: '双色球', Id: 2 },
+        { Name: '大乐透', Id: 3 },
+        { Name: '排列三', Id: 4 },
+        { Name: '排列五', Id: 5 },
+        { Name: '足球', Id: 6 },
+        { Name: '篮球', Id: 7 }
+      ]
+    }
+  },
+  computed: {
+    MySwiper () {
+      return this.$refs.MySwiper.swiper
+    }
+  },
+  components: {
+    MainPageContainer,
+    swiper,
+    swiperSlide
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    CutNav (id) {
+      this.ActiveNavId = id
+    },
+    Refresh (done) { // 页面下拉刷新
+      window.setTimeout(() => {
+        done()
+      }, 1000)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/PaiJiang/PaiJiangJiLu/page.scss

@@ -0,0 +1,141 @@
+.Page {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f2f2f2;
+  .PageContainer {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    > .Nav {
+      position: relative;
+      overflow: hidden;
+      background: #fff;
+      box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+      z-index: 3;
+      > .flex-item {
+        position: relative;
+        .SwiperItem {
+          display: inline-block;
+          width: auto;
+          &:last-child {
+            > a {
+              margin-right: 0.15rem;
+            }
+          }
+          > a {
+            display: inline-block;
+            font-size: 0.14rem;
+            color: #666;
+            line-height: 0.4rem;
+            margin-left: 0.15rem;
+            position: relative;
+            &.active {
+              color: #d91d36;
+              &::after {
+                content: "";
+                display: block;
+                width: 100%;
+                position: absolute;
+                left: 0;
+                bottom: 0;
+                height: 0.02rem;
+                background: #d91d36;
+              }
+            }
+          }
+        }
+      }
+      > a {
+        font-size: 0.24rem;
+        color: #666;
+        width: 0.4rem;
+        text-align: center;
+        line-height: 0.4rem;
+        box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+      }
+    }
+    > .ListContainer {
+      position: relative;
+      overflow: hidden;
+      z-index: 2;
+      > div {
+        width: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        overflow: hidden;
+        .Container {
+          > ul {
+            > li {
+              padding: 0.1rem 0.15rem;
+              background: #fff;
+              margin-top: 0.15rem;
+              box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
+              position: relative;
+              > a {
+                font-size: 0.2rem;
+                color: #999;
+                margin-right: 0.1rem;
+                &.active {
+                  color: #d91d36;
+                }
+              }
+              > .flex-item {
+                > .Title {
+                  align-items: center;
+                  margin-bottom: 0.1rem;
+                  > span {
+                    font-size: 0.12rem;
+                    color: #666;
+                    line-height: 0.2rem;
+                    margin-left: 0.1rem;
+                    &:first-child {
+                      margin-left: 0;
+                      font-size: 0.16rem;
+                      color: #333;
+                    }
+                    > em {
+                      font-size: 0.12rem;
+                      color: #d91d36;
+                      font-weight: bold;
+                    }
+                  }
+                }
+                > span {
+                  display: block;
+                  font-size: 0.12rem;
+                  color: #666;
+                  line-height: 0.2rem;
+                  margin-top: 0.03rem;
+                }
+                > .Res {
+                  font-size: 0;
+                  white-space: nowrap;
+                  margin-top: 0.03rem;
+                  > span {
+                    display: inline-block;
+                    vertical-align: middle;
+                    font-size: 0.12rem;
+                    color: #666;
+                    line-height: 0.2rem;
+                    margin-left: 0.2rem;
+                    &:first-child {
+                      margin-left: 0;
+                    }
+                    > em {
+                      font-size: 0.12rem;
+                      color: #d91d36;
+                      font-weight: bold;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/PaiJiang/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="Page">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data () {
+    return {
+    }
+  },
+  computed: {
+  },
+  components: {
+  },
+  created () {
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/PaiJiang/page.scss

@@ -0,0 +1,3 @@
+.Page {
+  
+}

src/pages/WoDe/ShouYe/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Page">
-    <MainPageContainer :MainTabBarActiveId="3" :ShowMainTabBar="true">
+    <MainPageContainer :MainTabBarActiveId="4" :ShowMainTabBar="true">
       <div class="Container">
         <!-- 顶部 -->
         <div class="Top">
@@ -53,11 +53,11 @@ export default {
   data () {
     return {
       UserTab: [
-        { Name: '出票管理', Icon: '', Router: '' },
-        { Name: '派奖管理', Icon: '', Router: 'PaiJiangGuanLi' },
-        { Name: '购彩订单', Icon: '', Router: 'DingDanLiuShui' },
-        { Name: '收款管理', Icon: '', Router: 'ZhiFuBaoRenZheng' },
-        { Name: '彩种设置', Icon: '', Router: 'CaiZhongSheZhi' }
+        // { Name: '出票管理', Icon: '', Router: '' },
+        // { Name: '派奖管理', Icon: '', Router: 'PaiJiangGuanLi' },
+        { Name: '购彩订单', Icon: require('../../../assets/img/goucaidingdan.png'), Router: 'DingDanLiuShui' },
+        { Name: '收款管理', Icon: require('../../../assets/img/shoukuanguanli.png'), Router: 'ZhiFuBaoRenZheng' },
+        { Name: '彩种设置', Icon: require('../../../assets/img/caizhongshezhi.png'), Router: 'CaiZhongSheZhi' }
       ]
     }
   },

src/router/index.js

@@ -35,20 +35,20 @@ let router = new Router({
         ]
       },
       {
-        path: '/CaiMinGuanLi', // 彩民管理
-        name: 'CaiMinGuanLi',
-        redirect: '/CaiMinGuanLi/ShouYe',
-        component: resolve => (require(['@/pages/CaiMinGuanLi/index'], resolve)),
+        path: '/PaiJiang', // 派奖
+        name: 'PaiJiang',
+        redirect: '/PaiJiang/PaiJiangGuanLi',
+        component: resolve => (require(['@/pages/PaiJiang/index'], resolve)),
         children: [
           {
-            path: '/CaiMinGuanLi/ShouYe', // 彩民管理-首页
-            name: 'CaiMinGuanLiShouYe',
-            component: resolve => (require(['@/pages/CaiMinGuanLi/ShouYe'], resolve))
+            path: '/PaiJiang/PaiJiangGuanLi', // 派奖管理
+            name: 'PaiJiangGuanLi',
+            component: resolve => (require(['@/pages/PaiJiang/PaiJiangGuanLi'], resolve))
           },
           {
-            path: '/CaiMinGuanLi/CaiMinLieBiao', // 彩民管理-全部彩民
-            name: 'CaiMinLieBiao',
-            component: resolve => (require(['@/pages/CaiMinGuanLi/CaiMinLieBiao'], resolve))
+            path: '/PaiJiang/PaiJiangJiLu', // 派奖记录
+            name: 'PaiJiangJiLu',
+            component: resolve => (require(['@/pages/PaiJiang/PaiJiangJiLu'], resolve))
           }
         ]
       },
@@ -87,16 +87,24 @@ let router = new Router({
             path: '/WoDe/GeRenSheZhi', // 个人中心-个人设置
             name: 'GeRenSheZhi',
             component: resolve => (require(['@/pages/WoDe/GeRenSheZhi'], resolve))
-          },
+          }
+        ]
+      },
+      {
+        path: '/HuiYuan', // 会员
+        name: 'HuiYuan',
+        redirect: '/HuiYuan/ShouYe',
+        component: resolve => (require(['@/pages/HuiYuan/index'], resolve)),
+        children: [
           {
-            path: '/WoDe/PaiJiangGuanLi', // 个人中心-派奖管理
-            name: 'PaiJiangGuanLi',
-            component: resolve => (require(['@/pages/WoDe/PaiJiangGuanLi'], resolve))
+            path: '/HuiYuan/ShouYe', // 彩民管理-首页
+            name: 'HuiYuanShouYe',
+            component: resolve => (require(['@/pages/HuiYuan/ShouYe'], resolve))
           },
           {
-            path: '/WoDe/PaiJiangJiLu', // 个人中心-派奖记录
-            name: 'PaiJiangJiLu',
-            component: resolve => (require(['@/pages/WoDe/PaiJiangJiLu'], resolve))
+            path: '/HuiYuan/CaiMinLieBiao', // 彩民管理-全部彩民
+            name: 'CaiMinLieBiao',
+            component: resolve => (require(['@/pages/HuiYuan/CaiMinLieBiao'], resolve))
           }
         ]
       },