接口调试

src/pages/index/DaLeTou/index.vue

@@ -91,31 +91,33 @@
       <a class="iconfont iconjian Delete"></a>
       <div class="flex-item">
         <div>
-          <div>
-            <span>￥2</span>
-            <span>1注</span>
+          <div v-if="TotalResNum">
+            <span>￥{{TotalResNum * 2}}</span>
+            <span>{{TotalResNum}}注</span>
           </div>
-          <span>至少选5橙球2蓝球</span>
+          <span v-else>至少选5橙球2蓝球</span>
         </div>
       </div>
       <a class="Btn" :class="{'active': CanCreateRes}">加入选号</a>
-      <a class="Btn" :class="{'active': CanCreateRes}">投注</a>
+      <a class="Btn" :class="{'active': CanCreateRes}" @click="CreateOrder">投注</a>
     </div>
 
   </div>
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
+import { mapMutations, createNamespacedHelpers } from 'vuex'
+const { mapMutations: mapUserMutations } = createNamespacedHelpers('user')
 export default {
   name: '',
   data () {
     return {
+      TotalResNum: 0, // 总注数
       FastSelectIndex: null, // 快速选取索引值
       CanCreateRes: false, // 选取结果是否合法
       DataLock: false, // 数据锁
       ShowMiss: false, // 显隐遗漏
-      ResList: [], // 结果数据
+      ResObj: { FirstRes: null, LastRes: null }, // 结果数据
       FirstList: [], // 前区号码池
       LastList: [] // 后区号码池
     }
@@ -144,6 +146,16 @@ export default {
     ...mapMutations([
       'EditMainData' // 配置页面框架数据
     ]),
+    ...mapUserMutations([
+      'AddDaLeTouCart' // 新增大乐透购物车
+    ]),
+    CreateOrder () { // 去投注
+      if (this.DataLock || !this.CanCreateRes) return
+      this.DataLock = true
+      this.AddDaLeTouCart({ ...this.ResObj, Count: this.TotalResNum })
+      this.DataLock = false
+      this.$router.push({ name: 'DaLeTouDingDan' })
+    },
     CreatNumList () { // 创建号码池数据
       for (let n = 0; n < 35; n++) {
         this.FirstList.push({ Num: n + 1 > 9 ? n + 1 : `0${n + 1}`, Active: 0, MissNum: 5 })
@@ -184,14 +196,16 @@ export default {
       let Res = { FirstArr: [], LastArr: [] }
       FirstArr.map((item) => {
         this.FirstList[item].Active = 1
-        Res.FirstArr.push(this.FirstList[item].Num)
+        Res.FirstArr.push(this.FirstList[item].Num - 0)
       })
       let LastArr = this.SelectRandomIndexFromArr(12, 2)
       LastArr.map((item) => {
         this.LastList[item].Active = 1
-        Res.FirstArr.push(this.LastList[item].Num)
+        Res.LastArr.push(this.LastList[item].Num - 0)
       })
-      this.ResList = [{ ...Res }]
+      this.CreateTotalRes({ Dan: [], Tuo: Res.FirstArr }, { Dan: [], Tuo: Res.LastArr }) // 计算总注数
+      this.ResObj.FirstRes = { Dan: [], Tuo: Res.FirstArr }
+      this.ResObj.LastRes = { Dan: [], Tuo: Res.LastArr }
       this.CanCreateRes = true
       this.DataLock = false
     },
@@ -199,19 +213,22 @@ export default {
       if (this.DataLock) return false
       this.DataLock = true
       this.FastSelectIndex = 2
+      let Res = { FirstArr: [], LastArr: [] }
       this.FirstList.map((item) => { // 前区清空
         item.Active = 0
       })
       this.LastList.map((item) => { // 后区全选
         item.Active = 1
+        Res.LastArr.push(item.Num - 0)
       })
       let FirstArr = this.SelectRandomIndexFromArr(35, 5)
-      let Res = { FirstArr: [], LastArr: [] }
       FirstArr.map((item) => {
         this.FirstList[item].Active = 1
-        Res.FirstArr.push(this.FirstList[item].Num)
+        Res.FirstArr.push(this.FirstList[item].Num - 0)
       })
-      // this.ResList = [{ ...Res }]
+      this.CreateTotalRes({ Dan: [], Tuo: Res.FirstArr }, { Dan: [], Tuo: Res.LastArr }) // 计算总注数
+      this.ResObj.FirstRes = { Dan: [], Tuo: Res.FirstArr }
+      this.ResObj.LastRes = { Dan: [], Tuo: Res.LastArr }
       this.CanCreateRes = true
       this.DataLock = false
     },
@@ -229,52 +246,51 @@ export default {
         }
       })
       this.CanCreateRes = CurrentFirstList.length >= 5 && CurrentLastList.length >= 2 // 前区选号个数必须大于等于5 && 后区选号个数必须大于等于2
-      if (this.CanCreateRes) { // 选取结果合法时，枚举选取结果
-        console.log(JSON.stringify(CurrentFirstList), JSON.stringify(CurrentLastList))
-        this.ResList = this.CreateTotalRes(this.CreateFirstRes(CurrentFirstList), this.CreateLastRes(CurrentLastList))
+      if (this.CanCreateRes) { // 选取结果合法时，计算选取结果
+        this.CreateTotalRes(this.CreateTuoDanRes(CurrentFirstList), this.CreateTuoDanRes(CurrentLastList))
+        this.ResObj.FirstRes = this.CreateTuoDanRes(CurrentFirstList)
+        this.ResObj.LastRes = this.CreateTuoDanRes(CurrentLastList)
       }
       this.DataLock = false
     },
-    SelectItemFromArr (arr, start, result, count, num, arrlength, savearr = []) {
-      let i = 0
-      for (i = start; i < arrlength + 1 - count; i++) {
-        result[count - 1] = i
-        if (count - 1 === 0) {
-          let j
-          for (j = num - 1; j >= 0; j--) {
-            savearr.push(arr[result[j]])
-          }
-          console.log(savearr)
-        } else {
-          this.SelectItemFromArr(arr, i + 1, result, count - 1, num, arrlength)
-        }
-      }
-    },
-    // SelectItemFromArr (arr, count) { // 数组中抽取若干元素，并枚举
-    //   let NumArr = []
-    //   arr.map((item) => {
-    //     NumArr.push(item.Num - 0)
-    //   })
-    //   return NumArr
-    // },
-    CreateFirstRes (arr) { // 生成前区结果
+    CreateTuoDanRes (arr) { // 生成拖胆结果
       let DanArr = []
       let TuoArr = []
       arr.map((item) => {
         if (item.Active === 2) { // 选出胆号
-          DanArr.push(item)
+          DanArr.push(item.Num - 0)
         } else { // 选出拖号
-          TuoArr.push(item)
+          TuoArr.push(item.Num - 0)
         }
       })
-      console.log(this.SelectItemFromArr(TuoArr, 5 - DanArr.length))
-      return []
+      return { Dan: DanArr.sort((a, b) => { return a - b }), Tuo: TuoArr.sort((a, b) => { return a - b }) }
     },
-    CreateLastRes () { // 生成后区结果
-      return []
+    CreateTotalRes (FirstRes, LastRes) { // 生成所有注数
+      let FirstResNum = 0
+      let LastResNum = 0
+      let m = 0
+      let n = 0
+      if (FirstRes.Dan.length) {
+        m = FirstRes.Tuo.length
+        n = 5 - FirstRes.Dan.length
+      } else {
+        m = FirstRes.Tuo.length
+        n = 5
+      }
+      FirstResNum = this.JieCheng(m) / (this.JieCheng(n) * this.JieCheng(m - n))
+
+      if (LastRes.Dan.length) {
+        m = LastRes.Tuo.length
+        n = 2 - LastRes.Dan.length
+      } else {
+        m = LastRes.Tuo.length
+        n = 2
+      }
+      LastResNum = this.JieCheng(m) / (this.JieCheng(n) * this.JieCheng(m - n))
+      this.TotalResNum = FirstResNum * LastResNum
     },
-    CreateTotalRes (FirstArr, LastArr) { // 生成所有结果
-      return []
+    JieCheng (num) {
+      return num > 0 ? num * this.JieCheng(num - 1) : 1
     },
     SelectFirstItem (item, index) { // 前区选号
       if (this.DataLock) return

src/pages/index/DaLeTouDingDan/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="Page">
+    大乐透订单
+  </div>
+</template>
+
+<script>
+import { mapMutations, createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
+export default {
+  name: '',
+  data () {
+    return {
+    }
+  },
+  computed: {
+    ...mapUserState({
+      DaLeTouCart: x => x.DaLeTouCart // 大乐透购物车
+    })
+  },
+  components: {
+  },
+  created () {
+    this.EditMainData([ // 配置页面框架数据
+      { name: 'MainTitleClick', value: () => { } },
+      { name: 'ShowMainHeader', value: true },
+      { name: 'ShowMainTitleIcon', value: false },
+      { name: 'ShowMainTabBar', value: false },
+      { name: 'MainHeaderTitle', value: '购物车' },
+      { name: 'MainTabBarActiveId', value: null },
+      { name: 'ShowMainHeaderBack', value: true }
+    ])
+    console.log(this.DaLeTouCart.length)
+  },
+  mounted () {
+    this.$nextTick(() => {
+    })
+  },
+  methods: {
+    ...mapMutations([
+      'EditMainData' // 配置页面框架数据
+    ]),
+    ...mapUserMutations([
+      'DeleteDaLeTouCart'
+    ])
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import "page.scss";
+</style>

src/pages/index/DaLeTouDingDan/page.scss

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

src/router/index.js

@@ -33,6 +33,10 @@ let router = new Router({
             path: '/index/DaLeTou', // 大乐透
             name: 'DaLeTou',
             component: resolve => (require(['@/pages/index/DaLeTou'], resolve))
+          }, {
+            path: '/index/DaLeTouDingDan', // 大乐透订单
+            name: 'DaLeTouDingDan',
+            component: resolve => (require(['@/pages/index/DaLeTouDingDan'], resolve))
           }, {
             path: '/index/ShuangSeQiu', // 双色球
             name: 'ShuangSeQiu',

src/store/user/index.js

@@ -4,6 +4,8 @@ import ToolClass from '../../util/PublicMethod'
 export default {
   namespaced: true,
   state: {
+    DaLeTouCart: [], // 大乐透购物车
+    ShuangSeQiuCart: [], // 双色球购物车
     UserInfo: null, // 用户信息
     UserOrderList: [ // 用户订单
       { createDate: '2020-08-14  15:10:20', dateNum: '202076期', type: '超级大乐透', typeId: 'dlt', amount: 2, id: 1, orderNum: 'TE202008140000146179970', status: '已撤单' },
@@ -38,6 +40,24 @@ export default {
   mutations: {
     UpdateUserInfo (state, data) { // 更新用户信息
       state.UserInfo = data || null
+    },
+    AddDaLeTouCart (state, data) { // 新增大乐透购物车
+      state.DaLeTouCart.push(data)
+    },
+    DeleteDaLeTouCart (state, data) { // 删除大乐透购物车
+      state.DaLeTouCart.splice(data, 1)
+    },
+    EmptyDaLeTouCart (state, data) { // 清空大乐透购物车
+      state.DaLeTouCart = []
+    },
+    AddShuangSeQiuCart (state, data) { // 新增双色球购物车
+      state.ShuangSeQiuCart.push(data)
+    },
+    DeleteShuangSeQiuCart (state, data) { // 删除双色球购物车
+      state.ShuangSeQiuCart.splice(data, 1)
+    },
+    EmptyShuangSeQiuCart (state, data) { // 清空双色球购物车
+      state.ShuangSeQiuCart = []
     }
   },
   actions: {