Home Explore Help
Sign In
lichujie
/
mits-school-payment
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

初始化

Jie 2 years ago
commit
6623222c96
15 changed files with 462 additions and 0 deletions
Unified View Show Diff Stats
  1. 16 0
      .hbuilderx/launch.json
  2. 5 0
      .idea/.gitignore
  3. 12 0
      .idea/Payment.iml
  4. 8 0
      .idea/modules.xml
  5. 17 0
      App.vue
  6. 0 0
      common/Api/api.js
  7. 1 0
      common/Api/config.js
  8. 20 0
      index.html
  9. 22 0
      main.js
  10. 90 0
      manifest.json
  11. 18 0
      pages.json
  12. 167 0
      pages/index/index.vue
  13. BIN
      static/logo.png
  14. 10 0
      uni.promisify.adaptor.js
  15. 76 0
      uni.scss

+ 16 - 0
.hbuilderx/launch.json
View File 

@@ -0,0 +1,16 @@
 
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
 
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
 
+    "version": "0.0",
 
+    "configurations": [{
 
+     	"default" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"mp-weixin" : 
+     	{
 
+     		"launchtype" : "local"
 
+     	},
 
+     	"type" : "uniCloud"
 
+     }
 
+    ]
 
+}

+ 5 - 0
.idea/.gitignore
View File 

@@ -0,0 +1,5 @@
 
+# 默认忽略的文件
 
+/shelf/
 
+/workspace.xml
 
+# 基于编辑器的 HTTP 客户端请求
 
+/httpRequests/

+ 12 - 0
.idea/Payment.iml
View File 

@@ -0,0 +1,12 @@
 
+<?xml version="1.0" encoding="UTF-8"?>
 
+<module type="WEB_MODULE" version="4">
 
+  <component name="NewModuleRootManager">
 
+    <content url="file://$MODULE_DIR$">
 
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
 
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
 
+    </content>
 
+    <orderEntry type="inheritedJdk" />
 
+    <orderEntry type="sourceFolder" forTests="false" />
 
+  </component>
 
+</module>

+ 8 - 0
.idea/modules.xml
View File 

@@ -0,0 +1,8 @@
 
+<?xml version="1.0" encoding="UTF-8"?>
 
+<project version="4">
 
+  <component name="ProjectModuleManager">
 
+    <modules>
 
+      <module fileurl="file://$PROJECT_DIR$/.idea/Payment.iml" filepath="$PROJECT_DIR$/.idea/Payment.iml" />
 
+    </modules>
 
+  </component>
 
+</project>

+ 17 - 0
App.vue
View File 

@@ -0,0 +1,17 @@
 
+<script>
 
+	export default {
 
+		onLaunch: function() {
 
+			console.log('App Launch')
 
+		},
 
+		onShow: function() {
 
+			console.log('App Show')
 
+		},
 
+		onHide: function() {
 
+			console.log('App Hide')
 
+		}
 
+	}
 
+</script>
 
+
 
+<style>
 
+	/*每个页面公共css */
 
+</style>

+ 0 - 0
common/Api/api.js
View File


+ 1 - 0
common/Api/config.js
View File 

@@ -0,0 +1 @@
 
+// 封装uni.request

+ 20 - 0
index.html
View File 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <script>
 
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
 
+        CSS.supports('top: constant(a)'))
 
