Acher
/
newEdition
1
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
AI销管
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
104 Коміти
13 Гілки
9.8 MiB
 
 
 
 
Дерево: c6b55d59c0
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з 'c6b55d59c0'
${ noResults }
newEdition/pages/center/Piabodata/Theteamcompared.vue

961 рядки
26 KiB
Неформатований Звинувачення Історія 

  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}} <image class="Underimg" src="../../../static/images/down.png" mode=""></image></view>

  21. 			</view>

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

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

  24. 					<image v-if="timepickpickisshow" style="width: 40rpx;height: 40rpx;"

  25. 						src="../../../static/images/xuanzhong.png" mode=""></image>

  26. 				</view>

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

  28. 			</view>

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

  30. 				<view>{{staff2.label}}<image class="Underimg" src="../../../static/images/down.png" mode=""></image></view>

  31. 			</view>

  32. 		</view>

  33. 

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

  35. 		<view class="single">

  36. 			<view class="title">

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

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

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

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

  41. 					</view>

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

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

  44. 					</view>

  45. 				</view>

  46. 			</view>

  47. 			<view class="hejisan">

  48. 				<view class="sanbox1">

  49. 					<view class="text1-2">{{newTeam1||0}}</view>

  50. 					<view class="text1-1">{{!staff1.value?'团队总数':staff1.label}}</view>

  51. 				</view>

  52. 				<view  class="sanbox1" >

  53. 					<view class="text1-2">{{newAvg1||0}}</view>

  54. 					<view class="text1-1">{{!staff2.value?'团队平均':staff2.label}}</view>

  55. 				</view>

  56. 			</view>

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

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

  59. 				<view class="uchaserbox">

  60. 					<template v-if="lineOptsect1">

  61. 						<qiun-data-charts type="line" :opts="lineOpts1" :chartData="lineOptsect1" background="none" :ontouch="true"

  62. 							canvasId="wangxiaohuaerlingeryilingwuyibbb" :canvas2d="true" />

  63. 						</template>

  64. 				</view>

  65. 			</view>

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

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

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

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

  70. 						<view class="progress-cus">

  71. 							<view class="color" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view>

  72. 						</view>

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

  74. 					</view>

  75. 				</view>

  76. 			</view>

  77. 		</view>

  78. 

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

  80. 		<view class="single">

  81. 			<view class="title">

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

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

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

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

  86. 					</view>

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

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

  89. 					</view>

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

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

  92. 					</view> -->

  93. 				</view>

  94. 			</view>

  95. 			<view class="hejisan">

  96. 				<view class="sanbox1" >

  97. 					<view class="text1-2">{{newTeam2||0}}</view>

  98. 					<view class="text1-1">{{!staff1.value?'团队总数':staff1.label}}</view>

  99. 				</view>

  100. 				<view  class="sanbox1" >

  101. 					<view class="text1-2">{{newAvg2||0}}</view>

  102. 					<view class="text1-1">{{!staff2.value?'团队平均':staff2.label}}</view>

  103. 				</view>

  104. 			</view>

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

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

  107. 				<view class="uchaserbox">

  108. 					<template v-if="lineOptsect2">

  109. 						<qiun-data-charts type="line" :opts="lineOpts1" :chartData="lineOptsect2" background="none" :ontouch="true"

  110. 							canvasId="wangxiaohuaerlingeryilingwuyibb" :canvas2d="true" />

  111. 					</template>

  112. 				</view>

  113. 			</view>

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

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

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

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

  118. 						<view class="progress-cus">

  119. 							<view class="color" :style="'width:'+ getPercent(item.zxl,2) + '%'" ></view>

  120. 						</view>

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

  122. 					</view>

  123. 				</view>

  124. 			</view>

  125. 		</view>

  126. 

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

  128. 		<view class="single">

  129. 			<view class="title">

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

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

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

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

  134. 					</view>

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

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

  137. 					</view>

  138. 				</view>

  139. 			</view>

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

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

  142. 				<view class="uchaserbox">

  143. 					<template v-if="lineOptsect3">

  144. 						<qiun-data-charts type="line" :chartData="lineOptsect3" background="none" :ontouch="true"

  145. 							canvasId="wangxiaohuaerlingeryilingwuyib" :canvas2d="true" :opts="lineOpts" />

  146. 					</template>

  147. 				</view>

  148. 			</view>

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

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

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

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

  153. 						<view class="progress-cus">

  154. 							<view class="color" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view>

  155. 						</view>

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

  157. 					</view>

  158. 				</view>

  159. 			</view>

  160. 		</view>

  161. 

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

  163. 		<view class="single">

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

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

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

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

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

  169. 					</view>

  170. 				</view>

  171. 			</view>

  172. 

  173. 			<view class="uchaserbox" v-if="chartData1">

  174. 				<qiun-data-charts :opts="opts" type="radar" :chartData="chartData1" :canvas2d="true"

  175. 					canvasId="wangxiaohuaerlingeryilingwuyib88" background="none" />

  176. 			</view>

  177. 		</view>

  178. 

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

  180. 

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

  182. 

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

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

  185. 		</u-select>

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

  187. 		</u-select>

  188. 	</view>

  189. </template>

  190. 

  191. <script>

  192. 	var app = getApp();

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

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

  195. 	export default {

  196. 		data() {

  197. 			return {

  198. 				activeTotal: 4,

  199. 				eharTab: {

  200. 					active1: 0,

  201. 					active2: 0,

  202. 					active3: 0,

  203. 					active4: 0,

  204. 				},

  205. 				deptids: '',

  206. 				bocindex: 0,

  207. 				timepickpickisshow: false,

  208. 				totalTimeShow: false,

  209. 				// 项目id

  210. 				houseId: '',

  211. 				staffList: [],

  212. 				staffList1: [],

  213. 				staffShow: false,

  214. 				staffShow1: false,

  215. 				staff1: {

  216. 					value: '',

  217. 					label: ''

  218. 				},

  219. 				staff2: {

  220. 					value: '',

  221. 					label: '平均'

  222. 				},

  223. 				lastStartDate: '',

  224. 				lastEndDate: '',

  225. 				selindex: [0],

  226. 				choseStaffFlag: false,

  227. 				lineOptsect1: {

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

  229. 					"series": [{

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

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

  232. 						},

  233. 						{

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

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

  236. 						}

  237. 					]

  238. 				},

  239. 				lineOptsect2: {

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

  241. 					"series": [{

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

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

  244. 						},

  245. 						{

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

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

  248. 						}

  249. 					]

  250. 				},

  251. 				lineOptsect3: {

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

  253. 					"series": [{

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

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

  256. 						},

  257. 						{

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

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

  260. 						}

  261. 					]

  262. 				},

  263. 				lineOptsect4: {

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

  265. 					"series": [{

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

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

  268. 						},

  269. 						{

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

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

  272. 						}

  273. 					]

  274. 				},

  275. 				newlisttabinfo1: [{

  276. 						name: '接待量',

  277. 						zxl: '10'

  278. 					},

  279. 					{

  280. 						name: '平均执行率',

  281. 						zxl: '50'

  282. 					},

  283. 					{

  284. 						name: '接待客户',

  285. 						zxl: '80'

  286. 					},

  287. 				],

  288. 				newlisttabinfo2: [{

  289. 						name: '接待量',

  290. 						zxl: '10'

  291. 					},

  292. 					{

  293. 						name: '平均执行率',

  294. 						zxl: '50'

  295. 					},

  296. 					{

  297. 						name: '接待客户',

  298. 						zxl: '80'

  299. 					},

  300. 				],

  301. 				newlisttabinfo3: [{

  302. 						name: '接待量',

  303. 						zxl: '10'

  304. 					},

  305. 					{

  306. 						name: '平均执行率',

  307. 						zxl: '50'

  308. 					},

  309. 					{

  310. 						name: '接待客户',

  311. 						zxl: '80'

  312. 					},

  313. 				],

  314. 				newlisttabinfo4: [{

  315. 						name: '接待量',

  316. 						zxl: '10'

  317. 					},

  318. 					{

  319. 						name: '平均执行率',

  320. 						zxl: '50'

  321. 					},

  322. 					{

  323. 						name: '接待客户',

  324. 						zxl: '80'

  325. 					},

  326. 				],

  327. 				newTeam1: '',

  328. 				newAvg1: '',

  329. 				newTeam2: '',

  330. 				newAvg2: '',

  331. 				newTeam3: '',

  332. 				newAvg3: '',

  333. 				newTeam4: '',

  334. 				newAvg4: '',

  335. 				chartData1: {

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

  337. 					"series": [{

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

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

  340. 					}]

  341. 				},

  342. 				chartData2: {

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

  344. 					"series": [{

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

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

  347. 					}]

  348. 				},

  349. 				opts: {

  350. 					fontSize: 10,

  351. 					extra: {

  352. 						radar: {

  353. 							max: 100

  354. 						}

  355. 					}

  356. 				},

  357. 				lineOpts: {

  358. 					xAxis: {

  359. 						disableGrid: true,

  360. 						scrollShow: true,

  361. 						itemCount: 8

  362. 					},

  363. 					yAxis: {

  364. 						data: [

  365. 							{

  366. 								max: 100,

  367. 								min: 0,

  368. 							}

  369. 						]

  370. 					}

  371. 				},

  372. 				lineOpts1: {

  373. 					xAxis: {

  374. 						disableGrid: true,

  375. 						scrollShow: true,

  376. 						itemCount: 8

  377. 					}

  378. 				},

  379. 			};

  380. 		},

  381. 		onLoad() {

  382. 			let that = this

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

  384. 				// console.log(data)

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

  386. 				// 获取销奖能力

  387. 				that.getPowerList()

  388. 			})

  389. 			// 获取项目id

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

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

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

  393. 			this.getSectionList()

  394. 

  395. 		},

  396. 		onPullDownRefresh(){

  397. 			this.getSectionList()

  398. 			setTimeout(function () {

  399. 			    uni.stopPullDownRefresh();

  400. 			}, 1000);

  401. 		},

  402. 		methods: {

  403. 			getPercent1(num){

  404. 				console.log(num)

  405. 				return num||0

  406. 			},

  407. 			getPercent(num,type) {

  408. 				if(this.newlisttabinfo1&&this.newlisttabinfo1.length&&type==1){

  409. 					console.log(this.newlisttabinfo1)

  410. 					let index0 = this.newlisttabinfo1[0]

  411. 					let percent = num/(index0.zxl) * 100

  412. 					return percent.toFixed(2)

  413. 				}else if(this.newlisttabinfo2&&this.newlisttabinfo2.length&&type==2){

  414. 					let index0 = this.newlisttabinfo2[0]

  415. 					let percent = num/(index0.zxl) * 100

  416. 					return percent.toFixed(2)

  417. 				}else if(this.newlisttabinfo3&&this.newlisttabinfo3.length&&type==3){

  418. 					let index0 = this.newlisttabinfo3[0]

  419. 					let percent = num/(index0.zxl) * 100

  420. 					return percent.toFixed(2)

  421. 				}else{

  422. 					return 0

  423. 				}

  424. 			},

  425. 			//是否对比

  426. 			checkboxChange() {

  427. 				this.timepickpickisshow = !this.timepickpickisshow;

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

  429. 				this.staff2.value = ''

  430. 				this.lineOptsect1 = null

  431. 				this.lineOptsect2 = null

  432. 				this.lineOptsect3 = null

  433. 				this.chartData1 = null

  434. 				// 团队对比接待量

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

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

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

  438. 				/* 销奖执行率 */

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

  440. 				// 获取销奖能力

  441. 				this.getPowerList()

  442. 			},

  443. 			// 获取部门列表

  444. 			getSectionList() {

  445. 				this.$u.post('/cusLvStatistics/findAllDeptIdByHouseId', {

  446. 						houseId: this.houseId

  447. 					})

  448. 					.then(res => {

  449. 						this.staffList = []

  450. 						this.staffList1 = []

  451. 						res.map(item => {

  452. 							let obj = {}

  453. 							obj.value = item.deptId

  454. 							obj.label = item.deptName

  455. 							this.staffList.push(obj)

  456. 						})

  457. 						this.staffList1 = [...this.staffList]

  458. 						this.staffList.unshift({

  459. 							value: '',

  460. 							label: '全部'

  461. 						})

  462. 						this.staffList1.unshift({

  463. 							value: '',

  464. 							label: '平均'

  465. 						})

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

  467. 						// 团队对比接待量

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

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

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

  471. 						/* 销奖执行率 */

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

  473. 						// 获取销奖能力

  474. 						this.getPowerList()

  475. 

  476. 					})

  477. 			},

  478. 			// 点击部门对比

  479. 			chiocStaff(idx) {

  480. 				if (idx == 0) {

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

  482. 					this.choseStaffFlag = false

  483. 					this.staffShow = true

  484. 				} else {

  485. 					this.choseStaffFlag = true

  486. 					this.staffShow1 = true

  487. 				}

  488. 

  489. 			},

  490. 			//时间切换

  491. 			tabtimetap(index) {

  492. 				this.activeTotal = index;

  493. 				if (index == 3) {

  494. 					this.totalTimeShow = true;

  495. 				} else {

  496. 					this.lastEndDate = ''

  497. 					this.lastStartDate = ''

  498. 					// 获取数据

  499. 					// 团队对比接待量

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

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

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

  503. 					/* 销奖执行率 */

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

  505. 					// 获取销奖能力

  506. 					this.getPowerList()

  507. 				}

  508. 			},

  509. 			// 接待量

  510. 			tabtimetap1(idx) {

  511. 				this.eharTab.active1 = idx

  512. 				// 调用方法

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

  514. 			},

  515. 			// 接待时长

  516. 			tabtimetap2(idx) {

  517. 				this.eharTab.active2 = idx

  518. 				// 调用方法

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

  520. 			},

  521. 			tabtimetap3(idx) {

  522. 				this.eharTab.active3 = idx

  523. 				// 调用方法

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

  525. 			},

  526. 			tabtimetap4(idx) {

  527. 				this.eharTab.active4 = idx

  528. 				// 调用方法

  529. 				// this.getRecordList()

  530. 			},

  531. 			//自定义时间

  532. 			totalTimeChange(e) {

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

  534. 				this.activeTotal = 3;

  535. 				this.lastEndDate = e.endDate

  536. 				this.lastStartDate = e.startDate

  537. 				// 获取数据

  538. 				// 团队对比接待量

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

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

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

  542. 				/* 销奖执行率 */

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

  544. 				// 获取销奖能力

  545. 				this.getPowerList()

  546. 			},

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

  548. 			tapspagek2(index) {

  549. 				this.bocindex = index;

  550. 			},

  551. 			//集团对比

  552. 			Groupcontrast() {

  553. 				uni.navigateTo({

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

  555. 				});

  556. 			},

  557. 			// 去选择团队

  558. 			goTeam() {

  559. 				uni.navigateTo({

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

  561. 				})

  562. 			},

  563. 			staffSelectCallback(e) {

  564. 				if (this.choseStaffFlag) {

  565. 					// 第二个客户

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

  567. 					this.staff2 = e[0]

  568. 				} else {

  569. 					// 第一个客户

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

  571. 					// 当选择全部时

  572. 					if (!e.value) {

  573. 						this.timepickpickisshow = false

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

  575. 						this.staff2.value = ''

  576. 					}

  577. 					this.staff1 = e[0]

  578. 				}

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

  580. 					uni.showToast({

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

  582. 						icon: 'none'

  583. 					})

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

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

  586. 					// this.staff2.value=''

  587. 					return

  588. 				} else {

  589. 					// 获取数据

  590. 					// 团队对比接待量

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

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

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

  594. 					/* 销奖执行率 */

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

  596. 					// 获取销奖能力

  597. 					this.getPowerList()

  598. 				}

  599. 			},

  600. 

  601. 			// 公共方法

  602. 			receptionCountList(idx, index, url) {

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

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

  605. 						showRank: idx,

  606. 						houseId: this.houseId,

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

  608. 						lastEndDate: this.lastEndDate,

  609. 						lastStartDate: this.lastStartDate

  610. 					})

  611. 					.then(res => {

  612. 						console.log('我再此')

  613. 						let result = res.result

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

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

  616. 						if (idx == 0) {

  617. 							console.log(idx, index, url, '打卡记录撒橘红颗粒大健康1 ')

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

  619. 							// 处理数据

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

  621. 							// 当为全部时

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

  623. 							let arr = []

  624. 							// 当选择全部时

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

  626. 								// console.log(1)

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

  628. 									let obj = {}

  629. 									obj.name = item.deptName

  630. 									obj.zxl = item.data

  631. 									arr.push(obj)

  632. 

  633. 								})

  634. 								arr = this.dealData(arr)

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

  636. 							}

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

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

  639. 								// console.log(2)

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

  641. 									let obj = {}

  642. 									obj.name = item.deptName

  643. 									obj.zxl = item.data

  644. 									arr.push(obj)

  645. 								})

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

  647. 								// 如果显示对比

  648. 								if (this.timepickpickisshow) {

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

  650. 										let obj = {}

  651. 										obj.name = '平均'

  652. 										obj.zxl = item.data

  653. 										arr.push(obj)

  654. 									})

  655. 								}

  656. 								arr = this.dealData(arr)

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

  658. 							} else {

  659. 								console.log(3, '啥大上课了就可领取诶去玩害偶尔UI哦请勿诶哦')

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

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

  662. 									let obj = {}

  663. 									obj.name = item.deptName

  664. 									obj.zxl = item.data

  665. 									arr.push(obj)

  666. 								})

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

  668. 									let obj = {}

  669. 									obj.name = item.deptName

  670. 									obj.zxl = item.data

  671. 									arr.push(obj)

  672. 								})

  673. 								arr = this.dealData(arr)

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

  675. 							}

  676. 						} else {

  677. 							console.log(idx, index, url, '1231231231289123132UI哦23UI哦23UI哦1 ')

  678. 							// 当选择趋势时

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

  680. 							let allobj = {

  681. 								categories: [],

  682. 								series: []

  683. 							}

  684. 							// 先处理时间

  685. 							// 当选择全部时

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

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

  688. 									let obj = {}

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

  690. 									obj.data = []

  691. 									item.map(item1 => {

  692. 										// 时间的处理

  693. 										if (idx == 0) {

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

  695. 										}

  696. 										obj.data.push(item1.data)

  697. 									})

  698. 									allobj.series.push(obj)

  699. 								})

  700. 							}

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

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

  703. 								// console.log(2)

  704. 								let obj = {}

  705. 								obj.data = []

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

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

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

  709. 									obj.data.push(item.data)

  710. 								})

  711. 								allobj.series.push(obj)

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

  713. 								// 如果显示对比

  714. 								if (this.timepickpickisshow) {

  715. 									let obj = {}

  716. 									obj.data = []

  717. 									obj.name = '平均'

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

  719. 										obj.data.push(item.data)

  720. 									})

  721. 									allobj.series.push(obj)

  722. 								}

  723. 							} else {

  724. 								// console.log(3)

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

  726. 								let obj = {}

  727. 								let obj1 = {}

  728. 								obj.data = []

  729. 								obj1.data = []

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

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

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

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

  734. 									obj.data.push(item.data)

  735. 								})

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

  737. 									obj1.data.push(item.data)

  738. 								})

  739. 								allobj.series.push(obj)

  740. 								allobj.series.push(obj1)

  741. 							}

  742. 							// console.log(allobj)

  743. 							// return 

  744. 							// this.lineOptsect1=allobj

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

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

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

  748. 						}

  749. 

  750. 						this.$forceUpdate()

  751. 					})

  752. 			},

  753. 			// 获取销奖能力

  754. 			getPowerList() {

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

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

  757. 						houseId: this.houseId,

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

  759. 						lastEndDate: this.lastEndDate,

  760. 						lastStartDate: this.lastStartDate

  761. 					})

  762. 					.then(res => {

  763. 						// console.log(res)

  764. 						// 处理数据

  765. 						this.chartData1 = {

  766. 							categories: [],

  767. 							series: []

  768. 						}

  769. 						let allobj = {

  770. 							categories: [],

  771. 							series: []

  772. 						}

  773. 						// 当选择全部时

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

  775. 							// let first=res.first

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

  777. 								let obj = {

  778. 									name: item[0].deptName,

  779. 									data: []

  780. 								}

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

  782. 									if (index == 0) {

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

  784. 									}

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

  786. 								})

  787. 								allobj.series.push(obj)

  788. 							})

  789. 						}

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

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

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

  793. 								let obj = {

  794. 									name: item[0].deptName,

  795. 									data: []

  796. 								}

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

  798. 									if (index == 0) {

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

  800. 									}

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

  802. 								})

  803. 								allobj.series.push(obj)

  804. 							})

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

  806. 							// 如果显示对比

  807. 							if (this.timepickpickisshow) {

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

  809. 									let obj = {

  810. 										name: '平均',

  811. 										data: []

  812. 									}

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

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

  815. 									})

  816. 									allobj.series.push(obj)

  817. 								})

  818. 							}

  819. 						} else {

  820. 							// console.log(3)

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

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

  823. 								let obj = {

  824. 									name: item[0].deptName,

  825. 									data: []

  826. 								}

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

  828. 									if (index == 0) {

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

  830. 									}

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

  832. 								})

  833. 								allobj.series.push(obj)

  834. 							})

  835. 						}

  836. 						// console.log(allobj)

  837. 						this.chartData1 = allobj

  838. 						this.$forceUpdate()

  839. 					})

  840. 			},

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

  842. 			dealData(arr) {

  843. 				// 获取最大值

  844. 				let num = Math.max.apply(Math, arr.map(function(o) {

  845. 					return o.zxl

  846. 				})) //结果：3

  847. 				// console.log(num)

  848. 				if (num > 100) {

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

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

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

  852. 					arr.map(item => {

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

  854. 					})

  855. 					// console.log(arr)

  856. 					return arr

  857. 				} else {

  858. 					arr.map(item => {

  859. 						item.zxl1 = item.zxl

  860. 					})

  861. 					return arr

  862. 				}

  863. 			},

  864. 		}

  865. 	};

  866. </script>

  867. <style lang="scss" scoped>

  868. 	.boxtittab {

  869. 		position: sticky;

  870. 		top: var(--window-top);

  871. 		z-index: 999;

  872. 	}

  873. 

  874. 	.box {

  875. 		width: 100%;

  876. 		height: 100%;

  877. 		background: #FAFAFA;

  878. 		padding-bottom: 60rpx;

  879. 	}

  880. 

  881. 	// 对比时间切换

  882. 	.timepick {

  883. 		width: 100%;

  884. 		height: 90rpx;

  885. 		display: flex;

  886. 		align-items: center;

  887. 		background: #FFFFFF;

  888. 	}

  889. 

  890. 	.timepicktime {

  891. 		width: 260rpx;

  892. 		height: 50rpx;

  893. 		margin-left: 30rpx;

  894. 		display: flex;

  895. 		align-items: center;

  896. 		background: #FFFFFF;

  897. 	}

  898. 

  899. 	.timepickpick {

  900. 		width: 110rpx;

  901. 		height: 50rpx;

  902. 		margin-left: 30rpx;

  903. 		display: flex;

  904. 		align-items: center;

  905. 	}

  906. 

  907. 	.Underimg {

  908. 		width: 28rpx;

  909. 		height: 14rpx;

  910. 		margin-left: 12rpx;

  911. 	}

  912. 

  913. 	.hejisan{

  914. 		width: 92%;

  915. 		margin: 0 auto;

  916. 		display: flex;

  917. 		padding-top: 20rpx;

  918. 		padding-bottom:20rpx;

  919. 		.sanbox1{

  920. 			flex: 1;

  921. 			display: flex;

  922. 			flex-direction: column;

  923. 			justify-content: center;

  924. 			align-items: center;

  925. 			position: relative;

  926. 			&::after{

  927. 				position: absolute;

  928. 				content: '';

  929. 				width: 1rpx;

  930. 				height: 86rpx;

  931. 				background: #E0E0E0;

  932. 				right: 0;

  933. 				top: 0;

  934. 			}

  935. 			&:last-child::after {

  936. 				position: absolute;

  937. 				content: '';

  938. 				width: 1rpx;

  939. 				height: 86rpx;

  940. 				right: 0;

  941. 				top: 0;

  942. 				background: #fff;

  943. 			}

  944. 		}

  945. 		.text1-1{

  946. 			font-size: 24rpx;

  947. 			font-family: PingFangSC-Regular, PingFang SC;

  948. 			font-weight: 400;

  949. 			color: #333333;

  950. 			line-height: 32rpx;

  951. 		}

  952. 		.text1-2{

  953. 			color: #333333;

  954. 			font-size: 40rpx;

  955. 			line-height: 46rpx;

  956. 			font-family: PingFangSC-Regular, PingFang SC;

  957. 			margin-bottom: 10rpx;

  958. 		}

  959. 	}

  960. </style>