Skip to content

7
7-Eleven
Commit 5a8d2fec by 高淑倩
Options

销售任务详情

parent 1425ec2b
Showing with 134 additions and 142 deletions
src/project.config.json
......@@ -39,7 +39,7 @@
"list": []
},
"miniprogram": {
"current": -1,
"current": 50,
"list": [
{
"id": -1,
......@@ -375,10 +375,11 @@
"scene": null
},
{
"id": -1,
"id": 50,
"name": "销售任务详情",
"pathName": "shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo",
"query": ""
"query": "id=636200872266829824&type=1",
"scene": null
},
{
"id": -1,
......
src/shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.js
// shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.js
const wxService = require('../../../../utils/wxService')
wxService.page({
/**
* 页面的初始数据
*/
data: {
navBar: [{ name: '线上订单', type: 1, isActive: true }, { name: '线下订单', type: 2, isActive: false }],
current: 1
current: 1,
saleDetail: null
},
/**
......@@ -35,12 +35,13 @@ wxService.page({
const { result, data } = res.data
if (result == 0) {
wx.hideLoading()
// data && data.skuVOList.forEach(item=>{
// item.checked = false
// })
// this.setData({
// cartList: data && data.skuVOList || []
// })
let curStart = new Date(data.task.startTime)
let curEnd = new Date(data.task.endTime)
data.task.startTime = `${curStart.getMonth()}月${curStart.getDay()}日`
data.task.endTime = `${curEnd.getMonth()}月${curEnd.getDay()}日`
this.setData({
saleDetail: data || {}
})
}
}
})
......
src/shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxml
<!--shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxml-->
<view class='task-info-top-container'>
<view class='info-container'>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/kpi_task_time.png' mode='widthFix'></image>
<text>9月1日～10月1日</text>
</view>
<view class='rg'>活动说明?</view>
</view>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/kpi_task_name.png' mode='widthFix'></image>
<text class='bolder'>当月招募任务</text>
</view>
</view>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/award.png' mode='widthFix'></image>
<text class='bolder'>员工内部券*1，导购币100</text>
</view>
</view>
<view class='info-container'>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/kpi_task_time.png' mode='widthFix' />
<text>{{saleDetail.task.startTime}}～{{saleDetail.task.endTime}}</text>
</view>
<view class='rg'>活动说明?</view>
</view>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/kpi_task_name.png' mode='widthFix' />
<text class='bolder'>{{saleDetail.task.name}}</text>
</view>
</view>
<view class='info-item'>
<view class='lf'>
<image src='/assets/imgs/shoppingGuide/award.png' mode='widthFix' />
<text class='bolder'>{{saleDetail.task.remark}}</text>
</view>
</view>
<!-- line -->
<view class='line'></view>
<!-- info-data -->
<view class='month'>
<view class='month-data'>
<view class='data-item'>
<text class='data-item-title'>当前完成（人）</text>
<text class='data-item-number'>113</text>
</view>
<view class='data-item'>
<text class='data-item-title'>当周目标（人）</text>
<text class='data-item-number'>100</text>
</view>
<view class='data-item'>
<text class='data-item-title'>完成率</text>
<text class='data-item-number'>100%</text>
</view>
</view>
</view>
</view>
<!-- line -->
<view class='line' />
<!-- info-data -->
<view class='month'>
<view class='month-data'>
<view class='data-item'>
<text class='data-item-title'>当前完成（人）</text>
<text class='data-item-number'>{{saleDetail.achieve}}</text>
</view>
<view class='data-item'>
<text class='data-item-title'>当周目标（人）</text>
<text class='data-item-number'>{{saleDetail.task.target}}</text>
</view>
<view class='data-item'>
<text class='data-item-title'>完成率</text>
<text class='data-item-number'>{{saleDetail.rate}}</text>
</view>
</view>
</view>
</view>
</view>
<!-- 订单筛选 -->
<view class='order-filter'>
<view
class='filter-item {{item.isActive ? "active" : ""}}'
wx:for="{{navBar}}"
wx:key="topbar"
wx:for-index="idx"
bindtap='onTopBarTap'
data-index="{{idx}}"
data-item="{{item}}"
wx:for-item="item">{{item.name}}</view>
<view
class='filter-item {{item.isActive ? "active" : ""}}'
wx:for="{{navBar}}"
wx:key="topbar"
wx:for-index="idx"
bindtap='onTopBarTap'
data-index="{{idx}}"
data-item="{{item}}"
wx:for-item="item"
>{{item.name}}
</view>
</view>
<!-- 线上订单 -->
<view class='list online-order' wx:if="{{current == 1}}">
<view class='order-item'>
<view class='order-status'>
<text>订单号 7878327513490</text>
<text>待付款</text>
</view>
<view class='products-list'>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg'></image>
</view>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg'></image>
</view>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg'></image>
</view>
</view>
<view class='order-pro-info'>
<label>共5件商品</label>
<view>
实付 <label class='theme-text-color bolder'>￥385</label>
</view>
</view>
</view>
<view class='order-item'>
<view class='order-status'>
<text>订单号 7878327513490</text>
<text>待付款</text>
</view>
<view class='products-list'>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg'></image>
</view>
</view>
<view class='order-pro-info'>
<label>共5件商品</label>
<view>
实付 <label class='theme-text-color bolder'>￥385</label>
</view>
</view>
</view>
<view wx:if="{{saleDetail.order.length}}">
<block wx:for="{{saleDetail.order}}">
<view class='order-item'>
<view class='order-status'>
<text>订单号 7878327513490</text>
<text>待付款</text>
</view>
<view class='products-list'>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg' />
</view>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg' />
</view>
<view class='pro-item'>
<image mode='aspectFit' src='https://bigaka-xie.oss-cn-shanghai.aliyuncs.com/1571636466%281%29.jpg' />
</view>
</view>
<view class='order-pro-info'>
<label>共5件商品</label>
<view>
实付
<label class='theme-text-color bolder'>￥385</label>
</view>
</view>
</view>
</block>
</view>
<view wx:else class='order-item no-order'>暂无订单</view>
</view>
<!-- 线下订单 -->
<view class='list offline-order' wx:if="{{current == 2}}">
<!-- -->
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付 <text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付 <text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
<!-- -->
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付
<text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付 <text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付
<text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
<view class='offline-order-item'>
<view class='items'>
<label>上海-张江高科店</label>
<view>
实付
<text class='theme-text-color bolder'>￥380 </text>
</view>
</view>
<view class='items'>
<text>消费时间 2019/09/09</text>
</view>
</view>
</view>
src/shoppingGuid/page/pages/saleTaskInfo/saleTaskInfo.wxss
......@@ -6,7 +6,9 @@ page{
font-size: 28rpx;
color: #333333;
}
.no-order {
text-align: center;
}
view{
box-sizing: border-box;
-webkit-box-sizing: border-box;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment