静态页面

config/index.js

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

src/pages/WoDe/CaiPiaoXiangQing/index.vue

@@ -39,13 +39,8 @@
             <span class="flex-item">开奖结果</span>
           </div>
           <ul>
-            <li>1</li>
-            <li>2</li>
-            <li>3</li>
-            <li>4</li>
-            <li>5</li>
-            <li>6</li>
-            <li>7</li>
+            <li v-for="(item, index) in Detail.prize.result.split(',')" :key="`First-${index}`">{{item}}</li>
+            <li v-for="(item, index) in (Detail.prize.secondResult || '').split(',')" :key="`Sec-${index}`" :style="{display: item === '' ? 'none' : 'inline-block'}" class="active">{{item}}</li>
           </ul>
         </div>
 
@@ -54,12 +49,9 @@
             <span class="flex-item">投注信息</span>
             <span>{{Detail.betting.notesNum}}注{{Detail.betting.bettingTimes}}倍</span>
           </div>
-          <div class="List flex-h" v-for="(item, index) in Detail.plan.itemList" :key="index">
+          <div class="List flex-h" v-for="(item, index) in Detail.plan.itemList" :key="index" v-if="Detail.betting.lotteryId !== 'p5' && Detail.betting.lotteryId !== 'p3'">
             <span v-if="Detail.betting.lotteryId !== 'football' && Detail.betting.lotteryId !== 'basketball'">{{item.isDan ? '复式' : '单式'}}</span>
             <div class="flex-item">
-              <ul v-if="Detail.betting.lotteryId === 'p5' || Detail.betting.lotteryId === 'p3'">
-                <li v-for="(subItem, subIndex) in item.firstNums.split(',')" :key="subIndex">{{subItem}}</li>
-              </ul>
               <ul v-if="Detail.betting.lotteryId === 'lottery' || Detail.betting.lotteryId === 'double-color'">
                 <li v-for="(subItem, subIndex) in item.firstNums.split(',')" :key="`First-${subIndex}`">{{subItem}}</li>
                 <li v-for="(subItem, subIndex) in item.secondNums.split(',')" :key="`Second-${subIndex}`" class="active">{{subItem}}</li>
@@ -72,6 +64,51 @@
               </div>
             </div>
           </div>
+          <div class="List flex-h" v-if="Detail.betting.lotteryId === 'p5'">
+            <div class="flex-item">
+              <ul v-for="(item, index) in P5Arr" :key="index" class="PaiLie">
+                <li v-for="(subItem, subIndex) in item[0]" :key="`Wan-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>万</span>
+                </li>
+                <li v-for="(subItem, subIndex) in item[1]" :key="`Qian-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>千</span>
+                </li>
+                <li v-for="(subItem, subIndex) in item[2]" :key="`Bai-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>百</span>
+                </li>
+                <li v-for="(subItem, subIndex) in item[3]" :key="`Shi-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>十</span>
+                </li>
+                <li v-for="(subItem, subIndex) in item[4]" :key="`Ge-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>个</span>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="List flex-h" v-if="Detail.betting.lotteryId === 'p3'">
+            <div class="flex-item">
+              <ul v-for="(item, index) in P3Arr" :key="index" :class="[item.length <= 3 ? 'PaiLie' : '']">
+                <li v-if="item.length <= 3" v-for="(subItem, subIndex) in item[0]" :key="`Bai-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>百</span>
+                </li>
+                <li v-if="item.length <= 3" v-for="(subItem, subIndex) in item[1]" :key="`Shi-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>十</span>
+                </li>
+                <li v-if="item.length <= 3" v-for="(subItem, subIndex) in item[2]" :key="`Ge-${subIndex}`">
+                  <span>{{subItem}}</span>
+                  <span>个</span>
+                </li>
+                <li v-else v-for="(subItem, subIndex) in item" :key="`Fu-${subIndex}`">{{subItem}}</li>
+              </ul>
+            </div>
+          </div>
         </div>
 
         <div class="OrderInfo">
