|
|
@@ -10,8 +10,8 @@
|
|
|
</view>
|
|
|
<view class="" style="padding-top: 98px;">
|
|
|
<view class="querystyle body">
|
|
|
- <view class="statisticsDate dis a-c ">
|
|
|
- <view style="width: 180upx;flex-shrink: 0;" class="dis a-c j-c">
|
|
|
+ <view class="statisticsDate dis a-c j-s " style="padding: 0 10px;">
|
|
|
+ <view class="dis a-c j-c">
|
|
|
<picker style="padding: 0;margin-right: 5px;" @change="bindPickerChange"
|
|
|
:value="queryTimeTypeIndex" :range="queryTimeTypeArray">
|
|
|
<view>{{queryTimeTypeArray[queryTimeTypeIndex]}}</view>
|
|
|
@@ -19,11 +19,12 @@
|
|
|
<u-icon name="arrow-down-fill" color="#fff" size="16"></u-icon>
|
|
|
</view>
|
|
|
<view class="d-flex a-center j-center flex-1" @click="onShowDatePicker">
|
|
|
- {{dateRange[0].replace('/','-')}} -
|
|
|
- {{dateRange[1]}}
|
|
|
+ <text @click="startshow=true">{{startdate}}</text>
|
|
|
+ <text style="margin: 0 10px;">-</text>
|
|
|
+ <text @click="endshow=true">{{enddate}}</text>
|
|
|
</view>
|
|
|
- <view class="d-flex a-center j-center" style="width: 60upx;flex-shrink: 0;">
|
|
|
- <view class="icon iconfont icon-search-1-copy"></view>
|
|
|
+ <view class="d-flex a-center j-center" @click="queryData()">
|
|
|
+ <image src="../../../static/icon/search.png" mode="" style="width: 20px;height: 20px;"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="teamStatistics">
|
|
|
@@ -51,21 +52,24 @@
|
|
|
<u-tabs class="tabclass" :list="arrdata" :is-scroll="false" :current="teamTabIndex"
|
|
|
@change="arrchange"></u-tabs>
|
|
|
<view class="team_members">
|
|
|
- <view class="team_member d-flex">
|
|
|
- <view class="d-flex a-center j-center flex-1">
|
|
|
+ <view class="team_member d-flex j-s a-c">
|
|
|
+ <view class="d-flex a-center j-center ">
|
|
|
<view>会员</view>
|
|
|
</view>
|
|
|
- <view class="d-flex a-center j-center flex-1">
|
|
|
- <view>报价笔数</view>
|
|
|
+ <view class="d-flex a-center j-center " style="width: 10%;">
|
|
|
+ <view v-if="teamTabIndex==0">级别</view>
|
|
|
</view>
|
|
|
- <view class="d-flex a-center j-center flex-1">
|
|
|
- <view>核保笔数</view>
|
|
|
+ <view class="d-flex a-center j-center ">
|
|
|
+ <view v-if="teamTabIndex!=5">报价笔数</view>
|
|
|
</view>
|
|
|
- <view class="d-flex a-center j-center flex-1">
|
|
|
- <view>出单笔数</view>
|
|
|
+ <view class="d-flex a-center j-center ">
|
|
|
+ <view v-if="teamTabIndex!=5">核保笔数</view>
|
|
|
</view>
|
|
|
- <view class="d-flex a-center j-center flex-1">
|
|
|
- <view>签单保费</view>
|
|
|
+ <view class="d-flex a-center j-center ">
|
|
|
+ <view v-if="teamTabIndex!=5">出单笔数</view>
|
|
|
+ </view>
|
|
|
+ <view class="d-flex a-center j-center ">
|
|
|
+ <view v-if="teamTabIndex!=5">签单保费</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="dataOver">
|
|
|
@@ -73,53 +77,63 @@
|
|
|
v-for="(item,index) in userPolicyList1" :key="index"
|
|
|
@click="toTeamMember('userPolicyList1',index)">
|
|
|
<view class="dis j-start a-c">{{item.username}}</view>
|
|
|
+ <view class="dis j-c a-c" style="width: 10%;">{{item.teamlevel}}</view>
|
|
|
<view class="dis j-c a-c">{{item.bjpolicynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.policynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.ordernum}}</view>
|
|
|
- <view class="dis j-end a-c">{{item.sumpremium}}</view>
|
|
|
+ <view class="dis j-c a-c">{{item.sumpremium}}</view>
|
|
|
</view>
|
|
|
<view v-if="teamTabIndex==1" class="dis j-s a-c team_members-data"
|
|
|
v-for="(item,index) in userPolicyList2" :key="index"
|
|
|
@click="toTeamMember('userPolicyList2',index)">
|
|
|
<view class="dis j-start a-c">{{item.username}}</view>
|
|
|
+ <view class="dis j-c a-c" style="width: 10%;">{{item.teamlevel}}</view>
|
|
|
<view class="dis j-c a-c">{{item.bjpolicynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.policynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.ordernum}}</view>
|
|
|
- <view class="dis j-end a-c">{{item.sumpremium}}</view>
|
|
|
+ <view class="dis j-c a-c">{{item.sumpremium}}</view>
|
|
|
</view>
|
|
|
<view v-if="teamTabIndex==2" class="dis j-s a-c team_members-data"
|
|
|
v-for="(item,index) in userPolicyList3" :key="index"
|
|
|
@click="toTeamMember('userPolicyList3',index)">
|
|
|
<view class="dis j-start a-c">{{item.username}}</view>
|
|
|
+ <view class="dis j-c a-c" style="width: 10%;">{{item.teamlevel}}</view>
|
|
|
<view class="dis j-c a-c">{{item.bjpolicynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.policynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.ordernum}}</view>
|
|
|
- <view class="dis j-end a-c">{{item.sumpremium}}</view>
|
|
|
+ <view class="dis j-c a-c">{{item.sumpremium}}</view>
|
|
|
</view>
|
|
|
<view v-if="teamTabIndex==3" class="dis j-s a-c team_members-data"
|
|
|
v-for="(item,index) in userPolicyList4" :key="index"
|
|
|
@click="toTeamMember('userPolicyList4',index)">
|
|
|
<view class="dis j-start a-c">{{item.username}}</view>
|
|
|
+ <view class="dis j-c a-c" style="width: 10%;">{{item.teamlevel}}</view>
|
|
|
<view class="dis j-c a-c">{{item.bjpolicynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.policynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.ordernum}}</view>
|
|
|
- <view class="dis j-end a-c">{{item.sumpremium}}</view>
|
|
|
+ <view class="dis j-c a-c">{{item.sumpremium}}</view>
|
|
|
</view>
|
|
|
<view v-if="teamTabIndex==4" class="dis j-s a-c team_members-data"
|
|
|
v-for="(item,index) in userPolicyList5" :key="index"
|
|
|
@click="toTeamMember('userPolicyList5',index)">
|
|
|
<view class="dis j-start a-c">{{item.username}}</view>
|
|
|
+ <view class="dis j-c a-c" style="width: 10%;">{{item.teamlevel}}</view>
|
|
|
<view class="dis j-c a-c">{{item.bjpolicynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.policynum}}</view>
|
|
|
<view class="dis j-c a-c">{{item.ordernum}}</view>
|
|
|
- <view class="dis j-end a-c">{{item.sumpremium}}</view>
|
|
|
+ <view class="dis j-c a-c">{{item.sumpremium}}</view>
|
|
|
+ </view>
|
|
|
+ <view v-if="teamTabIndex==5" class="dis j-s a-c team_members-data"
|
|
|
+ v-for="(item,index) in userPolicyList6" :key="index"
|
|
|
+ @click="toTeamMember('userPolicyList6',index)">
|
|
|
+ <view class="dis j-start a-c">{{item.username}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
- <mx-date-picker :show="showDatePicker" type="range" :value="dateRange" :show-tips="true" @confirm="onSelected"
|
|
|
- @cancel="onSelected" />
|
|
|
+ <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>
|
|
|
|
|
|
@@ -137,6 +151,16 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ params: {
|
|
|
+ year: true,
|
|
|
+ month: true,
|
|
|
+ day: true,
|
|
|
+ hour: false,
|
|
|
+ minute: false,
|
|
|
+ second: false
|
|
|
+ },
|
|
|
+ startshow: false,
|
|
|
+ endshow: false,
|
|
|
headerStyle: {
|
|
|
backgroundColor: '',
|
|
|
backgroundImage: '',
|
|
|
@@ -146,11 +170,12 @@
|
|
|
// 其他样式属性...
|
|
|
},
|
|
|
queryPeopleId: "",
|
|
|
- queryTimeTypeArray: ['本月查询', '本年查询', '自定义查询'],
|
|
|
+ queryTimeTypeArray: ['今天', '一周', '当月'],
|
|
|
queryTimeTypeIndex: 0,
|
|
|
- dateRange: [new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-01', new Date()
|
|
|
- .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
|
|
|
- ],
|
|
|
+ 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: [],
|
|
|
@@ -159,6 +184,7 @@
|
|
|
userPolicyList3: [],
|
|
|
userPolicyList4: [],
|
|
|
userPolicyList5: [],
|
|
|
+ userPolicyList6: [],
|
|
|
arrdata: [{
|
|
|
teamlevel: 0,
|
|
|
name: '汇总',
|
|
|
@@ -207,6 +233,13 @@
|
|
|
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 + "会员管理"
|
|
|
@@ -236,6 +269,12 @@
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ startconfirm(e) {
|
|
|
+ this.startdate = e.year + '-' + e.month + '-' + e.day;
|
|
|
+ },
|
|
|
+ endconfirm(e) {
|
|
|
+ this.enddate = e.year + '-' + e.month + '-' + e.day;
|
|
|
+ },
|
|
|
//页面返回按钮
|
|
|
back() {
|
|
|
uni.navigateBack({
|
|
|
@@ -246,18 +285,28 @@
|
|
|
bindPickerChange: function(e) {
|
|
|
this.queryTimeTypeIndex = e.target.value
|
|
|
if (e.target.value == 0) {
|
|
|
- this.dateRange = [new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + '01',
|
|
|
- new Date()
|
|
|
- .getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
|
|
|
- ];
|
|
|
+ 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 (e.target.value == 1) {
|
|
|
- this.dateRange = [new Date().getFullYear() + '-01-01', new Date().getFullYear() + '-12-31'];
|
|
|
+ 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 (e.target.value == 2) {
|
|
|
- this.showDatePicker = true;
|
|
|
+ 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) {
|
|
|
@@ -265,8 +314,8 @@
|
|
|
},
|
|
|
async queryData() {
|
|
|
let params = {
|
|
|
- "enddate": this.dateRange[1],
|
|
|
- "startdate": this.dateRange[0]
|
|
|
+ "enddate": this.enddate,
|
|
|
+ "startdate": this.startdate
|
|
|
}
|
|
|
let res = await this.$http.post('/esm/user/queryUserCount', params);
|
|
|
if (res.code == '200') {
|
|
|
@@ -276,6 +325,7 @@
|
|
|
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)) {
|
|
|
@@ -299,7 +349,6 @@
|
|
|
},
|
|
|
// 选择团队tap
|
|
|
teamTabtap(index) {
|
|
|
- console.log(index)
|
|
|
this.teamTabIndex = index;
|
|
|
},
|
|
|
toTeamMember(name, index) {
|
|
|
@@ -308,7 +357,7 @@
|
|
|
success: (res) => {
|
|
|
res.eventChannel.emit("acceptData", {
|
|
|
item: this[name][index],
|
|
|
- date:this.dateRange
|
|
|
+ date: this.dateRange
|
|
|
})
|
|
|
}
|
|
|
}, "navigateTo", true)
|
|
|
@@ -461,6 +510,7 @@
|
|
|
background: #CCCCCC;
|
|
|
} */
|
|
|
.team_members .team_member>view {
|
|
|
+ width: 18%;
|
|
|
flex-wrap: nowrap;
|
|
|
}
|
|
|
|
|
|
@@ -470,11 +520,11 @@
|
|
|
}
|
|
|
|
|
|
.team_members-data>view {
|
|
|
- width: 25%;
|
|
|
+ width: 18%;
|
|
|
padding: 4px;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
|
|
|
+
|
|
|
/* 团队成员列表End */
|
|
|
</style>
|