+      document.write(
 
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
 
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
 
+    </script>
 
+    <title></title>
 
+    <!--preload-links-->
 
+    <!--app-context-->
 
+  </head>
 
+  <body>
 
+    <div id="app"><!--app-html--></div>
 
+    <script type="module" src="/main.js"></script>
 
+  </body>
 
+</html>

+ 22 - 0
main.js
View File 

@@ -0,0 +1,22 @@
 
+import App from './App'
 
+
 
+// #ifndef VUE3
 
+import Vue from 'vue'
 
+import './uni.promisify.adaptor'
 
+Vue.config.productionTip = false
 
+App.mpType = 'app'
 
+const app = new Vue({
 
+  ...App
 
+})
 
+app.$mount()
 
+// #endif
 
+
 
+// #ifdef VUE3
 
+import { createSSRApp } from 'vue'
 
+export function createApp() {
 
+  const app = createSSRApp(App)
 
+  return {
 
+    app
 
+  }
 
+}
 
+// #endif

+ 90 - 0
manifest.json
View File 

@@ -0,0 +1,90 @@
 
+{
 
+    "name" : "Payment",
 
+    "appid" : "",
 
+    "description" : "",
 
+    "versionName" : "1.0.0",
 
+    "versionCode" : "100",
 
+    "transformPx" : false,
 
+    /* 5+App特有相关 */
 
+    "app-plus" : {
 
+        "usingComponents" : true,
 
+        "nvueStyleCompiler" : "uni-app",
 
+        "compilerVersion" : 3,
 
+        "splashscreen" : {
 
+            "alwaysShowBeforeRender" : true,
 
+            "waiting" : true,
 
+            "autoclose" : true,
 
+            "delay" : 0
 
+        },
 
+        /* 模块配置 */
 
+        "modules" : {},
 
+        /* 应用发布信息 */
 
+        "distribute" : {
 
+            /* android打包配置 */
 
+            "android" : {
 
+                "permissions" : [
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 
+                ]
 
+            },
 
+            /* ios打包配置 */
 
+            "ios" : {},
 
+            /* SDK配置 */
 
+            "sdkConfigs" : {}
 
+        }
 
+    },
 
+	"h5":{
 
+		"router" : {
 
+		    "mode" : "history"
 
+		},
 
+		"devServer" : {
 
+			"https" : false,
 
+			"port" : 8081,
 
+			"proxy" : {
 
+				"/api/school" : {
 
+					"target" : "http://192.168.2.211:8008", // 线上
 
+					"changeOrigin" : true,
 
+					"secure" : true,
 
+					"pathRewrite" : {
 
+					}
 
+				}
 
+			}
 
+		}
 
+	},
 
+    /* 快应用特有相关 */
 
+    "quickapp" : {},
 
+    /* 小程序特有相关 */
 
+    "mp-weixin" : {
 
+        "appid" : "wx46bf58631976045a",
 
+        "setting" : {
 
+            "urlCheck" : false
 
+        },
 
+        "usingComponents" : true
 
+    },
 
+    "mp-alipay" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-baidu" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-toutiao" : {
 
+        "usingComponents" : true
 
+    },
 
+    "uniStatistics" : {
 
+        "enable" : false
 
+    },
 
+    "vueVersion" : "2"
 
+}

+ 18 - 0
pages.json
View File 

@@ -0,0 +1,18 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationBarTitleText": "Pay",
 
+				"navigationStyle": "custom"
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "Pay",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 167 - 0
pages/index/index.vue
View File 

@@ -0,0 +1,167 @@
 
+<template class="page">
 
+    <view class="tickets">
 
+        <view class="l-tickets">
 
+            <view>
 
+                <span>{{orderInfo.course_name}}</span>
 
+            </view>
 
+            <view>
 
+                <span class="price">￥{{orderInfo.order_price}}</span>
 
+            </view>
 
+            <view>
 
+                <span>请在10分钟内完成支付</span>
 
+            </view>
 
+            <view>
 
+                <span class="pay-button" @click="payMent">立即支付</span>
 
+            </view>
 
+        </view>
 
+        <view class="r-tickets">
 
+			{{orderNo}}
 
+        </view>
 
+    </view>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+    data() {
 
+        return {
 
+			orderNo:'',
 
+			orderInfo: ''
 
+        }
 
+    },
 
+    onLoad() {
 
+        this.getWxAuth()
 
+    },
 
+    methods: {
 
+        getWxAuth() {
 
+            if (window.location.href.indexOf('code') > -1) {
 
+                let code = window.location.href.split('code=')[1].split('&')[0]
 
+                console.log('111111111111111111111111111111',code)
 
+                uni.request({
 
+                    url: '/api/school/wx/auth',
 
+                    method: 'GET',
 
+                    data:{
 
+                        code: code
 
+                    }
 
+                }).then(res => {
 
+					if(res.data.ok){
 
+						// if (window.location.href.indexOf('state') > -1) {
 
+							const orderNo = window.location.href.split('state=')[1].split('&')[0]
 
+							const data = JSON.parse(res.data.data)
 
+							uni.setStorageSync('openId', data.openid)
 
+							uni.setStorageSync('orderNo', orderNo)
 
+							this.createOrder(orderNo)
 
+						// }
 
+					}
 
+                })
 
+            } else {
 
+				console.log(window.location.href);
 
+				// if (window.location.href.indexOf('orderNo') > -1) {
 
+					let orderNo = window.location.href.split('orderNo=')[1].split('&')[0]
 
+					this.orderNo = orderNo
 
+					window.location.replace(`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa8bead7acbe0a236&redirect_uri=http://192.168.2.184:8083/pages/index/index&response_type=code&scope=snsapi_base&state=${orderNo}#wechat_redirect`)
 
+				// }
 
+            }
 
+        },
 
+		/**
 
+		 * 创建订单
 
+		 */
 
+		createOrder(order_no){
 
+			uni.request({
 
+				url: '/api/school/student/order/wxqry',
 
+				method:"GET",
 
+				data: {
 
+					order_no
 
+				}
 
+			}).then(res=>{
 
+				console.log(res);
 
+				if(res.data.ok){
 
+					this.orderInfo = res.data.data
 
+				}
 
+			})
 
+		},
 
+		/**
 
+		 * 立即支付
 
+		 */
 
+		payMent(){
 
+			uni.request({
 
+				url: `/api/school/student/order/wxpub?open_id=${uni.getStorageSync('openId')}&order_no=${this.orderInfo.order_no}`,
 
+				method:"POST",
 
+			}).then(res=>{
 
+				console.log(res.data);
 
+			})
 
+		}
 
+    }
 
+}
 
