Bladeren bron

静态页面

1002884655 4 jaren geleden
bovenliggende
commit
4b67347856

+ 30
- 11
package-lock.json Bestand weergeven

@@ -5555,7 +5555,8 @@
5555 5555
         "ansi-regex": {
5556 5556
           "version": "2.1.1",
5557 5557
           "bundled": true,
5558
-          "dev": true
5558
+          "dev": true,
5559
+          "optional": true
5559 5560
         },
5560 5561
         "aproba": {
5561 5562
           "version": "1.2.0",
@@ -5576,12 +5577,14 @@
5576 5577
         "balanced-match": {
5577 5578
           "version": "1.0.0",
5578 5579
           "bundled": true,
5579
-          "dev": true
5580
+          "dev": true,
5581
+          "optional": true
5580 5582
         },
5581 5583
         "brace-expansion": {
5582 5584
           "version": "1.1.11",
5583 5585
           "bundled": true,
5584 5586
           "dev": true,
5587
+          "optional": true,
5585 5588
           "requires": {
5586 5589
             "balanced-match": "^1.0.0",
5587 5590
             "concat-map": "0.0.1"
@@ -5596,17 +5599,20 @@
5596 5599
         "code-point-at": {
5597 5600
           "version": "1.1.0",
5598 5601
           "bundled": true,
5599
-          "dev": true
5602
+          "dev": true,
5603
+          "optional": true
5600 5604
         },
5601 5605
         "concat-map": {
5602 5606
           "version": "0.0.1",
5603 5607
           "bundled": true,
5604
-          "dev": true
5608
+          "dev": true,
5609
+          "optional": true
5605 5610
         },
5606 5611
         "console-control-strings": {
5607 5612
           "version": "1.1.0",
5608 5613
           "bundled": true,
5609
-          "dev": true
5614
+          "dev": true,
5615
+          "optional": true
5610 5616
         },
5611 5617
         "core-util-is": {
5612 5618
           "version": "1.0.2",
@@ -5723,7 +5729,8 @@
5723 5729
         "inherits": {
5724 5730
           "version": "2.0.3",
5725 5731
           "bundled": true,
5726
-          "dev": true
5732
+          "dev": true,
5733
+          "optional": true
5727 5734
         },
5728 5735
         "ini": {
5729 5736
           "version": "1.3.5",
@@ -5735,6 +5742,7 @@
5735 5742
           "version": "1.0.0",
5736 5743
           "bundled": true,
5737 5744
           "dev": true,
5745
+          "optional": true,
5738 5746
           "requires": {
5739 5747
             "number-is-nan": "^1.0.0"
5740 5748
           }
@@ -5749,6 +5757,7 @@
5749 5757
           "version": "3.0.4",
5750 5758
           "bundled": true,
5751 5759
           "dev": true,
5760
+          "optional": true,
5752 5761
           "requires": {
5753 5762
             "brace-expansion": "^1.1.7"
5754 5763
           }
@@ -5756,12 +5765,14 @@
5756 5765
         "minimist": {
5757 5766
           "version": "0.0.8",
5758 5767
           "bundled": true,
5759
-          "dev": true
5768
+          "dev": true,
5769
+          "optional": true
5760 5770
         },
5761 5771
         "minipass": {
5762 5772
           "version": "2.2.4",
5763 5773
           "bundled": true,
5764 5774
           "dev": true,
5775
+          "optional": true,
5765 5776
           "requires": {
5766 5777
             "safe-buffer": "^5.1.1",
5767 5778
             "yallist": "^3.0.0"
@@ -5780,6 +5791,7 @@
5780 5791
           "version": "0.5.1",
5781 5792
           "bundled": true,
5782 5793
           "dev": true,
5794
+          "optional": true,
5783 5795
           "requires": {
5784 5796
             "minimist": "0.0.8"
5785 5797
           }
@@ -5860,7 +5872,8 @@
5860 5872
         "number-is-nan": {
5861 5873
           "version": "1.0.1",
5862 5874
           "bundled": true,
5863
-          "dev": true
5875
+          "dev": true,
5876
+          "optional": true
5864 5877
         },
5865 5878
         "object-assign": {
5866 5879
           "version": "4.1.1",
@@ -5872,6 +5885,7 @@
5872 5885
           "version": "1.4.0",
5873 5886
           "bundled": true,
5874 5887
           "dev": true,
5888
+          "optional": true,
5875 5889
           "requires": {
5876 5890
             "wrappy": "1"
5877 5891
           }
@@ -5957,7 +5971,8 @@
5957 5971
         "safe-buffer": {
5958 5972
           "version": "5.1.1",
5959 5973
           "bundled": true,
5960
-          "dev": true
5974
+          "dev": true,
5975
+          "optional": true
5961 5976
         },
5962 5977
         "safer-buffer": {
5963 5978
           "version": "2.1.2",
@@ -5993,6 +6008,7 @@
5993 6008
           "version": "1.0.2",
5994 6009
           "bundled": true,
5995 6010
           "dev": true,
6011
+          "optional": true,
5996 6012
           "requires": {
5997 6013
             "code-point-at": "^1.0.0",
5998 6014
             "is-fullwidth-code-point": "^1.0.0",
@@ -6012,6 +6028,7 @@
6012 6028
           "version": "3.0.1",
6013 6029
           "bundled": true,
6014 6030
           "dev": true,
6031
+          "optional": true,
6015 6032
           "requires": {
6016 6033
             "ansi-regex": "^2.0.0"
6017 6034
           }
@@ -6055,12 +6072,14 @@
6055 6072
         "wrappy": {
6056 6073
           "version": "1.0.2",
6057 6074
           "bundled": true,
6058
-          "dev": true
6075
+          "dev": true,
6076
+          "optional": true
6059 6077
         },
6060 6078
         "yallist": {
6061 6079
           "version": "3.0.2",
6062 6080
           "bundled": true,
6063
-          "dev": true
6081
+          "dev": true,
6082
+          "optional": true
6064 6083
         }
6065 6084
       }
6066 6085
     },

BIN
src/assets/img/yaoqingma.png Bestand weergeven


+ 11
- 1
src/components/common/MainPageContainer/index.vue Bestand weergeven

@@ -119,7 +119,8 @@ export default {
119 119
   },
120 120
   computed: {
121 121
     ...mapUserState({
122
-      UserInfo: x => x.UserInfo // 用户信息
122
+      UserInfo: x => x.UserInfo, // 用户信息
123
+      CurrentShopInfo: x => x.CurrentShopInfo
123 124
     })
124 125
   },
125 126
   components: {
@@ -160,6 +161,15 @@ export default {
160 161
         } else {
161 162
           this.$router.push({ name: 'SignIn' })
162 163
         }
164
+      } else {
165
+        this.$emit('UserInfoChange')
166
+        if (this.CurrentShopInfo === null) {
167
+          this.GetCurrentShopInfo().then(() => { // 获取当前店铺信息
168
+            this.$emit('ShopInfoChange')
169
+          })
170
+        } else {
171
+          this.$emit('ShopInfoChange')
172
+        }
163 173
       }
164 174
     }
165 175
   }

+ 11
- 12
src/pages/PaiJiang/PaiJiangGuanLi/index.vue Bestand weergeven

@@ -137,22 +137,21 @@ export default {
137 137
     SendMoney () { // 派奖
138 138
       if (this.DataLock || this.SelectNum === 0) return
139 139
       this.DataLock = true
140
-      let OrderId = []
141
-      let Index = null
140
+      let CurrentOrder = null
142 141
       this.PageList.map((item, index) => {
143 142
         if (item.Active) {
144
-          Index = index
145
-          OrderId.push(item.orderId)
143
+          CurrentOrder = { ...item }
146 144
         }
147 145
       })
148
-      this.SendPrize({ urlData: { id: OrderId.join(',') } }).then(() => {
149
-        this.Toast('派奖成功')
150
-        this.PageList.splice(Index, 1)
151
-        this.DataLock = false
152
-      }).catch((res) => {
153
-        this.Toast(res.data.message)
154
-        this.DataLock = false
155
-      })
146
+      window.location.href = `/api/shop/sent-award/order/${CurrentOrder.orderId}?returlURL=${encodeURIComponent(`${window.location.origin}/#/PaiJiang/PaiJiangGuanLi`)}&token=${window.localStorage.Jwt}`
147
+      // this.SendPrize({ urlData: { id: OrderId.join(',') } }).then(() => {
148
+      //   this.Toast('派奖成功')
149
+      //   this.PageList.splice(Index, 1)
150
+      //   this.DataLock = false
151
+      // }).catch((res) => {
152
+      //   this.Toast(res.data.message)
153
+      //   this.DataLock = false
154
+      // })
156 155
     },
157 156
     SelectAll () {
158 157
       if (this.SelectNum === this.PageList.length) {

+ 2
- 1
src/pages/WoDe/ShouYe/index.vue Bestand weergeven

@@ -59,7 +59,8 @@ export default {
59 59
         // { Name: '派奖管理', Icon: '', Router: 'PaiJiangGuanLi' },
60 60
         { Name: '购彩订单', Icon: require('../../../assets/img/goucaidingdan.png'), Router: 'DingDanLiuShui' },
61 61
         { Name: '收款管理', Icon: require('../../../assets/img/shoukuanguanli.png'), Router: 'ZhiFuBaoRenZheng' },
62
-        { Name: '彩种设置', Icon: require('../../../assets/img/caizhongshezhi.png'), Router: 'CaiZhongSheZhi' }
62
+        { Name: '彩种设置', Icon: require('../../../assets/img/caizhongshezhi.png'), Router: 'CaiZhongSheZhi' },
63
+        { Name: '邀请码', Icon: require('../../../assets/img/yaoqingma.png'), Router: 'XiaZaiErWeiMa' }
63 64
       ]
64 65
     }
65 66
   },

+ 61
- 0
src/pages/WoDe/XiaZaiErWeiMa/index.vue Bestand weergeven

@@ -0,0 +1,61 @@
1
+<template>
2
+  <div class="Page">
3
+    <MainPageContainer @ShopInfoChange="Init" :ShowMainHeader="true" :ShowMainHeaderBack="true" MainHeaderTitle="邀请注册">
4
+      <div class="PageContainer">
5
+        <div class="centerLabel">
6
+          <span>您的邀请码为</span>
7
+          <span v-if="CurrentShopInfo !== null">{{CurrentShopInfo.inviteCode}}</span>
8
+          <span>好友也可在注册时直接填写邀请码</span>
9
+          <div class="QrCode">
10
+            <div>
11
+              <img v-if="QrCodeUrl !== null" :src="QrCodeUrl" class="contain" alt="">
12
+            </div>
13
+          </div>
14
+        </div>
15
+      </div>
16
+    </MainPageContainer>
17
+  </div>
18
+</template>
19
+
20
+<script>
21
+import QRCode from 'qrcode'
22
+import MainPageContainer from '../../../components/common/MainPageContainer'
23
+import { createNamespacedHelpers } from 'vuex'
24
+const { mapState: mapUserState } = createNamespacedHelpers('user')
25
+export default {
26
+  name: '',
27
+  data () {
28
+    return {
29
+      QrCodeUrl: null
30
+    }
31
+  },
32
+  computed: {
33
+    ...mapUserState({
34
+      CurrentShopInfo: x => x.CurrentShopInfo
35
+    })
36
+  },
37
+  components: {
38
+    MainPageContainer
39
+  },
40
+  created () {
41
+  },
42
+  mounted () {
43
+    this.$nextTick(() => {
44
+    })
45
+  },
46
+  methods: {
47
+    Init () {
48
+      QRCode.toDataURL(`https://app.xnsport.cn/#/Register?code=${this.CurrentShopInfo.inviteCode}`).then((res) => {
49
+        this.QrCodeUrl = res
50
+      }).catch((res) => {
51
+        console.log(res)
52
+      })
53
+    }
54
+  }
55
+}
56
+</script>
57
+
58
+<!-- Add "scoped" attribute to limit CSS to this component only -->
59
+<style lang="scss" scoped>
60
+@import "page.scss";
61
+</style>

+ 54
- 0
src/pages/WoDe/XiaZaiErWeiMa/page.scss Bestand weergeven

@@ -0,0 +1,54 @@
1
+.Page {
2
+  width: 100%;
3
+  height: 100%;
4
+  position: relative;
5
+  overflow: hidden;
6
+  .PageContainer {
7
+    width: 100%;
8
+    height: 100%;
9
+    position: relative;
10
+    > div {
11
+      z-index: 2;
12
+      width: 70%;
13
+      background: #fff;
14
+      box-shadow: 0 0 0.02rem 0.02rem rgba(0, 0, 0, 0.05);
15
+      border-radius: 0.06rem;
16
+      padding: 0.15rem;
17
+      > span {
18
+        display: block;
19
+        text-align: center;
20
+        line-height: 1.5;
21
+        margin-top: 0.02rem;
22
+        &:nth-child(1) {
23
+          font-size: 0.16rem;
24
+          font-weight: bold;
25
+        }
26
+        &:nth-child(2) {
27
+          font-size: 0.2rem;
28
+          font-weight: bold;
29
+          color: #d91d36;
30
+        }
31
+        &:nth-child(3) {
32
+          font-size: 0.12rem;
33
+          color: #999;
34
+        }
35
+      }
36
+      > .QrCode {
37
+        border-top: 0.01rem dashed #ccc;
38
+        margin-top: 0.15rem;
39
+        padding-bottom: 100%;
40
+        position: relative;
41
+        overflow: hidden;
42
+        height: 0;
43
+        > div {
44
+          width: 50%;
45
+          position: absolute;
46
+          left: 25%;
47
+          top: 25%;
48
+          bottom: 25%;
49
+          overflow: hidden;
50
+        }
51
+      }
52
+    }
53
+  }
54
+}

+ 5
- 0
src/router/index.js Bestand weergeven

@@ -87,6 +87,11 @@ let router = new Router({
87 87
             path: '/WoDe/GeRenSheZhi', // 个人中心-个人设置
88 88
             name: 'GeRenSheZhi',
89 89
             component: resolve => (require(['@/pages/WoDe/GeRenSheZhi'], resolve))
90
+          },
91
+          {
92
+            path: '/WoDe/XiaZaiErWeiMa', // 个人中心-下载二维码
93
+            name: 'XiaZaiErWeiMa',
94
+            component: resolve => (require(['@/pages/WoDe/XiaZaiErWeiMa'], resolve))
90 95
           }
91 96
         ]
92 97
       },