瀏覽代碼

first commit

wangtao 3 年之前
父節點
當前提交
4543ddb906
共有 5 個文件被更改,包括 104 次插入30 次删除
  1. 13 6
      public/index.html
  2. 2 0
      src/App.vue
  3. 2 1
      src/plugins/axios.js
  4. 37 12
      src/views/home/index.vue
  5. 50 11
      src/views/recharge/index.vue

+ 13 - 6
public/index.html

@@ -1,18 +1,25 @@
 <!DOCTYPE html>
 <html lang="">
-  <head>
+
+<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
     <meta name="format-detection" content="telephone=yes" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
+    <title>
+        <%= htmlWebpackPlugin.options.title %>
+    </title>
+    <script>
+    </script>
+</head>
+
+<body>
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
-  </body>
-</html>
+</body>
+
+</html>

+ 2 - 0
src/App.vue

@@ -40,5 +40,7 @@ html,
 body {
     width: 100%;
     height: 100%;
+    max-width: 750px;
+    margin:auto;
 }
 </style>

+ 2 - 1
src/plugins/axios.js

@@ -3,7 +3,8 @@ import { Notify } from "vant";
 import Vue from 'vue';
 import axios from "axios";
 // Full config:  https://github.com/axios/axios#request-config
-axios.defaults.baseURL = 'http://121.40.217.77:8084/';
+axios.defaults.baseURL = 'http://172.16.120.104:8085/';
+// axios.defaults.baseURL = 'http://121.40.217.77:8084/';
 // axios.defaults.baseURL = 'https://121.40.217.77:8084/';
 console.log(axios.defaults.baseURL)
     // axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';

+ 37 - 12
src/views/home/index.vue

@@ -6,14 +6,23 @@
     </van-row>
     <van-row class="contentBox">
       <van-row @click="$router.push('/balance')">
+        <van-image
+          :src="require('../../assets/image/balance.png')"
+        />
         <van-col :span="24">账户余额</van-col>
         <van-col :span="24">个人账户余额信息</van-col>
       </van-row>
       <van-row @click="$router.push('/recharge')">
+        <van-image
+          :src="require('../../assets/image/recharge.png')"
+        />
         <van-col :span="24">充值</van-col>
         <van-col :span="24">对余额进行充值</van-col>
       </van-row>
       <van-row @click="$router.push('/record')">
+        <van-image
+          :src="require('../../assets/image/record.png')"
+        />
         <van-col :span="24">消费记录</van-col>
         <van-col :span="24">查看消费记录和充值记录</van-col>
       </van-row>
@@ -41,17 +50,21 @@ export default {
     .contentBox{
       width: 100%;
       height: auto;
-      padding: 15px 10px;
+      padding: 15px 20px;
       box-sizing: border-box;
+      overflow: hidden;
       &>.van-row{
-        height: 90px;
-        width: 350px;
-        margin-bottom: 15px;
-        padding-left: 85px;
+        // height: 90px;
+        width: 100%;
+        margin-top:20px;
         box-sizing: border-box;
         display: flex;
         justify-content: center;
         flex-direction: column;
+        position: relative;
+        .van-image{
+          width:100%;
+        }
         .van-col{
           padding: 7px 0;
         }
@@ -60,17 +73,29 @@ export default {
         }
         &>.van-col:nth-child(2){
           font-size: 14px;
+          position: absolute;
+          top:14%;
+          left:22%
+        }
+        &>.van-col:nth-child(3){
+          font-size: 14px;
+          position: absolute;
+          top:50%;
+          left:22%
         }
       }
       &>.van-row:nth-child(1){
-        background: url('../../assets/image/balance.png') no-repeat 100%;
-      }
-      &>.van-row:nth-child(2){
-        background: url('../../assets/image/recharge.png') no-repeat 100%;
-      }
-      &>.van-row:nth-child(3){
-        background: url('../../assets/image/record.png') no-repeat 100%;
+        margin-top:10px;
       }
+      // &>.van-row:nth-child(1){
+      //   background: url('../../assets/image/balance.png') no-repeat 100%;
+      // }
+      // &>.van-row:nth-child(2){
+      //   background: url('../../assets/image/recharge.png') no-repeat 100%;
+      // }
+      // &>.van-row:nth-child(3){
+      //   background: url('../../assets/image/record.png') no-repeat 100%;
+      // }
     }
 }
 </style>

+ 50 - 11
src/views/recharge/index.vue

@@ -6,9 +6,12 @@
     </van-row>
     <van-row class="contentBox">
       <van-row>
+        <!-- <van-col @click="openApp({app:'weixin://dl/scan',downA:'https://dldir1.qq.com/weixin/android/weixin8011android1980_arm64.apk',downI:'https://itunes.apple.com/cn/app/wei/id414478124',})"></van-col> -->
         <van-col @click="openApp({app:'weixin://scanqrcode',downA:'https://dldir1.qq.com/weixin/android/weixin8011android1980_arm64.apk',downI:'https://itunes.apple.com/cn/app/wei/id414478124',})"></van-col>