+</script>
 
+
 
+<style>
 
+	.page{
 
+		background-color: rgb(34, 41, 65);
 
+	}
 
+	.tickets {
 
+		display: flex;
 
+		padding: 40rpx;
 
+		width: 100%;
 
+		height: 100vh;
 
+		box-sizing: border-box;
 
+		flex-direction: column;
 
+		align-items: center;
 
+		filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
 
+		background-color: rgb(34, 41, 65);
 
+	}
 
+
 
+	.r-tickets {
 
+		flex: 1;
 
+		width: 100%;
 
+	}
 
+	.r-tickets {
 
+		flex: 1;
 
+		position: relative;
 
+	}
 
+	.r-tickets::before {
 
+		content: '';
 
+		height: 1rpx;
 
+		width: 96%;
 
+		background: linear-gradient(to right, rgb(34, 41, 65) 0%, rgb(34, 41, 65) 50%, transparent 50%) top left / 20rpx 1rpx repeat-x;
 
+		position: absolute;
 
+		left: 50%;
 
+		top: 0;
 
+		transform: translateX(-50%);
 
+	}
 
+
 
+	.l-tickets {
 
+		width: 100%;
 
+		height: 75%;
 
+		position: relative;
 
+		border-top-left-radius: 8px;
 
+		border-top-right-radius: 8px;
 
+		background: radial-gradient(circle at left bottom, transparent 16rpx, white 0) left bottom / 50% 100% no-repeat,
 
+			radial-gradient(circle at right bottom, transparent 16rpx, white 0) right bottom / 50% 100% no-repeat;
 
+		display: flex;
 
+		flex-direction: column;
 
+		align-items: center;
 
+		justify-content: center;
 
+		gap: 20px;
 
+	}
 
