update

mock/common.js

@@ -0,0 +1,45 @@
+
+module.exports = [
+  {
+    url: '/v1/recharge/player/type',
+    type: 'post',
+    response: config => {
+      if (Math.round(Math.random() * 2) < 1) {
+        return {
+          code: 200,
+          status: true,
+          data: [],
+          message: '成功'
+        }
+      } else {
+        return {
+          code: 200,
+          status: false,
+          data: [],
+          message: '失败'
+        }
+      }
+    }
+  },
+  {
+    url: '/v1/recharge/player',
+    type: 'post',
+    response: config => {
+      if (Math.round(Math.random() * 2) > 1) {
+        return {
+          code: 200,
+          status: true,
+          data: [],
+          message: '成功'
+        }
+      } else {
+        return {
+          code: 200,
+          status: false,
+          data: [],
+          message: '失败'
+        }
+      }
+    }
+  }
+]

mock/index.js

@@ -1,12 +1,14 @@
 const Mock = require('mockjs')
 const { param2Obj } = require('./utils')
 
+const common = require('./common')
 const user = require('./user')
 const role = require('./role')
 const article = require('./article')
 const search = require('./remote-search')
 
 const mocks = [
+  ...common,
   ...user,
   ...role,
   ...article,

src/api/common.js

@@ -1,9 +1,28 @@
 import request from '@/utils/request'
 
+// 获取验证码
 export function getSmsCode(data) {
   return request({
-    url: 'v1/tel/code',
+    url: '/v1/tel/code',
     method: 'get',
+    params: data
+  })
+}
+
+// 查询充值账号是否正常
+export function rechargePlayerType(data) {
+  return request({
+    url: 'v1/recharge/player/type',
+    method: 'post',
+    data
+  })
+}
+
+// 进行充值
+export function rechargePlayer(data) {
+  return request({
+    url: 'v1/recharge/player',
+    method: 'post',
     data
   })
 }

src/api/user.js

@@ -7,13 +7,6 @@ export function logout() {
   })
 }
 
