liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 Commits
7 Branches
28 MiB
 
 
 
Tree: b5df56d6fa
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'b5df56d6fa'
${ noResults }
NewZkgj/pages/center/Piabodata/Theteamcompared.vue

1086 lines
32 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 		<view class="boxtittab">

  4. 			<view class="tabbox">

  5. 				<view :class="{ activecllasscet: activeTotal == 4 }" @click="tabtimetap(4)">近七天</view>

  6. 			</view>

  7. 			<view class="tabbox">

  8. 				<view :class="{ activecllasscet: activeTotal == 5 }" @click="tabtimetap(5)">近15天</view>

  9. 			</view>

  10. 			<view class="tabbox">

  11. 				<view :class="{ activecllasscet: activeTotal == 6 }" @click="tabtimetap(6)">近30天</view>

  12. 			</view>

  13. 			<view class="tabbox">

  14. 				<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view>

  15. 			</view>

  16. 		</view>

  17. 		

  18. 		<view class="timepick">

  19. 			<view class="timepicktime" @click="chiocStaff(0)">

  20. 				<view>{{staff1.label}}</view>

  21. 				<view>

  22. 					<image class="Underimg" src="../../../static/images/Underimg.png" mode=""></image>

  23. 				</view>

  24. 			</view>

  25. 			<view class="timepickpick" v-if="staff1.value">

  26. 				 <view @click="checkboxChange()" style="width: 40rpx;height:40rpx;border: 1rpx solid #E0E0E0;">

  27. 					<image v-if="timepickpickisshow" style="width: 40rpx;height: 40rpx;" src="../../../static/images/xuanzhong.png" mode=""></image>

  28. 				 </view>  

  29. 				 <view style="font-size:26rpx;text-indent: 12rpx;">对比</view> 

  30. 			</view>

  31. 			<view class="timepicktime" v-if="timepickpickisshow" @click="chiocStaff(1)">

  32. 				<view>{{staff2.label}}</view>

  33. 				<view>

  34. 					<image class="Underimg" src="../../../static/images/Underimg.png" mode=""></image>

  35. 				</view>

  36. 			</view>

  37. 		</view>

  38. 		

  39. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  40. 		<view class="single">

  41. 			<view class="title">

  42. 				<view class="title1"  style="flex: 1;">接待量</view>

  43. 				<view class="title3" style="flex: 1;">

  44. 					<view class="title3-box" @click="tabtimetap1(0)">

  45. 						<view style="height: 42rpx;" :class="{ activecltab: eharTab.active1 == 0 }">排名</view>

  46. 					</view>

  47. 					<view class="title3-box" @click="tabtimetap1(1)">

  48. 						<view style="height: 42rpx;" :class="{ activecltab: eharTab.active1 == 1 }">趋势</view>

  49. 					</view>

  50. <!-- 					<view class="title3-box">

  51. 						<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 2 }">表格</view>

  52. 					</view> -->

  53. 				</view>

  54. 			</view>

  55. 			<view class="hejibox">

  56. 				<view class="heji">{{!staff1.value?'团队总数':staff1.label}}：{{newTeam1||0}}</view>

  57. 				<view class="heji">{{!staff2.value?'团队平均':staff2.label}}：{{newAvg1||0}}</view>

  58. 			</view>

  59. 			<view class="" v-if=" eharTab.active1 == 1 ">

  60. 				<view class="danwei">接待量</view>

  61. 				<view class="uchaserbox">

  62. 					<qiun-data-charts

  63. 					   type="line"

  64. 					   :chartData="lineOptsect1"

  65. 					   background="none"

  66. 					   :ontouch="true"

  67. 						canvasId="wangxiaohuaerlingeryilingwuyibbb"

  68. 						:canvas2d="true"

  69. 					 /> 

  70. 				</view>

  71. 			</view>

  72. 			<view class="jindu" v-if=" eharTab.active1 == 0 ">

  73. 				<view class="jindu-box" v-for="(item,index) in newlisttabinfo1" :key="index">

  74. 					<view class="jindu-boxche">

  75. 						<view class="jindu-name">{{item.name.substring(0, 4)}}</view>

  76. 						<view style="width: 440rpx;margin-left: 10rpx;">

  77. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :percent="item.zxl1"></u-line-progress>

  78. 						</view>

  79. 						<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view>

  80. 					</view>

  81. 				</view>

  82. 			</view>

  83. 		</view>

  84. 		

  85. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  86. 		<view class="single">

  87. 					<view class="title">

  88. 						<view class="title1"  style="flex: 1;">接待时长</view>

  89. 						<view class="title3" style="flex: 1;">

  90. 							<view class="title3-box" @click="tabtimetap2(0)">

  91. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active2 == 0 }">排名</view>

  92. 							</view>

  93. 							<view class="title3-box" @click="tabtimetap2(1)">

  94. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active2 == 1 }">趋势</view>

  95. 							</view>

  96. 		<!-- 					<view class="title3-box">

  97. 								<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 2 }">表格</view>

  98. 							</view> -->

  99. 						</view>

  100. 					</view>

  101. 					<view class="hejibox">

  102. 						<view class="heji">{{!staff1.value?'团队总数':staff1.label}}：{{newTeam2||0}}</view>

  103. 						<view class="heji">{{!staff2.value?'团队平均':staff2.label}}：{{newAvg2||0}}</view>

  104. 					</view>

  105. 					<view class="" v-if=" eharTab.active2 == 1 ">

  106. 						<view class="danwei">录音时长</view>

  107. 						<view class="uchaserbox">

  108. 							<qiun-data-charts

  109. 							   type="line"

  110. 							   :chartData="lineOptsect2"

  111. 							   background="none"

  112. 							   :ontouch="true"

  113. 								canvasId="wangxiaohuaerlingeryilingwuyibb"

  114. 								:canvas2d="true"

  115. 							 /> 

  116. 						</view>

  117. 					</view>

  118. 					<view class="jindu" v-if=" eharTab.active2 == 0 ">

  119. 						<view class="jindu-box" v-for="(item,index) in newlisttabinfo2" :key="index">

  120. 							<view class="jindu-boxche">

  121. 								<view class="jindu-name">{{item.name.substring(0, 4)}}</view>

  122. 								<view style="width: 440rpx;margin-left: 10rpx;">

  123. 									<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :percent="item.zxl1"></u-line-progress>

  124. 								</view>

  125. 								<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view>

  126. 							</view>

  127. 						</view>

  128. 					</view>

  129. 				</view>

  130. 		

  131. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  132. 		<view class="single">

  133. 					<view class="title">

  134. 						<view class="title1"  style="flex: 1;">销讲执行率</view>

  135. 						<view class="title3" style="flex: 1;">

  136. 							<view class="title3-box" @click="tabtimetap3(0)">

  137. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active3 == 0 }">排名</view>

  138. 							</view>

  139. 							<view class="title3-box" @click="tabtimetap3(1)">

  140. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active3 == 1 }">趋势</view>

  141. 							</view>

  142. 		<!-- 					<view class="title3-box">

  143. 								<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 2 }">表格</view>

  144. 							</view> -->

  145. 						</view>

  146. 					</view>

  147. <!-- 					<view class="hejibox">

  148. 						<view class="heji">{{!staff1.value?'团队总数':staff1.label}}：{{newTeam3||0}}</view>

  149. 						<view class="heji">{{!staff2.value?'团队平均':staff2.label}}：{{newAvg3||0}}</view>

  150. 					</view> -->

  151. 					<view class="" v-if=" eharTab.active3 == 1 ">

  152. 						<view class="danwei">执行率</view>

  153. 						<view class="uchaserbox">

  154. 							<qiun-data-charts

  155. 							   type="line"

  156. 							   :chartData="lineOptsect3"

  157. 							   background="none"

  158. 							   :ontouch="true"

  159. 								canvasId="wangxiaohuaerlingeryilingwuyib"

  160. 								:canvas2d="true"

  161. 							 /> 

  162. 						</view>

  163. 					</view>

  164. 					<view class="jindu" v-if=" eharTab.active3 == 0 ">

  165. 						<view class="jindu-box" v-for="(item,index) in newlisttabinfo3" :key="index">

  166. 							<view class="jindu-boxche">

  167. 								<view class="jindu-name">{{item.name.substring(0, 4)}}</view>

  168. 								<view style="width: 440rpx;margin-left: 10rpx;">

  169. 									<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :percent="item.zxl1"></u-line-progress>

  170. 								</view>

  171. 								<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}%</view>

  172. 							</view>

  173. 						</view>

  174. 					</view>

  175. 				</view>

  176. 		

  177. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  178. 		<!-- <view class="single">

  179. 			<view class="title">

  180. 				<view class="title1" style="flex: 1;">顾问排名（TOP10）</view>

  181. 				<view class="title3" style="flex: 1;">

  182. 					<view class="title3-box">

  183. 						<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 0 }">执行率</view>

  184. 					</view>

  185. 					<view class="title3-box">

  186. 						<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 1 }">得分</view>

  187. 					</view>

  188. 				</view>

  189. 			</view>

  190. 			

  191. 			<view class="hejibox">

  192. 				<view class="heji">合计：50</view>

  193. 				<view class="heji">均值：25</view>

  194. 			</view>

  195. 			<view class="jindu">

  196. 				<view class="jindu-box" v-for="(item,index) in newlisttabinfo" :key="index">

  197. 					<view class="jindu-boxche">

  198. 						<view class="jindu-name">{{item.name.substring(0, 4)}}</view>

  199. 						<view style="width: 440rpx;margin-left: 10rpx;">

  200. 							<u-line-progress height="24" :show-percent="false" active-color="#9B6BDF" :percent="item.zxl"></u-line-progress>

  201. 						</view>

  202. 						<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view>

  203. 					</view>

  204. 				</view>

  205. 			</view>

  206. 		</view> -->

  207. 		

  208. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  209. 		<view class="single">

  210. 			<view class="title" style="padding-right: 30rpx;">

  211. 				<view class="title1" style="flex: 1;">销讲能力</view>

  212. 				<view class="title2" style="flex: 1;justify-content: flex-end;" @click="goTeam">

  213. 					<view class="title2-che">团队

  214. 						<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>

  215. 					</view>

  216. 				</view>

  217. 			</view>

  218. 			

  219. 			<view class="uchaserbox">

  220. 				 <qiun-data-charts

  221. 				    type="radar"

  222. 				    :chartData="chartData1"

  223. 				    :canvas2d="true"

  224. 					canvasId="wangxiaohuaerlingeryilingwuyib88"

  225. 				    background="none"

  226. 				  />

  227. 			</view>

  228. 		</view>

  229. 		

  230. 		

  231. 		

  232. 		

  233. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  234. 		<!-- <view class="single">

  235. 					<view class="title">

  236. 						<view class="title1"  style="flex: 1;">禁忌执行率</view>

  237. 						<view class="title3" style="flex: 1;">

  238. 							<view class="title3-box" @click="tabtimetap4(0)">

  239. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active4 == 0 }">排名</view>

  240. 							</view>

  241. 							<view class="title3-box" @click="tabtimetap4(1)">

  242. 								<view style="height: 42rpx;" :class="{ activecltab: eharTab.active4 == 1 }">趋势</view>

  243. 							</view>

  244. 							<view class="title3-box">

  245. 								<view style="height: 42rpx;" :class="{ activecltab: activeTotal2 == 2 }">表格</view>

  246. 							</view>

  247. 						</view>

  248. 					</view>

  249. 					<view class="hejibox">

  250. 						<view class="heji">{{!staff1.value?'团队':staff1.label}}：{{newTeam4||0}}</view>

  251. 						<view class="heji">{{!staff2.value?'均值':staff2.label}}：{{newAvg4||0}}</view>

  252. 					</view>

  253. 					<view class="" v-if=" eharTab.active4 == 1 ">

  254. 						<view class="danwei">来访(人)</view>

  255. 						<view class="uchaserbox">

  256. 							<qiun-data-charts

  257. 							   type="line"

  258. 							   :chartData="lineOptsect4"

  259. 							   background="none"

  260. 							   :ontouch="true"

  261. 								canvasId="wangxiaohuaerlingeryilingwuyi"

  262. 								:canvas2d="true"

  263. 							 /> 

  264. 						</view>

  265. 					</view>

  266. 					<view class="jindu" v-if=" eharTab.active4 == 0 ">

  267. 						<view class="jindu-box" v-for="(item,index) in newlisttabinfo4" :key="index">

  268. 							<view class="jindu-boxche">

  269. 								<view class="jindu-name">{{item.name.substring(0, 4)}}</view>

  270. 								<view style="width: 440rpx;margin-left: 10rpx;">

  271. 									<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :percent="item.zxl"></u-line-progress>

  272. 								</view>

  273. 								<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view>

  274. 							</view>

  275. 						</view>

  276. 					</view>

  277. 				</view> -->

  278. 		

  279. 		<!-- <view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> -->

  280. 		<!-- <view class="single">

  281. 			<view class="title" style="padding-right: 30rpx;">

  282. 				<view class="title1" style="flex: 1;">违禁能力（TOP10）</view>

  283. 				<view class="title2" style="flex: 1;justify-content: flex-end;">

  284. 					<view class="title2-che">楼盘

  285. 						<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>

  286. 					</view>

  287. 				</view>

  288. 			</view>

  289. 			<view class="hejibox">

  290. 				<view class="heji">合计：50</view>

  291. 				<view class="heji">均值：25</view>

  292. 			</view>

  293. 			<view class="uchaserbox">

  294. 				 <qiun-data-charts

  295. 				    type="radar"

  296. 				    :chartData="chartData"

  297. 				    :canvas2d="true"

  298. 					canvasId="wangxiaohuaerlingeryilingwuyib89"

  299. 				    background="none"

  300. 				  />

  301. 			</view>

  302. 		</view> -->

  303. 		

  304. 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>

  305. 		

  306. 		<!-- 选择部门的选择框 -->

  307. 		<u-select v-model="staffShow" :list="staffList" @confirm="staffSelectCallback" :default-value='selindex'></u-select>

  308. 		<u-select v-model="staffShow1" :list="staffList1" @confirm="staffSelectCallback" :default-value='selindex'></u-select>

  309. 	</view>

  310. </template>

  311. 

  312. <script>

  313. 	var app = getApp();

  314. 	var util = require("../../../utils/util.js");

  315. 	var config = require("../../../config");

  316. 	export default {

  317. 		data() {

  318. 			return {

  319. 				activeTotal: 4,

  320. 				eharTab:{

  321. 					active1: 0,

  322. 					active2:0,

  323. 					active3:0,

  324. 					active4:0,

  325. 				},

  326. 				deptids:'',

  327. 				bocindex:0,

  328. 				timepickpickisshow:false,

  329. 				totalTimeShow: false,

  330. 				// 楼盘id

  331. 				houseId:'',

  332. 				staffList:[],

  333. 				staffList1:[],

  334. 				staffShow:false,

  335. 				staffShow1:false,

  336. 				staff1:{

  337. 					value:'',

  338. 					label:''

  339. 				},

  340. 				staff2:{

  341. 					value:'',

  342. 					label:'平均'

  343. 				},

  344. 				lastStartDate:'',

  345. 				lastEndDate :'',

  346. 				selindex:[0],

  347. 				choseStaffFlag:false,

  348. 				lineOptsect1:{

  349. 					"categories": ["2016","2017","2018","2019","2020","2021"],

  350. 					"series": [

  351. 						{

  352. 							"name": "成交量1",

  353. 							"data": [35,8,25,37,4,20]

  354. 						},

  355. 						{

  356. 							"name": "成交量2",

  357. 							"data": [40,18,45,44,10,60]

  358. 						}

  359. 					]

  360. 				},

  361. 				lineOptsect2:{

  362. 					"categories": ["2016","2017","2018","2019","2020","2021"],

  363. 					"series": [

  364. 						{

  365. 							"name": "成交量1",

  366. 							"data": [35,8,25,37,4,20]

  367. 						},

  368. 						{

  369. 							"name": "成交量2",

  370. 							"data": [40,18,45,44,10,60]

  371. 						}

  372. 					]

  373. 				},

  374. 				lineOptsect3:{

  375. 					"categories": ["2016","2017","2018","2019","2020","2021"],

  376. 					"series": [

  377. 						{

  378. 							"name": "成交量1",

  379. 							"data": [35,8,25,37,4,20]

  380. 						},

  381. 						{

  382. 							"name": "成交量2",

  383. 							"data": [40,18,45,44,10,60]

  384. 						}

  385. 					]

  386. 				},

  387. 				lineOptsect4:{

  388. 					"categories": ["2016","2017","2018","2019","2020","2021"],

  389. 					"series": [

  390. 						{

  391. 							"name": "成交量1",

  392. 							"data": [35,8,25,37,4,20]

  393. 						},

  394. 						{

  395. 							"name": "成交量2",

  396. 							"data": [40,18,45,44,10,60]

  397. 						}

  398. 					]

  399. 				},

  400. 				newlisttabinfo1:[

  401. 					{name:'接待量',zxl:'10'},

  402. 					{name:'平均执行率',zxl:'50'},

  403. 					{name:'接待客户',zxl:'80'},

  404. 				],

  405. 				newlisttabinfo2:[

  406. 					{name:'接待量',zxl:'10'},

  407. 					{name:'平均执行率',zxl:'50'},

  408. 					{name:'接待客户',zxl:'80'},

  409. 				],

  410. 				newlisttabinfo3:[

  411. 					{name:'接待量',zxl:'10'},

  412. 					{name:'平均执行率',zxl:'50'},

  413. 					{name:'接待客户',zxl:'80'},

  414. 				],

  415. 				newlisttabinfo4:[

  416. 					{name:'接待量',zxl:'10'},

  417. 					{name:'平均执行率',zxl:'50'},

  418. 					{name:'接待客户',zxl:'80'},

  419. 				],

  420. 				newTeam1:'',

  421. 				newAvg1:'',

  422. 				newTeam2:'',

  423. 				newAvg2:'',

  424. 				newTeam3:'',

  425. 				newAvg3:'',

  426. 				newTeam4:'',

  427. 				newAvg4:'',

  428. 				chartData1:{

  429. 					"categories": ["维度1","维度2","维度3","维度4","维度5","维度6"],

  430. 					"series": [

  431. 						{

  432. 							"name": "成交量",

  433. 							"data": [90,110,165,195,187,172]

  434. 						}

  435. 					]

  436. 				},

  437. 				chartData2:{

  438. 					"categories": ["维度1","维度2","维度3","维度4","维度5","维度6"],

  439. 					"series": [

  440. 						{

  441. 							"name": "成交量",

  442. 							"data": [90,110,165,195,187,172]

  443. 						}

  444. 					]

  445. 				}

  446. 				

  447. 			};

  448. 		},

  449. 		onLoad() {

  450. 			let that=this

  451. 			uni.$on('update',function(data){

  452. 				// console.log(data)

  453. 				that.deptids=data.arr.join(',')

  454. 				// 获取销奖能力

  455. 				that.getPowerList()

  456. 			})

  457. 			// 获取楼盘id

  458. 			this.houseId = uni.getStorageSync('buildingID').id;

  459. 			// this.buildingname = uni.getStorageSync('buildingID').name;

  460. 			// 请求接口获取所有置业顾问员工的列表

  461. 			this.getSectionList()

  462. 

  463. 		},

  464. 		methods: {

  465. 			//是否对比

  466. 			checkboxChange(){

  467. 				this.timepickpickisshow=!this.timepickpickisshow;

  468. 				this.staff2.label='平均'

  469. 				this.staff2.value=''

  470. 				// 团队对比接待量

  471. 				this.receptionCountList(this.eharTab.active1,1,'/cusLvStatistics/teamAnalysisReception')

  472. 				// 团队对比接待时长

  473. 				this.receptionCountList(this.eharTab.active2,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  474. 				/* 销奖执行率 */

  475. 				this.receptionCountList(this.eharTab.active3,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  476. 				// 获取销奖能力

  477. 				this.getPowerList()

  478. 			},

  479. 			// 获取部门列表

  480. 			getSectionList(){

  481. 				this.$u.post('/cusLvStatistics/findAllDeptIdByHouseId',{houseId:this.houseId})

  482. 				.then(res=>{

  483. 					this.staffList=[]

  484. 					this.staffList1=[]

  485. 					res.map(item=>{

  486. 						let obj={}

  487. 						obj.value=item.deptId

  488. 						obj.label=item.deptName

  489. 						this.staffList.push(obj)

  490. 					})

  491. 					this.staffList1=[...this.staffList]

  492. 					this.staffList.unshift({

  493. 							value:'',

  494. 							label:'全部'

  495. 						})

  496. 					this.staffList1.unshift({

  497. 							value:'',

  498. 							label:'平均'

  499. 						})

  500. 					this.staff1=this.staffList[0]

  501. 					// 团队对比接待量

  502. 					this.receptionCountList(0,1,'/cusLvStatistics/teamAnalysisReception')

  503. 					// 团队对比接待时长

  504. 					this.receptionCountList(0,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  505. 					/* 销奖执行率 */

  506. 					this.receptionCountList(0,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  507. 					// 获取销奖能力

  508. 					this.getPowerList()

  509. 					

  510. 				})

  511. 			},

  512. 			// 点击部门对比

  513. 			chiocStaff(idx){

  514. 				if(idx==0){

  515. 					// 当选择了第一个的时候

  516. 					this.choseStaffFlag=false

  517. 					this.staffShow=true

  518. 				}else{

  519. 					this.choseStaffFlag=true

  520. 					this.staffShow1=true

  521. 				}

  522. 				

  523. 			},

  524. 			//时间切换

  525. 			tabtimetap(index) {

  526. 				if (index == 3) {

  527. 					this.totalTimeShow = true;

  528. 				} else {

  529. 					this.activeTotal = index;

  530. 					this.lastEndDate=''

  531. 					this.lastStartDate=''

  532. 					// 获取数据

  533. 					// 团队对比接待量

  534. 					this.receptionCountList(this.eharTab.active1,1,'/cusLvStatistics/teamAnalysisReception')

  535. 					// 团队对比接待时长

  536. 					this.receptionCountList(this.eharTab.active2,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  537. 					/* 销奖执行率 */

  538. 					this.receptionCountList(this.eharTab.active3,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  539. 					// 获取销奖能力

  540. 					this.getPowerList()

  541. 				}

  542. 			},

  543. 			// 接待量

  544. 			tabtimetap1(idx){

  545. 				this.eharTab.active1=idx

  546. 				// 调用方法

  547. 				this.receptionCountList(idx,1,'/cusLvStatistics/teamAnalysisReception')

  548. 			},

  549. 			// 接待时长

  550. 			tabtimetap2(idx){

  551. 				this.eharTab.active2=idx

  552. 				// 调用方法

  553. 				this.receptionCountList(idx,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  554. 			},

  555. 			tabtimetap3(idx){

  556. 				this.eharTab.active3=idx

  557. 				// 调用方法

  558. 				this.receptionCountList(idx,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  559. 			},

  560. 			tabtimetap4(idx){

  561. 				this.eharTab.active4=idx

  562. 				// 调用方法

  563. 				// this.getRecordList()

  564. 			},

  565. 			//自定义时间

  566. 			totalTimeChange(e) {

  567. 				console.log(e.startDate, e.endDate)

  568. 				this.activeTotal=3;

  569. 				this.lastEndDate=e.endDate

  570. 				this.lastStartDate=e.startDate

  571. 				// 获取数据

  572. 				// 团队对比接待量

  573. 				this.receptionCountList(this.eharTab.active1,1,'/cusLvStatistics/teamAnalysisReception')

  574. 				// 团队对比接待时长

  575. 				this.receptionCountList(this.eharTab.active2,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  576. 				/* 销奖执行率 */

  577. 				this.receptionCountList(this.eharTab.active3,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  578. 				// 获取销奖能力

  579. 				this.getPowerList()

  580. 			},

  581. 			//指标执行率分析tab

  582. 			tapspagek2(index) {

  583. 				this.bocindex = index;

  584. 			},

  585. 			//集团对比

  586. 			Groupcontrast(){

  587. 				uni.navigateTo({

  588. 				    url: '/pages/center/Piabodata/Groupcontrast'

  589. 				});

  590. 			},

  591. 			// 去选择团队

  592. 			goTeam(){

  593. 				uni.navigateTo({

  594. 					url:`/pages/center/Piabodata/selectTeam?ids=${this.deptids}`

  595. 				})

  596. 			},

  597. 			staffSelectCallback(e){

  598. 				if(this.choseStaffFlag){

  599. 					// 第二个客户

  600. 					// console.log(e,'第二个')

  601. 					this.staff2=e[0]

  602. 				}else{

  603. 					// 第一个客户

  604. 					// console.log(e,'第一个')

  605. 					// 当选择全部时

  606. 					if(!e.value){

  607. 						this.timepickpickisshow=false

  608. 						this.staff2.label='平均'

  609. 						this.staff2.value=''

  610. 					}

  611. 					this.staff1=e[0]

  612. 				}

  613. 				if(this.staff1.label==this.staff2.label){

  614. 					uni.showToast({

  615. 						title:'请勿选择重复',

  616. 						icon:'none'

  617. 					})

  618. 					this.staff2.label='请选择'

  619. 					// this.staff2.label='平均'

  620. 					// this.staff2.value=''

  621. 					return

  622. 				}else{

  623. 					// 获取数据

  624. 					// 团队对比接待量

  625. 					this.receptionCountList(this.eharTab.active1,1,'/cusLvStatistics/teamAnalysisReception')

  626. 					// 团队对比接待时长

  627. 					this.receptionCountList(this.eharTab.active2,2,'/cusLvStatistics/teamAnalysisReceptionTime')

  628. 					/* 销奖执行率 */

  629. 					this.receptionCountList(this.eharTab.active3,3,'/cusLvStatistics/teamAnalysisExecutionRate')

  630. 					// 获取销奖能力

  631. 					this.getPowerList()

  632. 				}

  633. 			},

  634. 			// 团队对比接待量

  635. 			// receptionCountList(idx){

  636. 			// 	this.$u.post('/cusLvStatistics/teamAnalysisReception',{

  637. 			// 		// userA:this.staff1.value,

  638. 			// 		// userB:this.staff2.value,

  639. 			// 		deptIds:[this.staff1.value,this.staff2.value].filter(item=>item).join(','),

  640. 			// 		showRank:idx,

  641. 			// 		houseId:this.houseId,

  642. 			// 		timeType:this.lastEndDate?null:this.activeTotal+'',

  643. 			// 		lastEndDate:this.lastEndDate,

  644. 			// 		lastStartDate:this.lastStartDate

  645. 			// 	})

  646. 			// 	.then(res=>{

  647. 			// 		// console.log(res)

  648. 			// 		let result=res.result

  649. 			// 		this.newTeam=res.avg[0]

  650. 			// 		this.newAvg=res.avg[1]

  651. 			// 		if(idx==0){

  652. 			// 			// 当选择的是牌名时

  653. 			// 			// 处理数据

  654. 			// 			// 先处理牌名数据,需要进行判断全部还是单个

  655. 			// 			// 当为全部时

  656. 			// 			this.newlisttabinfo=[]

  657. 			// 			// 当选择全部时

  658. 			// 			if(!this.staff1.value&&!this.staff2.value){

  659. 			// 				// console.log(1)

  660. 			// 				result[0].map(item=>{

  661. 			// 					let obj={}

  662. 			// 					obj.name=item.deptName

  663. 			// 					obj.zxl=item.receptionCount

  664. 			// 					this.newlisttabinfo.push(obj)

  665. 			// 				})

  666. 			// 			}

  667. 			// 			// 当选择只有一个时

  668. 			// 			else if(this.staff1.value&&!this.staff2.value){

  669. 			// 				// console.log(2)

  670. 			// 				result[0].map(item=>{

  671. 			// 					let obj={}

  672. 			// 					obj.name=item.deptName

  673. 			// 					obj.zxl=item.receptionCount

  674. 			// 					this.newlisttabinfo.push(obj)

  675. 			// 				})

  676. 			// 				// 判断是否显示平均

  677. 			// 				// 如果显示对比

  678. 			// 				if(this.timepickpickisshow){

  679. 			// 					result[1].map(item=>{

  680. 			// 						let obj={}

  681. 			// 						obj.name='平均'

  682. 			// 						obj.zxl=item.receptionCount

  683. 			// 						this.newlisttabinfo.push(obj)

  684. 			// 					})

  685. 			// 				}

  686. 			// 			}else{

  687. 			// 				// console.log(3)

  688. 			// 				// 当两个都选择的时候

  689. 			// 				result[0].map(item=>{

  690. 			// 					let obj={}

  691. 			// 					obj.name=item.deptName

  692. 			// 					obj.zxl=item.receptionCount

  693. 			// 					this.newlisttabinfo.push(obj)

  694. 			// 				})

  695. 			// 				result[1].map(item=>{

  696. 			// 					let obj={}

  697. 			// 					obj.name=item.deptName

  698. 			// 					obj.zxl=item.receptionCount

  699. 			// 					this.newlisttabinfo.push(obj)

  700. 			// 				})

  701. 			// 			}

  702. 			// 		}else{

  703. 			// 			// 当选择趋势时

  704. 			// 			// this.lineOptsect={

  705. 			// 			// 	categories:[],

  706. 			// 			// 	series:[]

  707. 			// 			// }

  708. 			// 			let allobj={

  709. 			// 				categories:[],

  710. 			// 				series:[]

  711. 			// 			}

  712. 			// 			// 先处理时间

  713. 			// 			// 当选择全部时

  714. 			// 			if(!this.staff1.value&&!this.staff2.value){

  715. 			// 				// console.log(1)

  716. 			// 				result.map((item,idx)=>{

  717. 			// 					let obj={}

  718. 			// 					obj.name=item[0].deptName

  719. 			// 					obj.data=[]

  720. 			// 					item.map(item1=>{

  721. 			// 						// 时间的处理

  722. 			// 						if(idx==0){

  723. 			// 							allobj.categories.push(item1.statDate.slice(5,10))

  724. 			// 						}

  725. 			// 						obj.data.push(item1.receptionCount)

  726. 			// 					})

  727. 			// 					allobj.series.push(obj)

  728. 			// 				})

  729. 			// 			}

  730. 			// 			// 当选择只有一个时

  731. 			// 			else if(this.staff1.value&&!this.staff2.value){

  732. 			// 				// console.log(2)

  733. 			// 				let obj={}

  734. 			// 				obj.data=[]

  735. 			// 				obj.name=result[0][0].deptName

  736. 			// 				result[0].map(item=>{

  737. 			// 					allobj.categories.push(item.statDate.slice(5,10))

  738. 			// 					obj.data.push(item.receptionCount)

  739. 			// 				})

  740. 			// 				allobj.series.push(obj)

  741. 			// 				// 判断是否显示平均

  742. 			// 				// 如果显示对比

  743. 			// 				if(this.timepickpickisshow){

  744. 			// 					let obj={}

  745. 			// 					obj.data=[]

  746. 			// 					obj.name='平均'

  747. 			// 					result[1].map(item=>{

  748. 			// 						obj.data.push(item.receptionCount)

  749. 			// 					})

  750. 			// 					allobj.series.push(obj)

  751. 			// 				}

  752. 			// 			}else{

  753. 			// 				// console.log(3)

  754. 			// 				// 当两个都选择的时候

  755. 			// 				let obj={}

  756. 			// 				let obj1={}

  757. 			// 				obj.data=[]

  758. 			// 				obj1.data=[]

  759. 			// 				obj.name=result[0][0].deptName

  760. 			// 				obj1.name=result[1][0].deptName

  761. 			// 				result[0].map(item=>{

  762. 			// 				allobj.categories.push(item.statDate.slice(5,10))

  763. 			// 				obj.data.push(item.receptionCount)

  764. 			// 				})

  765. 			// 				result[1].map(item=>{

  766. 			// 				obj1.data.push(item.receptionCount)

  767. 			// 				})

  768. 			// 				allobj.series.push(obj)

  769. 			// 				allobj.series.push(obj1)

  770. 			// 			}

  771. 			// 			this.lineOptsect=allobj

  772. 			// 		}

  773. 			// 	})

  774. 			// },

  775. 			// 接待时长

  776. 			receptionCountList(idx,index,url){

  777. 				this.$u.post(url,{

  778. 					// userA:this.staff1.value,

  779. 					// userB:this.staff2.value,

  780. 					deptIds:[this.staff1.value,this.staff2.value].filter(item=>item).join(','),

  781. 					showRank:idx,

  782. 					houseId:this.houseId,

  783. 					timeType:this.lastEndDate?null:this.activeTotal+'',

  784. 					lastEndDate:this.lastEndDate,

  785. 					lastStartDate:this.lastStartDate

  786. 				})

  787. 				.then(res=>{

  788. 					// console.log(res)

  789. 					let result=res.result

  790. 					this['newTeam'+index]=res.avg[0]

  791. 					this['newAvg'+index]=res.avg[1]

  792. 					if(idx==0){

  793. 						// 当选择的是牌名时

  794. 						// 处理数据

  795. 						// 先处理牌名数据,需要进行判断全部还是单个

  796. 						// 当为全部时

  797. 						this['newlisttabinfo'+index]=[]

  798. 						let arr=[]

  799. 						// 当选择全部时

  800. 						if(!this.staff1.value&&!this.staff2.value){

  801. 							// console.log(1)

  802. 							result[0].map(item=>{

  803. 								let obj={}

  804. 								obj.name=item.deptName

  805. 								obj.zxl=item.data

  806. 								arr.push(obj)

  807. 								

  808. 							})

  809. 							arr=this.dealData(arr)

  810. 							this['newlisttabinfo'+index]=arr

  811. 						}

  812. 						// 当选择只有一个时

  813. 						else if(this.staff1.value&&!this.staff2.value){

  814. 							// console.log(2)

  815. 							result[0].map(item=>{

  816. 								let obj={}

  817. 								obj.name=item.deptName

  818. 								obj.zxl=item.data

  819. 								arr.push(obj)

  820. 							})

  821. 							// 判断是否显示平均

  822. 							// 如果显示对比

  823. 							if(this.timepickpickisshow){

  824. 								result[1].map(item=>{

  825. 									let obj={}

  826. 									obj.name='平均'

  827. 									obj.zxl=item.data

  828. 									arr.push(obj)

  829. 								})

  830. 							}

  831. 							arr=this.dealData(arr)

  832. 							this['newlisttabinfo'+index]=arr

  833. 						}else{

  834. 							// console.log(3)

  835. 							// 当两个都选择的时候

  836. 							result[0].map(item=>{

  837. 								let obj={}

  838. 								obj.name=item.deptName

  839. 								obj.zxl=item.data

  840. 								arr.push(obj)

  841. 							})

  842. 							result[1].map(item=>{

  843. 								let obj={}

  844. 								obj.name=item.deptName

  845. 								obj.zxl=item.data

  846. 								arr.push(obj)

  847. 							})

  848. 							arr=this.dealData(arr)

  849. 							this['newlisttabinfo'+index]=arr

  850. 						}

  851. 					}else{

  852. 						// 当选择趋势时

  853. 						this['lineOptsect'+index]={}

  854. 						let allobj={

  855. 							categories:[],

  856. 							series:[]

  857. 						}

  858. 						// 先处理时间

  859. 						// 当选择全部时

  860. 						if(!this.staff1.value&&!this.staff2.value){

  861. 							result.map((item,idx)=>{

  862. 								let obj={}

  863. 								obj.name=item[0].deptName

  864. 								obj.data=[]

  865. 								item.map(item1=>{

  866. 									// 时间的处理

  867. 									if(idx==0){

  868. 										allobj.categories.push(item1.statDate.slice(5,10))

  869. 									}

  870. 									obj.data.push(item1.data)

  871. 								})

  872. 								allobj.series.push(obj)

  873. 							})

  874. 						}

  875. 						// 当选择只有一个时

  876. 						else if(this.staff1.value&&!this.staff2.value){

  877. 							// console.log(2)

  878. 							let obj={}

  879. 							obj.data=[]

  880. 							obj.name=result[0][0].deptName

  881. 							result[0].map(item=>{

  882. 								allobj.categories.push(item.statDate.slice(5,10))

  883. 								obj.data.push(item.data)

  884. 							})

  885. 							allobj.series.push(obj)

  886. 							// 判断是否显示平均

  887. 							// 如果显示对比

  888. 							if(this.timepickpickisshow){

  889. 								let obj={}

  890. 								obj.data=[]

  891. 								obj.name='平均'

  892. 								result[1].map(item=>{

  893. 									obj.data.push(item.data)

  894. 								})

  895. 								allobj.series.push(obj)

  896. 							}

  897. 						}else{

  898. 							// console.log(3)

  899. 							// 当两个都选择的时候

  900. 							let obj={}

  901. 							let obj1={}

  902. 							obj.data=[]

  903. 							obj1.data=[]

  904. 							obj.name=result[0][0].deptName

  905. 							obj1.name=result[1][0].deptName

  906. 							result[0].map(item=>{

  907. 							allobj.categories.push(item.statDate.slice(5,10))

  908. 							obj.data.push(item.data)

  909. 							})

  910. 							result[1].map(item=>{

  911. 							obj1.data.push(item.data)

  912. 							})

  913. 							allobj.series.push(obj)

  914. 							allobj.series.push(obj1)

  915. 						}

  916. 						// console.log(allobj)

  917. 						// return 

  918. 						// this.lineOptsect1=allobj

  919. 						this['lineOptsect'+index]=allobj

  920. 						// this['lineOptsect'+index].series=allobj.series

  921. 						// this['lineOptsect'+index].categories=allobj.categories

  922. 					}

  923. 				})

  924. 			},

  925. 			// 获取销奖能力

  926. 			getPowerList(){

  927. 				this.$u.post('/cusLvStatistics/teamAnalysisMarketingAbility',{

  928. 					deptIds:this.deptids||[this.staff1.value,this.staff2.value].filter(item=>item).join(','),

  929. 					houseId:this.houseId,

  930. 					timeType:this.lastEndDate?null:this.activeTotal+'',

  931. 					lastEndDate:this.lastEndDate,

  932. 					lastStartDate:this.lastStartDate

  933. 				})

  934. 				.then(res=>{

  935. 					// console.log(res)

  936. 					// 处理数据

  937. 					this.chartData1={

  938. 						categories:[],

  939. 						series:[]

  940. 					}

  941. 					let allobj={

  942. 						categories:[],

  943. 						series:[]

  944. 					}

  945. 					// 当选择全部时

  946. 					if(!this.staff1.value&&!this.staff2.value){

  947. 						// let first=res.first

  948. 						res.first.map((item,index)=>{

  949. 							let obj={

  950. 								name:item[0].deptName,

  951. 								data:[]

  952. 							}

  953. 							item.map((item1)=>{

  954. 								if(index==0){

  955. 									allobj.categories.push(item1.name)

  956. 								}

  957. 								obj.data.push(item1.avgExecutionRate)

  958. 							})

  959. 							allobj.series.push(obj)

  960. 						})

  961. 					}

  962. 					// 当选择只有一个时

  963. 					else if(this.staff1.value&&!this.staff2.value){

  964. 						res.first.map((item,index)=>{

  965. 							let obj={

  966. 								name:item[0].deptName,

  967. 								data:[]

  968. 							}

  969. 							item.map((item1)=>{

  970. 								if(index==0){

  971. 									allobj.categories.push(item1.name)

  972. 								}

  973. 								obj.data.push(item1.avgExecutionRate)

  974. 							})

  975. 							allobj.series.push(obj)

  976. 						})

  977. 						// 判断是否显示平均

  978. 						// 如果显示对比

  979. 						if(this.timepickpickisshow){

  980. 							res.second.map((item,index)=>{

  981. 								let obj={

  982. 									name:'平均',

  983. 									data:[]

  984. 								}

  985. 								item.map((item1)=>{

  986. 									obj.data.push(item1.avgExecutionRate)

  987. 								})

  988. 								allobj.series.push(obj)

  989. 							})

  990. 						}

  991. 					}else{

  992. 						// console.log(3)

  993. 						// 当两个都选择的时候

  994. 						res.first.map((item,index)=>{

  995. 							let obj={

  996. 								name:item[0].deptName,

  997. 								data:[]

  998. 							}

  999. 							item.map((item1)=>{

  1000. 								if(index==0){

  1001. 									allobj.categories.push(item1.name)

  1002. 								}

  1003. 								obj.data.push(item1.avgExecutionRate)

  1004. 							})

  1005. 							allobj.series.push(obj)

  1006. 						})

  1007. 					}

  1008. 					// console.log(allobj)

  1009. 					this.chartData1=allobj

  1010. 					this.$forceUpdate()

  1011. 				})

  1012. 			},

  1013. 			// 定义一个公共方法对数据进行处理

  1014. 			dealData(arr){

  1015. 				// 获取最大值

  1016. 				let num=Math.max.apply(Math, arr.map(function (o) { return o.zxl })) //结果：3

  1017. 				// console.log(num)

  1018. 				if(num>100){

  1019. 					// 获取最大值的下标

  1020. 					// let idx=arr.findIndex(item=>item.zxl==num)

  1021. 					// console.log(idx,123)

  1022. 					arr.map(item=>{

  1023. 						item.zxl1=Math.floor(item.zxl/num*100)

  1024. 					})

  1025. 					// console.log(arr)

  1026. 					return arr

  1027. 				}else{

  1028. 					arr.map(item=>{

  1029. 						item.zxl1=item.zxl

  1030. 					})

  1031. 					return arr

  1032. 				}

  1033. 			},

  1034. 		}

  1035. 	};

  1036. </script>

  1037. <style lang="scss" scoped>

  1038. 	.box {

  1039. 		width: 100%;

  1040. 		height: 100%;

  1041. 		background: #FAFAFA;

  1042. 		padding-bottom: 60rpx;

  1043. 	}

  1044. 	// 对比时间切换

  1045. 	.timepick{

  1046. 		width: 100%;

  1047. 		height: 90rpx;

  1048. 		display: flex;

  1049. 		align-items: center;

  1050. 		background: #FAFAFA;

  1051. 	}

  1052. 	.timepicktime{

  1053. 		width: 260rpx;

  1054. 		height: 50rpx;

  1055. 		border: 1rpx solid #E0E0E0;

  1056. 		margin-left: 30rpx;

  1057. 		display: flex;

  1058. 		background: #FFFFFF;

  1059. 	}

  1060. 	.timepicktime>view:nth-of-type(1){

  1061. 		width: 210rpx;

  1062. 		height: 100%;

  1063. 		line-height: 50rpx;

  1064. 		font-size: 26rpx;

  1065. 		font-weight: 400;

  1066. 		text-align: center;

  1067. 	}

  1068. 	.timepicktime>view:nth-of-type(2){

  1069. 		width: 49rpx;

  1070. 		height: 100%;

  1071. 		// border-left: 1px solid  #E0E0E0;

  1072. 	}

  1073. 	.timepickpick{

  1074. 		width: 110rpx;

  1075. 		height: 50rpx;

  1076. 		margin-left: 30rpx;

  1077. 		display: flex;

  1078. 		align-items: center;

  1079. 	}

  1080. 	.Underimg{

  1081. 		width: 50rpx;

  1082. 		height:50rpx;

  1083. 		margin-top: -2rpx;

  1084. 	}

  1085. </style>