angelo
/
web-base-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'lx-dev' of 47.94.45.65:angelo/web-base-h5 into lx-test

This commit is contained in:
woody 2025-09-16 10:21:32 +08:00
parent e43e4c98b2 26f9284405
commit 4f558fdcf1
1 changed files with 276 additions and 269 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

545
components/distribution/performanceDistribution.vue
View File

@ -1,300 +1,307 @@
<template> <template>
<view class="width-auto"> <view class="width-auto">
<view class="flexs"> <view class="flexs">
<view class="select-flexs"> <view class="select-flexs">
<picker :range="selYearList" :value="index" range-key="label" @change="changeYear"> <picker
<view style="display: flex; align-items: center;justify-content: space-between;"> :range="selYearList"
<view style="margin-right:40rpx;">{{whatYear}}年</view> :value="index"
<u-icon name="arrow-down" color="#999"></u-icon> range-key="label"
</view> @change="changeYear"
>
</picker> <view
style="
</view> display: flex;
<view class="select-flexs"> align-items: center;
<picker :range="selMounthList" :value="index" range-key="label" @change="bindPickerChange"> justify-content: space-between;
<view style="display: flex; align-items: center;justify-content: space-between;"> "
<view style="margin-right:40rpx;">{{whatMounth}}月</view> >
<u-icon name="arrow-down" color="#999"></u-icon> <view style="margin-right: 40rpx">{{ whatYear }}年</view>
</view> <u-icon name="arrow-down" color="#999"></u-icon>
</view>
</picker> </picker>
</view>
</view> <view class="select-flexs">
<view class="select-flexs" style="margin-left: 20rpx;" @click="showType=true"> <picker
:range="selMounthList"
:value="index"
range-key="label"
@change="bindPickerChange"
>
<view
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<view style="margin-right: 40rpx">{{ whatMounth }}月</view>
<u-icon name="arrow-down" color="#999"></u-icon>
</view>
</picker>
</view>
<!-- <view class="select-flexs" style="margin-left: 20rpx;" @click="showType=true">
<view style="display: flex; align-items: center;justify-content: space-between;"> <view style="display: flex; align-items: center;justify-content: space-between;">
<view style="margin-right:40rpx;">{{yjName}}</view> <view style="margin-right:40rpx;">{{yjName}}</view>
<u-icon name="arrow-down" color="#999"></u-icon> <u-icon name="arrow-down" color="#999"></u-icon>
</view> </view>
<!-- <picker :range="yjTypeList" :value="index2" range-key="label" @confirm="bindType"></picker> -->
<u-picker @cancel='showType=false' :show="showType" ref="uPicker" :columns="yjTypeList" <u-picker @cancel='showType=false' :show="showType" ref="uPicker" :columns="yjTypeList"
@confirm="bindType" keyName='label'></u-picker> @confirm="bindType" keyName='label'></u-picker>
</view> </view> -->
<!-- <view class="title"> <!-- <view class="title">
导出明细 导出明细
</view> --> </view> -->
</view> </view>
<view class="listrefor bg2"> <view class="listrefor bg2">
<view class="flex_item">
<view class="text1">左区业绩</view>
<view class="text2">{{ achieveData.leftAchieve || 0 }}</view>
</view>
<view class="flex_item" style="cursor: pointer" @click="goDetail(1)">
<view class="text1">左区血缘业绩</view>
<view class="text2">{{ achieveData.leftDirectAchieve || 0 }}</view>
</view>
<view class="flex_item">
<view class="text1">左区人数</view>
<view class="text2">{{ achieveData.leftCoun || 0 }}</view>
</view>
</view>
<view class="flex_item"> <view class="listrefor bg3">
<view class="text1">左区业绩</view> <view>
<view class="text2">{{ achieveData.leftAchieve || 0 }}</view> <view class="text1">血缘业绩</view>
</view> <view class="text2">{{ achieveData.directAchieve || 0 }}</view>
<view class="flex_item" style="cursor: pointer;" @click="goDetail(1)"> </view>
<view class="text1">左区血缘业绩</view> </view>
<view class="text2">{{ achieveData.leftDirectAchieve || 0 }}</view> <view class="listrefor bg2">
</view> <view class="flex_item">
<view class="flex_item"> <view class="text1">右区业绩</view>
<view class="text1">左区人数</view> <view class="text2">{{ achieveData.rightAchieve || 0 }}</view>
<view class="text2">{{ achieveData.leftCoun || 0 }}</view> </view>
</view>
</view>
<view class="listrefor bg3">
<view>
<view class="text1">血缘业绩</view>
<view class="text2">{{ achieveData.directAchieve || 0 }}</view>
</view>
</view>
<view class="listrefor bg2">
<view class="flex_item">
<view class="text1">右区业绩</view>
<view class="text2">{{ achieveData.rightAchieve || 0 }}</view>
</view>
<view class="flex_item" style="cursor: pointer;" @click="goDetail(2)">
<view class="text1">右区血缘业绩</view>
<view class="text2">{{ achieveData.rightDirectAchieve || 0 }}</view>
</view>
<view class="flex_item">
<view class="text1">右区人数</view>
<view class="text2">{{ achieveData.rightCount || 0 }}</view>
</view>
</view>
</view>
<view class="flex_item" style="cursor: pointer" @click="goDetail(2)">
<view class="text1">右区血缘业绩</view>
<view class="text2">{{ achieveData.rightDirectAchieve || 0 }}</view>
</view>
<view class="flex_item">
<view class="text1">右区人数</view>
<view class="text2">{{ achieveData.rightCount || 0 }}</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
import { import { getPlaceNewAddAchieve, getYjList } from '@/config/distribute.js'
getPlaceNewAddAchieve, export default {
getYjList data() {
} from "@/config/distribute.js"; return {
export default { index: 0,
show: false,
data() { achieveData: {},
return {
index: 0,
show: false,
achieveData: {},
whatMounth: '', whatMounth: '',
yjType: 1, yjType: 1,
yjName: "全部", yjName: '全部',
showType: false, showType: false,
selMounthList: [], selMounthList: [],
yjTypeList: [], yjTypeList: [],
yearShow:false, yearShow: false,
whatYear:"", whatYear: '',
selYearList:[{ selYearList: [
value: 0, {
label: new Date().getFullYear()-1, value: 0,
},{ label: new Date().getFullYear() - 1,
value: 1, },
label: new Date().getFullYear(), {
}], value: 1,
mounthList: [{ label: new Date().getFullYear(),
value: 1, },
label: 1 + '月', ],
}, mounthList: [
{ {
value: 2, value: 1,
label: 2 + '月', label: 1 + '月',
}, },
{ {
value: 3, value: 2,
label: 3 + '月', label: 2 + '月',
}, },
{ {
value: 4, value: 3,
label: 4 + '月', label: 3 + '月',
}, },
{ {
value: 5, value: 4,
label: 5 + '月', label: 4 + '月',
}, },
{ {
value: 6, value: 5,
label: 6 + '月', label: 5 + '月',
}, },
{ {
value: 7, value: 6,
label: 7 + '月', label: 6 + '月',
}, },
{ {
value: 8, value: 7,
label: 8 + '月', label: 7 + '月',
}, },
{ {
value: 9, value: 8,
label: 9 + '月', label: 8 + '月',
}, },
{ {
value: 10, value: 9,
label: 10 + '月', label: 9 + '月',
}, },
{ {
value: 11, value: 10,
label: 11 + '月', label: 10 + '月',
}, },
{ {
value: 12, value: 11,
label: 12 + '月' label: 11 + '月',
}, },
], {
} value: 12,
}, label: 12 + '月',
created() { },
],
this.getMounth() }
this.getYjList() },
setTimeout(() => { created() {
this.getPlaceNewAddAchieve() this.getMounth()
}, 50) this.getYjList()
}, setTimeout(() => {
methods: { this.getPlaceNewAddAchieve()
}, 50)
goDetail(index) { },
uni.navigateTo({ methods: {
url:'/pages/performanceEchart/index?ifDetail='+index goDetail(index) {
}) uni.navigateTo({
}, url: '/pages/performanceEchart/index?ifDetail=' + index,
getYjList() { })
getYjList().then(res => { },
this.yjTypeList = [res.data] getYjList() {
}) getYjList().then(res => {
}, this.yjTypeList = [res.data]
changeYear(e){ })
this.whatYear = this.selYearList[e.detail.value].label },
this.getPlaceNewAddAchieve() changeYear(e) {
}, this.whatYear = this.selYearList[e.detail.value].label
bindPickerChange(e) { this.getPlaceNewAddAchieve()
this.whatMounth = e.detail.value + 1 },
this.getPlaceNewAddAchieve() bindPickerChange(e) {
}, this.whatMounth = e.detail.value + 1
bindType(e) { this.getPlaceNewAddAchieve()
this.yjType = e.value[0].value },
this.yjName = e.value[0].label bindType(e) {
this.showType = false this.yjType = e.value[0].value
this.getPlaceNewAddAchieve() this.yjName = e.value[0].label
}, this.showType = false
// 获取当前年/月 this.getPlaceNewAddAchieve()
getMounth() { },
this.whatMounth = new Date().getMonth() + 1 // 获取当前年/月
let selMounth = [] getMounth() {
this.mounthList.forEach((item) => { this.whatMounth = new Date().getMonth() + 1
// if (item.value <= this.whatMounth) { let selMounth = []
// selMounth.push(item) this.mounthList.forEach(item => {
// } // if (item.value <= this.whatMounth) {
selMounth.push(item) // selMounth.push(item)
}) // }
this.selMounthList = selMounth selMounth.push(item)
this.whatYear = new Date().getFullYear() })
this.selMounthList = selMounth
}, this.whatYear = new Date().getFullYear()
getPlaceNewAddAchieve() { },
getPlaceNewAddAchieve({ getPlaceNewAddAchieve() {
monthType: this.whatMounth, getPlaceNewAddAchieve({
achievementType: this.yjType, monthType: this.whatMounth,
year:this.whatYear achievementType: this.yjType,
}).then((res) => { year: this.whatYear,
this.achieveData = res.data; }).then(res => {
}); this.achieveData = res.data
} })
},
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .uni-picker { ::v-deep .uni-picker {
width: 100%; width: 100%;
} }
.select-flexs { .select-flexs {
border: 1rpx solid #eeeeee;
border-radius: 15rpx;
// width: 232rpx;
padding: 20rpx 19rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
border: 1rpx solid #EEEEEE; .flexs {
border-radius: 15rpx; display: flex;
// width: 232rpx; // justify-content: space-between;
padding: 20rpx 19rpx; border-radius: 30rpx 30rpx 0 0;
display: flex; background-color: #fff;
align-items: center; }
justify-content: space-between;
}
.flexs { .title {
display: flex; padding: 10rpx 0;
// justify-content: space-between; margin-top: 10rpx;
border-radius: 30rpx 30rpx 0 0; }
background-color: #fff;
}
.title { .width-auto {
padding: 10rpx 0; background-color: #fff;
margin-top: 10rpx; padding: 0 22rpx;
} width: 690rpx;
margin: 0 auto;
padding-bottom: 20rpx;
}
.width-auto { .listrefor {
background-color: #fff; color: #ffffff;
padding: 0 22rpx; border-radius: 10rpx;
width: 690rpx; padding: 32rpx 21rpx;
margin: 0 auto; margin-top: 25rpx;
padding-bottom: 20rpx; display: flex;
} justify-content: space-between;
.listrefor { .flex_item:nth-child(1) {
color: #FFFFFF; width: 40%;
border-radius: 10rpx; }
padding: 32rpx 21rpx;
margin-top: 25rpx;
display: flex;
justify-content: space-between;
.flex_item:nth-child(1) { .flex_item:nth-child(2) {
width: 40%; width: 35%;
} }
.flex_item:nth-child(2) { .flex_item:nth-child(3) {
width: 35%; width: 25%;
} }
.flex_item:nth-child(3) { .text1 {
width: 25%; font-size: 28rpx;
} }
.text1 { .text2 {
font-size: 28rpx; font-size: 30rpx;
} font-weight: bold;
margin-top: 30rpx;
}
}
.text2 { .bg1 {
font-size: 30rpx; background: linear-gradient(180deg, #fc7c7c 0%, #f65757 100%);
font-weight: bold; }
margin-top: 30rpx;
}
}
.bg1 { .bg2 {
background: linear-gradient(180deg, #FC7C7C 0%, #F65757 100%); background: linear-gradient(180deg, #ff9354 0%, #ff7f36 100%);
} }
.bg2 { .bg3 {
background: linear-gradient(180deg, #FF9354 0%, #FF7F36 100%); background: linear-gradient(180deg, #677af9 0%, #697bf2 100%);
} }
</style>
.bg3 {
background: linear-gradient(180deg, #677AF9 0%, #697BF2 100%);
}
</style>