+
 
+	.r-tickets {
 
+		position: relative;
 
+		border-bottom-left-radius: 8px;
 
+		border-bottom-right-radius: 8px;
 
+		background: radial-gradient(circle at left top, transparent 16rpx, white 0) left top / 50% 100% no-repeat,
 
+			radial-gradient(circle at right top, transparent 16rpx, white 0) right top / 50% 100% no-repeat;
 
+	}
 
+	.price{
 
+		font-size: 26px;
 
+		color: rgb(74, 144, 226);
 
+	}
 
+	.pay-button{
 
+		line-height: 40px;
 
+		background-color: rgb(74, 144, 226);
 
+		color: #fff;
 
+		padding: 10px 20px;
 
+		width: 40vw;
 
+		display: block;
 
+		text-align: center;
 
+	}
 
+</style>

BIN
static/logo.png
View File


+ 10 - 0
uni.promisify.adaptor.js
View File 

@@ -0,0 +1,10 @@
 
+uni.addInterceptor({
 
+  returnValue (res) {
 
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
 
+      return res;
 
+    }
 
+    return new Promise((resolve, reject) => {
 
+      res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
 
+    });
 
+  },
 
+});

+ 76 - 0
uni.scss
View File 

@@ -0,0 +1,76 @@
 
+/**
 
+ * 这里是uni-app内置的常用样式变量
 
+ *
 
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 
+ *
 
+ */
 
+
 
+/**
 
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 
+ *
 
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 
+ */
 
+
 
+/* 颜色变量 */
 
+
 
+/* 行为相关颜色 */
 
+$uni-color-primary: #007aff;
 
+$uni-color-success: #4cd964;
 
+$uni-color-warning: #f0ad4e;
 
+$uni-color-error: #dd524d;
 
+
 
+/* 文字基本颜色 */
 
+$uni-text-color:#333;//基本色
 
+$uni-text-color-inverse:#fff;//反色
 
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
 
+$uni-text-color-placeholder: #808080;
 
+$uni-text-color-disable:#c0c0c0;
 
+
 
+/* 背景颜色 */
 
+$uni-bg-color:#ffffff;
 
+$uni-bg-color-grey:#f8f8f8;
 
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
 
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
 
+
 
+/* 边框颜色 */
 
+$uni-border-color:#c8c7cc;
 
+
 
+/* 尺寸变量 */
 
+
 
+/* 文字尺寸 */
 
+$uni-font-size-sm:12px;
 
+$uni-font-size-base:14px;
 
+$uni-font-size-lg:16;
 
+
 
+/* 图片尺寸 */
 
+$uni-img-size-sm:20px;
 
+$uni-img-size-base:26px;
 
+$uni-img-size-lg:40px;
 
+
 
+/* Border Radius */
 
+$uni-border-radius-sm: 2px;
 
+$uni-border-radius-base: 3px;
 
+$uni-border-radius-lg: 6px;
 
+$uni-border-radius-circle: 50%;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-row-sm: 5px;
 
+$uni-spacing-row-base: 10px;
 
+$uni-spacing-row-lg: 15px;
 
+
 
+/* 垂直间距 */
 
+$uni-spacing-col-sm: 4px;
 
+$uni-spacing-col-base: 8px;
 
+$uni-spacing-col-lg: 12px;
 
+
 
+/* 透明度 */
 
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
 
+
 
+/* 文章场景相关 */
 
+$uni-color-title: #2C405A; // 文章标题颜色
 
+$uni-font-size-title:20px;
 
+$uni-color-subtitle: #555555; // 二级标题颜色
 
+$uni-font-size-subtitle:26px;
 
+$uni-color-paragraph: #3F536E; // 文章段落颜色
 
+$uni-font-size-paragraph:15px;