This commit is contained in:
老叶
2021-07-27 15:37:21 +08:00
parent 170dd2dbd5
commit e920da53e4
33 changed files with 1144 additions and 24 deletions
+7 -1
View File
@@ -14,7 +14,13 @@
"pages/mine/install/staff/index",
"pages/customer/filterList/index",
"pages/order/filterList/index",
"pages/customer/allot/index"
"pages/customer/allot/index",
"pages/distribute/index",
"pages/distribute/cashout/index",
"pages/distribute/material/index",
"pages/distribute/reward/index",
"pages/distribute/statistics/index",
"pages/distribute/assets/index"
],
"echarts": [
{
+4
View File
@@ -6,6 +6,10 @@
.btn-36afa2::after{border:none;}
.btn-36afa2-hover{background:#2fa195;}
.btn-36afa2[disabled]{background:#ddd !important;border:none !important;color:#bbb !important;}
.btn-f9394d{background: #f9394d;border:none;}
.btn-f9394d::after{border:none;}
.btn-f9394d-hover{background:#f0293e;}
.btn-f9394d[disabled]{background:#ddd;border:none;color:#bbb;}
.btn-999{background:#999;border:none;}
.btn-999::after{border:none;}
.btn-999-hover{background:#a7a6a6;}
+2
View File
@@ -5,6 +5,7 @@
.img-55x65{width:55rpx;height:65rpx;box-sizing:border-box;}
.img-60x60{width:60rpx;height:60rpx;box-sizing:border-box;}
.img-65x65{width:65rpx;height:65rpx;box-sizing:border-box;}
.img-70x70{width:70rpx;height:70rpx;box-sizing:border-box;}
.img-72x72{width:72rpx;height:72rpx;box-sizing:border-box;}
.img-80x80{width:80rpx;height:80rpx;box-sizing:border-box;}
.img-90x90{width:90rpx;height:90rpx;box-sizing:border-box;}
@@ -15,6 +16,7 @@
.img-160x160{width:160rpx;height:160rpx;box-sizing:border-box;}
.img-208x170{width:208rpx;height:170rpx;box-sizing:border-box;}
.img-250x250{width:250rpx;height:250rpx;box-sizing:border-box;}
.img-250x445{width:250rpx;height:445rpx;box-sizing:border-box;}
.img-750x250{width:750rpx;height:250rpx;box-sizing:border-box;}
.img-h-200{height:200rpx;box-sizing:border-box;}
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1,6 +1,6 @@
<!--
用法
<xxk-auth isShow="true" bind:onSuccess="authEvent"></xxk-auth>
<lcb-auth isShow="true" bind:onSuccess="authEvent"></lcb-auth>
-->
+1 -1
View File
@@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"xxk-msg": "/components/msg/index"
"lcb-msg": "/components/msg/index"
}
}
+2 -2
View File
@@ -1,6 +1,6 @@
<xxk-msg isShow="{{isShow}}" isBottomOpt="true">
<lcb-msg isShow="{{isShow}}" isBottomOpt="true">
<view slot="content" class="inner30">
<view class="pt20 font-30 line-height-17 color-666">已为您分配专属客服,并将她的联系方式通过服务通知放送给你,请在消息列表查看。</view>
<image lazy-load="{{true}}" class="mt20 wp100" mode="widthFix" src="{{imgUrl}}common/notice.jpg" />
</view>
</xxk-msg>
</lcb-msg>
+1 -1
View File
@@ -8,7 +8,7 @@
插槽:
<view slot="content">这里是插入到组件slot中的内容</view>
<view slot="opt">这里是插入到组件slot中的内容</view> -->
<view class="XXK-msg" style="{{isShow?'display:block':'display:none'}}" catchmove="aaa">
<view class="lcb-msg" style="{{isShow?'display:block':'display:none'}}" catchmove="aaa">
<view class="msgBg" style="background-color: rgba(0, 0, 0, .6);"></view>
<view class="msgMain {{isShow?'active':''}}" style="{{isTransparent?'background-color: transparent;':''}}" catchmove="aaa">
<block wx:if="{{isHasClose !=''}}">
+15 -15
View File
@@ -1,8 +1,8 @@
@import "../../commons/css/common.wxss";
.XXK-msg{
.lcb-msg{
}
.XXK-msg .msgBg{
.lcb-msg .msgBg{
position: fixed;
left: 0;
top: 0;
@@ -10,7 +10,7 @@
height: 100%;
z-index: 9998;
}
.XXK-msg .msgMain{
.lcb-msg .msgMain{
position: fixed;
left: 50%;
top: 50%;
@@ -22,18 +22,18 @@
border-radius: 20rpx;
overflow: hidden;
}
.XXK-msg .msgMain.active{
animation: card .5s linear 1;
.lcb-msg .msgMain.active{
/* animation: card .5s linear 1; */
}
.XXK-msg .msgMain .close{
.lcb-msg .msgMain .close{
position: absolute;
}
.XXK-msg .msgMain .close.up{
.lcb-msg .msgMain .close.up{
right: 0;
top: -80rpx;
font-size: 30rpx;
}
.XXK-msg .msgMain .close.up::before{
.lcb-msg .msgMain .close.up::before{
content: '';
position: absolute;
width: 4rpx;
@@ -42,7 +42,7 @@
left: 50%;
top: 53rpx;
}
.XXK-msg .msgMain .close.up text{
.lcb-msg .msgMain .close.up text{
width: 53rpx;
height: 53rpx;
line-height: 53rpx;
@@ -52,13 +52,13 @@
border: 4rpx solid #fff;
box-sizing: border-box;
}
/* .XXK-msg .msgMain .close.down{
/* .lcb-msg .msgMain .close.down{
left: 50%;
bottom: -140rpx;
transform: translateX(-50%);
font-size: 53rpx;
} */
.XXK-msg .msgMain .close.down{
.lcb-msg .msgMain .close.down{
right: 20rpx;
top: 20rpx;
/* font-size: 30rpx; */
@@ -68,7 +68,7 @@
background-repeat: no-repeat;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAG1BMVEUAAAAjGBUjGBUjGBUjGBUjGBUjGBUjGBUjGBUq0FsOAAAACXRSTlMAZlQITRE0SzF33gruAAAAh0lEQVQoz33S0Q1AMBDG8Uss4GzQiHfpBBoLsAEbGMHoHtr6N/lEX1x9v1Dn7FytXV06zIe5vRW9t+Rji4IvFluWd12AlQ2MGkYJyxUZBSGopCBYRTAQrCLYVBHMXwQriLW7b/av9Fn6Rj2Xnl6/UTsB4qpd1d6TwYhg+rdBMJ2c62O+dArvBxZYHZp91AHFAAAAAElFTkSuQmCC");
}
.XXK-msg .msgMain-title{
.lcb-msg .msgMain-title{
display: block;
padding: 25rpx 0 5rpx 0;
text-align: center;
@@ -76,19 +76,19 @@
font-size: 36rpx;
color: #000;
}
.XXK-msg .msgMain-content{
.lcb-msg .msgMain-content{
display: block;
font-size: 24rpx;
color: #999;
padding: 0 39rpx 55rpx;
text-align: center;
}
.XXK-msg .msgMain .bd{
.lcb-msg .msgMain .bd{
/* padding-bottom: 30rpx; */
height: 100rpx;
line-height: 100rpx;
}
.XXK-msg .msgMain-opt{
.lcb-msg .msgMain-opt{
display: flex;
}
.msgMain-opt-item{
+124
View File
@@ -0,0 +1,124 @@
import _ from '../../../commons/js/commons';
import * as echarts from '../../../ecCanvas/components/ec-canvas/echarts';
let chartData;
function initChart(canvas, width, height, dpr) {
const chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr // new
});
canvas.setChart(chart);
let option = chartData
chart.setOption(option);
return chart;
}
Page({
data: {
imgUrl: _.config.imgUrl,//静态图片路径
tab_list:[
{
title:'近7日',
value:7,
},
{
title:'近30日',
value:30,
},
],
tabvalue:7,
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
this.getdata()
},
//获取统计数据
getdata(){
chartData = {
legend: {
data: ['浏览', '报名', '成交'],
bottom:20,
left: 'center',
z: 100
},
grid: {
containLabel: true
},
tooltip: {
show: true,
trigger: 'axis'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
// show: false
},
yAxis: {
x: 'center',
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
},
// show: false
},
series: [
{
name: '浏览',
type: 'line',
smooth: true,
data: [18, 36, 65, 30, 78, 40, 33]
},
{
name: '报名',
type: 'line',
smooth: true,
data: [12, 50, 51, 35, 70, 30, 20]
},
{
name: '成交',
type: 'line',
smooth: true,
data: [10, 30, 31, 50, 40, 20, 10]
}
]
};
this.setData({
ec: {
onInit:initChart
}
})
},
//却换时间tab
changeTab(e){
this.setData({
tabvalue: e.currentTarget.dataset.value,
})
//this.getDxtPhoneBill()
},
//推送链接
pushLink(e) {
if(e.currentTarget.dataset.url){
_.$router.openUrlScheme(e.currentTarget.dataset.url)
}
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
},
})
+6
View File
@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "推广与提现",
"usingComponents": {
"ec-canvas": "../../../ecCanvas/components/ec-canvas/ec-canvas"
}
}
+68
View File
@@ -0,0 +1,68 @@
<view class="container img-top-cover" style="background-image:url({{imgUrl}}distribute/zc-bg.jpg);">
<view class="inner30">
<view class="color-fff">
<view class="font-22">
<i class="iconfont icon-shujuweihu font-26"></i>
<text class="ml10">累计数据</text>
</view>
<view class="pt40 pb50 fn-flex fn-flex-between text-left">
<view>
<view class="font-40">19.00W</view>
<view class="font-28">浏览</view>
</view>
<view>
<view class="font-40">2345</view>
<view class="font-28">报名</view>
</view>
<view>
<view class="font-40">1875</view>
<view class="font-28">成交</view>
</view>
</view>
</view>
<view class="bg-fff inner30 box-shadow-000-10-10 ulib-r10">
<view class="font-22">
<i class="iconfont icon-car-fill font-26"></i>
<text class="ml10">推广车型</text>
</view>
<view class="fn-flex fn-flex-between pt20 pb10 text-left">
<view>
<view class="font-32">东风EX1</view>
<view class="font-22 color-999">车型</view>
</view>
<view>
<view class="font-32">4353</view>
<view class="font-22 color-999">报名</view>
</view>
<view>
<view class="font-32">265</view>
<view class="font-22 color-999">成交</view>
</view>
<view>
<view class="font-32">26.13W</view>
<view class="font-22 color-999">佣金</view>
</view>
</view>
</view>
</view>
<view class="mt10">
<view class="relative pl30 pr200 z-index-1">
<view class="font-22">
<i class="iconfont icon-qushi font-26"></i>
<text class="ml10">浏览情况趋势图</text>
</view>
<view class="absolute fn-flex right-0 mr30 box-middle space-nowrap font-20">
<block wx:for='{{tab_list}}' wx:key='index'>
<view class="fn-flex-item bg-fff pt10 pb10 pl20 pr20 {{tabvalue==item.value?'bg-f9394d color-fff':'bg-f6'}} {{index==0?'ulib-rl10':''}} {{index==tab_list.length-1?'ml-1 ulib-rr10':''}}" bindtap="changeTab" data-value="{{item.value}}">{{item.title}}</view>
</block>
</view>
</view>
<view class="echarts-con">
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
</view>
</view>
</view>
<lcb-footer></lcb-footer>
+21
View File
@@ -0,0 +1,21 @@
/* pages/distribute/statistics/index.wxss */
@import '../../../commons/css/custom/kefu.wxss';
.echarts-con {
position:relative;
top:-20px;
bottom: 0;
left: 0;
right: 0;
height:560rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
ec-canvas {
width: 100%;
height: 100%;
}
+96
View File
@@ -0,0 +1,96 @@
import _ from '../../../commons/js/commons';
Page({
data: {
info:'',
submitFlag:false,
isShowSuccess:false,
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
//this.getDistributionCash()
},
//提现信息
getDistributionCash() {
let params = {};
params['page'] = this.data.pageNo;
params['status'] = this.data.tabvalue;
_.apiQuery.getDistributionCash(params).then(res => {
this.setData({
info:res.data,
})
wx.stopPullDownRefresh()
});
},
//佣金提现
putDistributionCash() {
let that = this
wx.showModal({
title: '提示',
content: '是否提现所有佣金',
success(res) {
if (res.confirm) {
that.setData({
submitFlag: true,
})
let params = {};
params['cash_money'] = that.data.info.cash_money.value;
_.apiQuery.putDistributionCash().then(res => {
that.setData({
submitFlag: false,
isShowSuccess:true,
})
that.setData({
list: [],
pageNo: 1,
noData: false,
end: false,
load: true,
loading: false,
flag: that.data.flag + 1
})
that.getDistributionCash()
}).catch(res=>{
that.setData({
submitFlag: false,
})
});
}
}
})
},
//推送链接
pushLink(e){
if(e.currentTarget.dataset.url){
_.$router.openUrlScheme(e.currentTarget.dataset.url)
}
},
//拨打电话
call(e) {
if(e.currentTarget.dataset.tel){
wx.makePhoneCall({
phoneNumber:e.currentTarget.dataset.tel,
})
}
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
this.getDistributionCash()
},
})
+6
View File
@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "提现",
"usingComponents": {
}
}
+37
View File
@@ -0,0 +1,37 @@
<view class="container">
<view class="inner30">
<view class="font-22">提现到</view>
<view class="mt20 relative">
<view class="absolute left-0 img-70x70 ulib-r10 overflowhidden">
<open-data type="userAvatarUrl"></open-data>
</view>
<view class="pl90">
<view class="font-28">
<open-data type="userNickName"></open-data>的微信钱包(**** 769)
<view class="font-22 color-999">预计2小时内到账</view>
</view>
</view>
</view>
<view class="bg-fff mt30 inner30 box-shadow-000-10-10 ulib-r10">
<view class="font-22">提现金额</view>
<view class="mt40 pb20 bbs-1-eb">
<text class="font-28">¥</text>
<text class="ml5 font-40">2345.12</text>
</view>
<view class="pt30 font-22 color-999">注:若提现出现问题,请联系小狸<text class="ml10 color-f9394d" bindtap="call" data-tel="1812334344">1812334344</text></view>
</view>
<view class="mt60">
<button class="btn-f9394d font-32 color-fff ulib-r750 text-center ml35 mr35" hover-class="btn-1a1a1a-hover" bindtap="putDistributionCash" disabled="{{submitFlag}}">立即提现</button>
</view>
</view>
</view>
<lcb-footer></lcb-footer>
<lcb-msg isShow="{{isShowSuccess}}" isBottomOpt="{{true}}" closeWord="我知道了" bind:closeevent="closeSuccess">
<view slot="content" class="inner40">
<view class="font-32 text-center text-bold color-00c800"><i class="iconfont icon-xuanze1 font-36 mr10"></i>提现成功</view>
<view class="mt20 line-height-17 text-center font-28 color-666">
<view>您已成功提现<text class="ml10 color-f9394d">30.00元</text></view>
</view>
</view>
</lcb-msg>
+5
View File
@@ -0,0 +1,5 @@
/* pages/distribute/team/index.wxss */
.tabmenu{display:inline-block;line-height:80rpx;}
.tabmenu.active::before{display:block;position:absolute;bottom:0;left:50%;width:40rpx;height:4rpx;margin-left:-20rpx;content:"";background-color:#1a1a1a;}
.cashout-tip{width:72rpx;height:72rpx;background-color:#fcf9ef;}
.cashout-disabled view{color:#ccc !important;}
+65
View File
@@ -0,0 +1,65 @@
import _ from '../../commons/js/commons';
Page({
data: {
imgUrl: _.config.imgUrl,//静态图片路径
isShowKefu:false,
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
wx.getSystemInfo({
success (res) {
if(res.system.indexOf('Android')>-1){
wx.setBackgroundColor({
backgroundColor: '#fb3939',
})
}
}
})
//this.getDistributionHome()
},
//推送链接
pushLink(e) {
if(e.currentTarget.dataset.url){
_.$router.openUrlScheme(e.currentTarget.dataset.url)
}
},
//联系客服
optShowKefu(e) {
this.setData({
isShowKefu:!this.data.isShowKefu,
})
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
this.getDistributionHome()
},
//用户点击右上角分享
onShareAppMessage: function (res) {
let title = ''
let path = '/pages/mine/index'
let imageUrl = this.data.info.btn.shareImg
if (res.from === 'button') {
// 来自页面内转发按钮
title = '@'+this.data.nickname + this.data.info.btn.shareTitle
path = path + '?team=1&cf_uid=' + this.data.uid
}
return {
title: title,
path: path,
imageUrl: imageUrl
}
},
})
+11
View File
@@ -0,0 +1,11 @@
{
"navigationBarTitleText": "推广与提现",
"enablePullDownRefresh": true,
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#fb3939",
"backgroundColor": "#ffffff",
"backgroundColorTop": "#fb3939",
"usingComponents": {
}
}
+55
View File
@@ -0,0 +1,55 @@
<view class="container img-top-cover" style="background-image:url({{imgUrl}}distribute/zc-bg.jpg);">
<view class="relative pl30 pr30 color-fff">
<view class="pt20 pb50">
<view class="font-60 text-bold">1,987.00</view>
<view class="font-32">我的收入<i class="iconfont icon-gengduo"></i></view>
</view>
<view class="absolute right-0 box-middle pr40">
<view class="inline-block text-middle img-45x45 ulib-r750 overflowhidden">
<open-data type="userAvatarUrl"></open-data>
</view>
<view class="inline-block ml10 text-middle font-28 color-fff">
<open-data type="userNickName"></open-data>
</view>
</view>
</view>
<view class="bg-fff ml30 mr30 pt60 pb50 pl60 pr60 box-shadow-000-10-10 ulib-r10 fn-flex fn-flex-between text-center font-28">
<view bindtap="pushLink" data-url="">
<image class='text-middle img-50x50' lazy-load="{{true}}" mode="aspectFill" src="{{imgUrl}}distribute/icon-kehu.png"></image>
<text class="ml15 text-middle">线索客户</text>
</view>
<view bindtap="pushLink" data-url="">
<image class='text-middle img-50x50' lazy-load="{{true}}" mode="aspectFill" src="{{imgUrl}}distribute/icon-yongjin.png"></image>
<text class="ml15 text-middle">佣金明细</text>
</view>
</view>
<view class="fixed pb100 left-0 right-0 bottom-0 text-center">
<view class="inline-block bg-f8 pt10 pb10 pl40 pr40 font-28 color-999 ulib-r750" bindtap="optShowKefu">
<i class="iconfont icon-kefu"></i>
联系小狸
</view>
</view>
</view>
<lcb-footer></lcb-footer>
<lcb-msg isShow="{{isShowKefu}}" button="false" isHasClose="down">
<view slot="content">
<view class="coms-dialog-kf">
<view class="pic-top"></view>
<view class="tit">
<text>添加客服微信号</text>
</view>
<view class="font-26 color-999 text-center mt15">分销问题,下单问题都可以加我哦</view>
<view class="relative">
<button class="btn-concat" open-type="contact">去回复</button>
<view class="absolute left-0 top-0 right-0 bottom-0 opacity-0 text-center overflowhidden">
<QYWXcontact buttonText="{{4}}" class="pt40 pb40" bind:completemessage="completemessage" styleType='3' plugid='877ffe64ccc36a5f308252eadc3066df' />
<QYWXcontact buttonText="{{4}}" class="pt40 pb40" bind:completemessage="completemessage" styleType='3' plugid='877ffe64ccc36a5f308252eadc3066df' />
</view>
</view>
</view>
</view>
</lcb-msg>
+2
View File
@@ -0,0 +1,2 @@
/* pages/distribute/index.wxss */
@import '../../commons/css/custom/kefu.wxss';
+149
View File
@@ -0,0 +1,149 @@
import _ from '../../../commons/js/commons';
Page({
data: {
cateIndex:1,
cate_list:[
{
id:'1',
title:'视频号内容',
},
{
id:'2',
title:'活动专题',
},
{
id:'3',
title:'狸车海报',
},
{
id:'4',
title:'公号测评',
},
{
id:'5',
title:'朋友圈',
},
{
id:'6',
title:'其他',
},
],
list:[
{
id:'1',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'2',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'3',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'4',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'5',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'1',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'2',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'3',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'4',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
{
id:'5',
poster:'https://qs.haodian.cn/wechat_app/liche/upload/v-1.jpg',
page:'pages/goods/detail/index',
pageid:'2',
},
]
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
},
//切换分类
choosingCate(e) {
this.setData({
cateIndex: e.currentTarget.dataset.index,
})
//this.getSecondCate()
},
//生成海报
showPoster(e){
let index = e.currentTarget.dataset.index
let that = this
wx.showLoading({
title: '正在生成中...',
})
this.setData({
'customPoster': this.data.goodList[index].share.poster,
'poster.isCreateQrcode': true,
'poster.goods': [
this.data.goodList[index].share.imageUrl,
[this.data.goodList[index].title, 3],
this.data.goodList[index].text,
'优选商品',
this.data.goodList[index].sale_price,
'原价:' + this.data.goodList[index].ori_price
],
'poster.qrcode': {
scene: this.data.goodList[index].id + '_' + this.data.uid + '_distribute',
page: 'pages/goods/detail/index',
width: '160px'
}
})
setTimeout(function(){
that.setData({
'poster.isShow': true
})
wx.hideLoading()
},3000)
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
},
})
+4
View File
@@ -0,0 +1,4 @@
{
"navigationBarTitleText": "推广素材",
"usingComponents": {}
}
+21
View File
@@ -0,0 +1,21 @@
<view class="fixed top-0 left-0 bottom-0 bg-f8 con-160 z-index-0" style='overflow-y:auto'>
<view class="bg-fff">
<block wx:for='{{cate_list}}' wx:for-item='item' wx:key='index'>
<view class="relative topicSort pt35 pb35 pl15 pr15 font-24 {{cateIndex == index?'active bg-fff':'bg-f8 color-666'}} {{cateIndex == index-1?'ulib-rtr20':''}} {{cateIndex == index+1?'ulib-rbr20':''}}" bindtap='choosingCate' data-index='{{index}}'>
<view class="text-nowrap line-height-90">{{item.title}}</view>
</view>
</block>
</view>
</view>
<view class="ml160">
<view class="fn-clear">
<block wx:for='{{list}}' wx:for-item='item' wx:key='index'>
<image bindtap="showPoster" data-index="{{index}}" class='block fn-fl mt30 ml30 img-250x445' lazy-load="{{true}}" mode="aspectFill" src="{{item.poster}}"></image>
</block>
</view>
<lcb-listmore isLoading='{{rqloading}}' isEnd='{{end}}' isNoData='{{noData}}'></lcb-listmore>
</view>
<lcb-poster customImg="{{customPoster}}" isShow="{{poster.isShow}}" isCreateQrcode="{{poster.isCreateQrcode}}" goodsInfo="{{poster.goods}}" qccodeinfo="{{poster.qrcode}}" isDetailPage="{{false}}"></lcb-poster>
+5
View File
@@ -0,0 +1,5 @@
.con-160{
width:160rpx;
}
.topicSort.active:before{display:block;content:"";position:absolute;left:0;top:50%;transform:translate(0,-50%);width:6rpx;height:50rpx;background-color:#ff4a3a;border-top-right-radius:10rpx;border-bottom-right-radius:10rpx;}
+147
View File
@@ -0,0 +1,147 @@
import _ from '../../../commons/js/commons';
Page({
data: {
imgUrl: _.config.imgUrl,
list: [
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'-500.00元',
square:1,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'+3567.60元',
square:0,
title:'180****3333报名',
time:'2021.6.18',
},
{
money:'-500.00元',
square:1,
title:'180****3333报名',
time:'2021.6.18',
},
],
pageNo: 1,
noData: false,
end: false,
load: true,
loading: false,
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
//this.getDistributionCommission()
},
//佣金明细
getDistributionCommission() {
this.setData({
load: false,
loading: true,
})
let params = {};
params['page'] = this.data.pageNo;
params['size'] = 10;
params['status'] = this.data.tabvalue;
_.apiQuery.getDistributionCommission(params).then(res => {
this.setData({
flag: this.data.flag - 1
})
if (!this.data.flag) {
this.setData({
info:res.data,
pageNo: this.data.pageNo + 1,
list: this.data.list.concat(res.data.list),
load: true,
loading: false,
})
if (parseFloat(res.data.total) == 0) {
this.setData({
noData: true
})
} else if (this.data.list.length == parseFloat(res.data.total)) {
this.setData({
end: true
})
if(parseFloat(res.data.total)<8){
this.setData({
showMore:false
})
}
}
}
if(this.data.bgflag){
this.setData({
bgflag: false
})
this.getBasicSetting()
}
wx.stopPullDownRefresh()
});
},
//推送链接
pushLink(e){
if(e.currentTarget.dataset.url){
_.$router.openUrlScheme(e.currentTarget.dataset.url)
}
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
this.setData({
list: [],
pageNo: 1,
noData: false,
end: false,
load: true,
loading: false,
})
this.getDistributionCommission()
},
//页面上拉触底事件的处理函数
onReachBottom: function () {
if (this.data.noData || this.data.end||!this.data.load) return;
this.getDistributionCommission()
},
})
+6
View File
@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "佣金明细",
"usingComponents": {
}
}
+36
View File
@@ -0,0 +1,36 @@
<view class="container img-top-cover" style="background-image:url({{imgUrl}}distribute/zc-bg.jpg);">
<view class="inner30">
<view class="pt40 pb50 fn-flex text-left color-fff">
<view class="fn-flex-item">
<view class="font-40">19.00W</view>
<view>
<text class="font-28">未提现佣金</text>
<text class="inline-block bg-fff ml10 pl10 pr10 font-22 color-f9394d ulib-r750">提现</text>
</view>
</view>
<view class="fn-flex-item">
<view class="font-40">2345</view>
<view class="font-28">已提现佣金</view>
</view>
</view>
<view class="bg-fff inner30 box-shadow-000-10-10 ulib-r10">
<view class="font-22">
<i class="iconfont icon-yongjin font-26"></i>
<text class="ml10">佣金动态</text>
</view>
<view class="">
<block wx:for="{{list}}" wx:key='index'>
<view class="bbs-eb pt30 pb30 fn-flex fn-flex-between font-28 color-666">
<view class="wp30 font-32 {{item.square == 0?'color-f9394d':'color-00c800'}}">{{item.money}}</view>
<view>{{item.title}}</view>
<view>{{item.time}}</view>
</view>
</block>
<lcb-listmore isLoading='{{loading}}' isEnd='{{end}}' isNoData='{{noData}}'></lcb-listmore>
</view>
</view>
</view>
</view>
<lcb-footer></lcb-footer>
+5
View File
@@ -0,0 +1,5 @@
/* pages/distribute/team/index.wxss */
.tabmenu{display:inline-block;line-height:80rpx;}
.tabmenu.active::before{display:block;position:absolute;bottom:0;left:50%;width:40rpx;height:4rpx;margin-left:-20rpx;content:"";background-color:#1a1a1a;}
.reward-disabled view,
.reward-disabled text{color:#ccc !important;}
+124
View File
@@ -0,0 +1,124 @@
import _ from '../../../commons/js/commons';
import * as echarts from '../../../ecCanvas/components/ec-canvas/echarts';
let chartData;
function initChart(canvas, width, height, dpr) {
const chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr // new
});
canvas.setChart(chart);
let option = chartData
chart.setOption(option);
return chart;
}
Page({
data: {
imgUrl: _.config.imgUrl,//静态图片路径
tab_list:[
{
title:'近7日',
value:7,
},
{
title:'近30日',
value:30,
},
],
tabvalue:7,
},
onLoad: function (options) {
for (let key in options) {
this.setData({
[key]: options[key]
})
}
this.getdata()
},
//获取统计数据
getdata(){
chartData = {
legend: {
data: ['浏览', '报名', '成交'],
bottom:20,
left: 'center',
z: 100
},
grid: {
containLabel: true
},
tooltip: {
show: true,
trigger: 'axis'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
// show: false
},
yAxis: {
x: 'center',
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
},
// show: false
},
series: [
{
name: '浏览',
type: 'line',
smooth: true,
data: [18, 36, 65, 30, 78, 40, 33]
},
{
name: '报名',
type: 'line',
smooth: true,
data: [12, 50, 51, 35, 70, 30, 20]
},
{
name: '成交',
type: 'line',
smooth: true,
data: [10, 30, 31, 50, 40, 20, 10]
}
]
};
this.setData({
ec: {
onInit:initChart
}
})
},
//却换时间tab
changeTab(e){
this.setData({
tabvalue: e.currentTarget.dataset.value,
})
//this.getDxtPhoneBill()
},
//推送链接
pushLink(e) {
if(e.currentTarget.dataset.url){
_.$router.openUrlScheme(e.currentTarget.dataset.url)
}
},
//页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh: function () {
},
})
+6
View File
@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "推广与提现",
"usingComponents": {
"ec-canvas": "../../../ecCanvas/components/ec-canvas/ec-canvas"
}
}
+68
View File
@@ -0,0 +1,68 @@
<view class="container img-top-cover" style="background-image:url({{imgUrl}}distribute/zc-bg.jpg);">
<view class="inner30">
<view class="color-fff">
<view class="font-22">
<i class="iconfont icon-shujuweihu font-26"></i>
<text class="ml10">累计数据</text>
</view>
<view class="pt40 pb50 fn-flex fn-flex-between text-left">
<view>
<view class="font-40">19.00W</view>
<view class="font-28">浏览</view>
</view>
<view>
<view class="font-40">2345</view>
<view class="font-28">报名</view>
</view>
<view>
<view class="font-40">1875</view>
<view class="font-28">成交</view>
</view>
</view>
</view>
<view class="bg-fff inner30 box-shadow-000-10-10 ulib-r10">
<view class="font-22">
<i class="iconfont icon-car-fill font-26"></i>
<text class="ml10">推广车型</text>
</view>
<view class="fn-flex fn-flex-between pt20 pb10 text-left">
<view>
<view class="font-32">东风EX1</view>
<view class="font-22 color-999">车型</view>
</view>
<view>
<view class="font-32">4353</view>
<view class="font-22 color-999">报名</view>
</view>
<view>
<view class="font-32">265</view>
<view class="font-22 color-999">成交</view>
</view>
<view>
<view class="font-32">26.13W</view>
<view class="font-22 color-999">佣金</view>
</view>
</view>
</view>
</view>
<view class="mt10">
<view class="relative pl30 pr200 z-index-1">
<view class="font-22">
<i class="iconfont icon-qushi font-26"></i>
<text class="ml10">浏览情况趋势图</text>
</view>
<view class="absolute fn-flex right-0 mr30 box-middle space-nowrap font-20">
<block wx:for='{{tab_list}}' wx:key='index'>
<view class="fn-flex-item bg-fff pt10 pb10 pl20 pr20 {{tabvalue==item.value?'bg-f9394d color-fff':'bg-f6'}} {{index==0?'ulib-rl10':''}} {{index==tab_list.length-1?'ml-1 ulib-rr10':''}}" bindtap="changeTab" data-value="{{item.value}}">{{item.title}}</view>
</block>
</view>
</view>
<view class="echarts-con">
<ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec }}"></ec-canvas>
</view>
</view>
</view>
<lcb-footer></lcb-footer>
+21
View File
@@ -0,0 +1,21 @@
/* pages/distribute/statistics/index.wxss */
@import '../../../commons/css/custom/kefu.wxss';
.echarts-con {
position:relative;
top:-20px;
bottom: 0;
left: 0;
right: 0;
height:560rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
ec-canvas {
width: 100%;
height: 100%;
}