@@ -123,6 +160,8 @@ export default {
   name: '',
   data () {
     return {
+      P5Arr: [],
+      P3Arr: [],
       Detail: null
     }
   },
@@ -147,6 +186,35 @@ export default {
     Init () { // 初始化
       this.GetBettingDetail({ urlData: { id: this.$route.query.id } }).then((res) => {
         this.Detail = res.data.data
+        if (this.Detail.betting.lotteryId === 'p5') {
+          let P5Arr = []
+          this.Detail.plan.itemList.map((item) => {
+            let Arr = []
+            Arr = item.firstNums.split(',')
+            Arr.map((subItem, subIndex) => {
+              Arr[subIndex] = subItem.split(' ')
+            })
+            P5Arr.push(Arr)
+          })
+          this.P5Arr = P5Arr
+        }
+        if (this.Detail.betting.lotteryId === 'p3') {
+          let P3Arr = []
+          this.Detail.plan.itemList.map((item) => {
+            if (item.firstNums.split(',').length > 3) {
+              P3Arr.push(item.firstNums.split(','))
+            } else {
+              let Arr = []
+              Arr = item.firstNums.split(',')
+              Arr.map((subItem, subIndex) => {
+                Arr[subIndex] = subItem.split(' ')
+              })
+              P3Arr.push(Arr)
+            }
+          })
+          this.P3Arr = P3Arr
+          console.log(JSON.stringify(this.P3Arr))
+        }
       })
     }
   }

src/pages/WoDe/CaiPiaoXiangQing/page.scss

@@ -159,6 +159,20 @@
                 background: #3f63e5;
               }
             }
