9.26
This commit is contained in:
parent
58cb379326
commit
cc2c326072
@ -278,6 +278,14 @@
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "growthValue/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "成长值明细"
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "VIP/vip",
|
||||
"style": {
|
||||
|
||||
@ -3,13 +3,15 @@
|
||||
<view class="Candywrapper">
|
||||
<view class="bai-bs">
|
||||
<view class="">
|
||||
<image src="../../static/logo.png" style="width: 60px; height: 60px; "></image>
|
||||
<image v-if="giftInfo.coverImage" :src="baseUrl+giftInfo.coverImage" mode="aspectFit"
|
||||
style="width: 60px; height: 60px; "></image>
|
||||
<image v-else src="../../static/logo.png" style="width: 60px; height: 60px; "></image>
|
||||
</view>
|
||||
<view class="rr-box">
|
||||
<view class="title_">虚拟物品</view>
|
||||
<view style="font-size: 12px;color: #666666;">300ml瓶装</view>
|
||||
<view class="title_">{{giftInfo.giftName}}</view>
|
||||
<view style="font-size: 12px;color: #666666;">{{giftInfo.goodsName || ''}}</view>
|
||||
<view style="width: 100%;display: flex;justify-content: space-between; ">
|
||||
<view class="red-size">兑换券</view>
|
||||
<view class="red-size">{{giftInfo.giftType}}</view>
|
||||
<view class="red-size">剩余3张</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -20,48 +22,152 @@
|
||||
</view>
|
||||
<view class="bai-box">
|
||||
<view class="title_">兑换内容</view>
|
||||
<view class="si_">本兑换券为一次性使用券，持有人凭此券可在指定兑换
|
||||
点免费兑换一瓶可口可乐经典口味瓶装饮料（规格为
|
||||
300毫升）。此券仅限兑换同等价值商品，不找零，不
|
||||
兑换现金，不可与其他优惠活动同时使用。</view>
|
||||
<view class="si_">{{giftInfo.exchangeInstructions || '--'}}</view>
|
||||
</view>
|
||||
<view class="bai-box">
|
||||
<view class="title_">使用须知</view>
|
||||
<view class="si_">有效期：领取后3天内有效</view>
|
||||
<view class="si_">{{giftInfo.useInstructions || '--'}}</view>
|
||||
</view>
|
||||
<view class="bai-box">
|
||||
<view class="title_">兑换方式</view>
|
||||
<view class="si_">门店自提</view>
|
||||
<view class="si_">{{giftInfo.exchangeMethod || '--'}}</view>
|
||||
</view>
|
||||
<view class="bai-box">
|
||||
<view style="width: 100%; display: flex;align-items: center;justify-content: space-between; ">
|
||||
<view class="title_">适用门店</view>
|
||||
<view class="d-s" style="font-size: 14px;color: #FF2828;">
|
||||
<view class="d-s" style="font-size: 14px;color: #FF2828;" @click="goGoGo()">
|
||||
<image src="../../static/icon/reddh.png" style="width: 18px; height: 18px; "></image>
|
||||
导航
|
||||
</view>
|
||||
</view>
|
||||
<view class="si">中建锦绣广场二期站</view>
|
||||
<view class="si">山东省济南市槐荫区 | 3.0km</view>
|
||||
<view class="si">{{store.name}}</view>
|
||||
<view class="si">{{store.address}} | {{distance}}km</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="bottom-box">
|
||||
<view class="or-num">100积分</view>
|
||||
<view class="or-num">
|
||||
<span v-if="giftInfo.exchangeMethod == '积分' || giftInfo.exchangeMethod == '积分+金额'
|
||||
|| giftInfo.exchangeMethod == '积分+加钱购'">{{giftInfo.exchangePoints}}积分</span>
|
||||
<span v-if="giftInfo.exchangeMethod == '积分+金额'">+</span>
|
||||
<span
|
||||
v-if="giftInfo.exchangeMethod == '金额' || giftInfo.exchangeMethod == '积分+金额'">￥{{giftInfo.exchangeAmount}}</span>
|
||||
|
||||
</view>
|
||||
<view class="anniu">立即兑换</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import config from '@/config'
|
||||
import request from '../../utils/request'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: 0
|
||||
baseUrl: config.baseUrl,
|
||||
value: 0,
|
||||
giftId: '',
|
||||
giftInfo: {},
|
||||
AppToken: uni.getStorageSync("App-Token"),
|
||||
// 当前经度信息
|
||||
longitude: "",
|
||||
// 当前纬度信息
|
||||
latitude: "",
|
||||
// 店铺经度信息
|
||||
lon: "",
|
||||
// 店铺纬度信息
|
||||
lat: "",
|
||||
// 店铺信息
|
||||
store: {
|
||||
name: "测试油站",
|
||||
description: "济南分店",
|
||||
address: "济南槐荫区"
|
||||
},
|
||||
distance: 0,
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
this.giftId = e.giftId
|
||||
this.getInfo()
|
||||
this.getAddress(uni.getStorageSync("storeId"))
|
||||
},
|
||||
methods: {
|
||||
goGoGo() {
|
||||
let lat = Number(this.lat)
|
||||
let lon = Number(this.lon)
|
||||
uni.openLocation({
|
||||
latitude: lat,
|
||||
longitude: lon,
|
||||
name: this.store.name,
|
||||
address: this.store.address,
|
||||
|
||||
success: function() {
|
||||
console.log('success');
|
||||
},
|
||||
complete: function(res) {
|
||||
console.log(res);
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取当前位置
|
||||
getAddress(storeId) {
|
||||
let _this = this;
|
||||
uni.getLocation({
|
||||
// 谷歌使用wgs84 其他使用gcj02
|
||||
type: 'gcj02', // 使用国测局坐标系
|
||||
success: function(res) {
|
||||
if (_this.longitude == "" && _this.latitude == "") {
|
||||
|
||||
_this.longitude = res.longitude;
|
||||
_this.latitude = res.latitude
|
||||
}
|
||||
console.log('经度: ' + _this.longitude);
|
||||
console.log('纬度: ' + _this.latitude);
|
||||
request({
|
||||
url: 'business/storeInformation/store/recentlyStore',
|
||||
method: 'post',
|
||||
data: {
|
||||
"lon": _this.longitude,
|
||||
"lat": _this.latitude,
|
||||
"storeId": storeId,
|
||||
"isLogin": _this.AppToken ? "0" : "1", // 0为登录
|
||||
|
||||
},
|
||||
}).then((response) => {
|
||||
if (response.data.store) {
|
||||
_this.distance = (Math.ceil(response.data.distance))
|
||||
.toFixed(1)
|
||||
_this.store = response.data.store
|
||||
|
||||
_this.lon = _this.store.longitude
|
||||
_this.lat = _this.store.latitude
|
||||
console.log(_this.store, 129);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "当前店铺已关闭！！！",
|
||||
icon: "none"
|
||||
})
|
||||
}
|
||||
|
||||
}).catch(err => {})
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log('获取位置信息失败: ' + err.errMsg);
|
||||
}
|
||||
});
|
||||
},
|
||||
getInfo() {
|
||||
request({
|
||||
url: '/business/integral/integralGift/' + this.giftId,
|
||||
method: 'get',
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.giftInfo = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
valChange(e) {
|
||||
console.log('当前值为: ' + e.value)
|
||||
}
|
||||
|
||||
@ -15,8 +15,8 @@
|
||||
<view class="r-box">
|
||||
<view class="">
|
||||
<view class="m_">{{item.giftName}}</view>
|
||||
<view class="p_">300ml瓶装</view>
|
||||
<view class="q_">兑换券</view>
|
||||
<view class="p_" >{{item.goodsName || ''}}</view>
|
||||
<view class="q_">{{item.giftType}}</view>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="an_">
|
||||
@ -132,7 +132,7 @@
|
||||
},
|
||||
goDetails(data) {
|
||||
uni.navigateTo({
|
||||
url: '/pagesHome/PointsRedemption/details'
|
||||
url: '/pagesHome/PointsRedemption/details?giftId='+data.id
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<view class="box-order" v-for="(item,index) in list" :key="index">
|
||||
<view class="or-box-top">
|
||||
|
||||
<view class="chengg">国庆节礼品卡</view>
|
||||
<view class="chengg">{{item.activeName || "暂无"}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
@ -17,11 +17,12 @@
|
||||
<view class="xbai">卡号：{{item.number || "暂无"}}</view>
|
||||
</view>
|
||||
<view class="but-box">
|
||||
<view class="xbai">有效期：{{item.updateTime || "暂无"}}</view>
|
||||
<view class="xbai">密码：{{item.number || "暂无"}}</view>
|
||||
<view class="xbai">有效期：{{item.effectiveTimeStart || '暂无'}} - {{item.effectiveTimeEnd || ''}}
|
||||
</view>
|
||||
<view class="xbai">密码：{{item.cardPassword || "暂无"}}</view>
|
||||
|
||||
</view>
|
||||
<view class="potions_">
|
||||
<view class="potions_" v-if="item.useStatus==1">
|
||||
<image src="../../static/imgs/ydh.png" style="width: 45px; height: 45px; "></image>
|
||||
</view>
|
||||
|
||||
@ -33,7 +34,7 @@
|
||||
<u-loadmore :status="status" v-if="show == true" />
|
||||
|
||||
|
||||
<view class="but-sub">礼品卡兑换</view>
|
||||
<view class="but-sub" @click="goExchange()">礼品卡兑换</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@ -50,15 +51,12 @@
|
||||
totalDetail: '',
|
||||
show: false,
|
||||
|
||||
list: [{
|
||||
name: '2'
|
||||
}],
|
||||
list: [],
|
||||
query: {
|
||||
mtUserId: '',
|
||||
userId: '',
|
||||
storeId: '',
|
||||
recordName: '',
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
pageSize: 1000
|
||||
},
|
||||
tapList: [{
|
||||
text: "全部"
|
||||
@ -80,23 +78,24 @@
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.query.userId = uni.getStorageSync("userId")
|
||||
this.query.storeId = uni.getStorageSync("storeId")
|
||||
this.getGiftRecords()
|
||||
},
|
||||
onReachBottom() {
|
||||
this.show = true
|
||||
if (this.list.length >= this.totalDetail) {
|
||||
uni.showToast({
|
||||
title: '没有下一页数据',
|
||||
icon: 'none'
|
||||
})
|
||||
this.status = "nomore"
|
||||
|
||||
} else {
|
||||
this.query.pageNo++
|
||||
this.getAllOrderList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
goExchange() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesHome/giftExchange/index'
|
||||
})
|
||||
},
|
||||
goback() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
@ -106,23 +105,13 @@
|
||||
url: '/business/marketingActivity/cardGift/selectAllRecords',
|
||||
method: 'get',
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
console.log(res, 111)
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.records
|
||||
this.totalDetail = res.data.total
|
||||
}
|
||||
})
|
||||
},
|
||||
/*getGiftRecords() {
|
||||
request({
|
||||
url: '/business/marketingActivity/cardGift/selectAllRecords',
|
||||
method: 'get',
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.records
|
||||
}
|
||||
})
|
||||
},*/
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<view class="centenr">
|
||||
<view class="Candywrapper">
|
||||
|
||||
<view class="f-box" v-for="(item,index) in 3" :key="index" @click="goDetails()">
|
||||
<view class="f-box" v-for="(item,index) in list" :key="index" @click="goDetails()">
|
||||
<view class="f-top">中建锦绣二期站可用</view>
|
||||
<view class="f-bs">
|
||||
<image src="../../static/logo.png" style="width: 60px; height: 60px; "></image>
|
||||
@ -27,13 +27,49 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
list: [],
|
||||
total: 0,
|
||||
queryParams: {
|
||||
storeId: '',
|
||||
useStatus: 0,
|
||||
pageNo: 1,
|
||||
pageSize: 30
|
||||
}
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
//下拉刷新
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
onReachBottom() {
|
||||
// 触底加载
|
||||
if (this.list.length >= this.totalPage) {} else {
|
||||
this.queryParams.pageNo++
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.queryParams.storeId = uni.getStorageSync("storeId")
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
request({
|
||||
url: 'business/marketingActivity/cardFavorable/appletList',
|
||||
method: 'get',
|
||||
params: this.queryParams
|
||||
}).then(res => {
|
||||
console.log(res,66);
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.records
|
||||
this.total = res.data.total
|
||||
}
|
||||
})
|
||||
},
|
||||
goIntegral() {
|
||||
uni.navigateTo({
|
||||
url: '/pagesMy/integral/integral'
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<view class="container">
|
||||
<view class="box-hang">
|
||||
<view class=""><span style="color: red;">*</span>卡类型</view>
|
||||
<view class="dis">
|
||||
<view style="color: #333333;">
|
||||
<text>储值卡</text>
|
||||
</view>
|
||||
</view>
|
||||
@ -11,23 +11,23 @@
|
||||
<view class="box-hang">
|
||||
<view class=""><span style="color: red;">*</span>卡号</view>
|
||||
<view class="dis">
|
||||
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||
<input v-model="queryParam.number" style="text-align: right;" placeholder="请输入"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-hang">
|
||||
<view class=""><span style="color: red;">*</span>卡密码</view>
|
||||
<view class="dis">
|
||||
<input v-model="value" style="text-align: right;" placeholder="请输入"></input>
|
||||
<input v-model="queryParam.cardPassword" style="text-align: right;" placeholder="请输入"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-hang">
|
||||
<view class=""><span style="color: red;">*</span>礼品卡金额</view>
|
||||
<view class="dis">
|
||||
<input v-model="value" style="text-align: right;" placeholder="--"></input>
|
||||
{{giftAmount}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="but-sub">兑换</view>
|
||||
<view class="but-sub" @click="show=!show">兑换</view>
|
||||
|
||||
<u-modal :show="show" :title="title" :content='content' :showCancelButton='true' @confirm="confirm"
|
||||
@cancel="cancel" confirmColor="#FA6400"></u-modal>
|
||||
@ -49,7 +49,13 @@
|
||||
value: "",
|
||||
show: false,
|
||||
title: "温馨提示",
|
||||
content: '礼品卡已兑换成功，请在礼品卡兑换记录中查看!'
|
||||
content: '礼品卡已兑换成功，请在礼品卡兑换记录中查看!',
|
||||
giftAmount: 0,
|
||||
queryParam: {
|
||||
number: '',
|
||||
cardPassword: '',
|
||||
storeId: '',
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
@ -73,11 +79,53 @@
|
||||
|
||||
},
|
||||
methods: {
|
||||
goExchange() {
|
||||
request({
|
||||
url: 'business/marketingActivity/cardGift/exchange',
|
||||
method: 'get',
|
||||
params: this.queryParam
|
||||
}).then(res => {
|
||||
console.log(res, 89)
|
||||
if (res.code == 200) {
|
||||
this.content = '礼品卡已兑换成功，请在礼品卡兑换记录中查看!'
|
||||
} else {
|
||||
this.content = '礼品卡兑换失败。'
|
||||
}
|
||||
this.show = !this.show
|
||||
})
|
||||
},
|
||||
getGiftInfo() {
|
||||
this.queryParam.storeId = uni.getStorageSync('storeId')
|
||||
request({
|
||||
url: '/business/marketingActivity/cardGift/getCardAmount',
|
||||
method: 'get',
|
||||
params: this.queryParam
|
||||
}).then(res => {
|
||||
console.log(res, 89)
|
||||
if (res.code == 200) {
|
||||
this.giftAmount = res.data
|
||||
} else {
|
||||
this.giftAmount = 0
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.show = false
|
||||
this.queryParam = {
|
||||
number: '',
|
||||
cardPassword: '',
|
||||
storeId: '',
|
||||
}
|
||||
this.giftAmount = 0
|
||||
},
|
||||
confirm() {
|
||||
this.show = false
|
||||
this.queryParam = {
|
||||
number: '',
|
||||
cardPassword: '',
|
||||
storeId: '',
|
||||
}
|
||||
this.giftAmount = 0
|
||||
},
|
||||
goback() {
|
||||
uni.navigateBack()
|
||||
@ -132,7 +180,7 @@
|
||||
}
|
||||
|
||||
.dis {
|
||||
color: #a69999;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.box-end {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<view class="box-hang">
|
||||
<view class=""><span style="color: red;">*</span>车队名称</view>
|
||||
<view class="dis">
|
||||
<input v-model="value" style="text-align: right;"></input>
|
||||
<input v-model="fleetInfo.fleetName" style="text-align: right;" placeholder="请输入"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-hang">
|
||||
@ -32,15 +32,15 @@
|
||||
<image style="width: 24px;height: 24px;margin-left: 5px;" src="@/static/my/fleetRemove.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-end">
|
||||
<view class="box-end" @click="show = !show">
|
||||
<image style="width: 15px;height: 15px;margin-right: 5px;margin-top: 6px;"
|
||||
src="@/static/my/fleetAdd.png" @click="show = !show"></image>
|
||||
src="@/static/my/fleetAdd.png"></image>
|
||||
<text>添加管理员</text>
|
||||
</view>
|
||||
|
||||
<view class="but-sub">保存</view>
|
||||
|
||||
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm"></u-picker>
|
||||
<u-picker :show="show" :columns="columns" @cancel="cancel" @confirm="confirm" keyName="realName"></u-picker>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -59,13 +59,14 @@
|
||||
value: "xxxxxx",
|
||||
value1: true,
|
||||
show: false,
|
||||
columns: [
|
||||
['管理员', '小王', '小李']
|
||||
],
|
||||
columns: [],
|
||||
// 员工列表信息
|
||||
staffList: [],
|
||||
fleetInfo:{},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
onShow() {
|
||||
this.getStaffList(uni.getStorageSync("storeId"))
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
//下拉刷新
|
||||
@ -73,12 +74,7 @@
|
||||
},
|
||||
onReachBottom() {
|
||||
// 触底加载
|
||||
if (this.pageNo >= this.totalPage) {
|
||||
uni.showToast({
|
||||
title: '没有下一页数据',
|
||||
icon: 'none'
|
||||
})
|
||||
} else {
|
||||
if (this.pageNo >= this.totalPage) {} else {
|
||||
this.pageNo++
|
||||
|
||||
}
|
||||
@ -88,6 +84,18 @@
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 获取当前店铺员工信息列表
|
||||
getStaffList(storeId) {
|
||||
this.columns = []
|
||||
let _this = this;
|
||||
request({
|
||||
url: "business/member/staff/queryList1/" + storeId,
|
||||
method: 'get',
|
||||
}).then((res) => {
|
||||
_this.staffList = res.data
|
||||
_this.columns.push(_this.staffList)
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.show = false
|
||||
},
|
||||
|
||||
293
gasStation-uni/pagesMy/growthValue/index.vue
Normal file
293
gasStation-uni/pagesMy/growthValue/index.vue
Normal file
@ -0,0 +1,293 @@
|
||||
<template>
|
||||
<view class="centenr">
|
||||
<view class="Candywrapper">
|
||||
<view class="card_box" style="background: url('../../static/imgs/czz.png') no-repeat;background-size: 100% 100%;">
|
||||
|
||||
<view style="margin: 13px 0px;">当前成长值</view>
|
||||
<view class="r-num">{{cardBalance.growthValue || 0}}</view>
|
||||
</view>
|
||||
<view class="tab-bs">
|
||||
<view class="w_box" @click="show1 = true">类型筛选 <u-icon name="arrow-down-fill"></u-icon> </view>
|
||||
<view class="w_box" @click="show = true">全部时间 <u-icon name="arrow-down-fill"></u-icon> </view>
|
||||
</view>
|
||||
<view class="bai_box" v-for="(item,index) in list" :key="index">
|
||||
<view class="left-img">
|
||||
<image src="../../static/icon/hyxf.png" mode="" v-if="item.changeType==1"></image>
|
||||
<image src="../../static/icon/jfdh.png" mode="" v-else></image>
|
||||
</view>
|
||||
<view style="width: 85%;">
|
||||
<view class="right-box">
|
||||
<view class="l-text">{{item.fromType}}</view>
|
||||
<view class="r-text" v-if="item.changeType==1">{{item.growthValue}}</view>
|
||||
<view class="r-text" v-else-if="item.changeType==0">-{{item.growthValue}}</view>
|
||||
<view class="r-text" v-else>0</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">会员积分</view>
|
||||
<view class="">余额{{item.afterTheChange || 0}}</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">{{item.storeName}}</view>
|
||||
<view class="">{{item.createTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="!list || list.length==0">
|
||||
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
|
||||
</u-empty>
|
||||
</view>
|
||||
<!-- <view class="bai_box">
|
||||
<view class="left-img">
|
||||
<image src="../../static/icon/hycz.png" mode=""></image>
|
||||
</view>
|
||||
<view style="width: 85%;">
|
||||
<view class="right-box">
|
||||
<view class="l-text">会员消费</view>
|
||||
<view class="r-text">-199.00</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">储值卡</view>
|
||||
<view class="">余额123456.98</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">中建锦绣二期站</view>
|
||||
<view class="">2024-09-09 16:45:09</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bai_box">
|
||||
<view class="left-img">
|
||||
<image src="../../static/icon/jfdh.png" mode=""></image>
|
||||
</view>
|
||||
<view style="width: 85%;">
|
||||
<view class="right-box">
|
||||
<view class="l-text">会员消费</view>
|
||||
<view class="r-text">-199.00</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">储值卡</view>
|
||||
<view class="">余额123456.98</view>
|
||||
</view>
|
||||
<view class="right-box">
|
||||
<view class="">中建锦绣二期站</view>
|
||||
<view class="">2024-09-09 16:45:09</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<u-datetime-picker :show="show" v-model="value1" mode="year-month" @cancel="cancel1" @confirm="confirm1"></u-datetime-picker>
|
||||
<u-picker :show="show1" :columns="columns" @cancel="cancel" @confirm="confirm"></u-picker>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
query: {
|
||||
chainStoreId: '',
|
||||
couponType: '',
|
||||
useStatus: 0,
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
cardBalance: {},
|
||||
show: false,
|
||||
show1: false,
|
||||
value1: Number(new Date()),
|
||||
columns: [
|
||||
['全部类型', '消费有礼', '充值有礼', '开卡有礼', '邀请有礼', '生日有礼']
|
||||
],
|
||||
queryParams: {
|
||||
pageNo: 1,
|
||||
pageSize: 30,
|
||||
fromType: "",
|
||||
storeId: uni.getStorageSync("storeId"),
|
||||
startTime: ""
|
||||
},
|
||||
list: [],
|
||||
total: 0
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.query.chainStoreId = uni.getStorageSync('chainStoreId');
|
||||
this.getUserBalance()
|
||||
this.getList()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
console.log("刷新");
|
||||
this.list = []
|
||||
this.queryParams = {
|
||||
pageNo: 1,
|
||||
pageSize: 30,
|
||||
fromType: "",
|
||||
storeId: uni.getStorageSync("storeId"),
|
||||
startTime: ""
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
onReachBottom() {
|
||||
// 触底加载
|
||||
if (this.list.length < this.total) {
|
||||
this.queryParams.pageNo++
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 获取余额信息
|
||||
getUserBalance() {
|
||||
request({
|
||||
url: '/business/userManager/user/getUserBalanceApplet',
|
||||
method: 'get',
|
||||
params: this.query
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.cardBalance = res.data
|
||||
}
|
||||
})
|
||||
},
|
||||
getList() {
|
||||
request({
|
||||
url: '/business/growthValueChange/queryByPageUni',
|
||||
method: 'get',
|
||||
params: this.queryParams
|
||||
}).then(res => {
|
||||
console.log(res,156);
|
||||
if (res.code == 200) {
|
||||
this.list = res.data.records
|
||||
this.total = res.data.total
|
||||
}
|
||||
})
|
||||
},
|
||||
confirm(e) {
|
||||
this.queryParams.pageNo = 1
|
||||
if (e.value[0] == '全部类型') {
|
||||
this.queryParams.fromType = ""
|
||||
} else {
|
||||
this.queryParams.fromType = e.value[0]
|
||||
}
|
||||
this.getList()
|
||||
this.show1 = false
|
||||
},
|
||||
cancel() {
|
||||
this.show1 = false
|
||||
},
|
||||
timestampToString(timestamp) {
|
||||
// 将时间戳转换为Date对象
|
||||
const date = new Date(timestamp);
|
||||
// 使用toLocaleDateString和toLocaleTimeString可以根据本地格式转换日期和时间
|
||||
const dateString = date.toLocaleDateString()
|
||||
const timeString = date.toLocaleTimeString();
|
||||
// 返回日期和时间的组合
|
||||
return date.getFullYear() + '-' + (date.getMonth() + 1);
|
||||
},
|
||||
confirm1(e) {
|
||||
this.queryParams.startTime = this.timestampToString(e.value)
|
||||
this.queryParams.pageNo = 1
|
||||
this.getList()
|
||||
this.show = false
|
||||
},
|
||||
cancel1() {
|
||||
this.show = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.centenr {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #F9F9F9;
|
||||
}
|
||||
|
||||
.Candywrapper {
|
||||
background: #F9F9F9;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.card_box {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.r-size {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.r-num {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.tab-bs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.w_box {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.bai_box {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 15px 10px;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.left-img {
|
||||
margin-right: 10px;
|
||||
|
||||
image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.right-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.l-text {
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.r-text {
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
@ -5,15 +5,16 @@
|
||||
<view class="box-left">请输入车牌号</view>
|
||||
|
||||
<view class="box-hang">
|
||||
<input type="text" @click="show = !show" v-model="value" placeholder="鲁" class="box-input" />
|
||||
<input type="text" @click="show = !show" v-model="value" placeholder="A" class="box-input" />
|
||||
<input type="text" @click="show = !show" v-model="value" placeholder="请输入车牌号" class="box-car" />
|
||||
<input type="text" @click="upShow(1)" v-model="value" placeholder="鲁" class="box-input" />
|
||||
<input type="text" @click="upShow(2)" v-model="value1" placeholder="A" class="box-input" />
|
||||
<input type="text" @click="upShow(3)" v-model="value2" placeholder="请输入车牌号" class="box-car" />
|
||||
</view>
|
||||
|
||||
<view class="but-sub">保存</view>
|
||||
<view class="but-sub" @click="submitCar()">保存</view>
|
||||
|
||||
<u-keyboard ref="uKeyboard" mode="car" @change="valChange" @backspace="backspace" :show="show"
|
||||
@confirm="confirm1" @cancel="cancel1"></u-keyboard>
|
||||
@confirm="confirm1" @cancel="cancel1" :overlay="false"></u-keyboard>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@ -26,11 +27,16 @@
|
||||
return {
|
||||
title: '',
|
||||
List: [],
|
||||
showIndex: 1,
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
totalPage: '',
|
||||
value: '',
|
||||
value1: '',
|
||||
value2: '',
|
||||
show: false,
|
||||
show1: false,
|
||||
show2: false,
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
@ -47,14 +53,51 @@
|
||||
|
||||
components: {
|
||||
|
||||
},
|
||||
watch() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 提交车牌号信息
|
||||
submitCar() {
|
||||
let carNo = this.value + this.value1 + this.value2
|
||||
let storeId = uni.getStorageSync("storeId")
|
||||
request({
|
||||
url: '/business/userManager/userCarNo',
|
||||
method: 'post',
|
||||
data: {
|
||||
storeId: storeId,
|
||||
carNo: carNo
|
||||
},
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.navigateBack()
|
||||
}
|
||||
})
|
||||
},
|
||||
upShow(num) {
|
||||
this.showIndex = num
|
||||
this.show = true
|
||||
},
|
||||
// 按键被点击(点击退格键不会触发此事件)
|
||||
valChange(val) {
|
||||
// 将每次按键的值拼接到value变量中，注意+=写法
|
||||
this.value += val;
|
||||
console.log(this.value);
|
||||
this.ifChange(val)
|
||||
|
||||
|
||||
},
|
||||
ifChange(val) {
|
||||
if (this.showIndex == 1) {
|
||||
this.value = val;
|
||||
}
|
||||
if (this.showIndex == 2) {
|
||||
this.value1 = val;
|
||||
}
|
||||
if (this.showIndex == 3) {
|
||||
this.value2 += val;
|
||||
}
|
||||
},
|
||||
|
||||
// 退格键被点击
|
||||
backspace() {
|
||||
// 删除value的最后一个字符
|
||||
|
||||
@ -11,9 +11,9 @@
|
||||
</view>
|
||||
|
||||
<view v-if="type==1">
|
||||
<view class="box-hang" style="margin-top: 8px;">
|
||||
<view class="box-left">鲁A 659KG</view>
|
||||
<view class="dis" @click="show=!show">
|
||||
<view class="box-hang" style="margin-top: 8px;" v-for="(item,index) in list">
|
||||
<view class="box-left">{{item.carNo || '暂无'}}</view>
|
||||
<view class="dis" @click="goDelete(item.id)">
|
||||
解绑
|
||||
</view>
|
||||
</view>
|
||||
@ -34,7 +34,7 @@
|
||||
data() {
|
||||
return {
|
||||
title: '',
|
||||
List: [],
|
||||
list: [],
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
totalPage: '',
|
||||
@ -42,7 +42,9 @@
|
||||
type: 1,
|
||||
show: false,
|
||||
title: "温馨提示",
|
||||
content: '确定解绑？'
|
||||
content: '确定解绑？',
|
||||
// 需要解绑的车牌号id
|
||||
carNoId:'',
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
@ -56,11 +58,32 @@
|
||||
this.pageNo++
|
||||
}
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.getCarNo()
|
||||
},
|
||||
components: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
goDelete(id){
|
||||
this.carNoId = id
|
||||
this.show = !this.show
|
||||
},
|
||||
getCarNo() {
|
||||
request({
|
||||
url: '/business/userManager/userCarNo',
|
||||
method: 'get',
|
||||
}).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.list = res.data
|
||||
if (this.list.length>0){
|
||||
this.type = 1
|
||||
}else{
|
||||
this.type = 0
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
goAdd() {
|
||||
uni.navigateTo({
|
||||
url: "/pagesMy/licensePlate/addCar"
|
||||
@ -71,6 +94,15 @@
|
||||
},
|
||||
confirm1() {
|
||||
this.show = false
|
||||
request({
|
||||
url: '/business/userManager/userCarNo/'+this.carNoId,
|
||||
method: 'delete',
|
||||
}).then(res => {
|
||||
if (res.code == 200){
|
||||
this.carNoId = ''
|
||||
this.getCarNo()
|
||||
}
|
||||
})
|
||||
},
|
||||
goback() {
|
||||
uni.navigateBack()
|
||||
|
||||
BIN
gasStation-uni/static/imgs/czz.png
Normal file
BIN
gasStation-uni/static/imgs/czz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Loading…
Reference in New Issue
Block a user