Merge branch 'huipay-h5' of http://gitea.dctpay.com/yangjie/xuan-pay-cweb into ymt
commit
5674a70f50
@ -0,0 +1,156 @@ |
||||
<template> |
||||
<view> |
||||
<image src="../../../static/img/activity1.png" class="width100 height150" mode="widthFix"></image> |
||||
<view class="headtitle fcorfff font16 width90">{{accountInfo.merName}}</view> |
||||
<view class="head_piece backcorfff width94"> |
||||
<view class="width90 mart10 fcor666 font14">商户简称: <text |
||||
class="fcor333 margle">{{accountInfo.merAbbreviate}}</text></view> |
||||
<view class="fotct mart10 font24 fontwig6">余额 : {{accountInfo.amount}}</view> |
||||
<view class="width100 alijus mart10"> |
||||
<view class="rechargebtn backcor89 mart5 fcorfff fotct" @click="jumpRechange(accountInfo.amount)">去充值 |
||||
</view> |
||||
</view> |
||||
<view class="width100 alijus fotct mart10 height60"> |
||||
<view class="width50 "> |
||||
<view class="width100 fcor999 font14">状态</view> |
||||
<view class="width100 fcor089 font16 mart5" v-if="accountInfo.status == 1">可用</view> |
||||
<view class="width100 fcoreb5 font16 mart5" v-if="accountInfo.status == 2">冻结</view> |
||||
</view> |
||||
<view style="width: 1px;height: 40px;" class="backcor9"></view> |
||||
<view class="width49 fcor999 font14"> |
||||
<view class="width100 fcor999 font14">账户编号</view> |
||||
<view class="width100 fcor333 font16 mart5">{{accountInfo.accountNumber}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="width100 backcor9 height140" style="margin-top: -5px;"></view> |
||||
<view class="width90 mart20 fontwig6 font14">我的工具</view> |
||||
<view class="funcss" v-for="(item,index) in toolList" :key="index" @click="jumpfunc(item)"> |
||||
<image :src="item.img" mode="widthFix" class="funicon"></image> |
||||
<view class=" font14 mart5">{{item.title}}</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryAccount |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
userInfo: app.globalData.userInfo, //用户信息 |
||||
accountInfo: '', //账户信息 |
||||
toolList: [{ |
||||
title: '活动列表', |
||||
url: '/pages/index/activity_Funds_activityList/activity_Funds_activityList', |
||||
img: '../../../static/img/home3.png' |
||||
}, { |
||||
title: '交易记录', |
||||
url: '/pages/index/activity_Funds_transaction_records/activity_Funds_transaction_records', |
||||
img: '../../../static/img/home3.png' |
||||
}, { |
||||
title: '充值记录', |
||||
url: '/pages/index/activity_Funds_recharge_record/activity_Funds_recharge_record', |
||||
img: '../../../static/img/home3.png' |
||||
}] |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.queryAccount(); |
||||
}, |
||||
methods: { |
||||
//查询商户信息 |
||||
queryAccount() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
let datas = { |
||||
merNo: this.userInfo.mer.merNo |
||||
} |
||||
queryAccount(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.accountInfo = res.return_data; |
||||
} |
||||
}); |
||||
}, |
||||
//跳转功能 |
||||
jumpfunc(item) { |
||||
if (item.title == '活动列表') { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_Funds_activityList/activity_Funds_activityList?merNo=' + |
||||
this.accountInfo.accountNumber |
||||
}) |
||||
return; |
||||
} |
||||
|
||||
if (item.title == '交易记录') { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_Funds_transaction_records/activity_Funds_transaction_records?merNo=' + |
||||
this.accountInfo.accountNumber |
||||
}) |
||||
return; |
||||
} |
||||
|
||||
if (item.title == '充值记录') { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_Funds_recharge_record/activity_Funds_recharge_record?merNo=' + |
||||
this.accountInfo.accountNumber |
||||
}) |
||||
return; |
||||
} |
||||
uni.navigateTo({ |
||||
url: item.url |
||||
}) |
||||
|
||||
}, |
||||
//跳转充值活动 |
||||
jumpRechange(item) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/recharge_balance/recharge_balance?merNo=' + |
||||
this.accountInfo.accountNumber + '&price=' + item+'&type=1' |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.headtitle { |
||||
position: absolute; |
||||
top: 80px; |
||||
} |
||||
|
||||
.head_piece { |
||||
height: 200px; |
||||
position: absolute; |
||||
top: 110px; |
||||
border-radius: 8px |
||||
} |
||||
|
||||
|
||||
// 菜单 |
||||
.funcss { |
||||
width: 33%; |
||||
height: 90px; |
||||
margin-top: 10px; |
||||
text-align: center; |
||||
border-right: 1px solid #e8e8e8; |
||||
border-bottom: 1px solid #e8e8e8; |
||||
display: inline-block; |
||||
|
||||
.funicon { |
||||
width: 35px; |
||||
padding-top: 8px; |
||||
} |
||||
} |
||||
|
||||
.rechargebtn { |
||||
width: 90px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
border-radius: 20px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,407 @@ |
||||
<template> |
||||
<view> |
||||
<view class=" mart10 marb20 alijus"> |
||||
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight40" v-for="(item,index) in orderStatus" |
||||
@click="switchid(item)" :class="[statusid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index"> |
||||
{{item.title}} |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="input-box"> |
||||
<view class="icon search"></view> |
||||
<input placeholder="请输入搜索的内容" v-model="searchName" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
||||
</view> |
||||
|
||||
<view v-if="activityList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
<view class="width94 backcorfff border-r mart15" v-for="(item,index) in activityList" :key="index" |
||||
@click="jumpdetails(item.activityNo,item.status,1)"> |
||||
<view class="notes" style="border-bottom: 0px;"> |
||||
<view class="width80p margle"> |
||||
<view class="font14 fcor333">{{item.merAbbreviate}}</view> |
||||
<view class="font12 fcor999">{{item.createTime | timeFormat('yyyy-mm-dd')}} |
||||
{{item.createTime | timeFormat('hh:mm')}} |
||||
</view> |
||||
</view> |
||||
<view class="storestus" v-if="item.status == 1"> |
||||
编辑中 |
||||
</view> |
||||
<view class="storestus" v-if="item.status == 2"> |
||||
进行中 |
||||
</view> |
||||
<view class="otstatucs" v-if="item.status == 3"> |
||||
已结束 |
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
<view class="conts" style="border-bottom: 0px;"> |
||||
<view class="font14 fcor999">活动类型 : |
||||
<text class="font13" v-if="item.activityType == 1"> 优惠活动</text> |
||||
<text class="font13" v-if="item.activityType == 2"> 优惠券</text> |
||||
</view> |
||||
</view> |
||||
<view class="conts" style="border-bottom: 0px;"> |
||||
<view class="font14 fcor999">优惠类型 : |
||||
<text class="font13" v-if="item.preferentialType == 1"> 满减</text> |
||||
<text class="font13" v-if="item.preferentialType == 2"> 立减</text> |
||||
<text class="font13" v-if="item.preferentialType == 3"> 折扣</text> |
||||
</view> |
||||
</view> |
||||
<view class="conts" style="border-bottom: 0px;"> |
||||
<view class="font14 fcor999">使用规则 : |
||||
<text class="font13" v-if="item.preferentialType == 1"> 满{{item.condition}}减{{item.price}}</text> |
||||
<text class="font13" v-if="item.preferentialType == 2"> 立减{{item.price}}</text> |
||||
<text class="font13" v-if="item.preferentialType == 3"> 打{{item.price}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="height45 width94"> |
||||
<button class="btns mart10" @click.stop="openActivity(item.activityNo)" |
||||
v-if="item.status == 1">开启活动</button> |
||||
<button class="btns mart10" @click.stop="closeActivity(item.activityNo)" |
||||
v-if="item.status == 2">关闭活动</button> |
||||
<button class="btns mart10" @click.stop="jumpRechange(item.activityNo)" |
||||
v-if="item.status != 3">充值金额</button> |
||||
<button class="btns mart10" @click.stop="jumpdetails(item.activityNo,item.status,2)" |
||||
v-if="item.status != 3">修改时间</button> |
||||
<button class="btns mart10" @click.stop="recover(item.activityNo)">回收余额</button> |
||||
</view> |
||||
<view class="width100 height10"></view> |
||||
</view> |
||||
<image src="../../../static/img/addser.png" mode="widthFix" class="xfimg" @click="jumpaddactivity"></image> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getActivityList, |
||||
openActivity, |
||||
closeActivity, |
||||
recover, |
||||
getActivityAccount |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
accountNumber: '', // 商户号 |
||||
orderStatus: [{ |
||||
id: 1, |
||||
title: '编辑中' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
title: '进行中' |
||||
}, |
||||
{ |
||||
id: 3, |
||||
title: '已结束' |
||||
} |
||||
], //状态 |
||||
statusid: 1, //当前状态 |
||||
activityList: [], |
||||
searchName: '', //搜索内容 |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
isNoMoreData: false, //是否加载中 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.accountNumber = options.merNo; |
||||
}, |
||||
onShow() { |
||||
this.activityList = []; |
||||
this.getActivityList(); |
||||
}, |
||||
methods: { |
||||
//切换id |
||||
switchid(item) { |
||||
this.statusid = item.id; |
||||
this.pageNum = 1; |
||||
this.activityList = []; |
||||
this.getActivityList(); |
||||
}, |
||||
//修改资料详情 |
||||
jumpdetails(item, item1, item2) { |
||||
if (item1 == 1 && item2 == 1) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_add/activity_add?merNo=' + this.accountNumber + '&type=2' + |
||||
'&activityno=' + item |
||||
}) |
||||
} |
||||
if (item2 == 2) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_add/activity_add?merNo=' + this.accountNumber + '&type=3' + |
||||
'&activityno=' + item |
||||
}) |
||||
} |
||||
|
||||
if (item1 != 1 && item2 == 1) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_details/activity_details?activityno=' + item |
||||
}) |
||||
} |
||||
|
||||
}, |
||||
//查询门店列表 |
||||
getActivityList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading(); |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let datas = { |
||||
status: this.statusid, |
||||
pageNum: pagenum, |
||||
pageSize: this.pageSize |
||||
} |
||||
getActivityList(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list != '') { |
||||
this.activityList = res.return_data.list; |
||||
} else { |
||||
this.activityList = []; |
||||
} |
||||
}) |
||||
}, |
||||
//添加活动 |
||||
jumpaddactivity() { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_add/activity_add?merNo=' + this.accountNumber + '&type=1' |
||||
}) |
||||
}, |
||||
//开启活动 |
||||
openActivity(item) { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '开启活动', |
||||
content: '是否开启活动。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let data = { |
||||
activityNo: item |
||||
} |
||||
openActivity(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '开启成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
that.pageNum = 1; |
||||
that.activityList = []; |
||||
that.getActivityList(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//结束活动 |
||||
closeActivity(item) { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '关闭活动', |
||||
content: '是否关闭活动。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let data = { |
||||
activityNo: item |
||||
} |
||||
closeActivity(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '关闭成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
that.pageNum = 1; |
||||
that.activityList = []; |
||||
that.getActivityList(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//回收活动余额 |
||||
recover(item) { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '回收活动余额', |
||||
content: '确认是否回收活动余额。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let data = { |
||||
activityNo: item |
||||
} |
||||
recover(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '回收成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
that.pageNum = 1; |
||||
that.activityList = []; |
||||
that.getActivityList(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//跳转充值活动 |
||||
jumpRechange(item) { |
||||
let data = { |
||||
activityNo: item |
||||
} |
||||
getActivityAccount(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/recharge_balance/recharge_balance?merNo=' + this |
||||
.accountNumber + '&price=' + |
||||
res.return_data.amount + '&type=2' + '&activityNo=' + item |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
|
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.input-box { |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 15px; |
||||
margin-bottom: 15px; |
||||
height: 70rpx; |
||||
background-color: #fff; |
||||
border-radius: 10rpx; |
||||
position: relative; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.icon { |
||||
display: flex; |
||||
align-items: center; |
||||
position: absolute; |
||||
top: 2px; |
||||
left: 5px; |
||||
width: 60upx; |
||||
height: 60upx; |
||||
font-size: 34upx; |
||||
color: #c0c0c0; |
||||
} |
||||
|
||||
input { |
||||
padding-left: 50upx; |
||||
height: 28upx; |
||||
font-size: 28upx; |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
.borbtom { |
||||
border-bottom: 3px solid #089bf5; |
||||
} |
||||
|
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 30rpx 0 10rpx 20rpx; |
||||
border-bottom: 1px solid #f6f6f6; |
||||
} |
||||
|
||||
.storestus { |
||||
padding: 1px 5px; |
||||
color: #91bb88; |
||||
font-size: 14px; |
||||
background-color: #e8fbe6; |
||||
} |
||||
|
||||
.otstatucs { |
||||
background-color: #fbeee4; |
||||
color: #db8c73; |
||||
font-size: 14px; |
||||
padding: 1px 5px; |
||||
} |
||||
|
||||
.conts { |
||||
width: calc(100% - 60rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 0 30rpx 0 30rpx; |
||||
} |
||||
|
||||
.xfimg { |
||||
width: 100rpx; |
||||
bottom: 60rpx; |
||||
position: fixed; |
||||
right: 40rpx; |
||||
} |
||||
|
||||
.btns { |
||||
width: 21%; |
||||
margin-left: 2%; |
||||
float: left; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
background-color: #0083f5; |
||||
color: #FFFFFF; |
||||
font-weight: bold; |
||||
font-size: 12px; |
||||
padding: 0px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,139 @@ |
||||
<template> |
||||
<view> |
||||
<view class="input-box"> |
||||
<view class="icon search"></view> |
||||
<input placeholder="请输入搜索的内容" v-model="tradeNo" placeholder-style="color:#c0c0c0;" @input="toSearch()" /> |
||||
</view> |
||||
|
||||
<view v-if="orderList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
<view class="width100 backcorfff" v-for="(item,index) in orderList" :key="index" |
||||
@click="jumpdetails(item.orderNo)"> |
||||
<view class="width94 paddtop10 paddbotm10 alijusstart bor-botm1"> |
||||
<view class="width15"> |
||||
<image src="../../../static/img/wechat.png" mode="widthFix" class="iconw40"></image> |
||||
</view> |
||||
<view class="width85"> |
||||
<view class="font13 fcor999 width100">订单编号 : |
||||
<text class="font14 fcor333 margle">{{item.orderNo}}</text> |
||||
</view> |
||||
<view class="font13 fcor999 mart5 width100">商户名称 : |
||||
<text class="font14 fcor333 margle"> |
||||
{{item.merAbbreviate}}</text> |
||||
</view> |
||||
<view class="alijusstart font13 "> |
||||
<view class="width50 fcor999 ">交易金额 : ¥ |
||||
<text class="fcoreb5 margle font18">{{item.tradePrice}}</text> |
||||
</view> |
||||
<view class="width50 fcor999 fotrt">交易状态 : |
||||
<text class="fcoreb5 margle font16" v-if="item.status == 1">待支付</text> |
||||
<text class="fcor41c margle font16" v-if="item.status == 2">已支付</text> |
||||
<text class="fcoreb5 margle font16" v-if="item.status == 3">已退款</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryOrderList |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
orderList: [], //交易记录 |
||||
accountNumber: '', //账户编号 |
||||
tradeNo: '', //交易编号 |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
isNoMoreData: false, //是否加载中 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.accountNumber = options.merNo; |
||||
this.queryOrderList(); |
||||
}, |
||||
methods: { |
||||
//查询列表 |
||||
queryOrderList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading() |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let datas = { |
||||
accountNumber: this.accountNumber, |
||||
pageNum: pagenum, |
||||
pageSize: this.pageSize |
||||
} |
||||
queryOrderList(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list) { |
||||
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||
this.orderList = this.orderList.concat(res.return_data |
||||
.list); |
||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||
this.isNoMoreData = true; |
||||
} |
||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||
} else { |
||||
this.orderList = []; |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
//跳转详情 |
||||
jumpdetails(item) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_recharge_details/activity_recharge_details?orderNo=' + item |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.input-box { |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 15px; |
||||
margin-bottom: 15px; |
||||
height: 70rpx; |
||||
background-color: #f5f5f5; |
||||
border-radius: 10rpx; |
||||
position: relative; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.icon { |
||||
display: flex; |
||||
align-items: center; |
||||
position: absolute; |
||||
top: 2px; |
||||
left: 5px; |
||||
width: 60upx; |
||||
height: 60upx; |
||||
font-size: 34upx; |
||||
color: #c0c0c0; |
||||
} |
||||
|
||||
input { |
||||
padding-left: 50upx; |
||||
height: 28upx; |
||||
font-size: 28upx; |
||||
width: 100%; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,141 @@ |
||||
<template> |
||||
<view> |
||||
<view class="input-box"> |
||||
<view class="icon search"></view> |
||||
<!-- @input="toSearch()" v-model="tradeNos" --> |
||||
<input placeholder="请输入搜索的内容" placeholder-style="color:#c0c0c0;" /> |
||||
</view> |
||||
|
||||
<view v-if="accountRecordList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
<view class="width100 backcorfff" v-for="(item,index) in accountRecordList" :key="index" @click="jumpdetails(item.tradeNumber)"> |
||||
<view class="width94 paddtop10 paddbotm10 alijusstart bor-botm1"> |
||||
<!-- <view class="width15"> |
||||
<image src="../../../static/img/wechat.png" mode="widthFix" class="iconw40"></image> |
||||
</view> --> |
||||
<view class="width94"> |
||||
<view class="font13 fcor999 width100">交易编号: <text class="font14 fcor333 margle">{{item.tradeNumber}} |
||||
</text></view> |
||||
|
||||
<view class="font13 fcor999 width100">交易对象类型: |
||||
<text class="font14 fcor333 margle" v-if="item.objectType == 1">充值</text> |
||||
<text class="font14 fcor333 margle" v-if="item.objectType == 2">活动金</text> |
||||
<text class="font14 fcor333 margle" v-if="item.objectType == 3">活动</text> |
||||
</view> |
||||
|
||||
<view class="alijusstart font13 "> |
||||
<view class="width50 fcor999">交易类型 : |
||||
<text class="font14 fcor333 margle" v-if="item.tradeType == 1"> 进账</text> |
||||
<text class="font14 fcor333 margle" v-if="item.tradeType == 2"> 出账</text> |
||||
</view> |
||||
<view class="width50 fcor999 fotrt">交易金额 :¥ |
||||
<text class="fcor41c margle font18">{{item.tradeAmount}}</text> |
||||
<!-- <text class="fcoreb5 margle font18">12.2</text> --> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryAccountRecordList |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
accountRecordList: [], //交易记录 |
||||
accountNumber: '', //账户编号 |
||||
tradeNos: '', //交易编号 |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
isNoMoreData: false, //是否加载中 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.accountNumber = options.merNo; |
||||
this.queryAccountRecordList(); |
||||
}, |
||||
methods: { |
||||
//查询列表 |
||||
queryAccountRecordList() { |
||||
uni.showLoading({ |
||||
title: '加载中...' |
||||
}) |
||||
if (this.isNoMoreData) { |
||||
uni.hideLoading() |
||||
return false; |
||||
} |
||||
let pagenum = this.pageNum; |
||||
let datas = { |
||||
accountNumber: this.accountNumber, |
||||
pageNum: pagenum, |
||||
pageSize: this.pageSize |
||||
} |
||||
queryAccountRecordList(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000' && res.return_data.list) { |
||||
this.isNoMoreData = res.return_data.list.length == this.pageSize ? false : true; |
||||
this.accountRecordList = this.accountRecordList.concat(res.return_data |
||||
.list); |
||||
if (res.return_data.total == (this.pageNum * this.pageSize)) { |
||||
this.isNoMoreData = true; |
||||
} |
||||
this.pageNum = res.return_data.list.length == this.pageSize ? ++pagenum : pagenum; |
||||
} else { |
||||
this.accountRecordList = []; |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
//跳转详情 |
||||
jumpdetails(item) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/activity_transaction_details/activity_transaction_details?orderNo='+item |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.input-box { |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 15px; |
||||
margin-bottom: 15px; |
||||
height: 70rpx; |
||||
background-color: #f5f5f5; |
||||
border-radius: 10rpx; |
||||
position: relative; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.icon { |
||||
display: flex; |
||||
align-items: center; |
||||
position: absolute; |
||||
top: 2px; |
||||
left: 5px; |
||||
width: 60upx; |
||||
height: 60upx; |
||||
font-size: 34upx; |
||||
color: #c0c0c0; |
||||
} |
||||
|
||||
input { |
||||
padding-left: 50upx; |
||||
height: 28upx; |
||||
font-size: 28upx; |
||||
width: 100%; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,443 @@ |
||||
<template> |
||||
<view> |
||||
|
||||
<view class="username"> |
||||
<view class="namecont">活动类型</view> |
||||
<picker v-if="type !=3" mode="selector" style="width: 70%;" :range="activityList" range-key="codeName" |
||||
@change="changefeilvalue"> |
||||
<view class="text1" v-if="activityName">{{activityName}}</view> |
||||
<view class="text1 fcor999" v-else>请选择活动类型</view> |
||||
</picker> |
||||
<image v-if="type !=3" src="../../../static/img/jtg.png" mode="widthFix" class="iconw"></image> |
||||
<view v-if="type == 3">{{activityName}}</view> |
||||
</view> |
||||
|
||||
<view class="username"> |
||||
<view class="namecont">优惠类型</view> |
||||
<picker v-if="type !=3" mode="selector" style="width: 70%;" :range="preferentialList" range-key="codeName" |
||||
@change="changefeilvalue1"> |
||||
<view class="text1" v-if="preferentialName">{{preferentialName}}</view> |
||||
<view class="text1 fcor999" v-else>请选择优惠类型</view> |
||||
</picker> |
||||
<image v-if="type !=3" src="../../../static/img/jtg.png" mode="widthFix" class="iconw"></image> |
||||
<view v-if="type ==3">{{preferentialName}}</view> |
||||
</view> |
||||
|
||||
<view class="width100 backcorfff"> |
||||
<view class="username"> |
||||
<view class="namecont">优惠金额</view> |
||||
<input v-if="type !=3" placeholder="请输入优惠金额" v-model="price" type="text" |
||||
placeholder-style="color: #bfbfbf;" /> |
||||
<view v-if="type ==3">{{price}}</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="username"> |
||||
<view class="namecont">结束时间</view> |
||||
<picker mode="date" class="width70" :value="end_date" :start="startDate" :end="endDate" |
||||
@change="bindDateChange"> |
||||
<view v-if="end_date">{{end_date}}</view> |
||||
<view class="fcor999" v-else>请选择结束时间</view> |
||||
</picker> |
||||
<image src="../../../static/img/jtg.png" mode="widthFix" class="iconw"></image> |
||||
</view> |
||||
|
||||
<view class="width100 backcorfff" v-if="preferentialType == 1"> |
||||
<view class="username"> |
||||
<view class="namecont">优惠条件</view> |
||||
<input v-if="type !=3" placeholder="请输入优惠条件" v-model="condition" type="number" |
||||
placeholder-style="color: #bfbfbf;" /> |
||||
<view v-if="type == 3">{{condition}}</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="username"> |
||||
<view class="namecont">限制类型</view> |
||||
<picker v-if="type !=3" mode="selector" style="width: 70%;" :range="partakeList" range-key="codeName" |
||||
@change="changefeilvalue2"> |
||||
<view class="text1" v-if="partakeName">{{partakeName}}</view> |
||||
<view class="text1 fcor999" v-else>请选择限制类型</view> |
||||
</picker> |
||||
<image v-if="type !=3" src="../../../static/img/jtg.png" mode="widthFix" class="iconw"></image> |
||||
<view v-if="type == 3">{{partakeName}}</view> |
||||
</view> |
||||
|
||||
<view class="width100 backcorfff"> |
||||
<view class="username"> |
||||
<view class="namecont">限制数量</view> |
||||
<input v-if="type !=3" placeholder="请输入限制数量" v-model="partakeNum" type="text" |
||||
placeholder-style="color: #bfbfbf;" /> |
||||
<view v-if="type == 3">{{partakeNum}}</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="btn" @tap="addActivity()" v-if="type == 1">提交活动</view> |
||||
<view class="btn" @tap="addActivity()" v-if="type == 2">修改活动</view> |
||||
<view class="btn" @tap="addActivity()" v-if="type == 3">修改时间</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
addActivity, |
||||
updateActivity, |
||||
getActivityDetail, |
||||
updateActivityEndTime |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
const currentDate = this.getDate({ |
||||
format: true |
||||
}) |
||||
return { |
||||
type: '', //区分 |
||||
activityNo: '', //活动编号 |
||||
userInfo: app.globalData.userInfo, //用户信息 |
||||
accountNumber: '', // 商户号 |
||||
activityType: '', //活动类型 |
||||
activityName: '', //活动类型名称 |
||||
activityList: app.globalData.Dictionaries.REBATE_ACTIVITY_TYPE, |
||||
preferentialType: '', //优惠类型 |
||||
preferentialName: '', //优惠类型名称 |
||||
preferentialList: app.globalData.Dictionaries.REBATE_PREFERENTIAL_TYPE, |
||||
price: '', //优惠金额 |
||||
end_date: '', //到期时间 |
||||
condition: '', //优惠条件 |
||||
partakeType: '', //限制类型 |
||||
partakeName: '', //限制类型名称 |
||||
partakeList: app.globalData.Dictionaries.REBATE_PARTAKE_TYPE, //限制类型数据 |
||||
partakeNum: '', //限制数量 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.type = options.type; |
||||
this.accountNumber = options.merNo; |
||||
if (this.type == 2 || this.type == 3) { |
||||
this.activityNo = options.activityno; |
||||
this.getActivityDetail(); |
||||
} |
||||
}, |
||||
computed: { |
||||
//开始时间转化 |
||||
startDate() { |
||||
return this.getDate('start'); |
||||
}, |
||||
//结束时间转化 |
||||
endDate() { |
||||
return this.getDate('end'); |
||||
} |
||||
}, |
||||
methods: { |
||||
//查询活动详情 |
||||
getActivityDetail() { |
||||
let data = { |
||||
activityNo: this.activityNo |
||||
} |
||||
getActivityDetail(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
this.activityType = res.return_data.activityType; |
||||
for (var i = 0; i < this.activityList.length; i++) { |
||||
if (this.activityType == this.activityList[i].codeValue) { |
||||
this.activityName = this.activityList[i].codeName; |
||||
} |
||||
} |
||||
this.preferentialType = res.return_data.preferentialType; |
||||
for (var j = 0; j < this.preferentialList.length; j++) { |
||||
if (this.preferentialType == this.preferentialList[j].codeValue) { |
||||
this.preferentialName = this.preferentialList[j].codeName; |
||||
} |
||||
} |
||||
this.price = res.return_data.price; |
||||
this.end_date = res.return_data.endTimeStr; |
||||
if (res.return_data.preferentialType == 1) { |
||||
this.condition = res.return_data.condition; |
||||
} |
||||
this.partakeType = res.return_data.restrictPartakeType; |
||||
for (var k = 0; k < this.partakeList.length; k++) { |
||||
if (this.partakeType == this.partakeList[k].codeValue) { |
||||
this.partakeName = this.partakeList[k].codeName; |
||||
} |
||||
} |
||||
this.partakeNum = res.return_data.restrictPartakeNum; |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
}, |
||||
// 获取当前时间 |
||||
getDate(type) { |
||||
const date = new Date(); |
||||
let year = date.getFullYear(); |
||||
let month = date.getMonth() + 1; |
||||
let day = date.getDate(); |
||||
|
||||
if (type === 'start') { |
||||
year = year - 60; |
||||
} else if (type === 'end') { |
||||
year = year + 50; |
||||
} |
||||
month = month > 9 ? month : '0' + month; |
||||
day = day > 9 ? day : '0' + day; |
||||
return `${year}-${month}-${day}`; |
||||
}, |
||||
//选择活动类型 |
||||
changefeilvalue(e) { |
||||
this.activityType = this.activityList[e.target.value].codeValue; |
||||
this.activityName = this.activityList[e.target.value].codeName; |
||||
}, |
||||
//选择优惠类型 |
||||
changefeilvalue1(e) { |
||||
this.preferentialType = this.preferentialList[e.target.value].codeValue; |
||||
this.preferentialName = this.preferentialList[e.target.value].codeName; |
||||
this.condition = ''; |
||||
}, |
||||
//选择限制类型 |
||||
changefeilvalue2(e) { |
||||
this.partakeType = this.partakeList[e.target.value].codeValue; |
||||
this.partakeName = this.partakeList[e.target.value].codeName; |
||||
}, |
||||
//结束时间 |
||||
bindDateChange: function(e) { |
||||
this.end_date = e.target.value; |
||||
}, |
||||
|
||||
//添加活动 |
||||
addActivity() { |
||||
if (!this.activityType) { |
||||
uni.showToast({ |
||||
title: '请选择活动类型', |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if (!this.preferentialType) { |
||||
uni.showToast({ |
||||
title: '请选择优惠类型', |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if (!this.price) { |
||||
uni.showToast({ |
||||
title: '请输入优惠金额', |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if (!this.end_date) { |
||||
uni.showToast({ |
||||
title: '请选择结束时间', |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if (this.preferentialType == 1 && !this.condition) { |
||||
uni.showToast({ |
||||
title: '请输入优惠条件', |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
if (this.type == 1) { |
||||
uni.showModal({ |
||||
title: '提交活动', |
||||
content: '确认信息是否正确。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let b = new Date(this.end_date).getTime(); |
||||
let endTime = b + 57599000; |
||||
let datas = { |
||||
"merNo": this.userInfo.mer.merNo, |
||||
"activityType": this.activityType, |
||||
"preferentialType": this.preferentialType, |
||||
"price": this.price, |
||||
"endTime": endTime, |
||||
"condition": this.condition, |
||||
"partakeType": this.partakeType, |
||||
"partakeNum": this.partakeNum |
||||
} |
||||
addActivity(datas).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '提交成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
uni.navigateBack(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
if (this.type == 2) { |
||||
uni.showModal({ |
||||
title: '修改活动', |
||||
content: '确认信息是否正确。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let b = new Date(this.end_date).getTime(); |
||||
let endTime = b + 57599000; |
||||
let datas = { |
||||
"activityNo": this.activityNo, |
||||
"activityType": this.activityType, |
||||
"preferentialType": this.preferentialType, |
||||
"price": this.price, |
||||
"endTime": endTime, |
||||
"condition": this.condition, |
||||
"partakeType": this.partakeType, |
||||
"partakeNum": this.partakeNum |
||||
} |
||||
updateActivity(datas).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '提交成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
uni.navigateBack(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
if (this.type == 3) { |
||||
uni.showModal({ |
||||
title: '修改活动时间', |
||||
content: '确认信息是否正确。', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交中...' |
||||
}) |
||||
let b = new Date(this.end_date).getTime(); |
||||
let endTime = b + 57599000; |
||||
let datas = { |
||||
"activityNo": this.activityNo, |
||||
"endTime": endTime, |
||||
} |
||||
updateActivityEndTime(datas).then(res => { |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '修改成功', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
uni.navigateBack(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.username { |
||||
width: calc(100% - 90upx); |
||||
height: 100upx; |
||||
display: flex; |
||||
align-items: center; |
||||
background-color: rgba($color: #ffffff, $alpha: 0.1); |
||||
border-bottom: 1px solid #f6f6f6; |
||||
padding: 8upx 45upx; |
||||
|
||||
input { |
||||
width: 50%; |
||||
height: 50upx; |
||||
font-size: 16px; |
||||
color: #333333; |
||||
font-weight: blod; |
||||
} |
||||
|
||||
.get-code { |
||||
position: absolute; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
right: 7px; |
||||
z-index: 3; |
||||
border: 1px solid #bfbfbf; |
||||
width: 25%; |
||||
padding: 3px 5px; |
||||
border-radius: 22px; |
||||
|
||||
&:after { |
||||
content: " "; |
||||
width: 1upx; |
||||
height: 50upx; |
||||
position: absolute; |
||||
z-index: 3; |
||||
margin-right: 100%; |
||||
left: 0; |
||||
top: 20upx; |
||||
} |
||||
} |
||||
|
||||
.namecont { |
||||
color: #666666; |
||||
width: 28%; |
||||
} |
||||
} |
||||
|
||||
.btn { |
||||
color: #FFFFFF; |
||||
background-color: #0083f5; |
||||
width: 90%; |
||||
margin-left: 5%; |
||||
margin-top: 100rpx; |
||||
margin-bottom: 50rpx; |
||||
height: 90rpx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
border-radius: 10rpx; |
||||
font-size: 40rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,137 @@ |
||||
<template> |
||||
<view> |
||||
<view class="mart5 width100 backcorfff"> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">商户名称</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.merName}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">商户简称</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.merAbbreviate}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">活动编号</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.activityNo}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">活动余额</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.activityAccount.amount}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">活动类型</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityName}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">优惠类型</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{preferentialName}}</view> |
||||
</view> |
||||
<view class="notes" v-if="activityDetails.condition"> |
||||
<view class="fcor666 width40">优惠条件</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.condition}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">优惠金额</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.price}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">限制类型</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{partakeName}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">限制使用次数</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.restrictPartakeNum}}</view> |
||||
</view> |
||||
|
||||
<view class="notes" v-if="activityDetails.startTime"> |
||||
<view class="fcor666 width40">活动开始时间</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.startTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}</view> |
||||
</view> |
||||
|
||||
<view class="notes" v-if="activityDetails.endTime"> |
||||
<view class="fcor666 width40">活动结束时间</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.endTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}</view> |
||||
</view> |
||||
|
||||
<view class="notes" v-if="activityDetails.realityEndTime"> |
||||
<view class="fcor666 width40">实际结束时间</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{activityDetails.realityEndTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getActivityDetail |
||||
} from '../../../Utils/Api.js'; |
||||
let app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
activityNo: '', //活动编号 |
||||
activityDetails: '', //活动详情 |
||||
activityName: '', //活动类型名称 |
||||
activityList: app.globalData.Dictionaries.REBATE_ACTIVITY_TYPE, |
||||
preferentialName: '', //优惠类型名称 |
||||
preferentialList: app.globalData.Dictionaries.REBATE_PREFERENTIAL_TYPE, |
||||
partakeName: '', //限制类型名称 |
||||
partakeList: app.globalData.Dictionaries.REBATE_PARTAKE_TYPE, //限制类型数据 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.activityNo = options.activityno; |
||||
this.getActivityDetail(); |
||||
}, |
||||
methods: { |
||||
//查询活动详情 |
||||
getActivityDetail() { |
||||
let data = { |
||||
activityNo: this.activityNo |
||||
} |
||||
getActivityDetail(data).then(res => { |
||||
if (res.return_code == '000000') { |
||||
this.activityDetails = res.return_data; |
||||
for (var i = 0; i < this.activityList.length; i++) { |
||||
if (res.return_data.activityType == this.activityList[i].codeValue) { |
||||
this.activityName = this.activityList[i].codeName; |
||||
} |
||||
} |
||||
for (var j = 0; j < this.preferentialList.length; j++) { |
||||
if (res.return_data.preferentialType == this.preferentialList[j].codeValue) { |
||||
this.preferentialName = this.preferentialList[j].codeName; |
||||
} |
||||
} |
||||
if (res.return_data.preferentialType == 1) { |
||||
this.condition = res.return_data.condition; |
||||
} |
||||
for (var k = 0; k < this.partakeList.length; k++) { |
||||
if (res.return_data.restrictPartakeType == this.partakeList[k].codeValue) { |
||||
this.partakeName = this.partakeList[k].codeName; |
||||
} |
||||
} |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 30rpx 0 30rpx 20rpx; |
||||
border-bottom: 1px solid #f6f6f6; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,103 @@ |
||||
<template> |
||||
<view> |
||||
<view class="mart5 width100 backcorfff"> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">商户编号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merNo}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">商户名称</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merName}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">商户简称</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.merAbbreviate}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">订单编号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.orderNo}}</view> |
||||
</view> |
||||
<view class="notes" v-if="orderDtails.paySerialNo"> |
||||
<view class="fcor666 width25">支付流水号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">{{orderDtails.paySerialNo}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">交易金额</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">¥ {{orderDtails.tradePrice}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">支付方式</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.payType == 'WECHAT'">微信</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">支付状态</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 1">待支付</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 2">已支付</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt" v-if="orderDtails.status == 3">已退款</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">创建时间</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt"> |
||||
{{orderDtails.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||
</view> |
||||
</view> |
||||
<view class="notes" v-if="orderDtails.payTime"> |
||||
<view class="fcor666 width25">支付时间</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt"> |
||||
{{orderDtails.payTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryOrderDetail |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
orderNo: '' ,//订单编号 |
||||
orderDtails:'' //订单详情 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.orderNo = options.orderNo; |
||||
this.queryOrderDetail(); |
||||
}, |
||||
methods: { |
||||
//查询订单详情 |
||||
queryOrderDetail() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
let datas = { |
||||
orderNo: this.orderNo |
||||
} |
||||
queryOrderDetail(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.orderDtails = res.return_data |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 30rpx 0 30rpx 20rpx; |
||||
border-bottom: 1px solid #f6f6f6; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,91 @@ |
||||
<template> |
||||
<view> |
||||
<view class="mart5 width100 backcorfff"> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易类型</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.tradeType == 1">进账</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt" v-else>出账</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易编号</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.tradeNumber}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易金额</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.tradeAmount}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易前金额</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.amountBeforeChange}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易后金额</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">¥ {{transactionDetails.amountAfterChange}}</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">交易对象类型</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 1">充值</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 2">返利金</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt" v-if="transactionDetails.objectType == 3">活动</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width40">创建时间</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}}</view> |
||||
</view> |
||||
<view class="notes" v-if="transactionDetails.objectContent"> |
||||
<view class="fcor666 width40">交易对象内容</view> |
||||
<view class="font14 fcor333 text2 width60 fotrt">{{transactionDetails.objectContent}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryAccountRecordDetail |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
orderNo: '', //订单编号 |
||||
transactionDetails: '' //订单详情 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.orderNo = options.orderNo; |
||||
this.queryAccountRecordDetail(); |
||||
}, |
||||
methods: { |
||||
//查询交易详情 |
||||
queryAccountRecordDetail() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
let datas = { |
||||
tradeNumber: this.orderNo |
||||
} |
||||
queryAccountRecordDetail(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.transactionDetails = res.return_data |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 30rpx 0 30rpx 20rpx; |
||||
border-bottom: 1px solid #f6f6f6; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,371 @@ |
||||
<template> |
||||
<view> |
||||
<view class="block"> |
||||
<view class="content"> |
||||
<view class="my" v-if="type== 1"> |
||||
当前活动金余额 : <view class="font22 fcoreb5 margle">¥ {{balance}} </view> |
||||
</view> |
||||
<view class="my" v-if="type== 2"> |
||||
当前活动余额 : <view class="font22 fcoreb5 margle">¥ {{balance}} </view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="block"> |
||||
<view class="title"> |
||||
充值金额 |
||||
</view> |
||||
<view class="content"> |
||||
<view class="amount"> |
||||
<view class="list"> |
||||
<view class="box" v-for="(amount,index) in amountList" :key="index" @tap="select(amount)" |
||||
:class="{'on':amount == inputAmount}"> |
||||
<view class="heTitle">{{amount}}元</view> |
||||
</view> |
||||
</view> |
||||
<view class="num"> |
||||
<view class="text font15"> |
||||
输入充值金额 |
||||
</view> |
||||
<view class="input"> |
||||
<input v-model="inputAmount" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="pay"> |
||||
<button class="btn" @tap="doDeposit">立即充值</button> |
||||
<view class="tis"> |
||||
点击立即充值，即代表您同意<view class="terms"> |
||||
《条款协议》 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
let app = getApp() |
||||
import { |
||||
rebateCreate, |
||||
recharge |
||||
} from "../../../Utils/Api.js"; |
||||
// #ifdef H5 |
||||
var jweixin = require('jweixin-module'); |
||||
// #endif |
||||
export default { |
||||
data() { |
||||
return { |
||||
balance: '', //余额 |
||||
inputAmount: '', //金额 |
||||
type: '', //类型 |
||||
activityNo: '', //活动编号 |
||||
amountList: [100, 200, 300, 500, 800, 1000], //预设3个可选快捷金额 |
||||
accountNumber: '', //账户编号 |
||||
}; |
||||
}, |
||||
onLoad(options) { |
||||
this.accountNumber = options.merNo; |
||||
this.balance = options.price; |
||||
this.type = options.type; |
||||
this.activityNo = options.activityNo; |
||||
if (this.type == 1) { |
||||
this.amountList = [100, 200, 300, 500, 800, 1000] |
||||
} |
||||
if (this.type == 2) { |
||||
this.amountList = [10, 50, 100, 150, 200, 300] |
||||
} |
||||
}, |
||||
methods: { |
||||
select(amount) { |
||||
this.inputAmount = amount; |
||||
}, |
||||
doDeposit() { |
||||
if (parseFloat(this.inputAmount).toString() == "NaN") { |
||||
uni.showToast({ |
||||
title: '请输入正确金额', |
||||
icon: 'none' |
||||
}); |
||||
return; |
||||
} |
||||
if (this.inputAmount <= 0) { |
||||
uni.showToast({ |
||||
title: '请输入大于0的金额', |
||||
icon: 'none' |
||||
}); |
||||
return; |
||||
} |
||||
if (parseFloat(this.inputAmount).toFixed(2) != parseFloat(this.inputAmount)) { |
||||
uni.showToast({ |
||||
title: '最多只能输入两位小数哦~', |
||||
icon: 'none' |
||||
}); |
||||
return; |
||||
} |
||||
uni.showLoading({ |
||||
title: '正在提交订单...' |
||||
}) |
||||
if (this.type == 1) { |
||||
let goods = { |
||||
"accountNumber": this.accountNumber, |
||||
"orderType": "1", // 订单类型 1:充值 |
||||
"payType": "WECHAT", // WECHAT:微信 ，ALIPAY:支付宝，UQRCODEPAY：银联 |
||||
"tradePrice": this.inputAmount, |
||||
"openId": app.globalData.openId |
||||
} |
||||
|
||||
rebateCreate(goods).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.payRequest(res.return_data.payParam); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}); |
||||
} |
||||
}) |
||||
} |
||||
|
||||
if (this.type == 2) { |
||||
let data = { |
||||
"activityNo": this.activityNo, |
||||
"amount": this.inputAmount, |
||||
} |
||||
recharge(data).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: '充值成功', |
||||
icon: 'none', |
||||
duration: 2000, |
||||
success() { |
||||
setTimeout(() => { |
||||
uni.navigateBack() |
||||
}, 2000); |
||||
} |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}); |
||||
} |
||||
}) |
||||
} |
||||
}, |
||||
//H5支付 |
||||
payRequest: function(self) { |
||||
uni.showLoading({ |
||||
title: '支付中...' |
||||
}) |
||||
jweixin.config({ |
||||
// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 |
||||
appId: self.appId, // 必填，公众号的唯一标识 |
||||
timestamp: self.timeStamp, // 必填，生成签名的时间戳 |
||||
nonceStr: self.nonceStr, // 必填，生成签名的随机串 |
||||
signature: self.sign, // 必填，签名，见附录1 |
||||
jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 |
||||
}); |
||||
uni.hideLoading(); |
||||
jweixin.ready(function() { |
||||
jweixin.checkJsApi({ |
||||
jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2, |
||||
success: function(res) {}, |
||||
fail: function(res) {} |
||||
}); |
||||
jweixin.chooseWXPay({ |
||||
appId: self.appId, |
||||
timestamp: self |
||||
.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 |
||||
nonceStr: self.nonceStr, // 支付签名随机串，不长于 32 位 |
||||
package: self.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***） |
||||
signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5' |
||||
paySign: self.sign, // 支付签名 |
||||
success: function(res) { |
||||
// 支付成功后的回调函数 |
||||
uni.showToast({ |
||||
title: '支付成功' |
||||
}) |
||||
uni.navigateBack({}) |
||||
}, |
||||
cancel: function(r) {}, |
||||
fail: function(res) {} |
||||
}); |
||||
}); |
||||
|
||||
jweixin.error(function(res) { |
||||
uni.showToast({ |
||||
icon: 'none', |
||||
title: '支付失败了', |
||||
duration: 4000 |
||||
}); |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.block { |
||||
width: 94%; |
||||
padding: 20upx 3%; |
||||
|
||||
.title { |
||||
width: 100%; |
||||
font-size: 30upx; |
||||
} |
||||
|
||||
.content { |
||||
.my { |
||||
width: 100%; |
||||
height: 120upx; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 30upx; |
||||
border-bottom: solid 1upx #eee; |
||||
} |
||||
|
||||
.amount { |
||||
width: 100%; |
||||
|
||||
|
||||
.list { |
||||
width: 94%; |
||||
margin-left: 3%; |
||||
display: flow-root; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
padding: 20upx 0; |
||||
|
||||
.box { |
||||
width: 30%; |
||||
margin-left: 1%; |
||||
margin-right: 2%; |
||||
margin-top: 20upx; |
||||
float: left; |
||||
height: 120upx; |
||||
display: inline-grid; |
||||
justify-content: center; |
||||
align-items: center; |
||||
text-align: center; |
||||
color: #089bf5; |
||||
background-color: #f1f1f1; |
||||
|
||||
&.on { |
||||
background-color: #089bf5; |
||||
color: #ffffff; |
||||
} |
||||
} |
||||
|
||||
.heTitle { |
||||
width: 100%; |
||||
font-size: 18px; |
||||
} |
||||
} |
||||
|
||||
.num { |
||||
margin-top: 30upx; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
align-items: center; |
||||
|
||||
.text { |
||||
padding-right: 10upx; |
||||
} |
||||
|
||||
.input { |
||||
width: 40.2vw; |
||||
border-bottom: solid 2upx #999; |
||||
|
||||
justify-content: flex-end; |
||||
align-items: center; |
||||
|
||||
input { |
||||
margin: 0 20upx; |
||||
height: 60upx; |
||||
font-size: 40upx; |
||||
color: #0083f5; |
||||
justify-content: flex-end; |
||||
align-items: center; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.pay-list { |
||||
width: 100%; |
||||
border-bottom: solid 1upx #eee; |
||||
|
||||
.row { |
||||
width: 100%; |
||||
height: 120upx; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
.left { |
||||
width: 100upx; |
||||
flex-shrink: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
|
||||
image { |
||||
width: 80upx; |
||||
height: 80upx; |
||||
} |
||||
} |
||||
|
||||
.center { |
||||
width: 100%; |
||||
font-size: 30upx; |
||||
} |
||||
|
||||
.right { |
||||
width: 100upx; |
||||
flex-shrink: 0; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.pay { |
||||
margin-top: 30upx; |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: center; |
||||
flex-wrap: wrap; |
||||
|
||||
.btn { |
||||
width: 70%; |
||||
height: 80upx; |
||||
border-radius: 80upx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
color: #fff; |
||||
background-color: #0083f5; |
||||
box-shadow: 0upx 5upx 10upx rgba(0, 0, 0, 0.2); |
||||
} |
||||
|
||||
.tis { |
||||
margin-top: 10upx; |
||||
width: 100%; |
||||
font-size: 24upx; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: baseline; |
||||
color: #999; |
||||
|
||||
.terms { |
||||
color: #5a9ef7; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
@ -1,2 +1,2 @@ |
||||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>惠支付</title><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><link rel=stylesheet href=/cweb/static/index.63b34199.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/cweb/static/js/chunk-vendors.f7d5fa91.js></script><script src=/cweb/static/js/index.1495033b.js></script></body></html> |
||||
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><link rel=stylesheet href=/cweb/static/index.63b34199.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/cweb/static/js/chunk-vendors.f7d5fa91.js></script><script src=/cweb/static/js/index.a7689aa8.js></script></body></html> |
||||
Loading…
Reference in new issue