Merge branch 'dev'

yj-dev
杨杰 3 years ago
commit e7481ee8d2
  1. 4
      App.vue
  2. 24
      Utils/Api.js
  3. 484
      components/QS-tabs/QS-tabs.vue
  4. 1
      components/yy-video-player/yy-video-player.nvue
  5. 18
      pages.json
  6. 20
      pages/goods/coupons-info-details/coupons-info-details.vue
  7. 2
      pages/goods/goods.vue
  8. 864
      pages/goods/refuel-confirm/refuel-confirm.vue
  9. 1078
      pages/goods/refuel-details/refuel-details.vue
  10. 4
      pages/goods/refuel-succes/refuel-succes.vue
  11. 9
      pages/goods/refuel/refuel.vue
  12. 63
      pages/order/confirmation.vue
  13. 4
      pages/pay/payment/payment.vue
  14. 141
      pages/tabBar/home/home.vue
  15. 10
      pages/tabBar/user/user.vue
  16. 18
      pages/user/agentCoupons/agentCoupons.vue
  17. 248
      pages/user/cardDes/cardDes.vue
  18. 42
      pages/user/deposit/deposit.vue
  19. 444
      pages/user/mineCouponsDestails/mineCouponsDestails.vue
  20. 392
      pages/user/minePromotion/minePromotion.vue
  21. 8
      pages/user/order_details/order_details.vue
  22. 25
      pages/user/order_list/order_list.vue
  23. 387
      pages/userLogin/userLogin.vue
  24. 6
      subPages/Phone-recharge-details/Phone-recharge-details.vue
  25. 293
      subPages/recharge-centre/recharge-centre.vue
  26. BIN
      subPages/static/union5.jpg
  27. BIN
      subPages/static/upay3.jpg
  28. 146
      subPages/trade-union-recharge/trade-union-recharge.vue
  29. 34
      subPages/union-card-success/union-card-success.vue
  30. 111
      subPages/unionComfirmation/unionComfirmation.vue
  31. 2
      subPages/unionPay-orderList/unionPay-orderList.vue
  32. 8
      uni.scss

@ -32,7 +32,9 @@
//ID //ID
storeid:'', storeid:'',
// //
storename:'' storename:'',
//
accountId:''
}, },
onLaunch: function() { onLaunch: function() {
}, },