+            &.PaiLie {
+              > li {
+                width: 0.3rem;
+                height: 0.3rem;
+                line-height: 0.3rem;
+                > span {
+                  display: block;
+                  text-align: center;
+                  font-size: 10px;
+                  color: #fff;
+                  line-height: 14px;
+                }
+              }
+            }
           }
           > div {
             border-top: 0.01rem solid #f8f8f8;

src/pages/index/DaLeTouDingDan/index.vue

@@ -14,7 +14,7 @@
                 <ul>
                   <li v-for="(subItem, subIndex) in item.SortArr" :key="subIndex" :class="{'active': !subItem.IsFirst}">
                     <div class="centerLabel">
-                      <span>{{subItem.Num}}</span>
+                      <span>{{subItem.Num - 0 > 9 ? subItem.Num : `0${subItem.Num}`}}</span>
                       <span v-if="subItem.IsDan">胆</span>
                     </div>
                   </li>
@@ -182,15 +182,26 @@ export default {
       this.CurrentStoreId = item.shopId === this.CurrentStoreId ? null : item.shopId
       this.DataLock = false
     },
+    ResToString (target) {
+      let arr = []
+      target.map((item) => {
+        arr.push(item - 0 > 9 ? `${item}` : `0${item}`)
+      })
+      return arr
+    },
     ToPostBetting () { // 去下注
       if (this.DataLock || !this.DaLeTouCart.length || this.CurrentStoreId === null) return
       this.DataLock = true
       let ListData = []
       this.DaLeTouCart.map((item) => {
         item.FirstRes.Dan.sort((a, b) => { return a - b })
+        item.FirstRes.Dan = this.ResToString(item.FirstRes.Dan)
         item.FirstRes.Tuo.sort((a, b) => { return a - b })
+        item.FirstRes.Tuo = this.ResToString(item.FirstRes.Tuo)
         item.LastRes.Dan.sort((a, b) => { return a - b })
+        item.LastRes.Dan = this.ResToString(item.LastRes.Dan)
         item.LastRes.Tuo.sort((a, b) => { return a - b })
+        item.LastRes.Tuo = this.ResToString(item.LastRes.Tuo)
         ListData.push({
           amount: item.Count, // 购买注数
           charges: this.IsAdd ? item.Count * 3 * 100 : item.Count * 200, // 价格

src/pages/index/DingDanZhiFuZhuangTai/index.vue

@@ -8,8 +8,8 @@
           <i class="iconfont iconchenggong active" v-if="OrderStatus === 'Success'"></i>
           <span v-if="OrderStatus === 'Success'">投注成功</span>
           <!-- <a v-if="OrderStatus === 'Error'" :href="`/api/app/order/alipay/betting?orderId=${$route.query.id}&returlURL=${LocationOrigin}&token=${Jwt}&routerName=${$route.query.routerName}`">重新支付</a> -->
-          <router-link :to="{ name: 'index' }">返回首页</router-link>
-          <router-link :to="{ name: 'CaiPiaoXiangQing', query: { id: $route.query.bettingId } }">查看投注</router-link>
+          <a @click="ReplaceLink({ name: 'index' })">返回首页</a>
+          <a @click="ReplaceLink({ name: 'CaiPiaoXiangQing', query: { id: $route.query.bettingId } })">查看投注</a>
         </div>
       </div>
     </MainPageContainer>
@@ -50,6 +50,9 @@ export default {
           this.OrderStatus = res.data.data === 1 ? 'Success' : 'Error'
         })
       }
+    },
+    ReplaceLink (target) {
+      this.$router.replace({ ...target })
     }
   }
 }

src/pages/index/PaiLie5DingDan/index.vue

@@ -196,6 +196,7 @@ export default {
     ]),
     Init () { // 初始化
       this.PageList = [...this.PaiLie5Cart]
+      console.log(this.PageList)
       this.CalcTotalCount()
       this.CreateData()
       this.GetStoreList({
@@ -224,13 +225,18 @@ export default {
       this.DataLock = true
       let ListData = []
       this.PaiLie5Cart.map((item) => {
-        let ItemArr = []
-        for (let key in item) {
-          if (key !== 'ft-Count' && key !== 'Type') {
-            ItemArr.push(item[key])
-          }
-        }
-        ItemArr.sort((a, b) => { return a - b })
+        let ItemArr = ['', '', '', '', '']
+        // for (let key in item) {
+        //   if (key !== 'Count' && key !== 'Type') {
+        //     ItemArr.push(item[key])
+        //   }
+        // }
+        // ItemArr.sort((a, b) => { return a - b })
+        ItemArr[0] = item.WanWei.join(' ')
+        ItemArr[1] = item.QianWei.join(' ')
+        ItemArr[2] = item.BaiWei.join(' ')
+        ItemArr[3] = item.ShiWei.join(' ')
+        ItemArr[4] = item.GeWei.join(' ')
         ListData.push({
           amount: item.Count, // 购买注数
           charges: item.Count * 200, // 价格

src/pages/index/ShuangSeQiuDingDan/index.vue

@@ -14,7 +14,7 @@
                 <ul>
                   <li v-for="(subItem, subIndex) in item.SortArr" :key="subIndex" :class="{'active': !subItem.IsFirst}">
                     <div class="centerLabel">
-                      <span>{{subItem.Num}}</span>
+                      <span>{{subItem.Num - 0 > 9 ? subItem.Num : `0${subItem.Num}`}}</span>
                       <span v-if="subItem.IsDan">胆</span>
                     </div>
                   </li>
@@ -173,15 +173,26 @@ export default {
       'PostBetting',
       'GetStoreList'
     ]),
+    ResToString (target) {
+      let arr = []
+      target.map((item) => {
+        arr.push(item - 0 > 9 ? `${item}` : `0${item}`)
+      })
+      return arr
+    },
     ToPostBetting () { // 去下注
       if (this.DataLock || !this.ShuangSeQiuCart.length || this.CurrentStoreId === null) return
       this.DataLock = true
       let ListData = []
       this.ShuangSeQiuCart.map((item) => {
         item.FirstRes.Dan.sort((a, b) => { return a - b })
+        item.FirstRes.Dan = this.ResToString(item.FirstRes.Dan)
         item.FirstRes.Tuo.sort((a, b) => { return a - b })
+        item.FirstRes.Tuo = this.ResToString(item.FirstRes.Tuo)
         item.LastRes.Dan.sort((a, b) => { return a - b })
+        item.LastRes.Dan = this.ResToString(item.LastRes.Dan)
         item.LastRes.Tuo.sort((a, b) => { return a - b })
+        item.LastRes.Tuo = this.ResToString(item.LastRes.Tuo)
         ListData.push({
           amount: item.Count, // 购买注数
           charges: item.Count * 200, // 价格