php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat(market): 添加销售端首页功能 

- 新增 xsIndex 方法获取销售首页数据
- 在页面中显示目标、预测、成交等业绩信息
- 动态显示待领取、待释放、待协作等数据
- 优化页面布局和样式
master
liutong 12 months ago
parent
f86a61b327
commit
e027c6e3ee
2 changed files with 87 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      api/market.js
  2. 98
      pages/market/index/index.vue

8
api/market.js
View File

@ -133,6 +133,14 @@ export default {
}) })
}, },
//销售端首页
xsIndex(data = {}) {
let url = '/member/xs_index'
return http.get(url, data).then(res => {
return res;
})
},

98
pages/market/index/index.vue
View File

@ -24,7 +24,7 @@
</view> </view>
<view class="title-x">目标</view> <view class="title-x">目标</view>
</view> </view>
<view class="title-x1">50.000元</view> <view class="title-x1">{{infoData.goal}}元</view>
</view> </view>
<view> <view>
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
@ -33,7 +33,7 @@
</view> </view>
<view class="title-x">预测</view> <view class="title-x">预测</view>
</view> </view>
<view class="title-x1">50.000元</view> <view class="title-x1">{{infoData.yc_yj}}元</view>
</view> </view>
<view> <view>
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
@ -42,37 +42,39 @@
</view> </view>
<view class="title-x">成交</view> <view class="title-x">成交</view>
</view> </view>
<view class="title-x1">50.000元</view> <view class="title-x1">{{infoData.cj_yj}}元</view>
</view> </view>
<view> <!-- <view>-->
<view style="display: flex;align-items: center;"> <!-- <view style="display: flex;align-items: center;">-->
<view style="padding: 12rpx;"> <!-- <view style="padding: 12rpx;">-->
<image src="@/static/images/index/lan.png" class="drop-image-x"></image> <!-- <image src="@/static/images/index/lan.png" class="drop-image-x"></image>-->
</view> <!-- </view>-->
<view class="title-x">定金</view> <!-- <view class="title-x">定金</view>-->
</view> <!-- </view>-->
<view class="title-x1">50.000元</view> <!-- <view class="title-x1">50.000元</view>-->
<!-- </view>-->
</view> </view>
</view> <!-- 目标-->
<view class="right1"> <view class="right1">
<view style="text-align: center;">08月01日-08月30日</view> <view style="text-align: center;">08月01日-08月30日</view>
<view style="width: 100%;height: 80%;padding: 12rpx;"> <view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 100%</view> <view style="padding: 10rpx;">目标 100%</view>
<fui-progress :percent="100" background="#ddd" activeColor="#FFB703" height="20"></fui-progress> <fui-progress :percent="100" background="#ddd" activeColor="#FFB703" height="20"></fui-progress>
</view> </view>
<!-- 预测-->
<view style="width: 100%;height: 80%;padding: 12rpx;"> <view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 1%</view> <view style="padding: 10rpx;">目标 1%</view>
<fui-progress :percent="1" background="#ddd" activeColor="#039f64" height="20"></fui-progress> <fui-progress :percent="1" background="#ddd" activeColor="#039f64" height="20"></fui-progress>
</view> </view>
<!-- 成交-->
<view style="width: 100%;height: 80%;padding: 12rpx;"> <view style="width: 100%;height: 80%;padding: 12rpx;">
<view style="padding: 10rpx;">目标 20%</view> <view style="padding: 10rpx;">目标 20%</view>
<fui-progress :percent="20" background="#ddd" activeColor="#4066f2" height="20"></fui-progress> <fui-progress :percent="20" background="#ddd" activeColor="#4066f2" height="20"></fui-progress>
</view> </view>
<view style="width: 100%;height: 80%;padding: 12rpx;"> <!-- <view style="width: 100%;height: 80%;padding: 12rpx;">-->
<view style="padding: 10rpx;">目标 8%</view> <!-- <view style="padding: 10rpx;">目标 8%</view>-->
<fui-progress :percent="8" background="#ddd" activeColor="#3b8bd1" height="20"></fui-progress> <!-- <fui-progress :percent="8" background="#ddd" activeColor="#3b8bd1" height="20"></fui-progress>-->
</view> <!-- </view>-->
</view> </view>
</view> </view>
@ -85,6 +87,7 @@
</view> </view>
<view class="title">本月业绩</view> <view class="title">本月业绩</view>
</view> </view>
<view class="coach-message"> <view class="coach-message">
<view class="this_month"> <view class="this_month">
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;"> <view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
@ -102,9 +105,9 @@
<view style="padding: 12rpx;"> <view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image> <image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view> </view>
<view class="title-x">待联系</view> <view class="title-x">待领取</view>
</view> </view>
<view class="title-x1">50个</view> <view class="title-x1">{{infoData.dlq}}个</view>
</view> </view>
</view> </view>
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;"> <view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
@ -115,28 +118,31 @@
</view> </view>
<view class="title-x">待释放</view> <view class="title-x">待释放</view>
</view> </view>
<view class="title-x1">50个</view> <view class="title-x1">{{infoData.dsf}}个</view>
</view> </view>
<!-- <view style="width: 48%;">-->
<!-- <view style="display: flex;align-items: center;">-->
<!-- <view style="padding: 12rpx;">-->
<!-- <image src="@/static/images/index/danlv.png" class="drop-image-x"></image>-->
<!-- </view>-->
<!-- <view class="title-x">合同审核中</view>-->
<!-- </view>-->
<!-- <view class="title-x1">50个</view>-->
<!-- </view>-->
<view style="width: 48%;"> <view style="width: 48%;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="padding: 12rpx;"> <view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image> <image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view> </view>
<view class="title-x">合同审核中</view> <view class="title-x">待协作</view>
</view> </view>
<view class="title-x1">50个</view> <view class="title-x1">{{infoData.dxz}}个</view>
</view> </view>
</view> </view>
<view style="padding: 20rpx 0;display: flex;justify-content: space-between;"> <view style="padding: 20rpx 0;display: flex;justify-content: space-between;">
<view style="width: 48%;">
<view style="display: flex;align-items: center;">
<view style="padding: 12rpx;">
<image src="@/static/images/index/danlv.png" class="drop-image-x"></image>
</view>
<view class="title-x">待协作</view>
</view>
<view class="title-x1">50个</view>
</view>
<view style="width: 48%;"> <view style="width: 48%;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view style="padding: 12rpx;"> <view style="padding: 12rpx;">
@ -144,7 +150,7 @@
</view> </view>
<view class="title-x">消息</view> <view class="title-x">消息</view>
</view> </view>
<view class="title-x1">50个</view> <view class="title-x1">{{infoData.xx}}个</view>
</view> </view>
</view> </view>
</view> </view>
@ -156,20 +162,42 @@
</template> </template>
<script> <script>
import AQTabber from "@/components/AQ/AQTabber.vue" import marketApi from '@/api/market.js';
export default {
import AQTabber from "@/components/AQ/AQTabber.vue"
export default {
components: { components: {
AQTabber, AQTabber,
}, },
data() { data() {
return { return {
infoData:{},//详情
} }
}, },
onShow() {
this.init()
},
methods: { methods: {
async init() {
this.getXsIndex()
},
//获取销售首页详情
async getXsIndex() {
let res = await marketApi.xsIndex({})
if (res.code != 1) {
uni.showToast({
title: res.msg,
icon: 'none'
})
return
} }
this.infoData = res.data
},
} }
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

Write Preview
Loading…
Cancel
Save