@ -26,7 +26,11 @@ export const setUserPayPwd = params => {
// 修改用户积分支付密码 // 修改用户积分支付密码
export const updateUserPayPwd = params => { export const updateUserPayPwd = params => {
return POST('POST', `${base}/highUser/updateUserPayPwd`, params).then(res => res.data); return POST('POST', `${base}/highUser/updateUserPayPwd`, params).then(res => res.data);
} }
//经纬度转换
export const findByLatAndLng = params => {
return POST('GET', `${base}/common/findByLatAndLng`, params).then(res => res.data);
}
//获取用户信息 //获取用户信息
export const findUser = params => { export const findUser = params => {
@ -176,8 +180,11 @@ export const getGasStoreList = params => {
//查询团油详情 //查询团油详情
export const getGasDetailByStoreKey = params => { export const getGasDetailByStoreKey = params => {
return POST('GET', `${base}/highGas/getGasDetailByStoreKey`, params).then(res => res.data); return POST('GET', `${base}/highGas/getGasDetailByStoreKey`, params).then(res => res.data);
} }
//团油距离限制
export const getDictionaryByCodeTypeOl = params => {
return POST('GET', `${base}/common/getDictionaryByCodeTypeOl`, params).then(res => res.data);
}
//获取已开通的省份 //获取已开通的省份
export const getDredgeProvince = params => { export const getDredgeProvince = params => {
return POST('GET', `${base}/common/getDredgeProvince`, params).then(res => res.data); return POST('GET', `${base}/common/getDredgeProvince`, params).then(res => res.data);
@ -237,7 +244,11 @@ export const hltUnionCardPay = params => {
} }
export const bindHuiLianTongCard = params => { export const bindHuiLianTongCard = params => {
return POST('POST', `${base}/highUserCard/bindHuiLianTongCard`, params).then(res => res.data); return POST('POST', `${base}/highUserCard/bindHuiLianTongCard`, params).then(res => res.data);
} }
//手机短信登录
export const loginByTel = params => {
return POST('POST', `${base}/wechat/loginByTel`, params).then(res => res.data);
}
/** /**
* 工会卡 * 工会卡
*/ */
@ -342,7 +353,10 @@ export const generateCode = params => {
export const highremark = params => { export const highremark = params => {
return POSTBREST('POST', `${brestBase}/highCouponAgent/remark`, params).then(res => res.data); return POSTBREST('POST', `${brestBase}/highCouponAgent/remark`, params).then(res => res.data);
} }
//查询兑换码
export const getAgentConvertCodeCount = params => {
return POSTBREST('GET', `${brestBase}/highCouponAgent/getAgentConvertCodeCount`, params).then(res => res.data);
}
// 查看二维码 // 查看二维码
export const getCodeById = params => { export const getCodeById = params => {
return POSTBREST('GET', `${brestBase}/highCouponAgent/getCodeById`, params).then(res => res.data); return POSTBREST('GET', `${brestBase}/highCouponAgent/getCodeById`, params).then(res => res.data);

@ -0,0 +1,484 @@
<template>
<view class="QS-tabs" :style="{
'z-index': zIndex,
'font-size': getFontSize + 'rpx',
'background-color': getBgColor,
'transition-duration': getDuration + 's'
}">
<scroll-view scroll-x class="QS-tabs-scroll" :scroll-left="left" scroll-with-animation :style="{
'z-index': (Number(zIndex) + 1)
}">
<view class="QS-tabs-scroll-box">
<!-- 循环tabs -->
<view class="QS-tabs-scroll-item" :style="{
'height':'100rpx',
'line-height': getHeight + 'rpx',
'min-width': getWidth + 'rpx',
'padding': '0 ' + space + 'rpx',
'color': index===getCurrent?getActiveColor:getDefaultColor,
'font-weight': activeBold&&index===getCurrent?'bold':'',
'transition-duration': getDuration + 's',
'z-index': (Number(zIndex) + 2)
}"
v-for="(item, index) in getTabs" :key="index" @tap="emit(index)" :id="preId + index">
<!-- line1 -->
<view v-if="animationMode==='line1'" class="boxStyle" :style="getDurationStyle +( index===getCurrent?getActiveStyle:getDefaultStyle)"></view>
{{item.name || item}}
</view>
<!-- itemBackground -->
<view v-if="hasItemBackground" class="itemBackgroundBox" :style="{
'height': getHeight + 'rpx',
'width': (isLine3&&tabsInfo[animationFinishCurrent]?tabsInfo[animationFinishCurrent].width:tabsInfo[getCurrent].width) + 'px',
'z-index': Number(zIndex) + 1,
'transition-duration': getDuration + 's',
'left': (tabsInfo[getCurrent]?tabsInfo[getCurrent].left:0) + 'px'
}">
<view class="itemBackground" :style="'transition-duration:' + getDuration + 's;' +
'background-color:' + getItemBackgroundColor + ';' +
'box-shadow: 0 0 5rpx 5rpx ' + getItemBackgroundColor + ';' +
itemBackgroundStyle + ';'" />
</view>
<!-- line2 -->
<view v-if="animationMode==='line2'" class="boxStyle2" :style="getLinezIndex + getDurationStyle +
'width:' + lW + 'px;' +
'background-color:' + (lineColor||getActiveColor) + ';' +
line2Style + ';' +
'left:' + line2Dx + 'px;'" />
<view v-if="animationMode==='line3'" class="boxStyle2" :style="getLinezIndex +
'width:' + lW + 'px;' +
'background-color:' + (lineColor||getActiveColor) + ';' +
line2Style + ';' +
'left:' + getLine3Dx + 'px'" />
</view>
</scroll-view>
</view>
</template>
<script>
const {
windowWidth
} = uni.getSystemInfoSync();
const preId = 'QSTabsID_';
export default {
props: {
tabs: { //
type: Array,
default () {
return [];
}
},
current: { // index
type: Number,
default: 0
},
height: { //QS-tabs
type: [String, Number],
default: 80
},
minWidth: { //tab //v1.4
type: [String, Number],
default: 250
},
fontSize: { //
type: [String, Number],
default: 30
},
duration: { //, s
type: [String, Number],
default: .5
},
activeColor: { //
type: String,
default: '#33cc33'
},
defaultColor: { //
type: String,
default: '#888'
},
animationLineWidth: { //线
type: [String, Number],
default: 20
},
line2Style: { //line2线
type: String,
default: 'height: 8rpx;border-radius: 4rpx;'
},
animationMode: { //
type: String,
default: 'line1'
},
autoCenter: { //
type: Boolean,
default: true
},
autoCenterMode: { //
type: String,
default: 'component'
},
activeStyle: { //line1
type: String,
default: 'bottom:0;left:50%;transform: translate(-50%,-100%);height: 8rpx;border-radius:4rpx;'
},
defaultStyle: { //line1
type: String,
default: 'bottom:0;left:50%;transform: translate(-50%,-100%);height: 8rpx;border-radius:4rpx;'
},
backgroundColor: { //
type: String,
default: 'rgba(255,255,255,0)'
},
hasItemBackground: { //
type: Boolean,
default: false
},
itemBackgroundColor: { //
type: String,
default: 'rgba(255,255,255,0)'
},
itemBackgroundStyle: { //
type: String,
default: ''
},
zIndex: { //cssz-index
type: [String, Number],
default: 99
},
swiperWidth: { //line3, swiper, rpx
type: [String, Number],
default: 750
},
space: { //tab
type: [String, Number],
default: '0'
},
activeBold: { //tab
type: Boolean,
default: true
},
lineColor: { //line
type: String,
default: ''
}
},
computed: {
isLine3() {
return this.animationMode === 'line3';
},
getCurrent() {
const current = Number(this.current);
if (current > (this.getTabs.length - 1)) {
return (this.getTabs.length - 1)
}
return current;
},
getTabs() {
return this.tabs;
},
getHeight() {
return Number(this.height);
},
getWidth() {
return Number(this.minWidth);
},
getFontSize() {
return this.fontSize;
},
getDuration() {
return Number(this.duration);
},
getBgColor() {
const defaultColor = this.backgroundColor || 'rgba(255,255,255,0)';
if (this.getTabs[this.getCurrent] instanceof Object) {
return this.getTabs[this.getCurrent].backgroundColor || defaultColor;
} else {
return defaultColor;
}
},
getItemBackgroundColor() {
const defaultColor = this.itemBackgroundColor || 'rgba(255,255,255,0)';
if (this.getTabs[this.getCurrent] instanceof Object) {
return this.getTabs[this.getCurrent].itemBackgroundColor || defaultColor;
} else {
return defaultColor;
}
},
getDurationStyle() {
return `transition-duration: ${this.getDuration}s;`
},
getActiveColor() {
let activeColor;
if (this.getTabs[this.getCurrent] instanceof Object) {
if (this.getTabs[this.getCurrent].activeColor) {
activeColor = this.getTabs[this.getCurrent].activeColor;
} else {
activeColor = this.activeColor;
}
} else {
activeColor = this.activeColor;
}
return activeColor;
},
getDefaultColor() {
let defaultColor;
if (this.getTabs[this.getCurrent] instanceof Object) {
if (this.getTabs[this.getCurrent].defaultColor) {
defaultColor = this.getTabs[this.getCurrent].defaultColor;
} else {
defaultColor = this.defaultColor;
}
} else {
defaultColor = this.defaultColor;
}
return defaultColor;
},
getActiveStyle() {
return `width:${this.animationLineWidth}%;background-color:${this.getActiveColor};${this.activeStyle};`;
},
getDefaultStyle() {
return `width:0;background-color:${this.getActiveColor};${this.defaultStyle};`;
},
getLinezIndexNum() {
return Number(this.zIndex) + 2;
},
getLinezIndex() {
return `z-index: ${this.getLinezIndexNum};`;
},
getLine3Dx() {
return Number(this.line3Dx) + Number(this.line3AddDx);
}
},
watch: {
current(n, o) {
this.change(n);
},
tabs() {
this.init();
}
},
data() {
return {
left: 0,
tabsInfo: [],
line2Width: Number(this.animationLineWidth),
setTimeoutFc: null,
componentsWidth: 0,
animationFinishCurrent: this.current,
pxWidth: 0,
lW: 0,
sW: 0,
preId,
line3Dx: 0,
line3AddDx: 0,
line2Dx: 0
}
},
// #ifndef H5
onReady() {
this.init();
},
// #endif
// #ifdef H5
mounted() {
this.init();
},
// #endif
methods: {
init() {
this.countPx();
let view = uni.createSelectorQuery().in(this);
for (let i = 0; i < this.tabs.length; i++) {
view.select('#' + preId + i).boundingClientRect();
}
view.exec((res) => {
const arr = [];
for (let i = 0; i < res.length; i++) {
arr.push(res[i]);
}
this.tabsInfo = arr;
this.countLine2Dx();
this.countLine3Dx();
let _this = this;
_this.getQuery(() => {
_this.countScrollX();
});
})
},
countLine2Dx() {
if (this.animationMode === 'line2') {
const tab = this.tabsInfo[this.getCurrent];
if(tab) this.line2Dx = tab.left + tab.width / 2 - this.lW / 2;
}
},
countLine3Dx() {
if (this.animationMode === 'line3') {
const tab = this.tabsInfo[this.animationFinishCurrent];
if(tab) this.line3Dx = tab.left + tab.width / 2 - this.lW / 2;
}
},
countPx() {
const w = uni.upx2px(this.getWidth);
this.pxWidth = w;
this.lW = (w * (Number(this.animationLineWidth) / 100))+72.5;
this.sW = uni.upx2px(Number(this.swiperWidth));
},
emit(index) {
this.$emit('change', index);
},
change() {
this.countScrollX();
if (this.animationMode === 'line2') {
this.line2Width = 2;
if (this.setTimeoutFc) clearTimeout(this.setTimeoutFc);
this.setTimeoutFc = setTimeout(() => {
this.line2Width = this.animationLineWidth;
}, this.getDuration * 1000 * 3 / 5);
this.countLine2Dx();
}
},
getQuery(cb) {
try {
let view = uni.createSelectorQuery().in(this).select('.QS-tabs');
view.fields({
size: true
}, data => {
if (data) {
this.componentsWidth = data.width;
if (cb && typeof cb === 'function') cb(data);
} else {
this.retryGetQuery(cb);
}
}).exec();
} catch (e) {
//TODO handle the exception
this.componentsWidth = windowWidth;
}
},
retryGetQuery(cb) {
try {
let view = uni.createSelectorQuery().select('.QS-tabs');
view.fields({
size: true
}, data => {
if (data) {
this.componentsWidth = data.width;
} else {
this.componentsWidth = windowWidth;
}
if (cb && typeof cb === 'function') cb(data);
}).exec();
} catch (e) {
//TODO handle the exception
this.componentsWidth = windowWidth;
}
},
countScrollX() {
if (this.autoCenter) {
let tab;
if(this.isLine3) {
tab = this.tabsInfo[this.animationFinishCurrent];
}else{
tab = this.tabsInfo[this.getCurrent];
}
if(tab) {
let tabCenter = tab.left + tab.width/2;
let fatherWidth;
if (this.autoCenterMode === 'window') {
fatherWidth = windowWidth;
} else {
fatherWidth = this.componentsWidth;
}
this.left = tabCenter - fatherWidth / 2;
}
}
},
setDx(dx) {
const tab = this.tabsInfo[dx>0?(this.animationFinishCurrent + 1):(this.animationFinishCurrent - 1)];
this.line3AddDx = dx / this.sW * (tab?tab.width:this.pxWidth);
},
setFinishCurrent(current) {
this.line3AddDx = 0;
this.animationFinishCurrent = current;
this.countLine3Dx();
}
}
}
</script>
<style scoped>
view,
scroll-view {
box-sizing: border-box;
}
.QS-tabs {
width: 100%;
transition-property: background-color, color;
}
.QS-tabs::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
.QS-tabs-scroll {
width: 100%;
white-space: nowrap;
position: relative;
}
.QS-tabs-scroll-box {
position: relative;
display: flex;
white-space: nowrap !important;
display: block !important;
}
.QS-tabs-scroll-item {
position: relative;
display: inline-block;
text-align: center;
transition-property: background-color, color, font-weight;
}
.content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.boxStyle {
pointer-events: none;
position: absolute;
transition-property: all;
}
.boxStyle2 {
pointer-events: none;
position: absolute;
bottom: 0;
transition-property: all;
transform: translateY(-100%);
}
.itemBackgroundBox {
pointer-events: none;
position: absolute;
top: 0;
transition-property: left, background-color;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.itemBackground {
height: 100%;
width: 100%;
transition-property: all;
}
</style>

@ -46,7 +46,6 @@ export default {
}, },
processBarColor:{ processBarColor:{
type:String, type:String,
default:"#39BFFD"
} }
}, },
data() { data() {

@ -632,10 +632,20 @@
}, { }, {
"path": "trade-union-recharge/trade-union-recharge", "path": "trade-union-recharge/trade-union-recharge",
"style": { "style": {
"navigationBarTitleText": "工会卡充值", "navigationBarTitleText": "工会卡充值",
"backgroundTextStyle": "light", "backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#0083f5", "navigationBarBackgroundColor": "#0083f5",
"backgroundColorTop": "#0083f5", "backgroundColorTop": "#0083f5",
"navigationBarTextStyle": "white"
}
}, {
"path": "union-card-success/union-card-success",
"style": {
"navigationBarTitleText": "充值成功",
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#0083f5",
"backgroundColorTop": "#0083f5",
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white"
} }

@ -27,19 +27,27 @@
备注:{{couponDesInfo.couponAgentCode.remark}}</view> 备注:{{couponDesInfo.couponAgentCode.remark}}</view>
<view class="line1 mart15"></view> <view class="line1 mart15"></view>
<view class="width100" v-if="couponDesInfo.highUserCoupon"> <view class="width100" v-if="couponDesInfo.couponAgentCode.type == 1">
<view class="width90 mart10 fcor666" v-if="couponDesInfo.highUserCoupon.status != 0">核销码(商户扫客户)</view> <view class="width90 mart10 fcor666">核销码(商户扫客户)</view>
<view class="mart20 fotct fcorred font15 marb20" v-if="couponDesInfo.highUserCoupon.status != 0"> <view class="mart20 fotct fcorred font15 marb20">
请告知加油员用码商支付</view> 请告知加油员用码商支付</view>
<view class="width90 mart20 fotct" v-if="couponDesInfo.highUserCoupon.status != 0"> <view class="width90 mart20 fotct">
<image class="coupon-qr" :src="imageUrl+'couponCode/'+couponDesInfo.couponCode.ext1"></image> <image class="coupon-qr" :src="imageUrl+'couponCode/'+couponDesInfo.couponCode.ext1"></image>
</view> </view>
</view> </view>
<view class="width90" v-else> <view class="width90" v-if="couponDesInfo.couponAgentCode.status !=3 && couponDesInfo.couponAgentCode.type != 1">
<view class="width90 mart10 fcor666" >点击下方复制按钮,复制兑换码发送用户</view> <view class="width90 mart10 fcor666" >点击下方复制按钮,复制兑换码发送用户</view>
<view class="mart30 fotct font18 marb20 fcor666">{{couponDesInfo.couponAgentCode.convertCode}}</view> <view class="mart30 fotct font18 marb20 fcor666">{{couponDesInfo.couponAgentCode.convertCode}}</view>
<view class="btn90w mart40" @click="copycont(couponDesInfo.couponAgentCode.convertCode)">复制兑换码</view> <view class="btn90w mart40" @click="copycont(couponDesInfo.couponAgentCode.convertCode)">复制兑换码</view>
</view> </view>
<!-- <view class="width90" v-if="couponDesInfo.couponCode.status ==3 && couponDesInfo.couponAgentCode.type != 1">
<view class="mart20 fotct fcorred font15 marb20">
请告知加油员用码商支付</view>
<view class="width90 mart20 fotct">
<image class="coupon-qr" :src="imageUrl+'couponCode/'+couponDesInfo.couponCode.ext1"></image>
</view>
<view class="mart30 fotct font18 marb20 fcor666">{{couponDesInfo.couponAgentCode.convertCode}}</view>
</view> -->
<view class="height60"></view> <view class="height60"></view>
</view> </view>
</template> </template>

@ -22,7 +22,7 @@
</view> </view>
<!-- 商品主图轮播 --> <!-- 商品主图轮播 -->
<view class="swiper-box"> <view class="swiper-box">
<swiper circular="true" autoplay="true" @change="swiperChange"> <swiper circular="true" autoplay="true" style="height: 188px;" @change="swiperChange">
<swiper-item v-for="(swiper,index) in swiperList" :key="index"> <swiper-item v-for="(swiper,index) in swiperList" :key="index">
<image mode="widthFix" :src="imageUrl+swiper" @click="perImage(swiper)"></image> <image mode="widthFix" :src="imageUrl+swiper" @click="perImage(swiper)"></image>
</swiper-item> </swiper-item>

@ -1,413 +1,467 @@
<template> <template>
<view> <view>
<!-- 头部 --> <!-- 头部 -->
<view class="width100 height120 backcorfff"> <view class="width100 height120 backcorfff">
<image :src="orderList.goodsImg" class="flleft conImg mart10 margle10"></image> <image :src="orderList.goodsImg" class="flleft conImg mart10 margle10"></image>
<view class="conCont paddtop15"> <view class="conCont paddtop15">
<view class="font20 fontwig6 fcor333 text1 paddtright10">{{orderList.goodsName}}</view> <view class="font20 fontwig6 fcor333 text1 paddtright10">{{orderList.goodsName}}</view>
<view class="font14 fcor999 text2 paddtop5 paddtright10">{{refulAdress}}</view> <view class="font14 fcor999 text2 paddtop5 paddtright10">{{refulAdress}}</view>
<view class="font20 fontwig6 fcoreb5 paddtop5">{{orderList.gasPriceVip}} <view class="font20 fontwig6 fcoreb5 paddtop5">{{orderList.gasPriceVip}}
<text class="margle10 slogan font14">{{orderList.gasPriceGun}}</text> <text class="margle10 slogan font14">{{orderList.gasPriceGun}}</text>
</view> </view>
</view> </view>
</view> </view>
<!-- // --> <!-- // -->
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">订单详情</view> <view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">订单详情</view>
<view class="line1"></view> <view class="line1"></view>
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> <view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff">
<view class="flleft width50"> <view class="flleft width50">
油号\油枪 油号\油枪
</view> </view>
<view class="flright width40 fotct"> <view class="flright width40 fotct">
{{orderList.gasOilNo}}#/{{orderList.gasGunNo}} {{orderList.gasOilNo}}#/{{orderList.gasGunNo}}
</view> </view>
</view> </view>
<view class="line1"></view> <view class="line1"></view>
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> <view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff">
<view class="flleft width50"> <view class="flleft width50">
加油金额 加油金额
</view> </view>
<view class="flright width40 fotct"> <view class="flright width40 fotct">
{{orderList.totalPrice}} {{orderList.totalPrice}}
</view> </view>
</view> </view>
<!-- // -->
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">支付方式</view>
<view class="line1"></view>
<view class="width100 backcorfff">
<!-- <view class="height50 width100 backcorfff" @tap="paytype='jifen'">
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;">
积分支付
</view>
<view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun"
style="align-items: center;">
<radio :checked="paytype=='jifen'" color="#0083f5" />
</view>
</view>
<view class="width94 line1 mart5 marb5"></view> -->
<!-- // -->
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">支付方式</view>
<view class="line1"></view>
<view class="width100 backcorfff">
<!-- <view class="height50 width100 backcorfff" @tap="paytype='weixin'">
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;">
微信支付
</view>
<view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun"
style="align-items: center;">
<radio :checked="paytype=='weixin'" color="#0083f5" />
</view>
</view>
<view class="width94 line1 mart5 marb5"></view> -->
<view class="line1"></view> <view class="line1"></view>
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='weixin'"> <view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='jifen'">
<view class="width60 flleft fontwig6"> <view class="width60 flleft fontwig6">
微信支付 积分支付
</view> </view>
<view class="flright width30 fotct"> <view class="flright width30 fotct">
<radio :checked="paytype=='weixin'" color="#0083f5" /> <radio :checked="paytype=='jifen'" color="#0083f5" />
</view> </view>
</view> </view>
<view class="line1"></view> <view class="line1"></view>
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='gonghuika'"> <view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='weixin'">
<view class="width60 flleft fontwig6"> <view class="width60 flleft fontwig6">
汇联通工会卡<text class="font14 fcor666 margle">余额: {{tongCardPrice}}</text> 微信支付
</view> </view>
<view class="flright width30 fotct"> <view class="flright width30 fotct">
<radio :checked="paytype=='gonghuika'" @click="changeRiado()" color="#0083f5" /> <radio :checked="paytype=='weixin'" color="#0083f5" />
</view> </view>
</view> </view>
</view>
<!-- <view class="line1"></view>
<view class="width100 mart15 fcor333 font16 fontwig6 paddleft10">重要说明</view> <view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='gonghuika'">
<view class="width95 paddleft10 font14 fcor999 mart5">1.<text <view class="width60 flleft fontwig6">
class="fcor089 fontwig6">请先加油后下单</text>,即您到站后,与工作人员确认油号,抢号后再付款</view> 汇联通工会卡<text class="font14 fcor666 margle">余额: {{tongCardPrice}}</text>
<view class="width95 paddleft10 font14 fcor999 mart5"> </view>
2.请勿先付款后加油,若您已下单付款请于24小时内到加油站完成加油;若您48小时内未完成加油,请及时发起退单;逾期退单可能会退单失败</view> <view class="flright width30 fotct">
<view class="height80 width100"></view> <radio :checked="paytype=='gonghuika'" @click="changeRiado()" color="#0083f5" />
<!-- 底部按钮 --> </view>
<view class="footer"> </view> -->
<view class="width50 flleft fcoreb5 padleft15 font15"> </view>
合计: <text class="font24">{{payprice}}</text>
</view> <view class="width100 mart15 fcor333 font16 fontwig6 paddleft10">重要说明</view>
<button class="reBtn flright" @click="orderToPay">去支付</button> <view class="width95 paddleft10 font14 fcor999 mart5">1.<text
</view> class="fcor089 fontwig6">请先加油后下单</text>,即您到站后,与工作人员确认油号,抢号后再付款</view>
<view class="width95 paddleft10 font14 fcor999 mart5">
<ssPaymentPassword ref="paymentPassword" :mode="1" @submit="submitHandle"/> 2.请勿先付款后加油,若您已下单付款请于24小时内到加油站完成加油;若您48小时内未完成加油,请及时发起退单;逾期退单可能会退单失败</view>
</view> <view class="height80 width100"></view>
</template> <!-- 底部按钮 -->
<view class="footer">
<script> <view class="width50 flleft fcoreb5 padleft15 font15">
import { 合计: <text class="font24">{{payprice}}</text>
getOrderById, </view>
orderToPay, <button class="reBtn flright" @click="orderToPay">去支付</button>
getHuiLianTongCardBalance, </view>
hltUnionCardPay
} from '../../../Utils/Api.js'; <ssPaymentPassword ref="paymentPassword" :mode="1" @submit="submitHandle" />
import ssPaymentPassword from '../../../components/sanshui-payment-password/index.vue'; </view>
let app = getApp(); </template>
// #ifdef H5
var jweixin = require('jweixin-module'); <script>
// #endif import {
export default { getOrderById,
components: { orderToPay,
ssPaymentPassword getHuiLianTongCardBalance,
}, hltUnionCardPay,
data() { orderToGoldPay
return { } from '../../../Utils/Api.js';
orderNo: '', import ssPaymentPassword from '../../../components/sanshui-payment-password/index.vue';
couponId: '', let app = getApp();
payprice: '', // #ifdef H5
orderList: '', var jweixin = require('jweixin-module');
refulAdress: '', // #endif
tongCardPrice: 0, export default {
user: '', components: {
paytype: '', ssPaymentPassword
PaymentPassword: '', },
} data() {
}, return {
onLoad(e) { orderNo: '',
this.payprice = e.payprice; couponId: '',
this.orderNo = e.orderId; payprice: '',
this.couponId = e.couponId; orderList: '',
this.refulAdress = e.adres; refulAdress: '',
this.getOrderById(); tongCardPrice: 0,
}, user: '',
onShow() { paytype: '',
let that = this; PaymentPassword: '',
that.paytype = ''; }
that.user = app.globalData.userInfo; },
that.getHuiLianTongCardBalance(); onLoad(e) {
}, this.payprice = e.payprice;
methods: { this.orderNo = e.orderId;
// this.couponId = e.couponId;
submitHandle(e) { this.refulAdress = e.adres;
this.PaymentPassword = e.value; this.getOrderById();
if(this.PaymentPassword == ''){ },
uni.showToast({ onShow() {
title: '请勿手动关闭弹窗', let that = this;
icon: 'none', that.paytype = '';
duration: 2000 that.user = app.globalData.userInfo;
}) // that.getHuiLianTongCardBalance();
return; },
} methods: {
uni.showLoading({ //
title: '支付中...' submitHandle(e) {
}) this.PaymentPassword = e.value;
let params = { if (this.PaymentPassword == '') {
"orderId": this.orderNo, uni.showToast({
"cardNo": this.user.hltCardNo.cardNo, title: '请勿手动关闭弹窗',
"password": this.PaymentPassword icon: 'none',
} duration: 2000
hltUnionCardPay(params).then(res => { })
uni.hideLoading(); return;
if (res.return_code == '000000') { }
uni.showToast({ uni.showLoading({
title: '支付成功' title: '支付中...'
}) })
uni.reLaunch({ if (this.paytype == 'jifen') {
url: '/pages/goods/refuel-succes/refuel-succes?id=' +this.orderNo let params = {
}); "orderId": this.orderNo,
return; "password": this.PaymentPassword
} }
if (res.return_code == '102130') { orderToGoldPay(params).then(res => {
uni.navigateTo({ uni.hideLoading();
url: '../../login/updatePas/updatePas' if (res.return_code == '000000') {
}) uni.showToast({
return; title: '支付成功'
} })
uni.showToast({ uni.reLaunch({
title: res.return_msg, url: '/pages/goods/refuel-succes/refuel-succes?id=' + this.orderNo
icon: 'none' });
}) return;
}) }
if (res.return_code == '102130') {
uni.navigateTo({
}, url: '../../login/updatePas/updatePas'
// })
changeRiado() { return;
if (!this.user.isSetHltCard) { }
uni.showToast({ uni.showToast({
icon: 'none', title: res.return_msg,
title: '当前账号还未绑定,前往绑定', icon: 'none'
duration: 2000, })
success() { })
setTimeout(() => { return;
uni.navigateTo({ }
url: '../../user/bindingCard/bindingCard'
}) let params = {
}, 1000) "orderId": this.orderNo,
} "cardNo": this.user.hltCardNo.cardNo,
}); "password": this.PaymentPassword
return; }
} hltUnionCardPay(params).then(res => {
}, uni.hideLoading();
getOrderById() { if (res.return_code == '000000') {
uni.showLoading({ uni.showToast({
title: '加载中...' title: '支付成功'
}) })
let params = { uni.reLaunch({
orderId: this.orderNo, url: '/pages/goods/refuel-succes/refuel-succes?id=' + this.orderNo
} });
getOrderById(params).then(res => { return;
uni.hideLoading(); }
if (res.return_code == '000000') { if (res.return_code == '102130') {
this.orderList = res.return_data.highChildOrderList[0]; uni.navigateTo({
} url: '../../login/updatePas/updatePas'
}) })
}, return;
// }
getHuiLianTongCardBalance() { uni.showToast({
let params = { title: res.return_msg,
cardNo: this.user.hltCardNo.cardNo icon: 'none'
} })
getHuiLianTongCardBalance(params).then(res => { })
if (res.return_code == '000000') {
this.tongCardPrice = res.return_data.balance;
} },
//
}); changeRiado() {
}, if (!this.user.isSetHltCard) {
// uni.showToast({
orderToPay() { icon: 'none',
let that = this; title: '当前账号还未绑定,前往绑定',
if (that.paytype == '') { duration: 2000,
uni.showToast({ success() {
title: '请选择支付方式', setTimeout(() => {
icon: 'none', uni.navigateTo({
duration: 2000 url: '../../user/bindingCard/bindingCard'
}) })
return; }, 1000)
} }
if (that.paytype == 'weixin') { });
let params = { return;
"orderId": that.orderNo, }
"openId": app.globalData.openId, },
"orderScene": "GOODS_ORDER" getOrderById() {
} uni.showLoading({
orderToPay(params).then(res => { title: '加载中...'
if (res.return_code == '000000') { })
// #ifdef MP let params = {
uni.showLoading({ orderId: this.orderNo,
title: '支付中...' }
}) getOrderById(params).then(res => {
uni.requestPayment({ uni.hideLoading();
"appId": res.return_data.appId, if (res.return_code == '000000') {
"nonceStr": res.return_data.nonceStr, this.orderList = res.return_data.highChildOrderList[0];
"package": res.return_data.package, }
"paySign": res.return_data.sign, })
"signType": "MD5", },
"timeStamp": res.return_data.timeStamp, //
success: function(res) { getHuiLianTongCardBalance() {
uni.hideLoading(); let params = {
uni.showToast({ cardNo: this.user.hltCardNo.cardNo
title: '支付成功' }
}) getHuiLianTongCardBalance(params).then(res => {
uni.reLaunch({ if (res.return_code == '000000') {
url: '/pages/goods/refuel-succes/refuel-succes?id=' +that.orderNo this.tongCardPrice = res.return_data.balance;
}); }
},
fail: function(err) { });
uni.hideLoading(); },
}, //
}); orderToPay() {
// #endif let that = this;
if (that.paytype == '') {
// uni.showToast({
// #ifdef H5 title: '请选择支付方式',
// icon: 'none',
that.payRequest(res); duration: 2000
// #endif })
return;
} else { }
uni.showToast({ if (that.paytype == 'weixin') {
title: res.return_msg, let params = {
icon: 'none' "orderId": that.orderNo,
}) "openId": app.globalData.openId,
} "orderScene": "GOODS_ORDER"
}) }
return; orderToPay(params).then(res => {
} if (res.return_code == '000000') {
if(that.paytype == 'gonghuika'){ // #ifdef MP
if (!that.user.isSetPayPwd) { uni.showLoading({
uni.navigateTo({ title: '支付中...'
url: '../../login/updatePas/updatePas' })
}) uni.requestPayment({
return; "appId": res.return_data.appId,
} "nonceStr": res.return_data.nonceStr,
if (!that.user.isSetHltCard) { "package": res.return_data.package,
uni.showToast({ "paySign": res.return_data.sign,
icon: 'none', "signType": "MD5",
title: '当前账号还未绑定,前往绑定', "timeStamp": res.return_data.timeStamp,
duration: 2000, success: function(res) {
success() { uni.hideLoading();
setTimeout(() => { uni.showToast({
uni.navigateTo({ title: '支付成功'
url: '../../user/bindingCard/bindingCard' })
}) uni.reLaunch({
}, 1000) url: '/pages/goods/refuel-succes/refuel-succes?id=' +
} that.orderNo
}); });
return; },
} fail: function(err) {
that.$refs.paymentPassword.modalFun('show'); uni.hideLoading();
} },
}, });
payRequest: function(self) { // #endif
let that = this;
uni.showLoading({ //
title: '支付中...' // #ifdef H5
}) //
jweixin.config({ that.payRequest(res);
// debug: true, // ,apialertpclogpc // #endif
appId: self.return_data.appId, //
timestamp: self.return_data.timeStamp, // } else {
nonceStr: self.return_data.nonceStr, // uni.showToast({
signature: self.return_data.sign, // 1 title: res.return_msg,
jsApiList: ['chooseWXPay'] // 使JSJS2 icon: 'none'
}); })
uni.hideLoading(); }
jweixin.ready(function() { })
jweixin.checkJsApi({ return;
jsApiList: ['chooseWXPay'], // JSJS2, }
success: function(res) {}, if (that.paytype == 'gonghuika') {
fail: function(res) {} if (!that.user.isSetPayPwd) {
}); uni.navigateTo({
jweixin.chooseWXPay({ url: '../../login/updatePas/updatePas'
appId: self.return_data.appId, })
timestamp: self.return_data return;
.timeStamp, // jssdk使timestamp使timeStampS }
nonceStr: self.return_data.nonceStr, // 32 if (!that.user.isSetHltCard) {
package: self.return_data uni.showToast({
.package, // prepay_idprepay_id=*** icon: 'none',
signType: 'MD5', // 'SHA1'使'MD5' title: '当前账号还未绑定,前往绑定',
paySign: self.return_data.sign, // duration: 2000,
success: function(res) { success() {
// setTimeout(() => {
uni.showToast({ uni.navigateTo({
title: '支付成功' url: '../../user/bindingCard/bindingCard'
}) })
uni.reLaunch({ }, 1000)
url: '/pages/goods/refuel-succes/refuel-succes?id=' + }
that.orderNo });
}); return;
}, }
cancel: function(r) {}, that.$refs.paymentPassword.modalFun('show');
fail: function(res) {}, }
complete: function(res) {
if (that.paytype == 'jifen') {
} if (!that.user.isSetPayPwd) {
}); uni.navigateTo({
}); url: '../../login/updatePas/updatePas'
})
jweixin.error(function(res) { return;
uni.showToast({ }
icon: 'none', that.$refs.paymentPassword.modalFun('show');
title: '支付失败了', }
duration: 4000
}); },
// configerrorconfigdebugresSPA payRequest: function(self) {
/*alert("config信息验证失败");*/ let that = this;
}); uni.showLoading({
}, title: '支付中...'
})
} jweixin.config({
} // debug: true, // ,apialertpclogpc
</script> appId: self.return_data.appId, //
timestamp: self.return_data.timeStamp, //
<style lang="less"> nonceStr: self.return_data.nonceStr, //
page { signature: self.return_data.sign, // 1
background-color: #f7f7f7; jsApiList: ['chooseWXPay'] // 使JSJS2
} });
uni.hideLoading();
.conImg { jweixin.ready(function() {
width: 100px; jweixin.checkJsApi({
height: 100px; jsApiList: ['chooseWXPay'], // JSJS2,
border-radius: 8px; success: function(res) {},
} fail: function(res) {}
});
.conCont { jweixin.chooseWXPay({
margin-left: 115px; appId: self.return_data.appId,
} timestamp: self.return_data
.timeStamp, // jssdk使timestamp使timeStampS
.slogan { nonceStr: self.return_data.nonceStr, // 32
color: #807c87; package: self.return_data
text-decoration: line-through; .package, // prepay_idprepay_id=***
} signType: 'MD5', // 'SHA1'使'MD5'
paySign: self.return_data.sign, //
.footer { success: function(res) {
position: fixed; //
bottom: 0upx; uni.showToast({
width: 100%; title: '支付成功'
height: 100rpx; })
color: #FFFFFF; uni.reLaunch({
border-top: solid 1upx #eee; url: '/pages/goods/refuel-succes/refuel-succes?id=' +
background-color: #FFFFFF; that.orderNo
z-index: 2; });
display: flex; },
justify-content: space-between; cancel: function(r) {},
align-items: center; fail: function(res) {},
complete: function(res) {
.reBtn {
width: 120px; }
background-color: #089bf5; });
color: #FFFFFF; });
text-align: center;
padding: 0; jweixin.error(function(res) {
font-size: 16px; uni.showToast({
border-radius: 0px; icon: 'none',
height: 50px; title: '支付失败了',
line-height: 50px; duration: 4000
position: absolute; });
right: 0px; // configerrorconfigdebugresSPA
} /*alert("config信息验证失败");*/
} });
},
}
}
</script>
<style lang="less">
page {
background-color: #f7f7f7;
}
.conImg {
width: 100px;
height: 100px;
border-radius: 8px;
}
.conCont {
margin-left: 115px;
}
.slogan {
color: #807c87;
text-decoration: line-through;
}
.footer {
position: fixed;
bottom: 0upx;
width: 100%;
height: 100rpx;
color: #FFFFFF;
border-top: solid 1upx #eee;
background-color: #FFFFFF;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
.reBtn {
width: 120px;
background-color: #089bf5;
color: #FFFFFF;
text-align: center;
padding: 0;
font-size: 16px;
border-radius: 0px;
height: 50px;
line-height: 50px;
position: absolute;
right: 0px;
}
}
</style> </style>

File diff suppressed because it is too large Load Diff

@ -68,9 +68,9 @@
<text class="paddtright10">{{orderInfo.deductionPrice}}</text> <text class="paddtright10">{{orderInfo.deductionPrice}}</text>
</view> </view>
</view> </view>
<view class="width90 font13 fcor999 mart10"> <!-- <view class="width90 font13 fcor999 mart10">
*本站不支持电子发票,如需发票请到加油站前台索取 *本站不支持电子发票,如需发票请到加油站前台索取
</view> </view> -->
</view> </view>
</template> </template>

@ -306,11 +306,15 @@
], ],
onilName: '92#', onilName: '92#',
latitudeful:'', latitudeful:'',
longitudeful:'' longitudeful:'',
isTyAgent: false //
} }
}, },
onLoad() { onLoad() {
let that = this; let that = this;
if (app.globalData.accountId) {
that.isTyAgent = true;
}
uni.getLocation({ uni.getLocation({
type: 'wgs84', type: 'wgs84',
success: function(res) { success: function(res) {
@ -396,7 +400,8 @@
latitude: this.latitudeful, latitude: this.latitudeful,
longitude: this.longitudeful, longitude: this.longitudeful,
pageNum: pagenum, pageNum: pagenum,
pageSize: this.pageSize pageSize: this.pageSize,
isTyAgent: this.isTyAgent
} }
getGasStoreList(params).then(res => { getGasStoreList(params).then(res => {
if (res.return_code == '000000') { if (res.return_code == '000000') {

@ -90,12 +90,12 @@
<view class="width94 comorder mart10"> <view class="width94 comorder mart10">
<view class="height50 width100 backcorfff"> <view class="height50 width100 backcorfff">
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;"> <view class="width100 flleft fcor333 fontwig6 font16" style="padding-left: 4%;">
支付方式 支付方式 <text class="jfrecharge" @click="jumpdeposits" v-if="couponList.payType == 1 || couponList.payType == 2 || couponList.payType==3 || couponList.payType== 4">积分充值</text>
</view> </view>
</view> </view>
<view class="width94 line1 mart5 marb5"></view> <view class="width94 line1 mart5 marb5"></view>
<view class="height50 width100 backcorfff" v-if="couponList.payType == 2 || couponList.payType==3 " <view class="height50 width100 backcorfff" v-if="couponList.payType == 1 || couponList.payType == 2 || couponList.payType==3 || couponList.payType== 4"
@tap="paytype='jinbi'"> @tap="paytype='jinbi'">
<view class="width70 flleft fcor333 fontwig6 font16 text1" style="padding-left: 4%;"> <view class="width70 flleft fcor333 fontwig6 font16 text1" style="padding-left: 4%;">
积分支付<text class="font14 fcor666 margle">可用积分: {{user.gold}}</text> 积分支付<text class="font14 fcor666 margle">可用积分: {{user.gold}}</text>
@ -105,7 +105,7 @@
<radio :checked="paytype=='jinbi'" color="#0083f5" /> <radio :checked="paytype=='jinbi'" color="#0083f5" />
</view> </view>
</view> </view>
<view class="width94 line1 mart5 marb5" v-if="couponList.payType == 2 || couponList.payType==3 "></view> <view class="width94 line1 mart5 marb5" v-if="couponList.payType == 1 || couponList.payType == 2 || couponList.payType==3 || couponList.payType== 4"></view>
<view class="height50 width100 backcorfff" @tap="paytype='weixin'" <view class="height50 width100 backcorfff" @tap="paytype='weixin'"
v-if="couponList.payType == 1 || couponList.payType==3 "> v-if="couponList.payType == 1 || couponList.payType==3 ">
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;"> <view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;">
@ -116,8 +116,8 @@
<radio :checked="paytype=='weixin'" color="#0083f5" /> <radio :checked="paytype=='weixin'" color="#0083f5" />
</view> </view>
</view> </view>
<view class="width94 line1 mart5 marb5" v-if="couponList.payType == 1 || couponList.payType==3 "></view> <view class="width94 line1 mart5 marb5" v-if="couponList.payType == 1 || couponList.payType==3"></view>
<view class="height50 width100 backcorfff" @tap="paytype='gonghuika'"> <view class="height50 width100 backcorfff" @tap="paytype='gonghuika'" v-if="couponList.payType== 4">
<view class="width70 flleft fcor333 fontwig6 font16 text1" style="padding-left: 4%;"> <view class="width70 flleft fcor333 fontwig6 font16 text1" style="padding-left: 4%;">
汇联通工会卡<text class="font14 fcor666 margle">可用余额: {{tongCardPrice}}</text> 汇联通工会卡<text class="font14 fcor666 margle">可用余额: {{tongCardPrice}}</text>
</view> </view>
@ -168,10 +168,10 @@
<image mode="widthFix" class="flleft" :src="imageUrl+items.highDiscount.discountImg"></image> <image mode="widthFix" class="flleft" :src="imageUrl+items.highDiscount.discountImg"></image>
<view class="tcrig"> <view class="tcrig">
<view class="yhprice"> <view class="yhprice">
<radio :checked="items.highDiscount.id == memDiscountId" color="#0083f5" /> <radio :checked="items.id == memDiscountId" color="#0083f5" />
</view> </view>
<view class="font16 fontwig6 fcor333 text1">{{items.highDiscount.discountName}}</view> <view class="font16 fontwig6 fcor333 text1">{{items.highDiscount.discountName}}</view>
<view class="font13 fcor999 mart5">有效期至{{items.highDiscount.salesEndTime | formatDate('-')}}</view> <view class="font13 fcor999 mart5">有效期至{{items.useEndTime | formatDate('-')}}</view>
</view> </view>
</view> </view>
@ -227,8 +227,9 @@
jumpType: '', jumpType: '',
tongCardPrice: 0, tongCardPrice: 0,
storeId: '', storeId: '',
isDiscont: false, isDiscont: false,
coupondiscountid:'' coupondiscountid: '',
orderDetails:'' //
}; };
}, },
@ -309,24 +310,24 @@
this.$refs.popup.show(); this.$refs.popup.show();
}, },
radioChanges(item) { radioChanges(item) {
if (this.memDiscountId == item.highDiscount.id) { // if (this.memDiscountId == item.id) { //
this.memDiscountId = ''; this.memDiscountId = '';
this.coupondiscountid = ''; this.coupondiscountid = '';
this.paytheprice = this.couponList.discountPrice; this.paytheprice = this.couponList.discountPrice;
this.deductionPrice = '0.00'; this.deductionPrice = '0.00';
this.isDiscont = false; this.isDiscont = false;
} else { // } else { //
this.isDiscont = true; this.isDiscont = true;
this.memDiscountId = item.highDiscount.id; this.memDiscountId = item.id;
this.coupondiscountid = item.id; this.coupondiscountid = item.id;
if (item.highDiscount.discountType == 1) { if (item.highDiscount.discountType == 1) {
// //
this.deductionPrice = item.highDiscount.discountPrice; this.deductionPrice = item.highDiscount.discountPrice;
this.paytheprice = this.couponList.salesPrice - this.deductionPrice; this.paytheprice = parseFloat(this.couponList.salesPrice - this.deductionPrice).toFixed(2);
} else if (item.highDiscount.discountType == 2) { } else if (item.highDiscount.discountType == 2) {
// //
this.deductionPrice = item.highDiscount.discountPrice; this.deductionPrice = item.highDiscount.discountPrice;
this.paytheprice = this.couponList.salesPrice - this.deductionPrice; this.paytheprice = parseFloat(this.couponList.salesPrice - this.deductionPrice).toFixed(2);
} else if (item.highDiscount.discountType == 3) { } else if (item.highDiscount.discountType == 3) {
// //
this.deductionPrice = parseFloat(this.couponList.salesPrice - (this.couponList.salesPrice * this.deductionPrice = parseFloat(this.couponList.salesPrice - (this.couponList.salesPrice *
@ -414,7 +415,11 @@
duration: 2000 duration: 2000
}) })
return; return;
} }
if(this.orderDetails){
this.orderToPay(this.orderDetails);
return;
}
uni.showLoading({ uni.showLoading({
title: '提交订单中...' title: '提交订单中...'
}) })
@ -441,7 +446,8 @@
// .highChildOrderList[0].ext1 // .highChildOrderList[0].ext1
// }) // })
this.jumpType = res.return_data.highChildOrderList[0].ext1; this.jumpType = res.return_data.highChildOrderList[0].ext1;
this.orderId = res.return_data.id; this.orderId = res.return_data.id;
this.orderDetails = res.return_data;
this.orderToPay(res.return_data); this.orderToPay(res.return_data);
} else { } else {
uni.hideLoading(); uni.hideLoading();
@ -731,7 +737,13 @@
duration: 4000 duration: 4000
}); });
}); });
}, },
//
jumpdeposits(){
uni.navigateTo({
url:'../user/deposit/deposit'
})
}
} }
} }
@ -917,7 +929,7 @@
align-items: center; align-items: center;
.sum { .sum {
width: 50%; width: 68%;
font-size: 18px; font-size: 18px;
margin-right: 10upx; margin-right: 10upx;
display: flex; display: flex;
@ -930,7 +942,7 @@
} }
.btn { .btn {
padding: 0 50rpx; padding: 0 45rpx;
height: 80rpx; height: 80rpx;
background-color: #0083f5; background-color: #0083f5;
color: #fff; color: #fff;
@ -943,6 +955,17 @@
} }
} }
.jfrecharge {
background-color: #0083f5;
padding: 5px 20rpx;
color: #fff;
margin-left: 50%;
justify-content: center;
align-items: center;
font-size: 30rpx;
border-radius: 40rpx;
}
.goods-list { .goods-list {
width: 100%; width: 100%;
padding: 0; padding: 0;

@ -18,7 +18,7 @@
</view> </view>
<view class="content"> <view class="content">
<view class="pay-list"> <view class="pay-list">
<view class="row" @tap="paytype='jinbi'" v-if="pryType == 2 || pryType==3 "> <view class="row" @tap="paytype='jinbi'" v-if="(pryType == 2 || pryType==3) && goodsType != 1">
<view class="left"> <view class="left">
<image src="../../../static/img/jfx.png"></image> <image src="../../../static/img/jfx.png"></image>
</view> </view>
@ -29,7 +29,7 @@
<radio :checked="paytype=='jinbi'" color="#0083f5" /> <radio :checked="paytype=='jinbi'" color="#0083f5" />
</view> </view>
</view> </view>
<view class="row" @tap="paytype='gonghuika'" v-if="goodsType != 2"> <view class="row" @tap="paytype='gonghuika'" v-if="goodsType != 2 && goodsType != 8">
<view class="left"> <view class="left">
<image style="border-radius: 50%;" src="../../../static/img/ghkpay.png"></image> <image style="border-radius: 50%;" src="../../../static/img/ghkpay.png"></image>
</view> </view>

@ -65,7 +65,6 @@
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<image mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" v-for="(row, index) in homeCateList" <image mode="widthFix" style="margin-top: 30px;width: 90%;margin-left: 5%;" v-for="(row, index) in homeCateList"
:key="index" @click="jumphuafei(row)" :src="imageUrl+row.imgData"></image> :key="index" @click="jumphuafei(row)" :src="imageUrl+row.imgData"></image>
<!-- 赠券 --> <!-- 赠券 -->
@ -85,11 +84,13 @@
</swiper> </swiper>
<wybPopup ref="popup" type="center" height="850" width="600" bgColor="" radius="6" :showCloseIcon="true"> <wybPopup ref="popup" type="center" height="850" width="600" bgColor="" radius="6" :showCloseIcon="true">
<image class="popImg" :src="imageUrl+imgadres3" @click="jumpWeb"></image> <image class="popImg" :src="imageUrl+imgadres3" @click="jumpWeb"></image>
</wybPopup> </wybPopup>
<button open-type="contact"> <button open-type="contact">
<image :src="imagewxUrl+imgadres4" mode="widthFix" class="xfimg"></image> <image :src="imagewxUrl+imgadres4" mode="widthFix" class="xfimg"></image>
</button> </button>
<view class="height60"></view> <view class="height40"></view>
<!-- <official-account bindload="bindload" binderror="binderror"></official-account> -->
<!-- <view class="height20"></view> -->
</view> </view>
</template> </template>
@ -104,7 +105,8 @@
getTPigKFCToken, getTPigKFCToken,
getTPigCinemaToken, getTPigCinemaToken,
getCmsContent, getCmsContent,
getMembershipLevel getMembershipLevel,
findByLatAndLng
} from "../../../Utils/Api.js"; //api } from "../../../Utils/Api.js"; //api
import wybPopup from '../../../components/wyb-popup/wyb-popup.vue'; import wybPopup from '../../../components/wyb-popup/wyb-popup.vue';
let app = getApp(); let app = getApp();
@ -185,8 +187,8 @@
} }
}, },
onLoad(options) { onLoad(options) {
app.globalData.accountId = options.accountId;
let that = this; let that = this;
// 1.wxcode // 1.wxcode
// #ifdef MP // #ifdef MP
uni.login({ uni.login({
@ -346,7 +348,7 @@
success: function(res) { success: function(res) {
app.globalData.latitude = res.latitude; app.globalData.latitude = res.latitude;
app.globalData.longitude = res.longitude; app.globalData.longitude = res.longitude;
that.getUserLocation(res.longitude, res.latitude); // that.findByLatAndLng(res.longitude, res.latitude);
// #ifdef MP // #ifdef MP
uni.request({ uni.request({
url: 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + res.latitude + url: 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + res.latitude +
@ -368,14 +370,47 @@
that.getCmsContentcmshome(); that.getCmsContentcmshome();
that.getCmsContentcmsContent(); that.getCmsContentcmsContent();
}, },
fail() { fail(err) {
uni.hideLoading() uni.hideLoading()
} }
}) })
//#endif //#endif
},
fail: (err) => {
if (err.errCode == 2) {
uni.showToast({
title: '请开启系统定位',
duration: 3000,
icon: 'none'
})
}
} }
}) })
}, },
//
findByLatAndLng(item, item1) {
let that = this;
let datas = {
lng: item,
lat: item1
}
findByLatAndLng(datas).then(res => {
if (res.return_code == '000000') {
that.city = res.return_data.result.addressComponent.province;
app.globalData.cityName = res.return_data.result.addressComponent
.province;
app.globalData.cityId = res.return_data.result.addressComponent.adcode;
// app.globalData.cityId = '500100';
that.getCouponListArea();
that.getCouponListgold();
uni.hideLoading();
that.getCmsContent();
that.getCmsAactibity();
that.getCmsContentcmshome();
that.getCmsContentcmsContent();
}
});
},
//H5 openId //H5 openId
getH5AccessToken(item) { getH5AccessToken(item) {
let params = { let params = {
@ -449,7 +484,6 @@
}) })
.catch(err => { .catch(err => {
uni.hideLoading() uni.hideLoading()
console.log(err);
}); });
}, },
@ -488,8 +522,8 @@
return; return;
} }
this.productListleg = res.return_data.total; this.productListleg = res.return_data.total;
}else{ } else {
this.productList = []; this.productList = [];
} }
}) })
}, },
@ -510,8 +544,8 @@
return; return;
} }
this.goldproductListleg = res.return_data.total; this.goldproductListleg = res.return_data.total;
}else{ } else {
this.productList = []; this.productList = [];
} }
}) })
}, },
@ -581,18 +615,18 @@
// //
toCategory(item) { toCategory(item) {
if (!app.globalData.userInfo.phone) { // if (!app.globalData.userInfo.phone) {
uni.navigateTo({ // uni.navigateTo({
url: '../../userLogin/userLogin' // url: '../../userLogin/userLogin'
}) // })
return; // return;
} // }
if (!app.globalData.userInfo) { // if (!app.globalData.userInfo) {
uni.navigateTo({ // uni.navigateTo({
url: '../../userLogin/userLogin' // url: '../../userLogin/userLogin'
}) // })
return; // return;
} // }
if (item.title == '在线加油') { if (item.title == '在线加油') {
uni.navigateTo({ uni.navigateTo({
url: item.ext1 url: item.ext1
@ -628,18 +662,18 @@
}, },
// //
jumphuafei(item) { jumphuafei(item) {
if (!app.globalData.userInfo) { // if (!app.globalData.userInfo) {
uni.navigateTo({ // uni.navigateTo({
url: '../../userLogin/userLogin' // url: '../../userLogin/userLogin'
}) // })
return; // return;
} // }
if (!app.globalData.userInfo.phone) { // if (!app.globalData.userInfo.phone) {
uni.navigateTo({ // uni.navigateTo({
url: '../../userLogin/userLogin' // url: '../../userLogin/userLogin'
}) // })
return; // return;
} // }
if (item.title == '汇联通') { if (item.title == '汇联通') {
uni.navigateTo({ uni.navigateTo({
url: '/pages/goods/goods-list/goods-list?id=2' url: '/pages/goods/goods-list/goods-list?id=2'
@ -675,13 +709,13 @@
url: '../../../subPages/preferred-goods/preferred-goods' url: '../../../subPages/preferred-goods/preferred-goods'
}) })
return; return;
} }
if (item.title == '优惠券包') { if (item.title == '优惠券包') {
uni.navigateTo({ uni.navigateTo({
url:'../../../subPages/coupon-package/coupon-package' url: '../../../subPages/coupon-package/coupon-package'
}) })
return; return;
} }
}, },
@ -704,13 +738,13 @@
.popImg { .popImg {
width: 300px; width: 300px;
height: 440px; height: 440px;
} }
.xfimg{ .xfimg {
width: 80rpx; width: 80rpx;
bottom: 60rpx; bottom: 60rpx;
position: fixed; position: fixed;
right: 40rpx; right: 40rpx;
} }
@font-face { @font-face {
@ -1182,6 +1216,7 @@
height: 180rpx; height: 180rpx;
margin-left: 14rpx; margin-left: 14rpx;
margin-top: 14rpx; margin-top: 14rpx;
float: left;
} }
.orange-content .swiper-item .img { .orange-content .swiper-item .img {

@ -24,18 +24,18 @@
<!-- #ifdef MP --> <!-- #ifdef MP -->
<button class="erweima fotct aliitem font14" v-if="user == null" open-type="getPhoneNumber" <button class="erweima fotct aliitem font14" v-if="user == null" open-type="getPhoneNumber"
@getphonenumber="loginByPhone"> @getphonenumber="loginByPhone">
<image src="../../../static/img/jingbi.png"></image> 充值金额 <image src="../../../static/img/jingbi.png"></image> 充值积分
</button> </button>
<button class="erweima fotct aliitem font14" v-else @click="toDeposit"> <button class="erweima fotct aliitem font14" v-else @click="toDeposit">
<image src="../../../static/img/jingbi.png"></image> 充值金额 <image src="../../../static/img/jingbi.png"></image> 充值积分
</button> </button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<button class="erweima fotct aliitem font14" v-if="user.phone == null" @click="jumpH5Bding"> <button class="erweima fotct aliitem font14" v-if="user.phone == null" @click="jumpH5Bding">
<image src="../../../static/img/jingbi.png"></image> 充值金额 <image src="../../../static/img/jingbi.png"></image> 充值积分
</button> </button>
<button class="erweima fotct aliitem font14" v-else @click="toDeposit"> <button class="erweima fotct aliitem font14" v-else @click="toDeposit">
<image src="../../../static/img/jingbi.png"></image> 充值金额 <image src="../../../static/img/jingbi.png"></image> 充值积分
</button> </button>
<!-- #endif --> <!-- #endif -->
</view> </view>
@ -231,7 +231,7 @@
}, },
{ {
url: '../../login/login?id=2', url: '../../login/login?id=2',
text: '我的推广', text: '代理商登录',
img: 'user/renw.png' img: 'user/renw.png'
} }

@ -31,9 +31,9 @@
<button class="flright backcorf06 fcorfff font15 agent_btn mart10" @click="generateCode(agent.id)" <button class="flright backcorf06 fcorfff font15 agent_btn mart10" @click="generateCode(agent.id)"
v-if="typeId == 1 && typeid == 2">生成兑换码</button> v-if="typeId == 1 && typeid == 2">生成兑换码</button>
<button class="flright backcorf06 fcorfff font15 agent_btn mart10" @click="jumpCouponDes(agent.id)" <button class="flright backcorf06 fcorfff font15 agent_btn mart10" @click="jumpCouponDes(agent.id)"
v-if="typeId == 2 && typeid == 2">查看详情</button> v-if="typeId == 2 && (typeid == 2 || typeid == 3) ">查看详情</button>
<view class="agent_ts font15 fcor333 fotlt text1" <view class="agent_ts font15 fcor333 fotlt text1"
v-if="typeId == 2 && typeid == 2 && agent.remark !=null "> v-if="typeId == 2 && (typeid == 2 || typeid == 3) && agent.remark !=null ">
备注:{{agent.remark}}</view> 备注:{{agent.remark}}</view>
</view> </view>
</view> </view>
@ -127,7 +127,7 @@
return false; return false;
} }
let pagenum = this.pageNum; let pagenum = this.pageNum;
let params; let params;
if (this.typeId == 1) { if (this.typeId == 1) {
if (this.typeid == 1) { if (this.typeid == 1) {
params = { params = {
@ -155,11 +155,19 @@
type: 1, type: 1,
pageSize: this.pageSize pageSize: this.pageSize
} }
} else { } else if(this.typeid == 2){
params = { params = {
pageNum: pagenum, pageNum: pagenum,
couponId: this.couponId, couponId: this.couponId,
status: '2,3', status: 2,
type: 2,
pageSize: this.pageSize
}
}else if(this.typeid == 3){
params = {
pageNum: pagenum,
couponId: this.couponId,
status: 3,
type: 2, type: 2,
pageSize: this.pageSize pageSize: this.pageSize
} }

@ -1,121 +1,129 @@
<template> <template>
<view> <view>
<view class="width90 mart20 fotct" v-if="user.hltCardNo.cardNo"> <view class="width90 mart20 fotct" v-if="user.hltCardNo.cardNo">
<image :src="imagewxUrl+imgadres" mode="widthFix" class="cardImg"></image> <image :src="imagewxUrl+imgadres" mode="widthFix" class="cardImg"></image>
<view class="cardlabel font18 fcorfff fontwig6" style="top: 50px;">卡号 : {{user.hltCardNo.cardNo}}</view> <view class="cardlabel font18 fcorfff fontwig6" style="top: 50px;">卡号 : {{user.hltCardNo.cardNo}}</view>
<view class="cardlabel font18 fcorfff fontwig6" style="top: 80px;">余额 : {{tongCardPrice}}</view> <view class="cardlabel font18 fcorfff fontwig6" style="top: 80px;">余额 : {{tongCardPrice}}</view>
</view> </view>
<view class="btnw50 font20 fontlet" @click="selectCards()">查询明细</view> <view class="btnw50 font20 fontlet" @click="selectCards()">查询明细</view>
<view class="btnw50 font20 fontlet" @click="delUserCard()" v-if="user.hltCardNo">解绑</view> <view class="btnw50 font20 fontlet" @click="unionCardPay()">充值余额</view>
</view> <view class="btnw50 font20 fontlet" @click="delUserCard()" v-if="user.hltCardNo">解绑</view>
</template> </view>
</template>
<script>
import { <script>
delUserCard, import {
getHuiLianTongCardBalance delUserCard,
} from '../../../Utils/Api.js'; getHuiLianTongCardBalance
let app = getApp(); } from '../../../Utils/Api.js';
export default { let app = getApp();
data() { export default {
return { data() {
user: '', return {
tongCardPrice:0, user: '',
imagewxUrl: app.globalData.imageWxImg, tongCardPrice: 0,
imgadres: 'cards.jpg', imagewxUrl: app.globalData.imageWxImg,
} imgadres: 'cards.jpg',
}, }
onShow() { },
this.user = app.globalData.userInfo; onShow() {
if (!this.user.isSetHltCard) { this.user = app.globalData.userInfo;
uni.showToast({ if (!this.user.isSetHltCard) {
icon: 'none', uni.showToast({
title: '当前账号还未绑定,前往绑定', icon: 'none',
duration: 2000, title: '当前账号还未绑定,前往绑定',
success() { duration: 2000,
setTimeout(() => { success() {
uni.navigateTo({ setTimeout(() => {
url: '../bindingCard/bindingCard' uni.navigateTo({
}) url: '../bindingCard/bindingCard'
}, 1000) })
} }, 1000)
}); }
return; });
} return;
this.getHuiLianTongCardBalance(); }
}, this.getHuiLianTongCardBalance();
methods: { },
// methods: {
selectCards() { //
uni.navigateTo({ selectCards() {
url: '../unionCard/unionCard' uni.navigateTo({
}) url: '../unionCard/unionCard'
}, })
// },
delUserCard() { //
let that = this; delUserCard() {
uni.showModal({ let that = this;
content: '是否确定解除当前绑定卡号?', uni.showModal({
success: (res) => { content: '是否确定解除当前绑定卡号?',
if (res.confirm) { success: (res) => {
let params = { if (res.confirm) {
cardNo: that.user.hltCardNo.cardNo let params = {
} cardNo: that.user.hltCardNo.cardNo
delUserCard(params).then(res => { }
if (res.return_code == '000000') { delUserCard(params).then(res => {
uni.showToast({ if (res.return_code == '000000') {
title: '解除成功', uni.showToast({
duration: 2000, title: '解除成功',
icon: 'success', duration: 2000,
success() { icon: 'success',
setTimeout(() => { success() {
uni.navigateBack({}) setTimeout(() => {
}, 1000) uni.navigateBack({})
} }, 1000)
}) }
} else { })
uni.showToast({ } else {
title: res.return_msg, uni.showToast({
duration: 2000, title: res.return_msg,
icon: 'none' duration: 2000,
}) icon: 'none'
} })
}); }
} else if (res.cancel) { });
console.log('用户点击取消'); } else if (res.cancel) {
} console.log('用户点击取消');
} }
}); }
}, });
// },
getHuiLianTongCardBalance() { //
let params = { getHuiLianTongCardBalance() {
cardNo: this.user.hltCardNo.cardNo let params = {
} cardNo: this.user.hltCardNo.cardNo
getHuiLianTongCardBalance(params).then(res => { }
if (res.return_code == '000000') { getHuiLianTongCardBalance(params).then(res => {
this.tongCardPrice = res.return_data.balance; if (res.return_code == '000000') {
} this.tongCardPrice = res.return_data.balance;
}
});
}, });
} },
} //
</script> unionCardPay() {
uni.navigateTo({
<style lang="scss"> url: '../../../subPages/trade-union-recharge/trade-union-recharge?cardId=' + this.user
page { .hltCardNo.cardNo + '&RechargeType=1'
background-color: #f8f8f8; })
} }
}
.cardImg { }
position: relative; </script>
margin-top: 5px;
margin-bottom: 5px; <style lang="scss">
} page {
background-color: #f8f8f8;
.cardlabel { }
position: absolute;
left: 13%; .cardImg {
} position: relative;
margin-top: 5px;
margin-bottom: 5px;
}
.cardlabel {
position: absolute;
left: 13%;
}
</style> </style>

@ -36,17 +36,6 @@
</view> </view>
<view class="content"> <view class="content">
<view class="pay-list"> <view class="pay-list">
<!-- <view class="row" @tap="paytype='alipay'">
<view class="left">
<image src="/static/img/alipay.png"></image>
</view>
<view class="center">
支付宝支付
</view>
<view class="right">
<radio :checked="paytype=='alipay'" color="#0083f5" />
</view>
</view> -->
<view class="row" @tap="paytype='wxpay'"> <view class="row" @tap="paytype='wxpay'">
<view class="left"> <view class="left">
<image :src="imagewxUrl+imgadres"></image> <image :src="imagewxUrl+imgadres"></image>
@ -85,11 +74,11 @@
data() { data() {
return { return {
inputAmount: '', // inputAmount: '', //
amountList: [10, 50, 100], //3 amountList: [100, 200, 300, 500, 800, 1000], //3
paytype: 'wxpay', // paytype: 'wxpay', //
user: "", user: "",
imagewxUrl: app.globalData.imageWxImg, imagewxUrl: app.globalData.imageWxImg,
imgadres:'wxpay.png' imgadres: 'wxpay.png'
}; };
}, },
onLoad() { onLoad() {
@ -126,7 +115,7 @@
title: '正在提交订单...' title: '正在提交订单...'
}) })
let goods = { let goods = {
"identificationCode":app.globalData.identificationCode, "identificationCode": app.globalData.identificationCode,
"highChildOrderList": [{ "highChildOrderList": [{
"goodsType": 2, "goodsType": 2,
"goodsId": app.globalData.userInfo.id, "goodsId": app.globalData.userInfo.id,
@ -214,10 +203,10 @@
jweixin.chooseWXPay({ jweixin.chooseWXPay({
appId: self.return_data.appId, appId: self.return_data.appId,
timestamp: self.return_data timestamp: self.return_data
.timeStamp, // jssdk使timestamp使timeStampS .timeStamp, // jssdk使timestamp使timeStampS
nonceStr: self.return_data.nonceStr, // 32 nonceStr: self.return_data.nonceStr, // 32
package: self.return_data package: self.return_data
.package, // prepay_idprepay_id=*** .package, // prepay_idprepay_id=***
signType: 'MD5', // 'SHA1'使'MD5' signType: 'MD5', // 'SHA1'使'MD5'
paySign: self.return_data.sign, // paySign: self.return_data.sign, //
success: function(res) { success: function(res) {
@ -271,19 +260,22 @@
width: 100%; width: 100%;
.list { .list {
display: flex; display: flow-root;
justify-content: space-between; justify-content: space-between;
padding: 20upx 0; padding: 20upx 0;
.box { .box {
width: 30%; width: 30%;
height: 120upx; height: 120rpx;
float: left;
margin-left: 3.333%;
margin-top: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 10upx; border-radius: 10rpx;
box-shadow: 0upx 5upx 20upx rgba(0, 0, 0, 0.05); box-shadow: 0rpx 5rpx 20rpx rgba(0, 0, 0, 0.05);
font-size: 36upx; font-size: 36rpx;
background-color: #f1f1f1; background-color: #f1f1f1;
color: 333; color: 333;
@ -295,14 +287,14 @@
} }
.num { .num {
margin-top: 10upx; margin-top: 20upx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
.text { .text {
padding-right: 10upx; padding-right: 10upx;
font-size: 30upx; font-size: 40upx;
} }
.input { .input {
@ -315,7 +307,7 @@
input { input {
margin: 0 20upx; margin: 0 20upx;
height: 60upx; height: 60upx;
font-size: 30upx; font-size: 40upx;
color: #0083f5; color: #0083f5;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
@ -395,4 +387,4 @@
} }
} }
} }
</style> </style>

@ -1,200 +1,246 @@
<template> <template>
<view> <view>
<view class="width90"> <view class="width90">
<view class="flright fotct"> <view class="flright fotct">
<image class="coupon-img" :src="imageUrl+couponsDetails.highDiscount.discountImg"></image> <image class="coupon-img" :src="imageUrl+couponsDetails.highDiscount.discountImg"></image>
</view> </view>
<view class="coupon-mes mart10" style="margin-right: 90px;"> <view class="coupon-mes mart10" style="margin-right: 90px;">
<view class="fcor333 fontwig6 font24 width100 text2">{{couponsDetails.highDiscount.discountName}}</view> <view class="fcor333 fontwig6 font24 width100 text2">{{couponsDetails.highDiscount.discountName}}</view>
<view class="fcor666 font13 width100 mart5"> <view class="fcor666 font13 width100 mart5">
使用截止时间:{{salesEndTime | formatDate('-')}}</view> 使用截止时间:{{salesEndTime | formatDate('-')}}</view>
</view> </view>
<view class="fcor666 font13 width100 mart5"> <view class="fcor666 font13 width100 mart5">
领取有效期:{{couponsDetails.highDiscount.effectiveDay}} 领取有效期:{{couponsDetails.highDiscount.effectiveDay}}
</view> </view>
</view> </view>
<view class="line1 mart15"></view> <view class="line1 mart15"></view>
<view class="width90 mart10 fcor666">可购买的商品</view> <view class="width90 mart10 fcor666">可购买的商品</view>
<view v-if="minecoupones == '' " class="mart60 fotct font14 fcor666"> <view v-if="minecoupones == '' " class="mart60 fotct font14 fcor666">
<image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image> <image mode="widthFix" style="width: 70vw;" :src="imagewxUrl+imgadres"></image>
</view> </view>
<view class="product-list mart20 width90"> <view class="product-list mart20 width90">
<view class="product" v-for="product in minecoupones" :key="product.id" <view class="product" v-for="product in minecoupones" :key="product.id"
@tap="toGoods(product.highCoupon.id)"> @tap="toGoods(product.highCoupon.id)">
<image mode="widthFix" :src="imageUrl+product.highCoupon.couponImg"></image> <image mode="widthFix" :src="imageUrl+product.highCoupon.couponImg"></image>
<view class="name">{{ product.highCoupon.couponName }}</view> <view class="name">{{ product.highCoupon.couponName }}</view>
<view class="info" v-if="product.highCoupon.payType == 1"> <view class="info" v-if="product.highCoupon.payType == 1">
<view class="price"> <view class="price">
{{ product.highCoupon.discountPrice}} {{ product.highCoupon.discountPrice}}
</view> </view>
<view class="slogan" v-if="product.highCoupon.discountPrice !== product.highCoupon.salesPrice"> <view class="slogan" v-if="product.highCoupon.discountPrice !== product.highCoupon.salesPrice">
{{ product.highCoupon.salesPrice}} {{ product.highCoupon.salesPrice}}
</view> </view>
</view> </view>
<view class="info" v-else> <view class="info" v-else>
<view class="price"> <view class="price">
<image style="width: 15px;height: 15px;vertical-align: sub;" <image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png">
src="../../../static/img/jfx.png"> </image>{{ product.highCoupon.discountPrice*100}}
</image>{{ product.highCoupon.discountPrice*100}} </view>
</view> <view class="slogan" v-if="product.highCoupon.discountPrice !== product.highCoupon.salesPrice">
<view class="slogan" v-if="product.highCoupon.discountPrice !== product.highCoupon.salesPrice"> <image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfh.png">
<image style="width: 15px;height: 15px;vertical-align: sub;" </image>{{ product.highCoupon.salesPrice*100}}
src="../../../static/img/jfh.png"> </view>
</image>{{ product.highCoupon.salesPrice*100}} </view>
</view> </view>
</view> </view>
</view> <!-- <view class="width90 mart40 fcor666" v-if="videourl != ''">视频教程</view>
</view> <view class="btnplay" @click="playvideo" v-if="videourl != ''">播放视频教学</view>
</view> <view class="width80 mart20 marb30" v-if="isplayvideo">
</template> <yy-video-player :auto-play="false" :url="imageUrl+imagedess1" :poster="poster" :show-back-btn="true">
</yy-video-player>
<script> </view> -->
import { <view class="width90 mart40 fcor666" v-if="videourl != ''">临时通知</view>
getCouponByDiscount, <view class="alijus mart20 marb30" v-if="videourl != ''">
getDiscountByUserDiscountId <image mode="widthFix" :src="imageUrl+imagedess2"></image>
} from '../../../Utils/Api.js'; </view>
let app = getApp(); </view>
export default { </template>
data() {
return { <script>
minecoupones: [], import {
imageUrl: app.globalData.imgUrl, getCouponByDiscount,
imagewxUrl: app.globalData.imageWxImg, getDiscountByUserDiscountId,
imgadres:'noorder.png', getCmsContent
pageNum: 1, } from '../../../Utils/Api.js';
pageSize: 10, import xiaoVideoElement from '../../../components/yy-video-player/yy-video-player.nvue'
isNoMoreData: false, let app = getApp();
couponsDetails: '', export default {
salesEndTime: '', components: {
couponId: '' xiaoVideoElement
} },
}, data() {
filters: { return {
// minecoupones: [],
formatDate: function(value, spe = '/') { imageUrl: app.globalData.imgUrl,
let data = new Date(value); imagewxUrl: app.globalData.imageWxImg,
let year = data.getFullYear(); imgadres: 'noorder.png',
let month = data.getMonth() + 1; imagedess1: '/CMS/html/11641540903873.mp4',
let day = data.getDate(); imagedess2: '/CMS/html/notice1.png',
let h = data.getHours(); pageNum: 1,
let mm = data.getMinutes(); pageSize: 10,
let s = data.getSeconds(); isNoMoreData: false,
month = month >= 10 ? month : "0" + month; couponsDetails: '',
day = day >= 10 ? day : "0" + day; salesEndTime: '',
h = h >= 10 ? h : "0" + h; couponId: '',
mm = mm >= 10 ? mm : "0" + mm; videourl: '', //
s = s >= 10 ? s : "0" + s; isplayvideo: false //
return `${year}${spe}${month}${spe}${day}`; }
} },
}, filters: {
onLoad(option) { //
this.couponId = option.id; formatDate: function(value, spe = '/') {
this.getDiscountByUserDiscountId(); let data = new Date(value);
}, let year = data.getFullYear();
methods: { let month = data.getMonth() + 1;
// let day = data.getDate();
getDiscountByUserDiscountId() { let h = data.getHours();
let params = { let mm = data.getMinutes();
userDiscountId: this.couponId let s = data.getSeconds();
} month = month >= 10 ? month : "0" + month;
getDiscountByUserDiscountId(params).then(res => { day = day >= 10 ? day : "0" + day;
if (res.return_code == '000000') { h = h >= 10 ? h : "0" + h;
this.couponsDetails = res.return_data; mm = mm >= 10 ? mm : "0" + mm;
this.salesEndTime = res.return_data.useEndTime; s = s >= 10 ? s : "0" + s;
this.getCouponByDiscount(res.return_data.highDiscount.id); return `${year}${spe}${month}${spe}${day}`;
} }
}) },
}, onLoad(option) {
// this.couponId = option.id;
getCouponByDiscount(item) { this.getDiscountByUserDiscountId();
let params = { this.getCmsContentvideo();
discountId: item },
} methods: {
getCouponByDiscount(params).then(res => { //
if (res.return_code == '000000') { getCmsContentvideo() {
this.minecoupones = res.return_data; let params = {
} regionId: app.globalData.cityId,
}) categoryCode: 'CMS_H5_VIDEO'
}, }
// getCmsContent(params).then(res => {
toGoods(e) { if (res.return_code == '000000') {
uni.navigateTo({ this.videourl = res.return_data;
url: '../../order/confirmation?id=' + e }
}) });
// uni.navigateTo({ },
// url: '../../goods/goods?id='+e //
// }); getDiscountByUserDiscountId() {
} let params = {
} userDiscountId: this.couponId
} }
</script> getDiscountByUserDiscountId(params).then(res => {
if (res.return_code == '000000') {
<style lang="scss"> this.couponsDetails = res.return_data;
.coupon-mes { this.salesEndTime = res.return_data.useEndTime;
// margin-right: 90px; this.getCouponByDiscount(res.return_data.highDiscount.id);
} }
})
.coupon-img { },
width: 80px; //
height: 80px; getCouponByDiscount(item) {
} let params = {
discountId: item
.product-list { }
display: flex; getCouponByDiscount(params).then(res => {
justify-content: space-between; if (res.return_code == '000000') {
flex-wrap: wrap; this.minecoupones = res.return_data;
}
.product { })
width: 48%; },
border-radius: 20upx; //
background-color: #fff; toGoods(e) {
margin: 0 0 15upx 0; uni.navigateTo({
box-shadow: 0upx 5upx 25upx rgba(0, 0, 0, 0.1); url: '../../order/confirmation?id=' + e
})
image { // uni.navigateTo({
width: 100%; // url: '../../goods/goods?id='+e
border-radius: 20upx 20upx 0 0; // });
} },
//
.name { playvideo() {
width: 92%; this.isplayvideo = true;
padding: 8upx 4%; }
display: -webkit-box; }
-webkit-box-orient: vertical; }
-webkit-line-clamp: 1; </script>
text-align: justify;
overflow: hidden; <style lang="scss">
font-size: 30upx; .coupon-mes {
} // margin-right: 90px;
}
.info {
display: flex; .coupon-img {
justify-content: space-between; width: 80px;
align-items: flex-end; height: 80px;
width: 92%; }
padding: 10upx 4% 10upx 4%;
.product-list {
.price { display: flex;
color: #e65339; justify-content: space-between;
font-size: 30upx; flex-wrap: wrap;
font-weight: 600;
} .product {
width: 48%;
.slogan { border-radius: 20upx;
color: #807c87; background-color: #fff;
font-size: 24upx; margin: 0 0 15upx 0;
text-decoration: line-through; box-shadow: 0upx 5upx 25upx rgba(0, 0, 0, 0.1);
margin-right: 10px;
} image {
} width: 100%;
} border-radius: 20upx 20upx 0 0;
} }
.coupne-btn { .name {
position: fixed; width: 92%;
bottom: 0px; padding: 8upx 4%;
background-color: red; display: -webkit-box;
color: #FFFFFF; -webkit-box-orient: vertical;
border-radius: 0px; -webkit-line-clamp: 1;
} text-align: justify;
overflow: hidden;
font-size: 30upx;
}
.info {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 92%;
padding: 10upx 4% 10upx 4%;
.price {
color: #e65339;
font-size: 30upx;
font-weight: 600;
}
.slogan {
color: #807c87;
font-size: 24upx;
text-decoration: line-through;
margin-right: 10px;
}
}
}
}
.coupne-btn {
position: fixed;
bottom: 0px;
background-color: red;
color: #FFFFFF;
border-radius: 0px;
}
.btnplay {
width: 120px;
text-align: center;
height: 40px;
line-height: 40px;
color: #FFFFFF;
background-color: #089bf5;
border-radius: 5px;
margin-left: 5%;
margin-top: 20px;
}
</style> </style>

@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font24 fontspec10">我的推广</view> <view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font24 fontspec10">代理商平台</view>
<view class="promotion_dt width90 height100p backcorfff" @click="jumpRunWater"> <view class="promotion_dt width90 height100p backcorfff" @click="jumpRunWater">
<view class="width100 mart10 fcor333 font14 fontwig6 height22"> <view class="width100 mart10 fcor333 font14 fontwig6 height22">
<view class="promotion_xg flleft"></view> <view class="promotion_xg flleft"></view>
@ -18,148 +18,228 @@
<view class="width50 flright font15 fcor666 fontwig6 fotrt">今日流水</view> <view class="width50 flright font15 fcor666 fontwig6 fotrt">今日流水</view>
</view> </view>
</view> </view>
<!-- <view class="mart70">
<QSTabs ref="tabs" :tabs="tabs" animationMode="line2" :current="current" @change="change"
activeColor="#089bf5" lineColor="#089bf5" minWidth="374">
</QSTabs>
<view class="line1"></view>
</view> -->
<!-- // --> <!-- // -->
<view class="width100 mart80"> <view class="width100" v-if="current == 0">
<view class="width90 mart10 fcor333 font14 fontwig6 height22"> <view class="width100 mart20">
<view class="promotion_xg flleft"></view> <view class="width90 mart10 fcor333 font14 fontwig6 height22">
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view> <view class="promotion_xg flleft"></view>
<view class="flleft promotoin_text font16" style="margin-top: -2px;">库存管理</view> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
<view class="promotion_mixg flleft"></view> <view class="flleft promotoin_text font16" style="margin-top: -2px;">库存管理</view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view> <view class="promotion_mixg flleft"></view>
</view> <view class="promotion_xg flleft" style="margin-left: -6px;"></view>
</view>
<view class="promotion_kc width90 mart10">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
</image>
<view class="pro_cont paddtop15">
<view class="flleft font16 fcor333 fontwig6 pro_title">
剩余库存({{mineproList.laveStockCount}})
</view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{mineproList.surplusCountPrice}}
</view> </view>
</view> </view>
<!-- //:class="[index==0?'colorfe':'']" --> <view class="promotion_kc width90 mart10">
<view v-if="minepros == ''" class="width90">暂无数据</view> <image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore7" </image>
@click="jumpAgent(1,mers.couponId,1)"> <view class="pro_cont paddtop15">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10"> <view class="flleft font16 fcor333 fontwig6 pro_title">
面额{{mers.salesPrice}} 剩余库存({{agentList.laveStockCount}})
</view> </view>
<view class="width100 font14 fcor999 fotct mart10"> <view class="pro_price fotrt fcor333 font15 fontwig6">
{{mers.stockCount}} 总计 ¥{{agentList.surplusCountPrice}}
</view>
</view> </view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10"> <!-- //:class="[index==0?'colorfe':'']" -->
{{mers.salesPrice*mers.stockCount}} <view v-if="minepros == ''" class="width90">暂无数据</view>
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore7"
@click="jumpAgent(1,mers.couponId,1)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.stockCount}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.salesPrice*mers.stockCount}}
</view>
</view> </view>
</view> </view>
</view> <!-- // -->
<!-- // --> <view class="width100 mart20">
<view class="width100 mart20"> <view class="width90 mart10 fcor333 font14 fontwig6 height22">
<view class="width90 mart10 fcor333 font14 fontwig6 height22"> <view class="promotion_xg flleft"></view>
<view class="promotion_xg flleft"></view> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view> <view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view> <view class="promotion_mixg flleft"></view>
<view class="promotion_mixg flleft"></view> <view class="promotion_xg flleft" style="margin-left: -6px;"></view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
</view>
</view>
<view class="promotion_kc width90 mart10">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
</image>
<view class="pro_cont paddtop15">
<view class="flleft font16 fcor333 fontwig6 pro_title">
已销售({{mineproList.soldCount}})
</view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{mineproList.salesCountPrice}}
</view> </view>
</view> </view>
<view v-if="minepros == ''" class="width90">暂无数据</view> <view class="promotion_kc width90 mart10">
<!-- // --> <image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore9" </image>
@click="jumpAgent(2,mers.couponId,1)"> <view class="pro_cont paddtop15">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10"> <view class="flleft font16 fcor333 fontwig6 pro_title">
面额{{mers.salesPrice}} 已销售({{agentList.soldCount}})
</view> </view>
<view class="width100 font14 fcor999 fotct mart10"> <view class="pro_price fotrt fcor333 font15 fontwig6">
{{mers.salesCount}} 总计 ¥{{agentList.salesCountPrice}}
</view>
</view> </view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10"> <view v-if="minepros == ''" class="width90">暂无数据</view>
{{mers.salesPrice*mers.salesCount}} <!-- // -->
<view v-for="(mers,index) in minepros" :key="mers.id" class="pro_mok marb10 colore9"
@click="jumpAgent(2,mers.couponId,1)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.salesCount}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.salesPrice*mers.salesCount}}
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 兑换码库存 -->
<!-- 销核码兑换库存 --> <view class="width100 mart80" v-if="current == 1">
<view class="width100 mart20"> <view class="width100 mart20">
<view class="width90 mart10 fcor333 font14 fontwig6 height22"> <view class="width90 mart10 fcor333 font14 fontwig6 height22">
<view class="promotion_xg flleft"></view> <view class="promotion_xg flleft"></view>
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销核码兑换</view> <view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
<view class="promotion_mixg flleft"></view> <view class="promotion_mixg flleft"></view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view> <view class="promotion_xg flleft" style="margin-left: -6px;"></view>
</view>
</view> </view>
</view> <view class="promotion_kc width90 mart10">
<view class="promotion_kc width90 mart10"> <image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres"> </image>
</image> <view class="pro_cont paddtop15">
<view class="pro_cont paddtop15"> <view class="flleft font16 fcor333 fontwig6 pro_title">
<view class="flleft font16 fcor333 fontwig6 pro_title"> 待销售({{couponList.noSalesNum}})
待使用({{codeList.laveStockCount}}) </view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{couponList.noSalesPrice}}
</view>
</view> </view>
<view class="pro_price fotrt fcor333 font15 fontwig6"> <view v-if="couponCont == ''" class="width90">暂无数据</view>
总计 ¥{{codeList.surplusCountPrice}} <view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore7"
@click="jumpAgent(1,mers.couponId,2)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.stockCount}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.salesPrice*mers.stockCount}}
</view>
</view> </view>
</view> </view>
<!-- //:class="[index==0?'colorfe':'']" --> <!-- 兑换码统计 -->
<view v-if="minepros == ''" class="width90">暂无数据</view> <!-- <view class="width100 mart20">
<view v-for="(mers,index) in checkcodeList" :key="mers.id" class="pro_mok marb10 colore7" <view class="width90 mart10 fcor333 font14 fontwig6 height22">
@click="jumpAgent(1,mers.couponId,2)"> <view class="promotion_xg flleft"></view>
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10"> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
面额{{mers.salesPrice}} <view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
<view class="promotion_mixg flleft"></view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
</view> </view>
<view class="width100 font14 fcor999 fotct mart10"> </view> -->
{{mers.stockCount}} <view class="promotion_kc width90 mart20">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
</image>
<view class="pro_cont paddtop15">
<view class="flleft font16 fcor333 fontwig6 pro_title">
已销售({{couponList.salesNum}})
</view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{couponList.salesPrice}}
</view>
</view> </view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10"> <view v-if="couponCont == ''" class="width90">暂无数据</view>
{{mers.salesPrice*mers.stockCount}} <!-- // -->
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore9"
@click="jumpAgent(2,mers.couponId,2)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.noUsedNum}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.noUsedPrice}}
</view>
</view> </view>
</view> </view>
</view>
<!-- 销核码兑换销售 --> <view class="width100 mart20">
<view class="width100 mart20"> <view class="width90 mart10 fcor333 font14 fontwig6 height22">
<view class="width90 mart10 fcor333 font14 fontwig6 height22"> <view class="promotion_xg flleft"></view>
<view class="promotion_xg flleft"></view> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
<view class="promotion_mixg flleft" style="margin-left: -6px;"></view> <view class="flleft promotoin_text font16" style="margin-top: -2px;">使用统计</view>
<view class="flleft promotoin_text font16" style="margin-top: -2px;">销核码统计</view> <view class="promotion_mixg flleft"></view>
<view class="promotion_mixg flleft"></view> <view class="promotion_xg flleft" style="margin-left: -6px;"></view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view> </view>
</view> </view>
</view> <view class="promotion_kc width90 mart20">
<view class="promotion_kc width90 mart10"> <image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres"> </image>
</image> <view class="pro_cont paddtop15">
<view class="pro_cont paddtop15"> <view class="flleft font16 fcor333 fontwig6 pro_title">
<view class="flleft font16 fcor333 fontwig6 pro_title"> 待使用({{couponList.noUsedNum}})
已使用({{codeList.soldCount}}) </view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{couponList.noUsedPrice}}
</view>
</view> </view>
<view class="pro_price fotrt fcor333 font15 fontwig6"> <view v-if="couponCont == ''" class="width90">暂无数据</view>
总计 ¥{{codeList.salesCountPrice}} <view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore7"
@click="jumpAgent(2,mers.couponId,2)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.noUsedNum}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.noUsedPrice}}
</view>
</view> </view>
</view> </view>
<view v-if="minepros == ''" class="width90">暂无数据</view> <!-- 兑换码统计 -->
<!-- // --> <!-- <view class="width100 mart20">
<view v-for="(mers,index) in checkcodeList" :key="mers.id" class="pro_mok marb10 colore9" <view class="width90 mart10 fcor333 font14 fontwig6 height22">
@click="jumpAgent(2,mers.couponId,2)"> <view class="promotion_xg flleft"></view>
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10"> <view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
面额{{mers.salesPrice}} <view class="flleft promotoin_text font16" style="margin-top: -2px;">使用统计</view>
<view class="promotion_mixg flleft"></view>
<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
</view> </view>
<view class="width100 font14 fcor999 fotct mart10"> </view> -->
{{mers.salesCount}} <view class="promotion_kc width90 mart20">
<image class="flleft pro_img mart15 margle" :src="imagewxUrl+imgadres">
</image>
<view class="pro_cont paddtop15">
<view class="flleft font16 fcor333 fontwig6 pro_title">
已使用({{couponList.usedNum}})
</view>
<view class="pro_price fotrt fcor333 font15 fontwig6">
总计 ¥{{couponList.usedPrice}}
</view>
</view> </view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10"> <view v-if="couponCont == ''" class="width90">暂无数据</view>
{{mers.salesPrice*mers.salesCount}} <!-- // -->
<view v-for="(mers,index) in couponCont" :key="mers.id" class="pro_mok marb10 colore9"
@click="jumpAgent(2,mers.couponId,3)">
<view class="width100 font14 fcor333 fontwig6 fotct paddtop10">
面额{{mers.salesPrice}}
</view>
<view class="width100 font14 fcor999 fotct mart10">
{{mers.usedNum}}
</view>
<view class="width100 font15 fcor333 fontwig6 fotct mart10">
{{mers.usedPrice}}
</view>
</view> </view>
</view> </view>
</view> </view>
@ -169,51 +249,92 @@
<script> <script>
import { import {
getAgentCount getAgentCount,
getAgentConvertCodeCount
} from "../../../Utils/Api.js"; } from "../../../Utils/Api.js";
import QSTabs from '../../../components/QS-tabs/QS-tabs.vue';
let app = getApp(); let app = getApp();
export default { export default {
components: {
QSTabs
},
data() { data() {
return { return {
imagewxUrl: app.globalData.imageWxImg, imagewxUrl: app.globalData.imageWxImg,
imgadres: 'wenj.png', imgadres: 'wenj.png',
agentList: [], // agentList: [], //
minepros: [], // minepros: [], //
mineproList: [], // couponList:[], //
checkcodeList: [], // couponCont:[], //
codeList: [] // tabs: ["销售码", "兑换码"], //
current: 1, //
} }
}, },
onLoad() {
onShow() { // this.getAgentCount(1);
this.getAgentCount(1); // this.getAgentConvertCodeCount();
this.getAgentCount(2); },
onShow() {
this.getAgentCount(1);
this.getAgentConvertCodeCount();
}, },
methods: { methods: {
// //
getAgentCount(item) { getAgentCount(item) {
uni.showLoading({
title: '加载中'
})
let datas = { let datas = {
type: item type: item
} }
getAgentCount(datas).then(res => { getAgentCount(datas).then(res => {
uni.hideLoading();
if (res.return_code == '000000') { if (res.return_code == '000000') {
this.agentList = res.return_data; this.agentList = res.return_data;
if (item == 1) { this.minepros = res.return_data.list;
this.minepros = res.return_data.list;
this.mineproList = res.return_data;
} else {
this.checkcodeList = res.return_data.list;
this.codeList = res.return_data
}
} else { } else {
this.agentList = [];
this.minepros = [];
uni.showToast({ uni.showToast({
title: res.return_msg, title: res.return_msg,
icon: "none" icon: "none",
duration: 2000
}) })
} }
}) })
}, },
//
getAgentConvertCodeCount() {
uni.showLoading({
title: '加载中'
})
getAgentConvertCodeCount().then(res => {
uni.hideLoading();
if (res.return_code == '000000' && res.return_data) {
this.couponList = res.return_data;
this.couponCont = res.return_data.list;
} else {
uni.showToast({
title: res.return_msg,
icon: "none",
duration: 2000
})
this.couponList = [];
this.couponCont = [];
}
});
},
//
change(index) {
this.$refs.tabs.setFinishCurrent(index);
this.swiperCurrent = index;
this.current = index;
if (index == 0) {
this.getAgentCount(1);
} else {
this.getAgentConvertCodeCount();
}
},
// //
jumpRunWater() { jumpRunWater() {
uni.navigateTo({ uni.navigateTo({
@ -226,6 +347,7 @@
url: '../agentCoupons/agentCoupons?id=' + item + '&couponsId=' + items + '&typeid=' + itemtype url: '../agentCoupons/agentCoupons?id=' + item + '&couponsId=' + items + '&typeid=' + itemtype
}) })
}, },
//
toPage(page) { toPage(page) {
uni.navigateTo({ uni.navigateTo({
url: '../../login/resetpasswd' url: '../../login/resetpasswd'

@ -106,7 +106,7 @@
<view class="right" v-else> <view class="right" v-else>
<image style="width: 15px;height: 15px;vertical-align: sub;" <image style="width: 15px;height: 15px;vertical-align: sub;"
src="../../../static/img/jfx.png"> src="../../../static/img/jfx.png">
</image>{{recinfo.totalPrice*100}} </image>{{recinfo.totalPrice * 10 * 10}}
</view> </view>
</view> </view>
<view class="row" v-if="recinfo.payPrice"> <view class="row" v-if="recinfo.payPrice">
@ -119,7 +119,7 @@
<view class="right" v-else> <view class="right" v-else>
<image style="width: 15px;height: 15px;vertical-align: sub;" <image style="width: 15px;height: 15px;vertical-align: sub;"
src="../../../static/img/jfx.png"> src="../../../static/img/jfx.png">
</image>{{recinfo.payPrice*100}} </image>{{recinfo.payPrice* 10 * 10}}
</view> </view>
</view> </view>
<view class="row" v-if="recinfo.payRealPrice"> <view class="row" v-if="recinfo.payRealPrice">
@ -132,7 +132,7 @@
<view class="right" v-else> <view class="right" v-else>
<image style="width: 15px;height: 15px;vertical-align: sub;" <image style="width: 15px;height: 15px;vertical-align: sub;"
src="../../../static/img/jfx.png"> src="../../../static/img/jfx.png">
</image>{{recinfo.payRealPrice*100}} </image>{{recinfo.payRealPrice * 10 * 10}}
</view> </view>
</view> </view>
<view class="row" v-if="recinfo.deductionPrice"> <view class="row" v-if="recinfo.deductionPrice">
@ -145,7 +145,7 @@
<view class="right" v-else> <view class="right" v-else>
<image style="width: 15px;height: 15px;vertical-align: sub;" <image style="width: 15px;height: 15px;vertical-align: sub;"
src="../../../static/img/jfx.png"> src="../../../static/img/jfx.png">
</image>{{recinfo.deductionPrice*100}} </image>{{recinfo.deductionPrice * 10 * 10}}
</view> </view>
</view> </view>
<view class="row"> <view class="row">

@ -15,34 +15,39 @@
<view class="row" v-for="(row,index) in orderList" :key="index"> <view class="row" v-for="(row,index) in orderList" :key="index">
<view class="width96 height40" @click="jumpDetails(row.id)"> <view class="width96 height40" @click="jumpDetails(row.id)">
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 1 || row.highChildOrderList[0].goodsType == 2"> v-if="row.highChildOrderList[0].goodsType == 1">
<image src="../../../static/img/order2.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/order2.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
卡券订单 卡券订单
</view> </view>
<view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 2">
<image src="../../../static/img/order2.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
积分充值
</view>
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 7"> v-if="row.highChildOrderList[0].goodsType == 7">
<image src="../../../static/img/order9.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/order9.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
优惠券包 优惠券包
</view> </view>
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 3"> v-if="row.highChildOrderList[0].goodsType == 3">
<image src="../../../static/img/order4.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/order4.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
团油订单 团油订单
</view> </view>
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 5"> v-if="row.highChildOrderList[0].goodsType == 5">
<image src="../../../static/img/order5.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/order5.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
电影票 电影票
</view> </view>
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 4"> v-if="row.highChildOrderList[0].goodsType == 4">
<image src="../../../static/img/order3.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/order3.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
KFC KFC
</view> </view>
<view class="width50 flleft aliitem fotlt font16" <view class="width50 flleft aliitem fotlt font16"
v-if="row.highChildOrderList[0].goodsType == 6"> v-if="row.highChildOrderList[0].goodsType == 8">
<image src="../../../static/img/order1.png" style="width: 50rpx;height: 50rpx;"></image> <image src="../../../static/img/ghkpay.png" class="marglerig" style="width: 50rpx;height: 50rpx;"></image>
话费充值 工会卡充值
</view> </view>
<view class="width50 flright fotrt fcor666 font15"> <view class="width50 flright fotrt fcor666 font15">
{{row.createTime | formatDate('-')}} {{row.createTime | formatDate('-')}}
@ -66,7 +71,7 @@
<view class="font16 fontwig6 text1 fcor333 aliitem" style="justify-content: flex-end;" <view class="font16 fontwig6 text1 fcor333 aliitem" style="justify-content: flex-end;"
v-else> v-else>
<image style="width: 15px;height: 15px;" src="../../../static/img/jfx.png"> <image style="width: 15px;height: 15px;" src="../../../static/img/jfx.png">
</image>{{row.payPrice*100}} </image>{{row.payPrice * 10 * 10}}
</view> </view>
<view class="fotrt font15 text1 fcor999 mart5">{{typeText[row.orderStatus]}}</view> <view class="fotrt font15 text1 fcor999 mart5">{{typeText[row.orderStatus]}}</view>
</view> </view>

@ -1,111 +1,275 @@
<template> <template>
<view> <view>
<image mode="widthFix" class="width90 mart20" v-if="user && user.infoCompleteStatus == 1" :src="imagewxUrl+imgadres"></image> <view v-if="type == 1">
<image mode="widthFix" class="width90 mart20" v-if="!user" :src="imagewxUrl+imgadres1"></image> <image mode="widthFix" class="width90 mart20" v-if="user && user.infoCompleteStatus == 1"
<!-- #ifdef MP --> :src="imagewxUrl+imgadres"></image>
<view class="mart30 width90 height50 fcorfff backcor008 fotct btns font16 fontlet" v-if="user && user.infoCompleteStatus == 1" @click="getuserinfo"> <image mode="widthFix" class="width90 mart20" v-if="!user" :src="imagewxUrl+imgadres1"></image>
授权并登录</view> <!-- #ifdef MP -->
<button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16 fontlet" v-if="!user" <view class="mart30 width90 height50 fcorfff backcor008 fotct btns font16 fontlet"
open-type="getPhoneNumber" @getphonenumber="loginByPhone">授权手机号</button> v-if="user && user.infoCompleteStatus == 1" @click="getuserinfo">
<!-- <button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16" v-if="user.phone && user" 授权并登录</view>
@click="reqmessage">授权获取消息通知</button> --> <button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16 fontlet" v-if="!user"
<!-- #endif --> open-type="getPhoneNumber" @getphonenumber="loginByPhone">授权手机号</button>
<!-- #ifdef H5 --> <view class="mart20 width90 font15 fcor666 fotct" @click="updateStu(2)">手机短信登录</view>
<button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16" <!-- <button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16" v-if="user.phone && user"
@click="getH5userinfo">授权并登录</button> @click="reqmessage">授权获取消息通知</button> -->
<!-- #endif --> <!-- #endif -->
</view> <!-- #ifdef H5 -->
</template> <button class="mart30 width90 height50 fcorfff backcor008 fotct btns font16"
@click="getH5userinfo">授权并登录</button>
<script> <!-- #endif -->
const app = getApp(); </view>
import { <view v-if="type == 2">
getUserInfo, <view class="logo">
loginByPhone <view class="img">
} from "../../Utils/Api.js" <image mode="widthFix"
export default { src="">
data() { </image>
return { </view>
user: '', </view>
imagewxUrl: app.globalData.imageWxImg, <view class="form re" style="top:200rpx;">
imgadres: 'login.png', <view class="username">
<view class="get-code" style="color: #676767;" @click.stop="getCode()">{{getCodeText}}</view>
<input placeholder="请输入手机号" v-model="phoneNumber" placeholder-style="color: #676767;" />
</view>
<view class="code">
<input placeholder="请输入验证码" v-model="code" placeholder-style="color: #676767;" />
</view>
<view class="btn mart50" @tap="doReg">立即登录</view>
<view class="width90 marb20 font15 fcor666 fotct" @click="updateStu(1)">微信授权登录</view>
</view>
</view>
</view>
</template>
<script>
const app = getApp();
import {
getUserInfo,
loginByPhone,
HandleCode,
loginByTel,
sendSmsCode
} from "../../Utils/Api.js"
export default {
data() {
return {
user: '',
imagewxUrl: app.globalData.imageWxImg,
imgadres: 'login.png',
imgadres1: 'loginphone.png', imgadres1: 'loginphone.png',
} phoneNumber: "",
}, code: '',
onLoad() { getCodeText: '获取验证码',
this.user = app.globalData.userInfo; getCodeisWaiting: false,
}, type: 1 //
methods: { }
getuserinfo() { },
let that = this; onLoad() {
uni.getUserProfile({ // #ifdef MP
desc: '登录中...', if (!app.globalData.openId) {
success: function(res) { uni.login({
let params = { provider: 'weixin',
openId: app.globalData.openId, success: function(loginRes) {
iv: res.iv, app.globalData.code = loginRes.code;
encryptedData: res.encryptedData //
} let params = {
getUserInfo(params).then(res => { code: app.globalData.code
if (res.return_code == '000000') { }
app.globalData.userInfo = res.return_data HandleCode(params).then(res => {
.object if (res.return_code == '000000') {
.highUser; app.globalData.openId = res.return_data.openId;
that.user = res.return_data.object.highUser; }
app.globalData.token = res.return_data.uniqueCode; })
that.isShowAuth = false },
uni.setStorage({ })
key: "user", }
data: res.return_data // #endif
.object this.user = app.globalData.userInfo;
.highUser },
}) methods: {
uni.setStorage({ getuserinfo() {
key: "token", let that = this;
data: res.return_data.uniqueCode uni.getUserProfile({
}) desc: '登录中...',
if (res.return_data.object.highUser.infoCompleteStatus == 0) { success: function(res) {
uni.navigateBack({ let params = {
}) openId: app.globalData.openId,
} iv: res.iv,
} else { encryptedData: res.encryptedData
uni.showToast({ }
title: res.return_msg getUserInfo(params).then(res => {
}) if (res.return_code == '000000') {
} app.globalData.userInfo = res.return_data
}); .object
}, .highUser;
fail: res => { that.user = res.return_data.object.highUser;
app.globalData.token = res.return_data.uniqueCode;
that.isShowAuth = false
uni.setStorage({
key: "user",
data: res.return_data
.object
.highUser
})
uni.setStorage({
key: "token",
data: res.return_data.uniqueCode
})
if (res.return_data.object.highUser.infoCompleteStatus == 0) {
uni.navigateBack({})
}
} else {
uni.showToast({
title: res.return_msg,
duration: 2000,
icon: 'none'
})
}
});
},
fail: res => {
uni.showToast({
title: "微信登录授权失败",
icon: "none"
});
}
})
that.isShowAuth = false
},
//
loginByPhone(PhoneNumber) {
if (PhoneNumber.detail.iv == undefined) {
uni.showToast({
title: "用户取消授权",
icon: "none"
});
return;
}
let params = {
openId: app.globalData.openId,
iv: PhoneNumber.detail.iv,
encryptedData: PhoneNumber.detail.encryptedData
}
loginByPhone(params).then(res => {
if (res.return_code == '000000') {
uni.showToast({
title: '手机号授权成功',
icon: 'none',
duration: 2000
})
this.user = res.return_data.object.highUser;
app.globalData.token = res.return_data.uniqueCode;
app.globalData.userInfo = res.return_data
.object
.highUser;
uni.setStorage({
key: "user",
data: res.return_data
.object
.highUser
})
uni.setStorage({
key: "token",
data: res.return_data.uniqueCode
})
if (res.return_data.object.highUser.infoCompleteStatus == 0) {
uni.navigateBack({})
}
} else {
uni.showToast({
title: res.return_msg,
icon: "none",
duration: 2000
});
}
});
},
getH5userinfo() {
uni.navigateTo({
url: '/pages/login/register'
})
},
//
updateStu(item) {
this.type = item;
},
//
getCode() {
uni.hideKeyboard()
if (this.getCodeisWaiting) {
return;
}
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) {
uni.showToast({
title: '请填写正确手机号码',
icon: "none"
});
return false;
}
uni.showLoading({
title: '发送中...'
})
let params = {
phone: this.phoneNumber
}
sendSmsCode(params).then(res => {
if (res.return_code == '000000') {
this.getCodeisWaiting = true;
uni.showToast({ uni.showToast({
title: "微信登录授权失败", title: '验证码已发送',
icon: "none" icon: "none"
}); });
this.setTimer();
} else {
uni.hideLoading()
} }
}) })
that.isShowAuth = false
}, },
// setTimer() {
loginByPhone(PhoneNumber) { let holdTime = 60;
if(PhoneNumber.detail.iv == undefined){ this.getCodeText = "重新获取(60)"
this.Timer = setInterval(() => {
if (holdTime <= 0) {
this.getCodeisWaiting = false;
this.getCodeBtnColor = "#ffffff";
this.getCodeText = "获取验证码"
clearInterval(this.Timer);
return;
}
this.getCodeText = "重新获取(" + holdTime + ")"
holdTime--;
}, 1000)
},
//
doReg() {
uni.hideKeyboard()
//
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) {
uni.showToast({ uni.showToast({
title: "用户取消授权", title: '请填写正确手机号码',
icon: "none" icon: "none"
}); });
return; return false;
} }
if (!this.code) {
uni.showToast({
title: '请填写验证码',
icon: "none"
});
return false;
}
uni.showLoading({
title: '提交中...'
})
let params = { let params = {
openId: app.globalData.openId, phone: this.phoneNumber,
iv: PhoneNumber.detail.iv, smsCode: this.code
encryptedData: PhoneNumber.detail.encryptedData
} }
loginByPhone(params).then(res => { loginByTel(params).then(res => {
uni.hideLoading()
if (res.return_code == '000000') { if (res.return_code == '000000') {
uni.showToast({
title: '手机号授权成功',
icon: 'none',
duration: 2000
})
this.user = res.return_data.object.highUser;
app.globalData.token = res.return_data.uniqueCode; app.globalData.token = res.return_data.uniqueCode;
app.globalData.userInfo = res.return_data app.globalData.userInfo = res.return_data
.object .object
@ -120,24 +284,23 @@
key: "token", key: "token",
data: res.return_data.uniqueCode data: res.return_data.uniqueCode
}) })
if(res.return_data.object.highUser.infoCompleteStatus == 0){ uni.navigateBack({})
uni.navigateBack({ } else {
}) uni.showToast({
} title: res.return_msg,
icon: "none"
});
} }
});
},
getH5userinfo() {
uni.navigateTo({
url: '/pages/login/register'
}) })
}, },
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.btns { @import "../../static/css/login.scss";
border-radius: 6px;
} .btns {
border-radius: 6px;
}
</style> </style>

@ -32,15 +32,15 @@
</view> </view>
<view class="width90 mart15 height22"> <view class="width90 mart15 height22">
<view class="flleft fcor333 width50 font15">订单总额</view> <view class="flleft fcor333 width50 font15">订单总额</view>
<view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.orderPrice}}</view> <view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.orderPrice == null ? '0': phoneorderdes.orderPrice}}</view>
</view> </view>
<view class="width90 mart15 height22"> <view class="width90 mart15 height22">
<view class="flleft fcor333 width50 font15">优惠</view> <view class="flleft fcor333 width50 font15">优惠</view>
<view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.deductionPrice}}</view> <view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.deductionPrice == null ? '0': phoneorderdes.deductionPrice}}</view>
</view> </view>
<view class="width90 mart15 height22"> <view class="width90 mart15 height22">
<view class="flleft fcor333 width50 font15">实际支付金额</view> <view class="flleft fcor333 width50 font15">实际支付金额</view>
<view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.payRealPrice}}</view> <view class="flright fcor666 width50 fotrt font13">{{phoneorderdes.payRealPrice == null ? '0': phoneorderdes.payRealPrice}}</view>
</view> </view>
<view class="width100 height90"></view> <view class="width100 height90"></view>
<button class="coupne-btn width100" @click="toUser">个人中心</button> <button class="coupne-btn width100" @click="toUser">个人中心</button>

@ -3,59 +3,107 @@
<view class="width100 height100p backcorf06"> <view class="width100 height100p backcorf06">
<view class="block"> <view class="block">
<view class="content height60"> <view class="content height60">
<input type="number" class="my flleft font18 fcorfff" placeholder-style="color:#ffffff;" <input type="number" class="my flleft font18 fcorfff" maxlength="11"
placeholder="请输入充值号码" v-model="inputPhone" /> placeholder-style="color:#ffffff;" placeholder="请输入充值号码" v-model="inputPhone" />
</view> </view>
<view class="line1 width100 backcorfff"></view> <view class="line1 width100 backcorfff"></view>
</view> </view>
</view> </view>
<view class="width90 font16 fcor333 fontwig6 mart40"> <view class="mart5">
<QSTabs ref="tabs" :tabs="tabs" animationMode="line2" :current="current" @change="change"
activeColor="#089bf5" lineColor="#089bf5" minWidth="374">
</QSTabs>
</view>
<view class="width90 font16 fcor333 fontwig6 mart20">
选择金额 选择金额
</view> </view>
<view class="list"> <view class="list">
<view class="box" :class="{'on':item.id == inputAmountId}" v-for="(item,index) in amountList" :key="index" <view class="box" :class="{'on':item.id == inputAmountId}" v-for="(item,index) in amountList" :key="index"
@click="select(item)"> @click="select(item)">
<view class="heTitle">{{item.price}}</view> <view class="heTitle">{{item.price}}</view>
<view class="font13 fcoreb5 fontwig6" v-if="item.status != 2 && item.discount != 100">{{item.discount}} </view>
<view class="font13 fcor999" v-if="item.status == 2">已售空</view> <view class="font13 fcor999" v-if="item.status == 2">已售空</view>
</view> </view>
</view> </view>
<view class="mart5 width90 font18 fcor333 fontwig6"> <view class="mart5 width90 font18 fcor333 fontwig6">
话费充值温馨提示 充值说明
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">1:</view>
<view style="margin-left: 5%;">慢充话费与营业厅充值一样只是到账时间稍长充值过程中可能出现分批到账的情况但是总金额不会少请耐心等待</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">2:</view>
<view style="margin-left: 5%;">此业务为话费慢充日常72小时内到账如遇月初月末高峰期或系统更新到账时间会有一定延迟敬请谅解急单勿拍</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">3:</view>
<view style="margin-left: 5%;">目前仅支持(移动联通电信三网号段)
运营商黑名单号码(长期欠费或非实名制认证)携号转网空号虚拟卡如165.167.170.171.162等等虚拟号段副卡号码或做过某些特殊套餐绑定的卡暂不支持充值请勿下单</view>
</view> </view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;"> <view v-if="current == 0">
<view style="width: 5%;" class="flleft">4:</view> <view class="mart5 width80 font14 fcoreb5 fontwig6" style="list-style-type: decimal;">
<view style="margin-left: 5%;">停机号码需要额外补缴欠费后慢充话费才能到账<text <view style="width: 5%;" class="flleft">1:</view>
class="fcoreb5">此服务为虚拟充值类服务无特殊情况不支持退款下单前请确认充值的号码无误</text></view> <view style="margin-left: 5%;">
</view> 此业务为话费慢充日常5个工作日内到账如遇月初月末运营商高峰期或系统更新到账时间会有一定延迟敬请谅解充值失败后系统会自动为您退款至原账户急单请选择6小时到账充值端口感谢您的支持
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;"> </view>
<view style="width: 5%;" class="flleft">5:</view> </view>
<view style="margin-left: 5%;">空号错号充值后不支持退款请您务必核对确认号码无误后再进行充值非空号欠费可充欠费1个月导致空号的不能充值损失自负无法退款</view> <view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
</view> <view style="width: 5%;" class="flleft">2:</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;"> <view style="margin-left: 5%;">慢充话费与营业厅充值一样只是到账时间稍长充值过程中可能出现分批到账的情况但是总金额不会少请耐心等待</view>
<view style="width: 5%;" class="flleft">6:</view> </view>
<view style="margin-left: 5%;"><text <view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
class="fcoreb5">本充值业务不提供发票</text>如需发票请在运营商手机客户端储开取电子发票也可以凭身份证到运营商实体营业厅打印发票</view> <view style="width: 5%;" class="flleft">3:</view>
</view> <view style="margin-left: 5%;">
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;"> 目前仅支持(移动联通电信三网号段)运营商黑名单号码(长期欠费或非实名制认证)携号转网空号虚拟卡(如165167170171162等等虚拟号段)副卡号码或做过某些特殊套餐绑定的卡暂不支持充值请勿下单
<view style="width: 5%;" class="flleft">7:</view> </view>
<view style="margin-left: 5%;">如遇系统维护充值失败将72小时后原路退款到付款账户 </view> </view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">4:</view>
<view style="margin-left: 5%;">停机号码需要额外补缴欠费后慢充话费才能到账<text
class="fcoreb5">此服务为虚拟充值类服务无特殊情况不支持退款下单前请确认充值的号码无误</text></view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">5:</view>
<view style="margin-left: 5%;">空号错号充值后不支持退款请您务必核对确认号码无误后再进行充值非空号欠费可充欠费1个月导致空号的不能充值损失自负无法退款
</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">6:</view>
<view style="margin-left: 5%;"><text
class="fcoreb5">本充值业务不提供发票</text>如需发票请在运营商手机客户端储开取电子发票也可以凭身份证到运营商实体营业厅打印发票</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">7:</view>
<view style="margin-left: 5%;">如遇系统维护充值失败将72小时后原路退款到付款账户 </view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6 marb40" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">8:</view>
<view style="margin-left: 5%;">请登录所属运营商app手机营业厅查看充值号码的到账情况如金额有出入或未到账请截图充值记录明细反馈给客服录明细反馈给客服</view>
</view>
</view> </view>
<view class="mart5 width80 font14 fcor999 fontwig6 marb40" style="list-style-type: decimal;"> <view v-if="current == 1">
<view style="width: 5%;" class="flleft">8:</view> <view class="mart5 width80 font14 fcoreb5 fontwig6" style="list-style-type: decimal;">
<view style="margin-left: 5%;">请登录所属运营商app手机营业厅查看充值号码的到账情况如金额有出入或未到账请截图充值记录明细反馈给客服</view> <view style="width: 5%;" class="flleft">1:</view>
<view style="margin-left: 5%;">
充值后6小时内到账请耐心等待如遇月初月末运营商充值压力大充值失败后系统会为您自动再提交一次如二次充值仍然失败系统将会自动为您退款至原账户请悉知
</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">2:</view>
<view style="margin-left: 5%;">
目前仅支持(移动联通电信三网号段)运营商黑名单号码(长期欠费或非实名制认证)携号转网空号虚拟卡(如165167170171162等等虚拟号段)副卡号码或做过某些特殊套餐绑定的卡暂不支持充值请勿下单
</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">3:</view>
<view style="margin-left: 5%;">停机号码需要额外补缴欠费后慢充话费才能到账此服务为虚拟充值类服务无特殊情况不支持退款下单前请确认充值的号码无误</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">4:</view>
<view style="margin-left: 5%;">空号错号充值后不支持退款请您务必核对确认号码无误后再进行充值非空号欠费可充欠费1个月导致空号的不能充值损失自负无法退款</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">5:</view>
<view style="margin-left: 5%;"><text
class="fcoreb5">本充值业务不提供发票</text>如需发票请在运营商手机客户端储开取电子发票也可以凭身份证到运营商实体营业厅打印发票</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">6:</view>
<view style="margin-left: 5%;">如遇系统维护充值失败将72小时后原路退款到付款账户
</view>
</view>
<view class="mart5 width80 font14 fcor999 fontwig6" style="list-style-type: decimal;">
<view style="width: 5%;" class="flleft">7:</view>
<view style="margin-left: 5%;">请登录所属运营商app(手机营业厅)查看充值号码的到账情况如金额有出入或未到账请截图充值记录明细反馈给客服录明细反馈给客服</view>
</view>
</view> </view>
<view class="height100p"></view> <view class="height100p"></view>
<view class="bombtn width94 font16"> <view class="bombtn width94 font16">
@ -70,12 +118,16 @@
var jweixin = require('jweixin-module'); var jweixin = require('jweixin-module');
// #endif // #endif
let app = getApp(); let app = getApp();
import QSTabs from '../../components/QS-tabs/QS-tabs.vue';
import { import {
getListOutRechargePrice, getListOutRechargePrice,
addOrderPay, addOrderPay,
orderToUNionPay orderToUNionPay
} from '../../Utils/Api.js'; } from '../../Utils/Api.js';
export default { export default {
components: {
QSTabs
},
data() { data() {
return { return {
typeId: '', typeId: '',
@ -85,70 +137,119 @@
amoutType: '', amoutType: '',
codesVlues: '', codesVlues: '',
amountList: [], amountList: [],
price: '', price: '',
amoutstatus:'' amoutstatus: '',
tabs: ["5个工作日", "6小时到账"], //
current: 0, //
swiperCurrent: 2
} }
}, },
onLoad(options) { onLoad(options) {
this.typeId = options.id; this.typeId = options.id;
if (this.typeId == 1) { if (!app.globalData.userInfo) {
uni.setNavigationBarTitle({ if (this.typeId == 1) {
title: '中国移动' uni.setNavigationBarTitle({
}) title: '中国移动'
this.amoutType = 2; })
this.getListOutRechargePrice(2); this.amoutType = 2;
return; this.getListOutRechargePrice(2);
} return;
if (this.typeId == 2) { }
uni.setNavigationBarTitle({ if (this.typeId == 2) {
title: '中国电信' uni.setNavigationBarTitle({
}) title: '中国电信'
this.amoutType = 1; })
this.getListOutRechargePrice(1); this.amoutType = 1;
return; this.getListOutRechargePrice(1);
return;
}
if (this.typeId == 3) {
uni.setNavigationBarTitle({
title: '中国联通'
})
this.amoutType = 3;
this.getListOutRechargePrice(3);
return;
}
} }
if (this.typeId == 3) { },
uni.setNavigationBarTitle({ onShow() {
title: '中国联通' this.amountList = [];
}) if (app.globalData.userInfo) {
this.amoutType = 3; if (this.typeId == 1) {
this.getListOutRechargePrice(3); uni.setNavigationBarTitle({
return; title: '中国移动'
})
this.amoutType = 2;
this.getListOutRechargePrice(2);
return;
}
if (this.typeId == 2) {
uni.setNavigationBarTitle({
title: '中国电信'
})
this.amoutType = 1;
this.getListOutRechargePrice(1);
return;
}
if (this.typeId == 3) {
uni.setNavigationBarTitle({
title: '中国联通'
})
this.amoutType = 3;
this.getListOutRechargePrice(3);
return;
}
} }
}, },
methods: { methods: {
select(amoutinfos) { select(amoutinfos) {
this.inputAmount = amoutinfos.realPrice; this.inputAmount = amoutinfos.realPrice;
this.price = amoutinfos.price; this.price = amoutinfos.price;
this.inputAmountId = amoutinfos.id; this.inputAmountId = amoutinfos.id;
this.amoutstatus = amoutinfos.status; this.amoutstatus = amoutinfos.status;
}, },
//
change(index) {
this.$refs.tabs.setFinishCurrent(index);
this.current = index;
this.inputAmount = '';
this.inputAmountId = '';
this.amoutstatus = '';
if (index == 0) {
this.swiperCurrent = 2;
this.getListOutRechargePrice(this.amoutType);
} else {
this.swiperCurrent = 1;
this.getListOutRechargePrice(this.amoutType);
}
},
/** /**
* 查询价格 * 查询价格
*/ */
getListOutRechargePrice(item) { getListOutRechargePrice(item) {
uni.showLoading({ uni.showLoading({
title: '加载中...' title: '加载中...'
}) })
let showType; let showType;
// #ifdef H5 // #ifdef H5
showType = 2; showType = 2;
// #endif // #endif
// #ifdef MP // #ifdef MP
showType = 1; showType = 1;
// #endif // #endif
let params = { let params = {
type: item, type: item,
regionId: app.globalData.cityId, regionId: app.globalData.cityId,
showType: showType showType: showType,
rechargeType: this.swiperCurrent
} }
getListOutRechargePrice(params).then(res => { getListOutRechargePrice(params).then(res => {
uni.hideLoading() uni.hideLoading()
if (res.return_code == '000000') { if (res.return_code == '000000' && res.return_data) {
this.amountList = res.return_data; this.amountList = res.return_data;
} else {
this.amountList = [];
} }
}) })
}, },
@ -157,27 +258,35 @@
* 提交订单 * 提交订单
*/ */
addOrderPay() { addOrderPay() {
let that = this; let that = this;
if(that.amoutstatus == 2){ if (that.amoutstatus == 2) {
uni.showToast({ uni.showToast({
title: '当前面值已售空', title: '当前面值已售空',
duration:2000, duration: 2000,
icon: "none" icon: "none"
}); });
return; return;
} }
if (that.inputPhone == '') { if (that.inputPhone == '') {
uni.showToast({ uni.showToast({
title: '请输入充值号码', title: '请输入充值号码',
duration:2000, duration: 2000,
icon: "none"
});
return;
}
if (that.inputPhone.length != 11) {
uni.showToast({
title: '请输入正确充值号码',
duration: 2000,
icon: "none" icon: "none"
}); });
return; return;
} }
if (that.inputAmount == '') { if (that.inputAmount == '') {
uni.showToast({ uni.showToast({
title: '请选择价格', title: '请选择价格',
duration:2000, duration: 2000,
icon: "none" icon: "none"
}); });
return false; return false;
@ -199,7 +308,7 @@
url: '../unionComfirmation/unionComfirmation?orderPrice=' + that.price + url: '../unionComfirmation/unionComfirmation?orderPrice=' + that.price +
'&payPrice=' + that.inputAmount + '&rechargeContent=' + that.inputPhone + '&payPrice=' + that.inputAmount + '&rechargeContent=' + that.inputPhone +
'&rechargeModel=' + that.amoutType + '&agentKey=' + that.codesVlues + '&rechargeModel=' + that.amoutType + '&agentKey=' + that.codesVlues +
'&objectId=' + that.inputAmountId '&objectId=' + that.inputAmountId + '&rechargeType=' + that.swiperCurrent
}) })
} }
}) })
@ -327,7 +436,7 @@
width: 94%; width: 94%;
margin-left: 3%; margin-left: 3%;
display: flow-root; display: flow-root;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 20upx 0; padding: 20upx 0;
@ -338,7 +447,7 @@
margin-top: 20upx; margin-top: 20upx;
float: left; float: left;
height: 120upx; height: 120upx;
// line-height: 120upx; // line-height: 120upx;
display: inline-grid; display: inline-grid;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 KiB

After

Width:  |  Height:  |  Size: 153 KiB

@ -3,8 +3,10 @@
<view class="block"> <view class="block">
<view class="content"> <view class="content">
<view class="my"> <view class="my">
我的账户余额 {{tongCardPrice}} ( 1:100) 充值账号
</view> </view>
<input class="my" disabled="true" style="border-bottom: solid 1upx #eee;" placeholder="请输入充值账号"
v-model="cardId" />
</view> </view>
</view> </view>
<view class="block"> <view class="block">
@ -19,14 +21,14 @@
{{amount}} {{amount}}
</view> </view>
</view> </view>
<view class="num"> <!-- <view class="num">
<view class="text"> <view class="text">
自定义充值金额 自定义充值金额
</view> </view>
<view class="input"> <view class="input">
<input type="number" v-model="inputAmount" /> <input type="number" maxlength="4" v-model="inputAmount" />
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
</view> </view>
@ -36,17 +38,6 @@
</view> </view>
<view class="content"> <view class="content">
<view class="pay-list"> <view class="pay-list">
<!-- <view class="row" @tap="paytype='alipay'">
<view class="left">
<image src="/static/img/alipay.png"></image>
</view>
<view class="center">
支付宝支付
</view>
<view class="right">
<radio :checked="paytype=='alipay'" color="#0083f5" />
</view>
</view> -->
<view class="row" @tap="paytype='wxpay'"> <view class="row" @tap="paytype='wxpay'">
<view class="left"> <view class="left">
<image :src="imagewxUrl+imgadres"></image> <image :src="imagewxUrl+imgadres"></image>
@ -86,88 +77,83 @@
data() { data() {
return { return {
inputAmount: '', // inputAmount: '', //
amountList: [10, 50, 100], //3 amountList: [50, 100, 150], //3
paytype: 'wxpay', // paytype: 'wxpay', //
user: "", user: "",
imagewxUrl: app.globalData.imageWxImg, imagewxUrl: app.globalData.imageWxImg,
imgadres: 'wxpay.png', imgadres: 'wxpay.png',
tongCardPrice: 0 tongCardPrice: 0,
cardId: '', //
typevas: ''
}; };
}, },
onLoad() { onLoad(options) {
this.user = app.globalData.userInfo; this.cardId = options.cardId;
this.typevas = options.RechargeType;
}, },
onShow() { onShow() {
if (this.user.isSetHltCard) { this.user = app.globalData.userInfo;
this.getHuiLianTongCardBalance();
}
}, },
methods: { methods: {
//
getHuiLianTongCardBalance() {
let params = {
cardNo: this.user.hltCardNo.cardNo
}
getHuiLianTongCardBalance(params).then(res => {
if (res.return_code == '000000') {
this.tongCardPrice = res.return_data.balance;
}
});
},
select(amount) { select(amount) {
this.inputAmount = amount; this.inputAmount = amount;
}, },
doDeposit() { doDeposit() {
if (!this.user.isSetHltCard) { if (!this.cardId) {
uni.showToast({ uni.showToast({
title: '请输入充值工会卡',
icon: 'none', icon: 'none',
title: '当前账号还未绑定,前往绑定', duration: 2000
duration: 2000,
success() {
setTimeout(() => {
uni.navigateTo({
url: '../../pages/user/bindingCard/bindingCard'
})
}, 1000)
}
});
return;
}
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; return;
} }
// if (parseFloat(this.inputAmount).toString() == "NaN") {
// uni.showToast({
// title: '',
// icon: 'none',
// duration: 2000
// });
// return;
// }
// if (this.inputAmount <= 0) {
// uni.showToast({
// title: '0',
// icon: 'none',
// duration: 2000
// });
// return;
// }
// if (this.inputAmount > 2000) {
// uni.showToast({
// title: '2000',
// icon: 'none',
// duration: 2000
// });
// return;
// }
// if (parseFloat(this.inputAmount).toFixed(2) != parseFloat(this.inputAmount)) {
// uni.showToast({
// title: '~',
// icon: 'none',
// duration: 2000
// });
// return;
// }
uni.showLoading({ uni.showLoading({
title: '正在提交订单...' title: '正在提交订单...'
}) })
let goods = { let datas = {
"identificationCode": app.globalData.identificationCode, "identificationCode": app.globalData.identificationCode,
"memCardNo": this.cardId,
"highChildOrderList": [{ "highChildOrderList": [{
"goodsType": 2, "goodsType": 8,
"goodsId": app.globalData.userInfo.id, "goodsId": app.globalData.userInfo.id,
"saleCount": 1, "saleCount": 1,
"goodsPrice": this.inputAmount "goodsPrice": this.inputAmount
}] }]
} }
addOrder(goods).then(res => { let that = this;
addOrder(datas).then(res => {
uni.hideLoading(); uni.hideLoading();
if (res.return_code == '000000') { if (res.return_code == '000000') {
/// ///
@ -197,8 +183,15 @@
duration: 2000, duration: 2000,
success() { success() {
setTimeout(() => { setTimeout(() => {
uni.navigateBack({ if (that.typevas == 'Hlt') {
}) uni.navigateTo({
url: '../union-card-success/union-card-success?price=' +
that
.inputAmount
})
} else {
uni.navigateBack({})
}
}, 1000) }, 1000)
} }
}); });
@ -217,7 +210,9 @@
// #endif // #endif
} else { } else {
uni.showToast({ uni.showToast({
title: '支付失败' title: '支付失败',
duration: 2000,
icon: 'none'
}) })
} }
}) })
@ -225,7 +220,9 @@
} else { } else {
uni.showToast({ uni.showToast({
title: res.return_msg title: res.return_msg,
icon: 'none',
duration: 2000
}); });
} }
}) })
@ -304,11 +301,10 @@
.content { .content {
.my { .my {
width: 100%; width: 100%;
height: 120upx; height: 100upx;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 30upx; font-size: 34upx;
border-bottom: solid 1upx #eee;
} }
.amount { .amount {

@ -0,0 +1,34 @@
<template>
<view>
<image src="../static/coupsucces.png" mode="widthFix" class="sucimg mart40"></image>
<view class="width90 clor4cd964 mart30 font18 fotct">支付成功</view>
<view class="width90 fcor333 mart30 font48 fotct">¥ {{sucprice}}</view>
</view>
</template>
<script>
export default {
data() {
return {
sucprice:''
}
},
onLoad(options) {
this.sucprice = options.price;
},
methods: {
}
}
</script>
<style lang="less">
.sucimg {
width: 20%;
margin-left: 40%;
}
.clor4cd964 {
color: #76b554;
}
</style>

@ -27,7 +27,7 @@
</view> </view>
<!-- #ifdef MP --> <!-- #ifdef MP -->
<view class="width94 line1 mart5 marb5"></view> <view class="width94 line1 mart5 marb5"></view>
<view class="height50 width100 backcorfff" @click="showPopup()"> <view class="height50 width100 backcorfff" v-if="reType == 2" @click="showPopup()">
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;"> <view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;">
优惠抵扣<text class="yhqky">{{OrderPreList.length}}张可用</text> 优惠抵扣<text class="yhqky">{{OrderPreList.length}}张可用</text>
</view> </view>
@ -81,6 +81,7 @@
</view> </view>
</view> </view>
</view> </view>
<image :src="imagewxUrl+imgadres1" class="width100 mart20 marb30" mode="widthFix"></image>
<view class="width100 height60"></view> <view class="width100 height60"></view>
<view class="footer"> <view class="footer">
<view class="settlement"> <view class="settlement">
@ -160,7 +161,9 @@
couponId: '', couponId: '',
couponList: [], couponList: [],
UserNormalDiscountList: [], UserNormalDiscountList: [],
imageUrl: app.globalData.imgUrl, imageUrl: app.globalData.imgUrl,
imagewxUrl: app.globalData.imageWxImg,
imgadres1: 'arrive_time_img.jpeg',
deductionPrice: '0.00', deductionPrice: '0.00',
paytheprice: '', paytheprice: '',
radioStatus: true, radioStatus: true,
@ -180,7 +183,8 @@
rechargeModel: '', rechargeModel: '',
agentKey: '', agentKey: '',
objectId: '', objectId: '',
OrderPreList: [] OrderPreList: [],
reType: '' //
}; };
}, },
@ -192,6 +196,7 @@
this.rechargeModel = options.rechargeModel; this.rechargeModel = options.rechargeModel;
this.agentKey = options.agentKey; this.agentKey = options.agentKey;
this.objectId = options.objectId; this.objectId = options.objectId;
this.reType = options.rechargeType;
}, },
onShow() { onShow() {
let that = this; let that = this;
@ -266,7 +271,7 @@
if (item.discountType == 1) { if (item.discountType == 1) {
// //
this.deductionPrice = item.discountPrice; this.deductionPrice = item.discountPrice;
this.payPrice = this.paytheprice- this.deductionPrice; this.payPrice = this.paytheprice - this.deductionPrice;
} else if (item.discountType == 2) { } else if (item.discountType == 2) {
// //
@ -316,8 +321,9 @@
} }
}); });
}, },
toPay() { toPay() {
if (this.paytype == '') { let that = this;
if (that.paytype == '') {
uni.showToast({ uni.showToast({
title: '请选择支付方式', title: '请选择支付方式',
icon: 'none', icon: 'none',
@ -325,36 +331,42 @@
}) })
return; return;
} }
uni.showLoading({ uni.requestSubscribeMessage({
title: '提交订单中...' tmplIds: ['ZO6kC3oJv0zj9QzL0htsF-mM9vAElcgPZEcUGglxsoU'],
}) success(res) {
let params = { uni.showLoading({
"memDiscountId": this.memDiscountId, title: '提交订单中...'
"orderPrice": this.orderPrice, })
"payPrice": this.payPrice,
"rechargeContent": this.rechargeContent,
"rechargeModel": this.rechargeModel,
"agentKey": this.agentKey,
"objectId": this.objectId,
"identificationCode": app.globalData.identificationCode
}
addOrderPay(params).then(res => {
if (res.return_code == '000000') {
uni.hideLoading();
this.orderId = res.return_data.id;
let params = { let params = {
"orderId": res.return_data.id, "memDiscountId": that.memDiscountId,
"openId": app.globalData.openId "orderPrice": that.orderPrice,
"payPrice": that.payPrice,
"rechargeContent": that.rechargeContent,
"rechargeModel": that.rechargeModel,
"agentKey": that.agentKey,
"objectId": that.objectId,
"identificationCode": app.globalData.identificationCode
} }
this.orderToUNionPay(params); addOrderPay(params).then(res => {
} else { if (res.return_code == '000000') {
uni.hideLoading(); uni.hideLoading();
uni.showToast({ that.orderId = res.return_data.id;
title: res.return_msg, let params = {
icon: 'none', "orderId": res.return_data.id,
duration: 2000 "openId": app.globalData.openId
}); }
} that.orderToUNionPay(params);
} else {
uni.hideLoading();
uni.showToast({
title: res.return_msg,
icon: 'none',
duration: 2000
});
}
})
},
fail(res) {},
}) })
}, },
// //
@ -430,6 +442,21 @@
} }
}) })
} else if (that.paytype == 'jinbi') { } else if (that.paytype == 'jinbi') {
if (that.user.gold < that.payPrice * 100) {
uni.showToast({
icon: 'none',
title: '积分不足',
duration: 2000,
success() {
setTimeout(() => {
uni.navigateTo({
url: '../../pages/user/deposit/deposit'
})
}, 1000)
}
});
return;
}
if (!that.user.isSetPayPwd) { if (!that.user.isSetPayPwd) {
uni.navigateTo({ uni.navigateTo({
url: '../../pages/login/updatePas/updatePas' url: '../../pages/login/updatePas/updatePas'
@ -438,6 +465,14 @@
} }
that.$refs.paymentPassword.modalFun('show'); that.$refs.paymentPassword.modalFun('show');
} else if (that.paytype == 'gonghuika') { } else if (that.paytype == 'gonghuika') {
if (that.tongCardPrice < that.payPrice) {
uni.showToast({
icon: 'none',
title: '工会卡余额不足',
duration: 2000,
});
return;
}
if (!that.user.isSetPayPwd) { if (!that.user.isSetPayPwd) {
uni.navigateTo({ uni.navigateTo({
url: '../../pages/login/updatePas/updatePas' url: '../../pages/login/updatePas/updatePas'
@ -522,8 +557,9 @@
uni.showToast({ uni.showToast({
title: '支付成功' title: '支付成功'
}) })
uni.switchTab({ uni.reLaunch({
url: '../../pages/tabBar/user/user' url: '../Phone-recharge-details/Phone-recharge-details?id=' +
this.orderId
}) })
return; return;
} }
@ -535,7 +571,8 @@
} }
uni.showToast({ uni.showToast({
title: res.return_msg, title: res.return_msg,
icon: 'none' icon: 'none',
duration: 2000
}) })
}) })

@ -24,7 +24,7 @@
</view> </view>
<view class="width96 line1 mart10"></view> <view class="width96 line1 mart10"></view>
<view class="width96 height60 mart10" @click="jumpDetails(row.id)"> <view class="width96 height60 mart10">
<view class="width70 flleft fotlt "> <view class="width70 flleft fotlt ">
<view class="font16 fontwig6 text1 fcor333"> <view class="font16 fontwig6 text1 fcor333">
{{row.remarks}} {{row.remarks}}

@ -398,6 +398,10 @@ $uni-font-size-paragraph:30upx;
.height70 { .height70 {
height: 70px; height: 70px;
}
.height75 {
height: 75px;
} }
.height80 { .height80 {
@ -486,6 +490,10 @@ $uni-font-size-paragraph:30upx;
.mart80{ .mart80{
margin-top: 80px; margin-top: 80px;
}
.mart70{
margin-top: 70px;
} }
.mart60{ .mart60{
margin-top: 60px; margin-top: 60px;

Loading…
Cancel
Save