Skip to content

X
xzf_uniapp-wechat-web
Commit 7cd5b6b1 authored by 李智书's avatar 李智书
Browse files
Options

1.校智付缴费项目

parent da4835b5
Show whitespace changes
Inline Side-by-side
Showing with 919 additions and 73 deletions
src/common/js/http.js
View file @ 7cd5b6b1
const baseUrl = 'https://szcf.superbest.wang/API' //稳定版本环境
let baseUrl = window.location.origin //稳定版本环境
let UrlReg = /^http:\/\/.*/i
let UrlReg2 = /^https:\/\/.*/i
if (process.env.NODE_ENV === 'development') {
console.log('开发环境');
// baseUrl = 'https://dev-az-order-api.xiaopay.net/insure-order';
} else {
// baseUrl = 'https://dev-az-order-api.xiaopay.net/insure-orders';
}
function uploadFile(params) {
var _this = this,
......@@ -52,7 +57,8 @@ function downloadFile(params) {
function request(params, data) {
return new Promise((resolve, reject) => {
uni.request({
url: (UrlReg.test(params.url) || UrlReg2.test(params.url)) ? params.url : baseUrl + params.url,
url: (UrlReg.test(params.url) || UrlReg2.test(params.url)) ? params.url : baseUrl + params
.url,
method: params.method,
dataType: params.dataType,
data,
......@@ -86,17 +92,17 @@ function postRequest(params, data = {}) {
try {
//登录错误提示
let duration;
if(params.url == '/user/login/pwd'){
if (params.url == '/user/login/pwd') {
duration = 20000
}else{
} else {
duration = 3000
}
//token
let token = uni.getStorageSync("token")
//用户id
let userId = uni.getStorageSync("userId")
data.userId = data.userId || userId;
// let userId = uni.getStorageSync("userId")
// data.userId = data.userId || userId;
params.header = {
"token": token || ""
};
......@@ -119,33 +125,23 @@ function postRequest(params, data = {}) {
//TODO handle the exception
}
if (reslt.data.code != 200) {
//token失效或者错误 ----401
//账号已在其他地方登录！ -----1006
if (reslt.data.code == 401 || reslt.data.code == 1006) {
//token失效或者错误
if (reslt.data.code == 401) {
uni.showToast({
icon: "none",
title: reslt.data.message,
duration
duration: 3000
})
uni.hideLoading();
setTimeout(function() {
//401跳转登录
uni.redirectTo({
// url: "/pages/notecheck/notecheck?phone=13428967050",
// url: "/pages/notecheck/notecheck",
url: "/pages/login/login"
url: "/pages/index/index"
})
uni.clearStorage()
}, 1000);
reject(reslt.data.message)
}
uni.showToast({
icon: "none",
title: reslt.data.message,
duration
})
uni.hideLoading();
reject(reslt.data.message)
}
console.log(reslt);
uni.hideLoading();
resolve(reslt.data)
}).catch(e => {
......@@ -188,7 +184,7 @@ function getRequest(params, data) {
uni.showToast({
icon: "none",
title: "url不能为空",
duration:3000
duration: 3000
})
uni.hideLoading();
reject("url不能为空")
......@@ -206,21 +202,19 @@ function getRequest(params, data) {
uni.showToast({
icon: "none",
title: reslt.data.message,
duration:3000
duration: 3000
})
uni.hideLoading();
//401跳转登录
uni.redirectTo({
// url: "/pages/notecheck/notecheck?phone=13428967050",
// url: "/pages/notecheck/notecheck",
url: "/pages/login/login"
url: "/pages/index/index"
})
reject(reslt.data.message)
}
uni.showToast({
icon: "none",
title: reslt.data.message,
duration:3000
duration: 3000
})
uni.hideLoading();
reject(reslt.data.message)
......@@ -260,7 +254,7 @@ async function Login(params, data) {
await uni.showToast({
icon: "none",
title: "url不能为空",
duration:3000
duration: 3000
})
await uni.hideLoading();
throw Error("url不能为空")
......@@ -278,16 +272,16 @@ async function Login(params, data) {
await uni.showToast({
icon: "none",
title: JSON.stringify(err),
duration:3000
duration: 3000
})
await uni.hideLoading();
throw Error(JSON.stringify(err))
}
if (reslt.data.code != 200) {
if (reslt.data.code != 1000) {
await uni.showToast({
icon: "none",
title: reslt.data.message,
duration:3000
duration: 3000
})
await uni.hideLoading();
throw Error(reslt.data.message)
......@@ -310,7 +304,7 @@ async function Login(params, data) {
await uni.showToast({
icon: "none",
title: JSON.stringify(LoginErr),
duration:3000
duration: 3000
})
await uni.hideLoading();
throw Error(JSON.stringify(LoginErr))
......@@ -319,7 +313,7 @@ async function Login(params, data) {
await uni.showToast({
icon: "none",
title: LoginInfo.data.message,
duration:3000
duration: 3000
})
await uni.hideLoading();
throw Error(LoginInfo.data.message)
......
src/pages.json
View file @ 7cd5b6b1
......@@ -292,36 +292,54 @@
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/pdfPreview/pdfPreview",
"style" :
{
}, {
"path": "pages/pdfPreview/pdfPreview",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC",
"style" :
{
}, {
"path": "pages/OpenAccountAgreementBOC/OpenAccountAgreementBOC",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "渤海银行线上个人银行Ⅱ、Ⅲ类账户服务协议",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/UserAgreement/UserAgreement",
"style" :
{
}, {
"path": "pages/UserAgreement/UserAgreement",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "消费用户协议",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/StudentPayment",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayProject/PayProject",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "日常收费",
"enablePullDownRefresh": false
}
}, {
"path": "pages/StudentPayment/PayOrderDetails/PayOrderDetails",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "交费订单明细",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
......
src/pages/StudentPayment/PayOrderDetails/PayOrderDetails.vue 0 → 100644
View file @ 7cd5b6b1
<template>
<view class="tainer">
<van-dialog v-model="dialogShow" @closed="dialogClosed" :show-confirm-button="false"
:closeOnClickOverlay="true">
<view class="PaymentRsults">
<image v-if="PaymentRsults==1" style="width: 160rpx;height: 160rpx;" mode='widthFix'
:src="ImgUrl+'StudentPayment/success-icon.png'">
</image>
<image v-if="PaymentRsults==2" style="width: 160rpx;height: 160rpx;" mode='widthFix'
:src="ImgUrl+'StudentPayment/fail-icon.png'">
</image>
<view class="PaymentRsultsTxt" @click="dialogClosed" v-if="PaymentRsults==1">
支付成功
</view>
<view class="PaymentRsultsTxt" @click="clickPay" v-if="PaymentRsults==2">
请重新支付
</view>
</view>
</van-dialog>
<view class="headerImg">
<view class="cardInfo">
<view class="title">
2022高一春季开学费用
</view>
<view class="title2">
该收费项目主要收取学校的开学学费，根据需要自行选择
及备注。
</view>
<van-divider style="margin-top: 50rpx;" />
<view class="botto">
<view class="rowInfo">
<text class="name">学生姓名：</text>
<text class="value">张三</text>
</view>
<view class="rowInfo">
<text class="name">年级班级：</text>
<text class="value">三年级 101班</text>
</view>
<view class="rowInfo">
<text class="name">订单编号：</text>
<text class="value">2022022800001</text>
</view>
</view>
</view>
</view>
<!-- 收费项目 -->
<view class="PayProject">
<view class="tabNames">
<view style="padding-left: 70rpx;">
收费子项
</view>
<view style="padding-left: 70rpx;">
收费类型
</view>
<view style="padding-left: 70rpx;">
金额（元）
</view>
</view>
<!-- Project -->
<view class="ProjectBox">
<view class="ProjectItem" v-for="(item,index) in PayProjectList" :key="index"
:class="selectPayProject == index?'selectProjectItem':''">
<view class="tabNames" @click="selectProject(index)">
<view class="ProjectName">
<image v-if="selectPayProject==index" style="width: 32rpx;height: 32rpx;"
:src="ImgUrl+'StudentPayment/gx.png'" mode='widthFix'></image>
<image v-else style="width: 32rpx;height: 32rpx;" :src="ImgUrl+'StudentPayment/wgx.png'"
mode='widthFix'></image>
<text>{{item.name}}</text>
</view>
<view class="ProjectType">
{{item.type}}
</view>
<view class="money">
{{item.money}}
</view>
</view>
</view>
</view>
</view>
<!-- 备注 -->
<view class="remarks">
<text class="remarksTxt">
备注
</text>
<textarea value="" placeholder="请输入身份证号" :cursor="10" placeholder-class="remarksTextarea" :maxlength="40"
:auto-height="true" />
</view>
<!-- 底部操作按钮 -->
<view class="bottomOper">
<view class="buttonContent">
<view class="left">
<view class="">
<text class="zongji">总计：</text>
<text class="money">
{{payMoney}}
</text>
</view>
<view class="xieyi">
<text>点击交费，即表示我已阅读</text>
<text>《线上缴纳协议》</text>
</view>
</view>
<view class="right" @click="clickPay">
点击交费
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "PayOrderDetails",
data() {
return {
ImgUrl: this.$ImgUrl,
PayProjectList: [{
name: "春季开学费用",
type: "必缴项目",
money: "10.00"
}, {
name: "高一春季开...",
type: "选缴项目",
money: "100.00"
}, {
name: "高一春季开...",
type: "选缴项目",
money: "1.00"
}],
payMoney: "100.00",
selectPayProject: 0,
dialogShow: false,
PaymentRsults: 1
}
},
onLoad: function(options) {
let this_ = this;
uni.showLoading({
mask: true,
title: "查询支付结果"
})
setTimeout(function() {
uni.hideLoading()
this_.dialogShow = true
}, 1000)
},
methods: {
// 支付结果页面关闭
async dialogClosed() {
try {
console.log("dialogClosed");
this.dialogShow = false
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 选择支付的项目
async selectProject(index) {
try {
console.log(index)
this.selectPayProject = index
return
if (!this.selectPayProject[index + '']) {
this.selectPayProject[index + ''] = index
} else {
this.selectPayProject[index + ''] = ''
}
console.log(this.selectPayProject);
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 点击缴费
async clickPay() {
try {
console.log("clickPay", "点击缴费");
this.dialogClosed()
uni.showLoading({
mask: true,
title: "缴费中..."
})
await new Promise((res, rjt) => {
setTimeout(function() {
res()
}, 3000)
})
this.PaymentRsults = 2
this.dialogShow = true
uni.hideLoading()
} catch (e) {
//TODO handle the exception
console.log(e);
}
}
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.PaymentRsults {
width: 580rpx;
height: 480rpx;
background: #FFFFFF;
border-radius: 16rpx;
text-align: center;
text-align: center;
margin: 0 auto;
font-family: PingFang SC;
image {
top: 115rpx;
}
.PaymentRsultsTxt {
height: 34rpx;
font-size: 36rpx;
font-weight: bold;
color: #333333;
text-align: center;
margin: 0 auto;
margin-top: 115rpx;
}
}
.PayProject,
.remarks {
width: 686rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin: 0 auto;
}
.PayProject {
height: 460rpx;
margin-top: 192rpx;
.ProjectBox {
height: 350rpx;
overflow: auto;
.tabNames {
justify-content: flex-start;
height: 100%;
}
.ProjectItem {
width: 628rpx;
height: 100rpx;
margin: 0 auto;
border: 2rpx solid #E6E6E6;
border-radius: 16rpx;
margin-top: 19rpx;
}
.selectProjectItem {
border: 2rpx solid #01CB88 !important;
background-color: rgba(1, 203, 136, 0.1);
}
.ProjectName {
margin-left: 25rpx;
display: flex;
justify-content: flex-start;
align-items: center;
image {
display: inline-block;
}
text {
display: inline-block;
width: 176rpx;
overflow: hidden;
word-break: break-all;
margin-left: 16rpx;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.ProjectName,
.ProjectType {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.ProjectType {
margin-left: 40rpx;
}
.money {
font-size: 32rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
width: 32%;
text-align: right;
}
.money::before {
content: "￥";
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
}
.tabNames {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
justify-content: space-around;
display: flex;
align-items: center;
height: 87rpx;
line-height: 87rpx;
}
}
.remarks {
height: 220rpx;
margin-top: 20rpx;
textarea {
width: 100%;
height: 100%;
}
.remarksTxt {
height: 80rpx;
line-height: 80rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-left: 66rpx;
position: relative;
}
.remarksTxt:before {
content: " ";
width: 25rpx;
height: 25rpx;
background: #01CB88;
border-radius: 50%;
position: absolute;
z-index: 100;
top: 10rpx;
left: -40rpx;
}
.remarksTxt:after {
content: " ";
width: 25rpx;
height: 25rpx;
background: #FFB62D;
border-radius: 50%;
position: absolute;
z-index: 99;
left: -32rpx;
top: 10rpx;
}
.remarksTextarea {
width: 222rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #CCCCCC;
padding-left: 30rpx;
}
}
.bottomOper {
position: fixed;
height: 128rpx;
background: #FFFFFF;
width: 100%;
bottom: 68rpx;
left: 0;
right: 0;
.buttonContent {
display: flex;
align-items: center;
height: 100%;
justify-content: space-around;
width: 689rpx;
margin: 0 auto;
.left {
.zongji {
width: 65rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.money {
width: 125rpx;
font-size: 36rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
line-height: 36rpx;
}
.money::before {
content: "￥";
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
.xieyi {
font-size: 20rpx;
font-family: PingFang SC;
font-weight: 500;
}
.xieyi text:nth-child(1) {
color: #999999;
}
.xieyi text:nth-child(2) {
color: #01CB88;
}
}
.right {
width: 240rpx;
height: 72rpx;
background: rgba(1, 203, 136, 1);
border-radius: 36rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
line-height: 72rpx;
// margin-right: 32rpx;
}
}
}
.headerImg {
width: 750rpx;
height: 480rpx;
background-image: url(https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/StudentPayment/bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.cardInfo {
width: 686rpx;
height: 444rpx;
background: #FFFFFF;
border-radius: 16rpx;
position: relative;
margin: 0 auto;
top: 206rpx;
overflow: hidden;
font-family: PingFang SC;
.title {
width: 370rpx;
height: 34rpx;
font-size: 36rpx;
font-weight: 800;
color: #333333;
margin: 0 auto;
margin-top: 52rpx;
}
.title2 {
width: 599rpx;
height: 55rpx;
font-size: 24rpx;
font-weight: 500;
color: #999999;
margin: 0 auto;
text-align: center;
margin-top: 24rpx;
}
.botto {
.rowInfo {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
margin-left: 30rpx;
line-height: 60rpx;
}
.name {
width: 128rpx;
color: #999999;
}
.value {
width: 58rpx;
color: #333333;
}
}
}
.cardInfo:before,
.cardInfo:after {
content: " ";
width: 100%;
height: 0px;
position: absolute;
}
.cardInfo:before {
border-top: 16rpx dotted #01CB88;
left: 16rpx;
top: -6rpx;
}
</style>
src/pages/StudentPayment/PayProject/PayProject.vue 0 → 100644
View file @ 7cd5b6b1
<template>
<view class="tainer">
<van-tabs ref="tabs" title-inactive-color="#999999" title-active-color="#333333" sticky animated
v-model:active="active" swipeable color="#01CB88" background="#FFFFFF" line-width="30px" line-height="4px"
@change="PayProjectTab">
<van-tab :title="vanTab[0]" title-class="PayProjectTab PayProjectList">
<!-- 收费项目 -->
<view class="ListBox">
<view class="" v-if="PayProjectList.length>0">
<view class="container ProjectList" v-for="(item,index) in PayProjectList" :key="index"
@tap="PayOrderDetails(item)">
<view class="listitem top">
<view class="title">
2022高一春季收费
</view>
<view class="money">
100.00
</view>
</view>
<view class="listitem center">
<text class="describe">
本次收费需要收取高一春季开学相关费用，并根据
备注输入相关信息。
</text>
</view>
<view class="listitem botto" style="align-items: baseline;">
<van-icon name="clock-o" /> <text class="Tips">5天后收费结束</text>
</view>
</view>
<view class="bottomtxt">已经到底啦~</view>
</view>
<!-- 没有数据 -->
<view class="noData" v-else>
<image style="width: 301rpx;height: 258rpx;" :src="ImgUrl+'StudentPayment/NoRecord.png'"
mode='widthFix'></image>
<view>暂无收费项目</view>
</view>
</view>
</van-tab>
<van-tab :title="vanTab[1]" title-class="PayProjectTab PayProjectHistory">
<!-- 缴费历史 -->
<view class="ListBox">
<view class="" v-if="PayProjectHistory.length>0">
<view class="container ProjectHistory" v-for="(item,index) in PayProjectHistory" :key="index"
@tap="PayOrderDetails(item)">
<view class="listitem top">
<view class="title">
2022高一春季收费
</view>
<view class="money">
100.00
</view>
</view>
<view class="listitem center">
<text class="describe">
本次收费需要收取高一春季开学相关费用，并根据
备注输入相关信息。
</text>
</view>
<view class="listitem botto" style="align-items: baseline;">
<van-icon name="clock-o" /> <text class="Tips">5天后收费结束</text>
</view>
</view>
<view class="bottomtxt">已经到底啦~</view>
</view>
<!-- 没有数据 -->
<view class="noData" v-else>
<image style="width: 290rpx;height: 242rpx;" :src="ImgUrl+'StudentPayment/development.png'"
mode='widthFix'></image>
<view>程序员正在玩命开发</view>
<view class="bottomtxt">详情请联系客服</view>
</view>
</view>
</van-tab>
</van-tabs>
</view>
</template>
<script>
export default {
name: "PayProject",
data() {
return {
ImgUrl: this.$ImgUrl,
active: 0,
vanTab: ['收费项目', '交费历史'],
PayProjectList: [1, 2, 3],
PayProjectHistory: [1, 2, 3]
}
},
onLoad: function(options) {
console.log("PayProject");
},
onPullDownRefresh: function(e) {
console.log("onPullDownRefresh", e);
},
onReachBottom: function(e) {
console.log("onReachBottom", e);
this.PayProjectList.push(Array(7).fill(1))
},
methods: {
// 切换tab
async PayProjectTab(index) {
try {
console.log(index);
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 获取收费项目
async getPayProject(index) {
try {
console.log(index);
} catch (e) {
//TODO handle the exception
console.log(e);
}
},
// 收费项目详情
async PayOrderDetails(data) {
try {
console.log(data);
uni.setStorageSync("PayOrderDetails", data)
uni.navigateTo({
url: "../PayOrderDetails/PayOrderDetails"
})
} catch (e) {
//TODO handle the exception
console.log(e);
}
}
}
}
</script>
<style lang="scss">
page {
background: #F3F5F6;
}
.noData {
text-align: center;
margin-top: 316rpx;
image {
position: relative;
}
}
.ListBox {
width: 750rpx;
min-height: 100%;
background: #F3F5F6;
padding-top: 12rpx;
padding-bottom: 100rpx;
.container {
width: 686rpx;
height: 250rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin: 0 auto;
margin-top: 20rpx;
}
.container {
font-family: PingFang SC;
.top {
.title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 36rpx;
padding-left: 31rpx;
padding-top: 30rpx;
}
.money {
font-size: 36rpx;
font-family: DIN;
font-weight: bold;
color: #01CB88;
line-height: 36rpx;
padding-left: 230rpx;
padding-top: 30rpx;
}
.money::before {
content: "￥";
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #01CB88;
}
}
.center {
.describe {
width: 614rpx;
height: 63rpx;
font-size: 28rpx;
font-weight: 500;
color: #666666;
line-height: 36rpx;
padding-top: 38rpx;
padding-left: 32rpx;
}
}
.botto {
padding-top: 30rpx;
padding-left: 32rpx;
font-size: 24rpx;
font-weight: 500;
color: #BABABA;
.Tips {
padding-left: 10rpx;
}
}
}
.ProjectHistory {}
.listitem {
display: flex;
align-items: center;
}
.bottomtxt {
height: 21rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
line-height: 90rpx;
text-align: center;
}
}
.van-tabs__content {
width: 100%;
height: 100%;
position: fixed;
left: 0;
z-index: 999;
overflow: scroll
}
.van-tabs {
.PayProjectTab {
height: 200rpx;
}
}
</style>
src/pages/StudentPayment/StudentPayment.vue 0 → 100644
View file @ 7cd5b6b1
<template>
<view>
</view>
</template>
<script>
export default {
name: "StudentPayment",
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment