|
|
@@ -0,0 +1,702 @@
|
|
|
+<template>
|
|
|
+ <view class="page">
|
|
|
+ <public-module></public-module>
|
|
|
+ <view class="header dis f-c">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="timeShortcut dis a-c j-s">
|
|
|
+ <text v-for="(item,index) in queryTimeTypeArray" :key="index"
|
|
|
+ :class="item==queryTimeTypeIndex? 'active':''" @click="bindPickerChange(item)">{{item}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="timeShortcut1 dis a-c j-s">
|
|
|
+ <text>{{startdate}}</text>
|
|
|
+ <text>-</text>
|
|
|
+ <text>{{enddate}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="myPerformance dis f-c a-start j-s">
|
|
|
+ <image src="../../../static/image/team/tjicon.png" mode=""></image>
|
|
|
+ <view class="title dis a-c">
|
|
|
+ <text class="font-weight">我的业绩</text>
|
|
|
+ <view class="interaction ml-1 dis ">
|
|
|
+ <text>详情 </text>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="20"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="data dis a-c j-s" v-for="(item,index) in userPolicyList2" :key="index">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="listTab ">
|
|
|
+ <u-tabs class="tabclass" :list="arrdata" :is-scroll="false" :current="teamTabIndex"
|
|
|
+ @change="arrchange"></u-tabs>
|
|
|
+ <view class="dis a-c j-s sum">
|
|
|
+ <view v-for="(item,index) in arrdata" :key="index">{{item.teamnum}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="summary dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>28</text>
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>报价次数</text>
|
|
|
+ <image src="../../../static/image/team/baojia.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>28</text>
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>核保笔数</text>
|
|
|
+ <image src="../../../static/image/team/hebao.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>28</text>
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>出单笔数</text>
|
|
|
+ <image src="../../../static/image/team/chudan.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>28</text>
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text>签单保费</text>
|
|
|
+ <image src="../../../static/image/team/baofei.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="dataOver">
|
|
|
+ <view class="team_members-data" v-if="teamTabIndex==0" v-for="(item,index) in userPolicyList1" :key="index">
|
|
|
+ <view class="basicInfo" @click="toTeamMember('userPolicyList1',index)">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text
|
|
|
+ style=" font-size: 14px;color: #333;font-weight: bold;width: 45px;">{{item.username}}</text>
|
|
|
+ <image
|
|
|
+ :src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text class="phone">联系方式：33333333333333333</text>
|
|
|
+ </view>
|
|
|
+ <view class="basicInformation dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="team_members-data" v-if="teamTabIndex==1" v-for="(item,index) in userPolicyList3" :key="index">
|
|
|
+ <view class="basicInfo" @click="toTeamMember('userPolicyList3',index)">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text
|
|
|
+ style=" font-size: 14px;color: #333;font-weight: bold;width: 45px;">{{item.username}}</text>
|
|
|
+ <image
|
|
|
+ :src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text class="phone">联系方式：33333333333333333</text>
|
|
|
+ </view>
|
|
|
+ <view class="basicInformation dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="team_members-data" v-if="teamTabIndex==2" v-for="(item,index) in userPolicyList4" :key="index">
|
|
|
+ <view class="basicInfo" @click="toTeamMember('userPolicyList4',index)">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text
|
|
|
+ style=" font-size: 14px;color: #333;font-weight: bold;width: 45px;">{{item.username}}</text>
|
|
|
+ <image
|
|
|
+ :src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text class="phone">联系方式：33333333333333333</text>
|
|
|
+ </view>
|
|
|
+ <view class="basicInformation dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="team_members-data" v-if="teamTabIndex==3" v-for="(item,index) in userPolicyList5" :key="index">
|
|
|
+ <view class="basicInfo" @click="toTeamMember('userPolicyList5',index)">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text
|
|
|
+ style=" font-size: 14px;color: #333;font-weight: bold;width: 45px;">{{item.username}}</text>
|
|
|
+ <image
|
|
|
+ :src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text class="phone">联系方式：33333333333333333</text>
|
|
|
+ </view>
|
|
|
+ <view class="basicInformation dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="team_members-data" v-if="teamTabIndex==4" v-for="(item,index) in userPolicyList6" :key="index">
|
|
|
+ <view class="basicInfo" @click="toTeamMember('userPolicyList6',index)">
|
|
|
+ <view class="dis a-c j-s">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <text
|
|
|
+ style=" font-size: 14px;color: #333;font-weight: bold;width: 45px;">{{item.username}}</text>
|
|
|
+ <image
|
|
|
+ :src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" color="#999" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text class="phone">联系方式：33333333333333333</text>
|
|
|
+ </view>
|
|
|
+ <view class="basicInformation dis a-c j-s">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.bjpolicynum}}</text>
|
|
|
+ <text>报价次数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.policynum}}</text>
|
|
|
+ <text>核保笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.ordernum}}</text>
|
|
|
+ <text>出单笔数</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{item.sumpremium}}</text>
|
|
|
+ <text>签单保费</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-picker v-model="startshow" mode="time" :params="params" @confirm="startconfirm"></u-picker>
|
|
|
+ <u-picker v-model="endshow" mode="time" :params="params" @confirm="endconfirm"></u-picker>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from "vuex";
|
|
|
+ import MxDatePicker from "@/components/modules/tools/team/mx-datepicker/mx-datepicker.vue";
|
|
|
+ import SwiperTab from "@/components/modules/tools/team/swiper-tab.vue";
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ SwiperTab,
|
|
|
+ MxDatePicker
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ params: {
|
|
|
+ year: true,
|
|
|
+ month: true,
|
|
|
+ day: true,
|
|
|
+ hour: false,
|
|
|
+ minute: false,
|
|
|
+ second: false
|
|
|
+ },
|
|
|
+ startshow: false,
|
|
|
+ endshow: false,
|
|
|
+ headerStyle: {
|
|
|
+ backgroundColor: '',
|
|
|
+ backgroundImage: '',
|
|
|
+ backgroundSize: '',
|
|
|
+ backgroundPosition: '',
|
|
|
+ boxShadow: ''
|
|
|
+ // 其他样式属性...
|
|
|
+ },
|
|
|
+ queryPeopleId: "",
|
|
|
+ queryTimeTypeArray: ['今天', '一周', '当月'],
|
|
|
+ queryTimeTypeIndex: "",
|
|
|
+ startdate: new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
|
|
|
+ enddate: new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
|
|
|
+ showDatePicker: false,
|
|
|
+ teamTabIndex: 0,
|
|
|
+ SummaryList: [],
|
|
|
+ userPolicyList1: [],
|
|
|
+ userPolicyList2: [],
|
|
|
+ userPolicyList3: [],
|
|
|
+ userPolicyList4: [],
|
|
|
+ userPolicyList5: [],
|
|
|
+ userPolicyList6: [],
|
|
|
+ arrdata: [{
|
|
|
+ teamlevel: 0,
|
|
|
+ name: '汇总',
|
|
|
+ teamnum: 0, //人数
|
|
|
+ sumpremium: 0, //签单保费
|
|
|
+ usernum: 0, //出单人力
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teamlevel: 2,
|
|
|
+ name: '一级',
|
|
|
+ teamnum: 0, //人数
|
|
|
+ sumpremium: 0, //签单保费
|
|
|
+ usernum: 0 //出单人力
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teamlevel: 3,
|
|
|
+ name: '二级',
|
|
|
+ teamnum: 0, //人数
|
|
|
+ sumpremium: 0, //签单保费
|
|
|
+ usernum: 0 //出单人力
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teamlevel: 4,
|
|
|
+ name: '三级',
|
|
|
+ teamnum: 0, //人数
|
|
|
+ sumpremium: 0, //签单保费
|
|
|
+ usernum: 0 //出单人力
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teamlevel: 9,
|
|
|
+ name: '临时',
|
|
|
+ teamnum: 0, //人数
|
|
|
+ sumpremium: 0, //签单保费
|
|
|
+ usernum: 0 //出单人力
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ teamStaff: {},
|
|
|
+ teamStaffList: [],
|
|
|
+ pageTtile: "",
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.queryData()
|
|
|
+ setTimeout(function() {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ }, 1000);
|
|
|
+ },
|
|
|
+ async onLoad(params) {
|
|
|
+ this.$http.get('/sysMenuRecord/add?type=1&menuType=5')
|
|
|
+ this.pageTtile = this.userInfo.sysUser.name + "会员管理"
|
|
|
+ // this.queryPeopleId = params.id
|
|
|
+ if ((!!params.id) && (!!params.name)) {
|
|
|
+ this.queryPeopleId = params.id;
|
|
|
+ await this.queryData()
|
|
|
+ } else if (!!this.userInfo) {
|
|
|
+ this.queryPeopleId = this.userInfo.sysUser.id
|
|
|
+ await this.queryData()
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
+ title: this.userInfo.sysUser.name + "会员管理"
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.queryPeopleId = this.userInfo.sysUser.id
|
|
|
+ await this.queryData()
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ onShow() {},
|
|
|
+ computed: {
|
|
|
+ ...mapState(['userInfo']),
|
|
|
+ getHeight() {
|
|
|
+ let height = uni.getSystemInfoSync().windowHeight - uni.upx2px(770);
|
|
|
+ return `height: ${height}px;`;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ btn_click() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/chat/chat'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ startconfirm(e) {
|
|
|
+ this.startdate = e.year + '-' + e.month + '-' + e.day;
|
|
|
+ },
|
|
|
+ endconfirm(e) {
|
|
|
+ this.enddate = e.year + '-' + e.month + '-' + e.day;
|
|
|
+ },
|
|
|
+ //页面返回按钮
|
|
|
+ back() {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1, // 返回的页面数，如果是1表示返回上一页
|
|
|
+ success: function() {}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ bindPickerChange(item) {
|
|
|
+ this.queryTimeTypeIndex = item;
|
|
|
+ if (item == '今天') {
|
|
|
+ this.startdate = new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate();
|
|
|
+ this.enddate = new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate();
|
|
|
+ this.queryData();
|
|
|
+ this.queryData();
|
|
|
+ }
|
|
|
+ if (item == '一周') {
|
|
|
+ let strDay = new Date().getDate() - 7;
|
|
|
+ if (strDay < 10) {
|
|
|
+ strDay = "0" + strDay;
|
|
|
+ }
|
|
|
+ this.startdate = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + strDay;
|
|
|
+ this.enddate = new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
|
|
|
+ this.queryData();
|
|
|
+ }
|
|
|
+ if (item == '当月') {
|
|
|
+ this.startdate = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + '01';
|
|
|
+ this.enddate = new Date()
|
|
|
+ .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
|
|
|
+ this.queryData();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ arrchange(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.teamTabIndex = e;
|
|
|
+ },
|
|
|
+ async queryData() {
|
|
|
+ let params = {
|
|
|
+ "enddate": this.enddate,
|
|
|
+ "startdate": this.startdate
|
|
|
+ }
|
|
|
+ let res = await this.$http.post('/esm/user/queryUserCount', params);
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.SummaryList = res.data.hzList;
|
|
|
+ this.userPolicyList1 = res.data.userPolicyList;
|
|
|
+ this.userPolicyList1 = this.userPolicyList1.filter(val => val.username !== '老王');
|
|
|
+ this.userPolicyList2 = res.data.userPolicyList0;
|
|
|
+ this.userPolicyList3 = res.data.userPolicyList1;
|
|
|
+ this.userPolicyList4 = res.data.userPolicyList2;
|
|
|
+ this.userPolicyList5 = res.data.userPolicyList3;
|
|
|
+ this.userPolicyList6 = res.data.userPolicyList9;
|
|
|
+ this.SummaryList.map(ele => {
|
|
|
+ this.arrdata.map(val => {
|
|
|
+ if (ele.teamlevel.includes(val.name)) {
|
|
|
+ val.teamnum = ele.teamnum;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ onShowDatePicker() { //显示
|
|
|
+ this.showDatePicker = true;
|
|
|
+ },
|
|
|
+ onSelected(e) { //选择
|
|
|
+ this.showDatePicker = false;
|
|
|
+ if (e) {
|
|
|
+ this.dateRange = e.value;
|
|
|
+ this.queryData();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 选择团队tap
|
|
|
+ teamTabtap(index) {
|
|
|
+ this.teamTabIndex = index;
|
|
|
+ },
|
|
|
+ toTeamMember(name, index) {
|
|
|
+ this.navigate({
|
|
|
+ url: "/pages/tools/team/teamMember1",
|
|
|
+ success: (res) => {
|
|
|
+ res.eventChannel.emit("acceptData", {
|
|
|
+ item: this[name][index],
|
|
|
+ date: [this.startdate, this.enddate]
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }, "navigateTo", true)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ /deep/ {
|
|
|
+ .u-tab-bar {
|
|
|
+ background: linear-gradient(90deg, #0052FF 0%, rgba(0, 82, 255, 0) 100%) !important;
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .page {
|
|
|
+ height: calc(100vh - 44px);
|
|
|
+ background-color: #F8FAFE;
|
|
|
+ }
|
|
|
+
|
|
|
+ //头部数据
|
|
|
+ .header {
|
|
|
+ height: 190px;
|
|
|
+ background-image: url('../../../static/image/team/backheader.png');
|
|
|
+ background-position: 0% 0%;
|
|
|
+ background-size: cover;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ padding: 8px 12px;
|
|
|
+
|
|
|
+ .timeShortcut {
|
|
|
+ background: rgba(255, 255, 255, 0.6);
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #FFFFFF;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding: 3px 10px;
|
|
|
+ color: #666666;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ :nth-child(2) {
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #0052FF;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeShortcut1 {
|
|
|
+ background: rgba(255, 255, 255, 0.6);
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #FFFFFF;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ padding: 3px 5px;
|
|
|
+ color: #666666;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .myPerformance {
|
|
|
+ height: 104px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-top: 48rpx;
|
|
|
+ padding: 8px 10px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 136rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: -13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ .interaction {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .data {
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 2px;
|
|
|
+ padding: 6px 8px;
|
|
|
+
|
|
|
+ >view {
|
|
|
+ text:nth-child(1) {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:nth-child(2) {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .listTab {
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 12px 12px 0px 0px;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ margin-top: -10px;
|
|
|
+
|
|
|
+ .tabclass {
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sum {
|
|
|
+ >view {
|
|
|
+ width: 25%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .summary {
|
|
|
+ padding: 10px 12px;
|
|
|
+
|
|
|
+ >view {
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 4px;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-left: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ >text:nth-child(1) {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ >text:nth-child(2) {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >view:nth-child(1) {
|
|
|
+ background-color: #FFF8F3;
|
|
|
+ }
|
|
|
+
|
|
|
+ >view:nth-child(2) {
|
|
|
+ background-color: #F6FDF6;
|
|
|
+ }
|
|
|
+
|
|
|
+ >view:nth-child(3) {
|
|
|
+ background-color: #F7F4FD;
|
|
|
+ }
|
|
|
+
|
|
|
+ >view:nth-child(4) {
|
|
|
+ background-color: #F5F8FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .dataOver {
|
|
|
+ padding: 12px;
|
|
|
+ max-height: calc(100vh - 370px);
|
|
|
+ overflow-y: auto;
|
|
|
+
|
|
|
+ .team_members-data {
|
|
|
+ width: 100%;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 2px 5px 0px #DAE3F4;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #FFFFFF;
|
|
|
+ margin-bottom: 8px;
|
|
|
+ padding: 8px;
|
|
|
+
|
|
|
+ .basicInfo {
|
|
|
+ padding-bottom: 6px;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+
|
|
|
+ .phone {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 98rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ margin-left: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .basicInformation {
|
|
|
+
|
|
|
+ >view {
|
|
|
+ text:nth-child(1) {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:nth-child(2) {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