-export function getSmsCode(data) {
-  return request({
-    url: '/v1/tel/code',
-    method: 'get',
-    params: data
-  })
-}
 export function login(data) {
   return request({
     url: '/v1/user/login',

src/settings.js

@@ -17,7 +17,7 @@ module.exports = {
    * @type {boolean} true | false
    * @description Whether fix the header
    */
-  fixedHeader: false,
+  fixedHeader: true,
 
   /**
    * @type {boolean} true | false

src/store/modules/common.js

@@ -0,0 +1,42 @@
+import { getSmsCode, rechargePlayerType, rechargePlayer } from '@/api/common'
+
+const actions = {
+  // get sms_code
+  getSmsCode({ commit }, mobile) {
+    return new Promise((resolve, reject) => {
+      getSmsCode({ tel: mobile, type: 3 }).then(response => {
+        const { message } = response
+        resolve(message)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  rechargePlayerType({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      rechargePlayerType(data).then(response => {
+        // const { message } = response
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  rechargePlayer({ commit }, data) {
+    return new Promise((resolve, reject) => {
+      rechargePlayer(data).then(response => {
+        const { message } = response
+        resolve(message)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  actions
+}

src/store/modules/user.js

@@ -1,4 +1,4 @@
-import { login, logout, getInfo, getSmsCode } from '@/api/user'
+import { login, logout, getInfo } from '@/api/user'
 import { getToken, setToken, removeToken } from '@/utils/auth'
 import router, { resetRouter } from '@/router'
 
@@ -33,18 +33,6 @@ const mutations = {
 }
 
 const actions = {
-  // get sms_code
-  getSmsCode({ commit }, mobile) {
-    return new Promise((resolve, reject) => {
-      getSmsCode({ tel: mobile, type: 3 }).then(response => {
-        const { message } = response
-        resolve(message)
-      }).catch(error => {
-        reject(error)
-      })
-    })
-  },
-
   // user login
   login({ commit }, userInfo) {
     const { mobile, smsCode } = userInfo

src/utils/request.js

@@ -1,5 +1,6 @@
 import axios from 'axios'
-import { MessageBox, Message } from 'element-ui'
+// import { MessageBox, Message } from 'element-ui'
+import { Message } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
 
@@ -56,18 +57,18 @@ service.interceptors.response.use(
       })
 
       // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
-      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
-        // to re-login
-        MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
-          confirmButtonText: 'Re-Login',
-          cancelButtonText: 'Cancel',
-          type: 'warning'
-        }).then(() => {
-          store.dispatch('user/resetToken').then(() => {
-            location.reload()
-          })
-        })
-      }
+      // if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
+      //   // to re-login
+      //   MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
+      //     confirmButtonText: 'Re-Login',
+      //     cancelButtonText: 'Cancel',
+      //     type: 'warning'
+      //   }).then(() => {
+      //     store.dispatch('user/resetToken').then(() => {
+      //       location.reload()
+      //     })
+      //   })
+      // }
       return Promise.reject(new Error(res.message || 'Error'))
     } else {
       return res

src/views/login/index.vue

@@ -137,7 +137,7 @@ export default {
   methods: {
     // 获取验证码
     getCode() {
-      this.$store.dispatch('user/getSmsCode', this.loginForm.mobile).then(() => {
+      this.$store.dispatch('common/getSmsCode', this.loginForm.mobile).then(() => {
         this.times = 10
         this.times_show = false
         this.timer = setInterval(() => {

src/views/recharge/index.vue

@@ -1,9 +1,33 @@
 <template>
   <div class="login-container">
     <el-container>
-      <el-aside width="600px">
-        <el-form ref="form" :model="form" label-width="120px">
-
+      <el-aside width="500px">
+        <el-row class="row-bg" gutter="10">
+          <el-col :span="8">
+            <span style="font-size: 5px;">贴入充值账号，一行一个账号.</span>
+            <el-input
+              v-model="accountHandle"
+              :rows="25"
+              type="textarea"
+              placeholder="待检测账号."
+            />
+          </el-col>
+          <el-col :span="6">
+            <el-button type="success" @click="confirmAccount">确认账号</el-button>
+          </el-col>
+          <el-col :span="8">
+            <span style="font-size: 5px;">账号确认成功后会显示到这里.</span>
+            <el-input
+              v-model="accountHandleSuccess"
+              :rows="25"
+              type="textarea"
+              placeholder="账号检测成功."
+            />
+          </el-col>
+        </el-row>
+      </el-aside>
+      <el-main>
+        <el-form ref="form" :model="form" label-width="100px">
           <el-form-item label="游戏平台">
             <el-select v-model="value" placeholder="Select">
               <el-option
@@ -35,7 +59,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="充值金额">
-            <el-input v-model="form.name" type="number" />
+            <el-input v-model="form.name" type="number" class="inline-input" />
           </el-form-item>
           <el-form-item label="平台折扣">
             <span>9.8折</span>
@@ -56,17 +80,7 @@
             <el-button type="primary" @click="onSubmit">立即支付</el-button>
           </el-form-item>
         </el-form>
-      </el-aside>
-      <el-container>
-        <el-main>
-          <el-input
-            v-model="textarea"
-            :rows="20"
-            type="textarea"
-            placeholder="贴入充值账号，一行一个账号."
-          />
-        </el-main>
-      </el-container>
+      </el-main>
     </el-container>
   </div>
 </template>
@@ -78,7 +92,9 @@ export default {
   name: 'Recharge',
   data() {
     return {
-      textarea: '',
+      // accountHandle: '13121776520\n13121776521\n13121776522\n13121776523\n13121776524\n13121776525', // 待处理账号
+      accountHandle: '', // 待处理账号
+      accountHandleSuccess: '', // 处理成功账号
       form: {
         name: '',
         region: '',
@@ -121,6 +137,36 @@ export default {
     },
     handleChange3(value) {
       console.log(value)
+    },
+    async confirmAccount() {
+      // 截取每一条数据
+      var accountHandle = this.accountHandle.split('\n')
+      // console.log(list)
+      var successList = []
+      var failList = []
+      for (var i = 0; i < accountHandle.length; i++) {
+        await this.requestFunc({ successList, failList }, accountHandle[i])
+      }
+      if (successList) {
+        this.accountHandleSuccess = successList.join('\n')
+      }
+      console.log('# 成功：', successList)
+      console.log('# 失败：', failList)
+    },
+    requestFunc(request, data) {
+      return new Promise((resolve, reject) => {
+        this.$store.dispatch('common/rechargePlayerType', data).then((res) => {
+          // console.log('# then:', res)
+          if (res.status === true) {
+            request.successList.push(data)
+          } else {
+            request.failList.push(data)
+          }
+          resolve()
+        }).catch((res) => {
+          resolve()
+        })
+      })
     }
   }
 }
@@ -128,7 +174,6 @@ export default {
 
 <style lang="scss">
 .login-container{
-  margin: 0;
-  padding: 0;
+  margin: 10px;
 }
 </style>