-        <van-col @click="openApp({app:'alipayqr://platformapi/startapp?saId=10000007',downA:'https://t.alipayobjects.com/L1/71/100/and/alipay_wap_main.apk',downI:'https://itunes.apple.com/cn/app/id333206289?mt=8',})"></van-col>
-        <van-col @click="openApp({app:'ysf',downA:'',downI:'',})"></van-col>
+        <van-col @click="openApp({app:'alipayqr',downA:'https://t.alipayobjects.com/L1/71/100/and/alipay_wap_main.apk',downI:'https://itunes.apple.com/cn/app/id333206289?mt=8',})"></van-col>
+        <!-- <van-col @click="openApp({app:'alipayqr://platformapi/startapp?saId=20000067&url=https://blog.csdn.net/sun5769675/article/details/89634633',downA:'https://t.alipayobjects.com/L1/71/100/and/alipay_wap_main.apk',downI:'https://itunes.apple.com/cn/app/id333206289?mt=8',})"></van-col> -->
+        <!-- <van-col @click="openApp({app:'ysf',downA:'https://youhui.95516.com/app/app/software/unionpay-wallet-v2.apk',downI:'https://dl.95862788.com/52/77785',})"></van-col> -->
+        <van-col @click="openApp({app:'ysf',downA:'https://youhui.95516.com/app/app/software/unionpay-wallet-v2.apk',downI:'https://youhui.95516.com/hybrid_v4/html/help/download.html?code=ctoc00000000022',})"></van-col>
       </van-row>
       <van-row>
         请选择微信、支付宝或云闪付进行充值。
@@ -16,7 +19,6 @@
     </van-row>
   </div>
 </template>
-
 <script>
 import { Dialog, Notify } from "vant";
 export default {
@@ -27,6 +29,8 @@ export default {
   data() {
     return {
       iosApp: "",
+      token:'',
+      url:''
     };
   },
   mounted() {
@@ -41,18 +45,36 @@ export default {
     isWeixin() {
       return navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1;
     },
-    openApp(url = "") {
+    async openApp(url = "") {
+      console.log(url.app)
       if (!url) return;
-      if (url.app === 'ysf') return Notify({ type: 'primary', message: '暂不可用' });
-      if (this.iosApp) return Notify({ type: 'primary', message: '请使用浏览器打开' });
-      // 非微信浏览器
+      //if (url.app === 'ysf') return Notify({ type: 'primary', message: '暂不可用' });
+      //if (this.iosApp) return Notify({ type: 'primary', message: '请使用浏览器打开' });
+      //非微信浏览器
+      
       window.navigator.userAgent.toLowerCase();
       if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
-        window.location.href = url.app;
+        if (url.app === 'alipayqr'){
+            let res1 = await this.$axios.post('http://172.16.120.104:8085/login' ,{"username":"admin","password":"admin123"}).then(res=>{
+              this.token = res.data.token
+              console.log(res1)
+            }).then(()=>{
+              let res2 = this.$axios.post('http://172.16.120.104:8085/dxtop/order/callUnifiedPay' , { "money":'10',"topPayType":"A01","payType":'3'}
+              ,{
+                headers: {
+                  "Authorization":this.token  //token换成从缓存获取
+                }
+              }).then(res=>{
+                console.log(res2)
+                window.location.href = res.data.msg
+              })
+            })
+            
+        }
         const loadDateTime = +new Date();
         window.setTimeout( ()=> {
           const timeOutDateTime = +new Date();
-          if (timeOutDateTime - loadDateTime > 5000) {
+          if (timeOutDateTime - loadDateTime > 2000) {
             window.location.href = url.downI;
           } else {
             window.close();
@@ -65,10 +87,27 @@ export default {
               console.log(e)
             });
           }
-        }, 2000);
+        }, 3000);
       } else if (navigator.userAgent.match(/android/i)) {
         try {
-          window.location.href = url.app;
+          if (url.app === 'alipayqr'){
+            let res1 = await this.$axios.post('http://172.16.120.104:8085/login' ,{"username":"admin","password":"admin123"}).then(res=>{
+              this.token = res.data.token
+              console.log(res1)
+            }).then(()=>{
+              let res2 = this.$axios.post('http://172.16.120.104:8085/dxtop/order/callUnifiedPay' , { "money":'10',"topPayType":"A01","payType":'3'}
+              ,{
+                headers: {
+                  "Authorization":this.token  //token换成从缓存获取
+                }
+              }).then(res=>{
+                console.log(res2)
+                window.location.href = res.data.msg
+              })
+            })
+            
+        }
+          window.location.href = this.url;
           setTimeout(function () {
             window.location.href = url.downA;
           }, 500);