feat: 初始化
This commit is contained in:
George
72
pages/partner/components/myClient/index.scss
Normal file
72
pages/partner/components/myClient/index.scss
Normal file
@ -0,0 +1,72 @@
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.currentClient {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.clientDataWrapper {
|
||||
padding: 12px 4px 30px;
|
||||
display: flex;
|
||||
overflow-y: auto;
|
||||
.clientData {
|
||||
display: flex;
|
||||
column-gap: 10px;
|
||||
.clientDataItem {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
width: 145px;
|
||||
height: 129px;
|
||||
padding: 14px 16px 5px;
|
||||
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
|
||||
.title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.label {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: 700;
|
||||
color: #333333;
|
||||
}
|
||||
.value {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.bgIcon {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 5px;
|
||||
width: 114px;
|
||||
height: 65px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.searchWrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 8px;
|
||||
height: 34px;
|
||||
.filterButton {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 80px;
|
||||
height: 34px;
|
||||
color: #fff;
|
||||
background-color: rgba(41, 187, 228, 1);
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.rebate-setting-btn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
color: #fff;
|
||||
background-color: rgba(15, 54, 117, 1);
|
||||
white-space: nowrap;
|
||||
}
|
||||
87
pages/partner/components/myClient/index.vue
Normal file
87
pages/partner/components/myClient/index.vue
Normal file
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<view class="currentClient" >
|
||||
{{ $t('partner.myClient.currentClient') + (statCustomerData?Object.values(statCustomerData).reduce((a, b) => a + b, 0):0) + $t('common.unit.human') }}
|
||||
</view>
|
||||
<view class="clientDataWrapper">
|
||||
<view class="clientData">
|
||||
<view v-for="item in clientDataList" :key="item.dataIndex" class="clientDataItem">
|
||||
<view class="title">
|
||||
<view class="label">{{ item.title }}</view>
|
||||
<view class="value" :style="{ color: item.color }">
|
||||
{{ (statCustomerData[item.dataIndex] ?? '-') + $t('common.unit.human') }}
|
||||
<image :src="item.bgSrc" mode="aspectFit" class="bgIcon"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 100%;margin-bottom: 20upx;">
|
||||
<view class="rebate-setting-btn" @click="goFundSetting">
|
||||
<text class="filterText">{{ $t('ib.fundSetting') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<ReportTable url="/app/partners/queryMyAgentList" timeRangeStart="create_time_start" timeRangeEnd="create_time_end" :visible="visible" :showTimeRangeSelector="false">
|
||||
<template v-slot="{ showSearchDialog, searchFormData, handleSearch }">
|
||||
<view class="searchWrapper">
|
||||
<uni-easyinput primaryColor="#29BBE4" v-model="searchFormData.name" :placeholder="$t('ibTree.nameOrEmail')" />
|
||||
<view class="filterButton" @click="handleSearch">
|
||||
<text class="filterText">{{ $t('form.search') }}</text>
|
||||
</view>
|
||||
<image src="/static/partner/ibTree.png" mode="aspectFit" style="width: 21px; height: 21px" @click="navigateToIbTree"></image>
|
||||
</view>
|
||||
</template>
|
||||
</ReportTable>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ReportTable from '@/pages/components/reportTable/index.vue';
|
||||
import { getstatCustomerNum } from '@/services/partner/myClient.ts';
|
||||
export default {
|
||||
name: 'MyClient',
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
statCustomerData: {},
|
||||
clientDataList: [
|
||||
{ title: this.$t('partner.myClient.ibClient'), dataIndex: 'zs_ib_num', color: '#25BAE4', bgSrc: '/static/partner/blueLine.svg' },
|
||||
{ title: this.$t('partner.myClient.directClient'), dataIndex: 'zs_kh_num', color: '#0F3675', bgSrc: '/static/partner/darkBlueLine.svg' },
|
||||
{ title: this.$t('partner.myClient.indirectCustomer'), dataIndex: 'jj_kh_num', color: '#ABCF37', bgSrc: '/static/partner/greenLine.svg' }
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async getstatCustomerData() {
|
||||
const res = await getstatCustomerNum();
|
||||
if (res && res.code === 0) {
|
||||
this.statCustomerData = res.data;
|
||||
}
|
||||
},
|
||||
navigateToIbTree() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/partner/ibTree/index'
|
||||
});
|
||||
},
|
||||
goFundSetting() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/partner/rebateSetting/index'
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getstatCustomerData();
|
||||
},
|
||||
components: { ReportTable }
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './index.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user