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

543
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,
achieveData: {},
data() { whatMounth: '',
return { yjType: 1,
index: 0, yjName: '全部',
show: false, showType: false,
achieveData: {}, selMounthList: [],
yjTypeList: [],
whatMounth: '', yearShow: false,
yjType: 1, whatYear: '',
yjName: "全部", selYearList: [
showType: false, {
selMounthList: [], value: 0,
yjTypeList: [], label: new Date().getFullYear() - 1,
yearShow:false, },
whatYear:"", {
selYearList:[{ value: 1,
value: 0, label: new Date().getFullYear(),
label: new Date().getFullYear()-1, },
},{ ],
value: 1, mounthList: [
label: new Date().getFullYear(), {
}], value: 1,
mounthList: [{ label: 1 + '月',
value: 1, },
label: 1 + '月', {
}, value: 2,
{ label: 2 + '月',
value: 2, },
label: 2 + '月', {
}, value: 3,
{ label: 3 + '月',
value: 3, },
label: 3 + '月', {
}, value: 4,
{ label: 4 + '月',
value: 4, },
label: 4 + '月', {
}, value: 5,
{ label: 5 + '月',
value: 5, },
label: 5 + '月', {
}, value: 6,
{ label: 6 + '月',
value: 6, },
label: 6 + '月', {
}, value: 7,
{ label: 7 + '月',
value: 7, },
label: 7 + '月', {
}, value: 8,
{ label: 8 + '月',
value: 8, },
label: 8 + '月', {
}, value: 9,
{ label: 9 + '月',
value: 9, },
label: 9 + '月', {
}, value: 10,
{ label: 10 + '月',
value: 10, },
label: 10 + '月', {
}, value: 11,
{ label: 11 + '月',
value: 11, },
label: 11 + '月', {
}, value: 12,
{ label: 12 + '月',
value: 12, },
label: 12 + '月' ],
}, }
], },
} created() {
}, this.getMounth()
created() { this.getYjList()
setTimeout(() => {
this.getMounth() this.getPlaceNewAddAchieve()
this.getYjList() }, 50)
setTimeout(() => { },
this.getPlaceNewAddAchieve() methods: {
}, 50) goDetail(index) {
}, uni.navigateTo({
methods: { url: '/pages/performanceEchart/index?ifDetail=' + index,
})
goDetail(index) { },
uni.navigateTo({ getYjList() {
url:'/pages/performanceEchart/index?ifDetail='+index getYjList().then(res => {
}) this.yjTypeList = [res.data]
}, })
getYjList() { },
getYjList().then(res => { changeYear(e) {
this.yjTypeList = [res.data] this.whatYear = this.selYearList[e.detail.value].label
}) this.getPlaceNewAddAchieve()
}, },
changeYear(e){ bindPickerChange(e) {
this.whatYear = this.selYearList[e.detail.value].label this.whatMounth = e.detail.value + 1
this.getPlaceNewAddAchieve() this.getPlaceNewAddAchieve()
}, },
bindPickerChange(e) { bindType(e) {
this.whatMounth = e.detail.value + 1 this.yjType = e.value[0].value
this.getPlaceNewAddAchieve() this.yjName = e.value[0].label
}, this.showType = false
bindType(e) { this.getPlaceNewAddAchieve()
this.yjType = e.value[0].value },
this.yjName = e.value[0].label // 获取当前年/月
this.showType = false getMounth() {
this.getPlaceNewAddAchieve() this.whatMounth = new Date().getMonth() + 1
}, let selMounth = []
// 获取当前年/月 this.mounthList.forEach(item => {
getMounth() { // if (item.value <= this.whatMounth) {
this.whatMounth = new Date().getMonth() + 1 // selMounth.push(item)
let selMounth = [] // }
this.mounthList.forEach((item) => { selMounth.push(item)
// if (item.value <= this.whatMounth) { })
// selMounth.push(item) this.selMounthList = selMounth
// } this.whatYear = new Date().getFullYear()
selMounth.push(item) },
}) getPlaceNewAddAchieve() {
this.selMounthList = selMounth getPlaceNewAddAchieve({
this.whatYear = new Date().getFullYear() monthType: this.whatMounth,
achievementType: this.yjType,
}, year: this.whatYear,
getPlaceNewAddAchieve() { }).then(res => {
getPlaceNewAddAchieve({ this.achieveData = res.data
monthType: this.whatMounth, })
achievementType: this.yjType, },
year:this.whatYear },
}).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%);
} }
.bg3 {
background: linear-gradient(180deg, #677AF9 0%, #697BF2 100%);
}
</style> </style>