parent
916f738682
commit
8935ee7973
@ -0,0 +1,234 @@ |
||||
<template> |
||||
<view> |
||||
<view class="width94 font20 fontwig6 fcor333 mart15 fotct">{{activitydetails.activityName}}</view> |
||||
<view class="width94 font16 fcor666 mart10 fotct">{{activitydetails.comments}}</view> |
||||
<view class="width90 font13 fcoreb5 mart15 alijusstart"> |
||||
活动时间: |
||||
{{activitydetails.effectiveStart | timeFormat('yyyy-mm-dd')}} - |
||||
{{activitydetails.effectiveEnd | timeFormat('yyyy-mm-dd')}} |
||||
</view> |
||||
<view class="width90 font13 fcoreb5 alijusstart"> |
||||
报名时间: {{activitydetails.registrationStart | timeFormat('yyyy-mm-dd')}} - |
||||
{{activitydetails.registrationEnd | timeFormat('yyyy-mm-dd')}} |
||||
</view> |
||||
<view class="width90 fcoreb5 font14 fontwig6 mart5" v-if="activitydetails.bankActivityRoster !=null">已报名 |
||||
</view> |
||||
<view class="width90 fcor666 font14 fontwig6 mart5" v-else>未报名</view> |
||||
<view class="width100 backcor6 mart5" style="height: 1px;"></view> |
||||
<view class="width90 mart20"> |
||||
<rich-text :nodes="activitydetails.details"></rich-text> |
||||
</view> |
||||
|
||||
<view class="width90 mart20 marb15 fcor333 fontwig6 font16" v-if="activitydetails.bankActivityRoster !=null"> |
||||
选择周期费率 |
||||
<text class="fcoreb5" v-if="activitydetails.bankActivityRoster.bankActivityRosterRateList[0].status == 1">(已生效)</text> |
||||
<text class="fcoreb5" v-if="activitydetails.bankActivityRoster.bankActivityRosterRateList[0].status == 2">(未配置)</text> |
||||
</view> |
||||
<view class="username" v-for="(item,index) in activityList" :key="index"> |
||||
<view class="namecont"> |
||||
{{item.startTime | timeFormat('yyyy-mm-dd')}} 至 {{item.endTime | timeFormat('yyyy-mm-dd')}} |
||||
</view> |
||||
<picker mode="selector" style="width: 30%;" :range="item.rateArray" @change="changefeil" |
||||
@click="changefeilvalue(item)"> |
||||
<!-- <view class="fotrt text1" style="padding: 0 25rpx;"></view> --> |
||||
<input disabled="true" v-model="item.ext1" /> |
||||
</picker> |
||||
<image class="flright iconw" mode="widthFix" src="../../../static/img/downj.png"></image> |
||||
</view> |
||||
|
||||
<button class="btns" @click="enrollActivity" v-if="activitydetails.bankActivityRoster ==null">提交审核</button> |
||||
<button class="btns" @click="configRosterRate" v-else>提交费率</button> |
||||
<view class="height60"></view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryActivityDetail, |
||||
enrollActivity, |
||||
configRosterRate |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
activitydetails: '', //活动数据 |
||||
detailsid: '', // 详情id |
||||
merId: '', //商户id |
||||
activityList: [], // 所有费率 |
||||
changeValue: '' //选择的值 |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.detailsid = options.id; |
||||
this.merId = options.merid; |
||||
this.queryActivityDetail(); |
||||
}, |
||||
methods: { |
||||
//选择卡号 |
||||
changefeil(e) { |
||||
let query = e.target.value; |
||||
if (this.changeValue) { |
||||
for (var i = 0; i < this.activityList.length; i++) { |
||||
if (this.changeValue.id == this.activityList[i].id) { |
||||
this.activityList[i].ext1 = this.activityList[i].rateArray[query]; |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
changefeilvalue(item) { |
||||
this.changeValue = item; |
||||
}, |
||||
//查询活动详情 |
||||
queryActivityDetail() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
let datas = { |
||||
bankActivityId: this.detailsid, |
||||
merId: this.merId |
||||
} |
||||
queryActivityDetail(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.activitydetails = res.return_data; |
||||
this.activityList = res.return_data.bankActivityRoster |
||||
.bankActivityRosterRateList |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
//提交报名 |
||||
enrollActivity() { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '报名申请', |
||||
content: '是否提交报名审核', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '提交审核中...' |
||||
}) |
||||
let datas = { |
||||
bankActivityId: that.detailsid, |
||||
merId: that.merId |
||||
} |
||||
enrollActivity(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: res.return_data, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
that.queryActivityDetail(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
|
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//提交费率 |
||||
configRosterRate() { |
||||
let that = this; |
||||
uni.showModal({ |
||||
title: '费率提交', |
||||
content: '是否提交当前费率', |
||||
success: (res) => { |
||||
if (res.confirm) { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
let rateDatas = []; |
||||
for (var i = 0; i < that.activityList.length; i++) { |
||||
if (that.activityList[i].ext1) { |
||||
let datas = { |
||||
"rateId": that.activityList[i].id, |
||||
"preferentialRates": that.activityList[i].ext1 |
||||
} |
||||
rateDatas.push(datas); |
||||
} |
||||
} |
||||
let datas = { |
||||
"bankActivityId": that.detailsid, |
||||
"merId": that.merId, |
||||
"rateList": rateDatas |
||||
} |
||||
configRosterRate(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
uni.showToast({ |
||||
title: res.return_data, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
uni.navigateBack(); |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
} else if (res.cancel) { |
||||
console.log('用户点击取消'); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.btns { |
||||
margin-top: 80rpx; |
||||
width: 80%; |
||||
margin-left: 10%; |
||||
height: 50px; |
||||
line-height: 50px; |
||||
background-color: #0083f5; |
||||
color: #FFFFFF; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.username { |
||||
width: calc(100% - 90upx); |
||||
height: 40px; |
||||
display: flex; |
||||
align-items: center; |
||||
background-color: rgba($color: #ffffff, $alpha: 0.1); |
||||
border-bottom: 1px solid #f6f6f6; |
||||
padding: 5px 20px; |
||||
|
||||
input { |
||||
// width: 50%; |
||||
// height: 50upx; |
||||
// font-size: 16px; |
||||
// color: #333333; |
||||
// font-weight: blod; |
||||
text-align: right; |
||||
padding-right: 10px; |
||||
} |
||||
|
||||
|
||||
.namecont { |
||||
color: #666666; |
||||
width: 80%; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,130 @@ |
||||
<template> |
||||
<view> |
||||
<!-- <view class=" mart10 marb20 alijus"> |
||||
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight20" v-for="(item,index) in status" |
||||
@click="switchid(item)" :class="[statusid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index"> |
||||
{{item.title}} |
||||
</view> |
||||
</view> --> |
||||
|
||||
<view class="mart20 width100"> |
||||
<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="jumpactivitydetails(item.id)"> |
||||
<view class="notes"> |
||||
<view class="width100 margle"> |
||||
<view class="font18 fcor333 fontwig6">{{item.activityName}}</view> |
||||
<view class="font14 fcor666 text2 paddtop5">{{item.comments}}</view> |
||||
<!-- {{item.payTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} --> |
||||
<view class="font13 width80p fcoreb5 mart5">活动开始时间: |
||||
{{item.effectiveStart | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||
</view> |
||||
<view class="font13 width80p fcoreb5 mart5 paddbotm10">活动结束时间: |
||||
{{item.effectiveEnd | timeFormat('yyyy-mm-dd hh:mm:ss')}} |
||||
</view> |
||||
<view class="otstatucs fcorFD7 font16" v-if="item.bankActivityRoster != null">已报名</view> |
||||
<view class="otstatucs fcor999 font16" v-else>未报名</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
queryActivityList |
||||
} from '../../../Utils/Api.js'; |
||||
export default { |
||||
|
||||
data() { |
||||
return { |
||||
status: [{ |
||||
id: 1, |
||||
title: '未报名' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
title: '审核中' |
||||
}, { |
||||
id: 3, |
||||
title: '审核驳回' |
||||
}, { |
||||
id: 4, |
||||
title: '已报名' |
||||
} |
||||
], //状态 |
||||
activityList: [], //权益活动列表 |
||||
pageNum: 1, |
||||
pagesize: 15, |
||||
statusid: 1, //当前状态 |
||||
isLoadMore: false, //是否加载中 |
||||
merId: '' // 商户id |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
this.merId = options.id; |
||||
this.queryActivityList(); |
||||
}, |
||||
methods: { |
||||
//切换id |
||||
switchid(item) { |
||||
this.statusid = item.id; |
||||
this.pageNum = 1; |
||||
}, |
||||
//查询活动列表 |
||||
queryActivityList() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
let datas = { |
||||
"merId": this.merId |
||||
} |
||||
queryActivityList(datas).then(res => { |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.activityList = res.return_data; |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
duration: 2000, |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
//去往活动详情 |
||||
jumpactivitydetails(item) { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/equity-activities-details/equity-activities-details?id=' + item + |
||||
'&merid=' + this.merId |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.borbtom { |
||||
border-bottom: 3px solid #089bf5; |
||||
} |
||||
|
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40rpx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 18px 18px 9px 18px; |
||||
} |
||||
|
||||
.otstatucs { |
||||
width: 60px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,90 @@ |
||||
<template> |
||||
<view> |
||||
<view class=" mart10 marb20 alijus"> |
||||
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight40" v-for="(item,index) in reviewStatus" |
||||
@click="switchid(item)" :class="[rviewtyid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index"> |
||||
{{item.title}} |
||||
</view> |
||||
</view> |
||||
<view v-if="rviewList == ''" class="mart60 fotct font14 fcor666"> |
||||
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> |
||||
</view> |
||||
|
||||
<view class="mart20 width100"> |
||||
<view class="width94 backcorfff border-r mart15" v-for="(item,index) in rviewList" :key="index" |
||||
@click="jumpRviewSettdetails"> |
||||
<view class="notes" style="padding-bottom: 0px;"> |
||||
<view class="width80p"> |
||||
<view class="font15 fcor333">活动名称名称名称</view> |
||||
<!-- {{item.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} --> |
||||
<view class="font14 fcor999 paddtop5"> |
||||
提交时间: 2023-12-23 12:12:12 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="width30 fcor999 font14">提交人</view> |
||||
<view class="width30 fcor999 font14">发反反复复</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
reviewStatus: [{ |
||||
id: 1, |
||||
title: '待审核' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
title: '审核通过' |
||||
}, |
||||
{ |
||||
id: 3, |
||||
title: '审核驳回' |
||||
}, |
||||
], //状态 |
||||
rviewtyid: 1, //状态 |
||||
rviewList: [1, 2, 3, 4, 5], //审核列表 |
||||
pageNum: 1, |
||||
pagesize: 15, |
||||
isLoadMore: false, //是否加载中 |
||||
} |
||||
}, |
||||
methods: { |
||||
//切换id |
||||
switchid(item) { |
||||
this.rviewtyid = item.id; |
||||
this.pageNum = 1; |
||||
this.rviewList = []; |
||||
}, |
||||
//跳转审核 |
||||
jumpRviewSettdetails() { |
||||
uni.navigateTo({ |
||||
url: '/pages/index/equity-activities-details/equity-activities-details' |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.borbtom { |
||||
border-bottom: 3px solid #089bf5; |
||||
} |
||||
|
||||
page { |
||||
background-color: #f6f6f6; |
||||
} |
||||
|
||||
.notes { |
||||
width: calc(100% - 40upx); |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 20upx 0 20upx 20upx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,70 @@ |
||||
<template> |
||||
<view> |
||||
<view class="mart15 width100 backcorfff"> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
<view class="notes"> |
||||
<view class="fcor666 width25">账号</view> |
||||
<view class="font14 fcor333 text2 width75 fotrt">账号名称</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</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> |
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.3 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.aaeb720f.js></script><script src=/cweb/static/js/index.834f3655.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.aaeb720f.js></script><script src=/cweb/static/js/index.1858b002.js></script></body></html> |
||||
Loading…
Reference in new issue