feat(客户): 新增客户积分相关页面和功能
添加客户积分充值、兑换页面及相关功能组件 在客户列表页增加线索池展示和解锁功能 更新订单页面的购车券核销按钮 新增红色字体样式并更新项目配置
This commit is contained in:
@@ -71,7 +71,11 @@
|
||||
"pages/clues/index",
|
||||
"pages/clues/detail/index",
|
||||
"pages/score/index",
|
||||
"pages/score/detail"
|
||||
"pages/score/detail",
|
||||
"pages/customer/score/index",
|
||||
"pages/customer/exchange/index",
|
||||
"pages/customer/score/recharge",
|
||||
"pages/customer/score/exchange"
|
||||
],
|
||||
"permission": {
|
||||
"scope.userLocation": {
|
||||
|
||||
@@ -14,4 +14,5 @@
|
||||
.color-fe4109{color:#fe4109;}
|
||||
.color-36afa2{color:#36afa2;}
|
||||
.color-00c800{color:#00c800;}
|
||||
.color-575b6a{color:#575b6a;}
|
||||
.color-575b6a{color:#575b6a;}
|
||||
.color-ff0000{color:#ff0000;}
|
||||
@@ -0,0 +1,66 @@
|
||||
// pages/customer/exchange/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
<!--pages/customer/exchange/index.wxml-->
|
||||
<text>pages/customer/exchange/index.wxml</text>
|
||||
@@ -0,0 +1 @@
|
||||
/* pages/customer/exchange/index.wxss */
|
||||
@@ -103,6 +103,7 @@ Page({
|
||||
series_id: '', //车系id
|
||||
modelArray: [],
|
||||
modelIndex: -1, //车系车型索引
|
||||
isShowLock: false
|
||||
},
|
||||
onLoad(options) {
|
||||
for (let key in options) {
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<view>
|
||||
<view style="padding-top:110rpx"></view>
|
||||
<view class="fixed top-0 left-0 right-0 bg-fff z-index-1">
|
||||
<view class="fn-flex mt5 pl20 pr20 font-32 color-666 text-center" wx:if="{{tab.length<5}}">
|
||||
<view class="fn-flex mt5 pl20 pr20 font-32 color-666 text-center" wx:if="{{0&&tab.length<5}}">
|
||||
<block wx:for='{{tab}}' wx:key='list'>
|
||||
<view class="fn-flex-item pl20 pr20 tabmenu2 {{key == item.key?'active color-36afa2':''}}" data-index="{{index}}" bindtap="changeTab">
|
||||
<view class="relative">{{item.name}}</view>
|
||||
@@ -11,6 +11,9 @@
|
||||
</block>
|
||||
</view>
|
||||
<scroll-view class="mt5 font-32 color-666 text-center space-nowrap" scroll-x="true" wx:else>
|
||||
<view class="pl20 pr20 tabmenu2 {{key == 1?'active color-36afa2':''}}" data-index="{{0}}" bindtap="changeTab">
|
||||
<view class="relative">{{'线索池'}}</view>
|
||||
</view>
|
||||
<block wx:for='{{tab}}' wx:key='list'>
|
||||
<view class="pl20 pr20 tabmenu2 {{key == item.key?'active color-36afa2':''}}" data-index="{{index}}" bindtap="changeTab">
|
||||
<view class="relative">{{item.name}}</view>
|
||||
@@ -65,6 +68,32 @@
|
||||
</view>
|
||||
|
||||
<view class="mt10 pl30 pr30">
|
||||
<view class="inner40 relative ulib-r10 box-shadow-000-10-10 mb30 overflowhidden">
|
||||
<view class="relative pr180">
|
||||
<view class="font-32">
|
||||
<text class="text-middle">{{'客户'}}</text>
|
||||
<text class="text-middle font-26 color-666">({{'12233336666'}})</text>
|
||||
</view>
|
||||
<view class="absolute right-0 top-0">
|
||||
<view class="font-26 mt10" style="color:#f63c51">{{'距转派还剩4小时23分'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="relative">
|
||||
<view class="mt25 fn-clear font-28 pr180">
|
||||
<view class="fn-fl color-333 mr15">{{'入池时间'}}</view>
|
||||
<view class="fn-fl color-666">{{'2023-04-12'}}</view>
|
||||
</view>
|
||||
<view class="mt25 fn-clear font-28 pr180">
|
||||
<view class="fn-fl color-333 mr15">{{'意向车型'}}</view>
|
||||
<view class="fn-fl color-666">{{'比亚迪·宋·2023款'}}</view>
|
||||
</view>
|
||||
<view class="absolute right-0 box-middle">
|
||||
<!-- <view class="font-26 mt10" style="color:#f63c51">{{'距转派还剩4小时23分'}}</view> -->
|
||||
<button class="btn color-fff font-26 ulib-r750" style="background-color:#f63c51"><text class="iconfont icon-xiaoji mr5"></text>解锁查看</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<block wx:for='{{list}}' wx:key='index'>
|
||||
<view class="inner40 relative ulib-r10 box-shadow-000-10-10 mb30 overflowhidden" bindtap="pushLink" data-url="/pages/customer/detail/index?id={{item.id}}">
|
||||
<view class="absolute top-0 left-0 ml40 bg-36afa2 font-22 color-fff" wx:if="{{item.defeat||item.orders_pay}}">
|
||||
@@ -469,4 +498,26 @@
|
||||
</view>
|
||||
</view>
|
||||
</lcb-msg>
|
||||
|
||||
<!-- 确认解锁线索 -->
|
||||
<lcb-msg isShow="{{isShowLock}}" isCustomTabBar="{{true}}">
|
||||
<view slot="content">
|
||||
<view class="pt50 pb40">
|
||||
<view class="font-36 text-center">确认解锁线索</view>
|
||||
<view class="mt10 font-28 text-center color-666">解锁后,视为接受<text style="color:#184ebb;">《合作条款》</text></view>
|
||||
</view>
|
||||
<view class="text-center font-24 color-aaa pb30">
|
||||
<text class="iconfont icon-checkbox-selected-fill"></text><text>不再提醒</text>
|
||||
</view>
|
||||
<view class="fn-flex pl60 pr60 pb50 text-center font-32 color-666">
|
||||
<button bindtap="hideLock" class="fn-flex-item mr20 bds-2-36afa2 btn-no-bg wp100 font-28 color-36afa2 ulib-r750">
|
||||
取消
|
||||
</button>
|
||||
<button bindtap="bindLock" class="fn-flex-item ml20 btn-36afa2 wp100 font-28 color-fff ulib-r750" hover-class="btn-36afa2-hover">
|
||||
确定
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</lcb-msg>
|
||||
|
||||
<brandSelect show="{{brand_page_show}}" bindleave="getBrandData"></brandSelect>
|
||||
@@ -0,0 +1,66 @@
|
||||
// pages/customer/score/exchange.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
<!--pages/customer/score/exchange.wxml-->
|
||||
<view class="container" style="min-height:100vh;">
|
||||
<view class="box-shadow-000-10-10"></view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
/* pages/customer/score/exchange.wxss */
|
||||
@@ -0,0 +1,66 @@
|
||||
// pages/customer/score/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
<!--pages/customer/score/index.wxml-->
|
||||
<text>pages/customer/score/index.wxml</text>
|
||||
@@ -0,0 +1 @@
|
||||
/* pages/customer/score/index.wxss */
|
||||
@@ -0,0 +1,70 @@
|
||||
// pages/customer/score/recharge.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
text: `爱能之家(厦门)新能源有限公司
|
||||
账号:129260100100576097
|
||||
开户行:兴业银行厦门自贸试验区象屿支行
|
||||
备注:公司名称
|
||||
`
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
<!-- pages/customer/score/recharge.wxml -->
|
||||
<view class="container" style="min-height:100vh; overflow:hidden;">
|
||||
<view class="inner30">
|
||||
<view class="box-shadow-000-10-10 ulib-r20 inner30">
|
||||
<view class="section">
|
||||
<view class="fn-flex">
|
||||
<view class="font-22 color-666">方式一 · 在线充值</view>
|
||||
</view>
|
||||
<view class="pl50 pr50 mt30">
|
||||
<view class="font-30">
|
||||
<text>充值金额</text><text class="font-40 pl20" style="color:#f00">¥20000</text>
|
||||
</view>
|
||||
<view class="mt30">
|
||||
<button class="btn bg-36afa2 color-fff font-30 ulib-r750">立即充值</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="section bts-1-eb pt40 mt40">
|
||||
<view class="fn-flex fn-flex-center">
|
||||
<view class="font-22 color-666 fn-flex-item">方式二 · 线下转账</view>
|
||||
<view class="btn bds-1-eb font-20 ulib-r750 pl10 pr10 pt5 pb5"><text>复制信息</text></view>
|
||||
</view>
|
||||
<view class="pl50 pr50 mt30">
|
||||
<view class="font-26 line-height-15">
|
||||
<text>{{text}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt50 pl30 pr30 color-888 font-24">
|
||||
<text>充值说明:</text>
|
||||
<view class="mt10 line-height-15">
|
||||
<view>1. 充值金额为<text class="color-ff0000">固定为20000元。</text></view>
|
||||
<view>2. 微信充值后,积分实时到账(推荐)。</view>
|
||||
<view >3. 线下转账方式需备注清楚公司名称,财务收到打款后会在1日内完成积分充值操作。</view>
|
||||
<view >需开具充值发票请<text style="color:#527acc;">联系客服</text>。</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
/* pages/customer/score/recharge.wxss */
|
||||
@@ -503,4 +503,39 @@ Page({
|
||||
this.getAppSeries()
|
||||
}
|
||||
},
|
||||
// 同意核销
|
||||
bindAgreeCheckCode(e){
|
||||
let that = this
|
||||
let index = e.currentTarget.dataset.index
|
||||
let item = that.data.list[index]
|
||||
let params = {}
|
||||
console.log(1111)
|
||||
// params['id'] = item.id
|
||||
// params['code'] = item.other_data.o_data_4['购车券'].value
|
||||
// _.apiQuery.putAppCusorderAgreeCheckCode(params).then(res => {
|
||||
// if(res.data.code == 0){
|
||||
// that.setData({
|
||||
// ['list['+index+'].other_data.o_data_4.购车券.value']:'已核销',
|
||||
// })
|
||||
// wx.showToast({
|
||||
// title: '核销成功',
|
||||
// icon: 'success',
|
||||
// duration: 2000
|
||||
// })
|
||||
// }
|
||||
// else{
|
||||
// wx.showToast({
|
||||
// title: res.data.msg,
|
||||
// icon: 'none',
|
||||
// duration: 2000
|
||||
// })
|
||||
// }
|
||||
// that.setData({
|
||||
// ['list['+index+'].other_data.o_data_4.购车券.disabled']:true,
|
||||
// })
|
||||
// that.setData({
|
||||
// ['list['+index+'].other_data.o_data_4.购车券.text']:'已核销',
|
||||
// })
|
||||
// })
|
||||
},
|
||||
})
|
||||
@@ -139,6 +139,13 @@
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view class="pt20 fn-clear font-28">
|
||||
<view class="fn-fl color-333">{{'购车券'}}</view>
|
||||
<view class="fn-fr wp60 text-nowrap fn-flex">
|
||||
<view class="fn-flex-item"></view>
|
||||
<button class="btn bg-36afa2 font-28 color-fff ulib-r750 wp50" catch:tap="bindAgreeCheckCode">同意核销</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view class="mt20 pt5 pb5 pl20 pr20 bg-f6 font-22 color-666 ulib-rlb750 ulib-rr750" wx:if="{{item.remark}}">注:{{item.remark}}</view>
|
||||
|
||||
Reference in New Issue
Block a user