提现页面

config/index.js

@@ -13,14 +13,14 @@ module.exports = {
     proxyTable: {},
 
     // Various Dev Server settings
-    host: '192.168.0.26', // can be overwritten by process.env.HOST
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    host: '192.168.0.9', // can be overwritten by process.env.HOST
+    port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,
     notifyOnErrors: true,
     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
 
-    
+
     /**
      * Source Maps
      */

package-lock.json

@@ -320,6 +320,14 @@
       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
       "dev": true
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "atob": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
@@ -598,8 +606,7 @@
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
-      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==",
-      "dev": true
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
     },
     "babel-helpers": {
       "version": "6.24.1",
@@ -1137,7 +1144,6 @@
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
-      "dev": true,
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
@@ -2074,8 +2080,7 @@
     "core-js": {
       "version": "2.6.11",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
-      "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==",
-      "dev": true
+      "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg=="
     },
     "core-util-is": {
       "version": "1.0.2",
@@ -3194,6 +3199,11 @@
         "regexp.prototype.flags": "^1.2.0"
       }
     },
+    "deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
+    },
     "define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
@@ -3486,6 +3496,19 @@
       "integrity": "sha512-uSEI0XZ//5ic+0NdOqlxp0liCD44ck20OAGyLMSymIWTEAtHKVJi6JM18acOnRgUgX7Q65QqnI+sNncNvIy8ew==",
       "dev": true
     },
+    "element-ui": {
+      "version": "2.13.2",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.13.2.tgz",
+      "integrity": "sha512-r761DRPssMPKDiJZWFlG+4e4vr0cRG/atKr3Eqr8Xi0tQMNbtmYU1QXvFnKiFPFFGkgJ6zS6ASkG+sellcoHlQ==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
     "elliptic": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
@@ -6007,6 +6030,11 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -9191,8 +9219,7 @@
     "regenerator-runtime": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
-      "dev": true
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
     },
     "regenerator-transform": {
       "version": "0.10.1",
@@ -9329,6 +9356,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.17.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
@@ -10265,6 +10297,11 @@
       "integrity": "sha512-2wsvQ+4GwBvLPLWsNfLCDYGsW6xb7aeC6utq2Qh0PFwgEy7K7dsma9Jsmb2zSQj7GvYAyUGSntLtsv++GmgL1A==",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "axios": "^0.20.0",
+    "element-ui": "^2.13.2",
     "vant": "^2.10.9",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1"

src/App.vue

@@ -25,7 +25,7 @@ export default {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
+  /*text-align: center;*/
   color: #2c3e50;
   margin-top: 10px;
 }

src/components/pc_page/withdrawalRecord.vue

+<template>
+    <div class="container">
+        <div style="padding: 40px;background-color: #effaff;border-bottom: 1px solid #cccccc">
+            <span style="font-size: 16px;vertical-align: middle;margin-left: 0px;font-weight: bolder">提现申请已经提交，等待银行处理</span>
+        </div>
+        <div style="padding: 40px">
+            <div style="font-size: 12px;margin: 30px 0;">如果收款账户（微信/支付宝/银行卡）信息填写错误，导致转出失败，资金将自动退还到您的小多钱包</div>
+            <el-steps :space="600" :active="2" finish-status="success">
+                <el-step title="提现申请" description="2020-04-22 14:27"></el-step>
+                <el-step title="银行处理" description="2020-04-22 14:27"></el-step>
+                <el-step title="提现成功" description="2020-04-22 14:27"></el-step>
+            </el-steps>
+        </div>
+        <div style="padding: 20px">
+          <el-divider></el-divider>
+            <el-button type="text" style="margin:0 20px" @click="rollOut">继续转出</el-button>
+            <el-button type="text" @click="goBackAccount">返回账户管理</el-button>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'withdrawal',
+        data() {
+            return {
+                fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],
+                url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
+            }
+        },
+        methods: {
+            rollOut(){
+                this.$router.go('-1');
+            },
+            goBackAccount(){
+                this.$router.push('account-information');
+            }
+        }
+    }
+</script>
+<style scoped lang="css">
+    .container{
+        margin: 0 10%;
+        height: 100%;
+        background-color: #fff;
+    }
+</style>

src/main.js

@@ -6,11 +6,14 @@ import router from './router'
 import Vant from 'vant';
 import  Toast  from 'vant';
 import 'vant/lib/index.css';
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
 import Router from 'vue-router'
 Vue.use(Vant)
+Vue.use(ElementUI)
 Vue.use(Toast)
 Vue.config.productionTip = false
-const VueRouterPush = Router.prototype.push 
+const VueRouterPush = Router.prototype.push
 Router.prototype.push = function push (to) {
     return VueRouterPush.call(this, to).catch(err => err)
 }

src/router/index.js

@@ -55,29 +55,34 @@ const routes = [
     path: '/pc_index',
     name: 'pc_index',
     component: resolve => require(['@/components/pc_page/pc_index'], resolve)
-  }
+  },
+  {
+    path: '/withdrawalRecord',
+    name: 'withdrawalRecord',
+    component: resolve => require(['@/components/pc_page/withdrawalRecord'], resolve)
+  },
 ]
 var router = new VueRouter({
   mode: 'hash',
   routes: routes
 });
 router.beforeEach((to, from, next) => {
-  var platform = oneValues("platform");
-  console.log(platform)
-  if (!isEmpty(oneValues("platform"))) {
-    if (platform == "driver") {
-      if (to.path === '/') {
-        console.log(oneValues("token")+"__________________")
-        return next({
-          path: '/m_index', query: {
-            token: oneValues("token")
-          }
-        });
-      } else {
-        return  next();
-      }
-    }
-  }
-
+  // var platform = oneValues("platform");
+  // console.log(platform)
+  // if (!isEmpty(oneValues("platform"))) {
+  //   if (platform == "driver") {
+  //     if (to.path === '/') {
+  //       console.log(oneValues("token")+"__________________")
+  //       return next({
+  //         path: '/m_index', query: {
+  //           token: oneValues("token")
+  //         }
+  //       });
+  //     } else {
+  //       return  next();
+      // }
+    // }
+  // }
+  next()
 });
 export default router;