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.
184 Commits
7 Branches
28 MiB
 
 
 
Tree: ce99688641
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ce99688641'
${ noResults }
NewZkgj/pages/center/Piabodata/Theteamcompared.vue

1123 lines
33 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 uchaserboxs">

  220. 				 <qiun-data-charts

  221. 				    type="radar"

  222. 					:opts="opts"

  223. 				    :chartData="chartData1"

  224. 				    :canvas2d="true"

  225. 					canvasId="wangxiaohuaerlingeryilingwuyib88"

  226. 				    background="none"

  227. 				  />

  228. 			</view>

  229. 		</view>

  230. 		

  231. 		

  232. 		

  233. 		

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

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

  236. 					<view class="title">

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

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

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

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

  241. 							</view>

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

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

  244. 							</view>

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

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

  247. 							</view>

  248. 						</view>

  249. 					</view>

  250. 					<view class="hejibox">

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

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

  253. 					</view>

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

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

  256. 						<view class="uchaserbox">

  257. 							<qiun-data-charts

  258. 							   type="line"

  259. 							   :chartData="lineOptsect4"

  260. 							   background="none"

  261. 							   :ontouch="true"

  262. 								canvasId="wangxiaohuaerlingeryilingwuyi"

  263. 								:canvas2d="true"

  264. 							 /> 

  265. 						</view>

  266. 					</view>

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

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

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

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

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

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

  273. 								</view>

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

  275. 							</view>

  276. 						</view>

  277. 					</view>

  278. 				</view> -->

  279. 		

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

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

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

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

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

  285. 					<view class="title2-che">项目

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

  287. 					</view>

  288. 				</view>

  289. 			</view>

  290. 			<view class="hejibox">

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

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

  293. 			</view>

  294. 			<view class="uchaserbox">

  295. 				 <qiun-data-charts

  296. 				    type="radar"

  297. 				    :chartData="chartData"

  298. 				    :canvas2d="true"

  299. 					canvasId="wangxiaohuaerlingeryilingwuyib89"

  300. 				    background="none"

  301. 				  />

  302. 			</view>

  303. 		</view> -->

  304. 		

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

  306. 		

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

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

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

  310. 	</view>

  311. </template>

  312. 

  313. <script>

  314. 	var app = getApp();

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

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

  317. 	export default {

  318. 		data() {

  319. 			return {

  320. 				activeTotal: 4,

  321. 				eharTab:{

  322. 					active1: 0,

  323. 					active2:0,

  324. 					active3:0,

  325. 					active4:0,

  326. 				},

  327. 				deptids:'',

  328. 				bocindex:0,

  329. 				timepickpickisshow:false,

  330. 				totalTimeShow: false,

  331. 				// 项目id

  332. 				houseId:'',

  333. 				staffList:[],

  334. 				staffList1:[],

  335. 				staffShow:false,

  336. 				staffShow1:false,

  337. 				staff1:{

  338. 					value:'',

  339. 					label:''

  340. 				},

  341. 				staff2:{

  342. 					value:'',

  343. 					label:'平均'

  344. 				},

  345. 				lastStartDate:'',

  346. 				lastEndDate :'',

  347. 				selindex:[0],

  348. 				choseStaffFlag:false,

  349. 				lineOptsect1:{

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

  351. 					"series": [

  352. 						{

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

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

  355. 						},

  356. 						{

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

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

  359. 						}

  360. 					]

  361. 				},

  362. 				lineOptsect2:{

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

  364. 					"series": [

  365. 						{

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

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

  368. 						},

  369. 						{

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

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

  372. 						}

  373. 					]

  374. 				},

  375. 				lineOptsect3:{

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

  377. 					"series": [

  378. 						{

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

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

  381. 						},

  382. 						{

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

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

  385. 						}

  386. 					]

  387. 				},

  388. 				lineOptsect4:{

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

  390. 					"series": [

  391. 						{

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

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

  394. 						},

  395. 						{

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

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

  398. 						}

  399. 					]

  400. 				},

  401. 				newlisttabinfo1:[

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

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

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

  405. 				],

  406. 				newlisttabinfo2:[

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

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

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

  410. 				],

  411. 				newlisttabinfo3:[

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

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

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

  415. 				],

  416. 				newlisttabinfo4:[

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

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

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

  420. 				],

  421. 				newTeam1:'',

  422. 				newAvg1:'',

  423. 				newTeam2:'',

  424. 				newAvg2:'',

  425. 				newTeam3:'',

  426. 				newAvg3:'',

  427. 				newTeam4:'',

  428. 				newAvg4:'',

  429. 				chartData1:{

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

  431. 					"series": [

  432. 						{

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

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

  435. 						}

  436. 					]

  437. 				},

  438. 				chartData2:{

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

  440. 					"series": [

  441. 						{

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

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

  444. 						}

  445. 					]

  446. 				},

  447. 				

  448. 				opts: {

  449. 					fontSize: 10,

  450. 					extra: {

  451. 						radar: {

  452. 							max: ''

  453. 						}

  454. 					}

  455. 				}

  456. 				

  457. 			};

  458. 		},

  459. 		onLoad() {

  460. 			let that=this

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

  462. 				// console.log(data)

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

  464. 				// 获取销奖能力

  465. 				that.getPowerList()

  466. 			})

  467. 			// 获取项目id

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

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

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

  471. 			this.getSectionList()

  472. 

  473. 		},

  474. 		onPullDownRefresh() {

  475. 			let that=this

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

  477. 				// console.log(data)

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

  479. 				// 获取销奖能力

  480. 				that.getPowerList()

  481. 			})

  482. 			// 获取项目id

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

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

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

  486. 			this.getSectionList()

  487. 			setTimeout(function () {

  488. 			    uni.stopPullDownRefresh();

  489. 			}, 1000);

  490. 		},

  491. 		methods: {

  492. 			//是否对比

  493. 			checkboxChange(){

  494. 				this.timepickpickisshow=!this.timepickpickisshow;

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

  496. 				this.staff2.value=''

  497. 				// 团队对比接待量

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

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

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

  501. 				/* 销奖执行率 */

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

  503. 				// 获取销奖能力

  504. 				this.getPowerList()

  505. 			},

  506. 			// 获取部门列表

  507. 			getSectionList(){

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

  509. 				.then(res=>{

  510. 					this.staffList=[]

  511. 					this.staffList1=[]

  512. 					res.map(item=>{

  513. 						let obj={}

  514. 						obj.value=item.deptId

  515. 						obj.label=item.deptName

  516. 						this.staffList.push(obj)

  517. 					})

  518. 					this.staffList1=[...this.staffList]

  519. 					this.staffList.unshift({

  520. 							value:'',

  521. 							label:'全部'

  522. 						})

  523. 					this.staffList1.unshift({

  524. 							value:'',

  525. 							label:'平均'

  526. 						})

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

  528. 					// 团队对比接待量

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

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

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

  532. 					/* 销奖执行率 */

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

  534. 					// 获取销奖能力

  535. 					this.getPowerList()

  536. 					

  537. 				})

  538. 			},

  539. 			// 点击部门对比

  540. 			chiocStaff(idx){

  541. 				if(idx==0){

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

  543. 					this.choseStaffFlag=false

  544. 					this.staffShow=true

  545. 				}else{

  546. 					this.choseStaffFlag=true

  547. 					this.staffShow1=true

  548. 				}

  549. 				

  550. 			},

  551. 			//时间切换

  552. 			tabtimetap(index) {

  553. 				if (index == 3) {

  554. 					this.totalTimeShow = true;

  555. 				} else {

  556. 					this.activeTotal = index;

  557. 					this.lastEndDate=''

  558. 					this.lastStartDate=''

  559. 					// 获取数据

  560. 					// 团队对比接待量

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

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

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

  564. 					/* 销奖执行率 */

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

  566. 					// 获取销奖能力

  567. 					this.getPowerList()

  568. 				}

  569. 			},

  570. 			// 接待量

  571. 			tabtimetap1(idx){

  572. 				this.eharTab.active1=idx

  573. 				// 调用方法

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

  575. 			},

  576. 			// 接待时长

  577. 			tabtimetap2(idx){

  578. 				this.eharTab.active2=idx

  579. 				// 调用方法

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

  581. 			},

  582. 			tabtimetap3(idx){

  583. 				this.eharTab.active3=idx

  584. 				// 调用方法

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

  586. 			},

  587. 			tabtimetap4(idx){

  588. 				this.eharTab.active4=idx

  589. 				// 调用方法

  590. 				// this.getRecordList()

  591. 			},

  592. 			//自定义时间

  593. 			totalTimeChange(e) {

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

  595. 				this.activeTotal=3;

  596. 				this.lastEndDate=e.endDate

  597. 				this.lastStartDate=e.startDate

  598. 				// 获取数据

  599. 				// 团队对比接待量

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

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

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

  603. 				/* 销奖执行率 */

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

  605. 				// 获取销奖能力

  606. 				this.getPowerList()

  607. 			},

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

  609. 			tapspagek2(index) {

  610. 				this.bocindex = index;

  611. 			},

  612. 			//集团对比

  613. 			Groupcontrast(){

  614. 				uni.navigateTo({

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

  616. 				});

  617. 			},

  618. 			// 去选择团队

  619. 			goTeam(){

  620. 				uni.navigateTo({

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

  622. 				})

  623. 			},

  624. 			staffSelectCallback(e){

  625. 				if(this.choseStaffFlag){

  626. 					// 第二个客户

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

  628. 					this.staff2=e[0]

  629. 				}else{

  630. 					// 第一个客户

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

  632. 					// 当选择全部时

  633. 					if(!e.value){

  634. 						this.timepickpickisshow=false

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

  636. 						this.staff2.value=''

  637. 					}

  638. 					this.staff1=e[0]

  639. 				}

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

  641. 					uni.showToast({

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

  643. 						icon:'none'

  644. 					})

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

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

  647. 					// this.staff2.value=''

  648. 					return

  649. 				}else{

  650. 					// 获取数据

  651. 					// 团队对比接待量

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

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

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

  655. 					/* 销奖执行率 */

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

  657. 					// 获取销奖能力

  658. 					this.getPowerList()

  659. 				}

  660. 			},

  661. 			// 团队对比接待量

  662. 			// receptionCountList(idx){

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

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

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

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

  667. 			// 		showRank:idx,

  668. 			// 		houseId:this.houseId,

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

  670. 			// 		lastEndDate:this.lastEndDate,

  671. 			// 		lastStartDate:this.lastStartDate

  672. 			// 	})

  673. 			// 	.then(res=>{

  674. 			// 		// console.log(res)

  675. 			// 		let result=res.result

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

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

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

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

  680. 			// 			// 处理数据

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

  682. 			// 			// 当为全部时

  683. 			// 			this.newlisttabinfo=[]

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

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

  686. 			// 				// console.log(1)

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

  688. 			// 					let obj={}

  689. 			// 					obj.name=item.deptName

  690. 			// 					obj.zxl=item.receptionCount

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

  692. 			// 				})

  693. 			// 			}

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

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

  696. 			// 				// console.log(2)

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

  698. 			// 					let obj={}

  699. 			// 					obj.name=item.deptName

  700. 			// 					obj.zxl=item.receptionCount

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

  702. 			// 				})

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

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

  705. 			// 				if(this.timepickpickisshow){

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

  707. 			// 						let obj={}

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

  709. 			// 						obj.zxl=item.receptionCount

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

  711. 			// 					})

  712. 			// 				}

  713. 			// 			}else{

  714. 			// 				// console.log(3)

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

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

  717. 			// 					let obj={}

  718. 			// 					obj.name=item.deptName

  719. 			// 					obj.zxl=item.receptionCount

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

  721. 			// 				})

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

  723. 			// 					let obj={}

  724. 			// 					obj.name=item.deptName

  725. 			// 					obj.zxl=item.receptionCount

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

  727. 			// 				})

  728. 			// 			}

  729. 			// 		}else{

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

  731. 			// 			// this.lineOptsect={

  732. 			// 			// 	categories:[],

  733. 			// 			// 	series:[]

  734. 			// 			// }

  735. 			// 			let allobj={

  736. 			// 				categories:[],

  737. 			// 				series:[]

  738. 			// 			}

  739. 			// 			// 先处理时间

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

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

  742. 			// 				// console.log(1)

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

  744. 			// 					let obj={}

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

  746. 			// 					obj.data=[]

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

  748. 			// 						// 时间的处理

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

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

  751. 			// 						}

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

  753. 			// 					})

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

  755. 			// 				})

  756. 			// 			}

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

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

  759. 			// 				// console.log(2)

  760. 			// 				let obj={}

  761. 			// 				obj.data=[]

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

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

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

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

  766. 			// 				})

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

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

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

  770. 			// 				if(this.timepickpickisshow){

  771. 			// 					let obj={}

  772. 			// 					obj.data=[]

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

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

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

  776. 			// 					})

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

  778. 			// 				}

  779. 			// 			}else{

  780. 			// 				// console.log(3)

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

  782. 			// 				let obj={}

  783. 			// 				let obj1={}

  784. 			// 				obj.data=[]

  785. 			// 				obj1.data=[]

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

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

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

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

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

  791. 			// 				})

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

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

  794. 			// 				})

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

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

  797. 			// 			}

  798. 			// 			this.lineOptsect=allobj

  799. 			// 		}

  800. 			// 	})

  801. 			// },

  802. 			// 接待时长

  803. 			receptionCountList(idx,index,url){

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

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

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

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

  808. 					showRank:idx,

  809. 					houseId:this.houseId,

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

  811. 					lastEndDate:this.lastEndDate,

  812. 					lastStartDate:this.lastStartDate

  813. 				})

  814. 				.then(res=>{

  815. 					// console.log(res)

  816. 					let result=res.result

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

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

  819. 					if(idx==0){

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

  821. 						// 处理数据

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

  823. 						// 当为全部时

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

  825. 						let arr=[]

  826. 						// 当选择全部时

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

  828. 							// console.log(1)

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

  830. 								let obj={}

  831. 								obj.name=item.deptName

  832. 								obj.zxl=item.data

  833. 								arr.push(obj)

  834. 								

  835. 							})

  836. 							arr=this.dealData(arr)

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

  838. 						}

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

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

  841. 							// console.log(2)

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

  843. 								let obj={}

  844. 								obj.name=item.deptName

  845. 								obj.zxl=item.data

  846. 								arr.push(obj)

  847. 							})

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

  849. 							// 如果显示对比

  850. 							if(this.timepickpickisshow){

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

  852. 									let obj={}

  853. 									obj.name='平均'

  854. 									obj.zxl=item.data

  855. 									arr.push(obj)

  856. 								})

  857. 							}

  858. 							arr=this.dealData(arr)

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

  860. 						}else{

  861. 							// console.log(3)

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

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

  864. 								let obj={}

  865. 								obj.name=item.deptName

  866. 								obj.zxl=item.data

  867. 								arr.push(obj)

  868. 							})

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

  870. 								let obj={}

  871. 								obj.name=item.deptName

  872. 								obj.zxl=item.data

  873. 								arr.push(obj)

  874. 							})

  875. 							arr=this.dealData(arr)

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

  877. 						}

  878. 					}else{

  879. 						// 当选择趋势时

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

  881. 						let allobj={

  882. 							categories:[],

  883. 							series:[]

  884. 						}

  885. 						// 先处理时间

  886. 						// 当选择全部时

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

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

  889. 								let obj={}

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

  891. 								obj.data=[]

  892. 								item.map(item1=>{

  893. 									// 时间的处理

  894. 									if(idx==0){

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

  896. 									}

  897. 									obj.data.push(item1.data)

  898. 								})

  899. 								allobj.series.push(obj)

  900. 							})

  901. 						}

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

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

  904. 							// console.log(2)

  905. 							let obj={}

  906. 							obj.data=[]

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

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

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

  910. 								obj.data.push(item.data)

  911. 							})

  912. 							allobj.series.push(obj)

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

  914. 							// 如果显示对比

  915. 							if(this.timepickpickisshow){

  916. 								let obj={}

  917. 								obj.data=[]

  918. 								obj.name='平均'

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

  920. 									obj.data.push(item.data)

  921. 								})

  922. 								allobj.series.push(obj)

  923. 							}

  924. 						}else{

  925. 							// console.log(3)

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

  927. 							let obj={}

  928. 							let obj1={}

  929. 							obj.data=[]

  930. 							obj1.data=[]

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

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

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

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

  935. 							obj.data.push(item.data)

  936. 							})

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

  938. 							obj1.data.push(item.data)

  939. 							})

  940. 							allobj.series.push(obj)

  941. 							allobj.series.push(obj1)

  942. 						}

  943. 						// console.log(allobj)

  944. 						// return 

  945. 						// this.lineOptsect1=allobj

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

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

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

  949. 					}

  950. 				})

  951. 			},

  952. 			// 获取销奖能力

  953. 			getPowerList(){

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

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

  956. 					houseId:this.houseId,

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

  958. 					lastEndDate:this.lastEndDate,

  959. 					lastStartDate:this.lastStartDate

  960. 				})

  961. 				.then(res=>{

  962. 					// console.log(res)

  963. 					// 处理数据

  964. 					this.chartData1={

  965. 						categories:[],

  966. 						series:[]

  967. 					}

  968. 					let allobj={

  969. 						categories:[],

  970. 						series:[]

  971. 					}

  972. 					let max = 0;

  973. 					// 当选择全部时

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

  975. 						// let first=res.first

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

  977. 							let obj={

  978. 								name:item[0].deptName,

  979. 								data:[]

  980. 							}

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

  982. 								if(index==0){

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

  984. 								}

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

  986. 								if (max < item1.avgExecutionRate) max = item1.avgExecutionRate;

  987. 							})

  988. 							allobj.series.push(obj)

  989. 						})

  990. 					}

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

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

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

  994. 							let obj={

  995. 								name:item[0].deptName,

  996. 								data:[]

  997. 							}

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

  999. 								if(index==0){

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

  1001. 								}

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

  1003. 								if (max < item1.avgExecutionRate) max = item1.avgExecutionRate;

  1004. 							})

  1005. 							allobj.series.push(obj)

  1006. 						})

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

  1008. 						// 如果显示对比

  1009. 						if(this.timepickpickisshow){

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

  1011. 								let obj={

  1012. 									name:'平均',

  1013. 									data:[]

  1014. 								}

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

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

  1017. 								})

  1018. 								allobj.series.push(obj)

  1019. 							})

  1020. 						}

  1021. 					}else{

  1022. 						// console.log(3)

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

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

  1025. 							let obj={

  1026. 								name:item[0].deptName,

  1027. 								data:[]

  1028. 							}

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

  1030. 								if(index==0){

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

  1032. 								}

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

  1034. 								if (max < item1.avgExecutionRate) max = item1.avgExecutionRate;

  1035. 							})

  1036. 							allobj.series.push(obj)

  1037. 						})

  1038. 					}

  1039. 					this.opts.extra.radar.max = max +25

  1040. 					// console.log(allobj)

  1041. 					this.chartData1=allobj

  1042. 					this.$forceUpdate()

  1043. 				})

  1044. 			},

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

  1046. 			dealData(arr){

  1047. 				// 获取最大值

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

  1049. 				// console.log(num)

  1050. 				if(num>100){

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

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

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

  1054. 					arr.map(item=>{

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

  1056. 					})

  1057. 					// console.log(arr)

  1058. 					return arr

  1059. 				}else{

  1060. 					arr.map(item=>{

  1061. 						item.zxl1=item.zxl

  1062. 					})

  1063. 					return arr

  1064. 				}

  1065. 			},

  1066. 		}

  1067. 	};

  1068. </script>

  1069. <style lang="scss" scoped>

  1070. 	

  1071. 	.uchaserboxs {

  1072. 		width: 100%;

  1073. 		height: 70vh;

  1074. 	}

  1075. 	.box {

  1076. 		width: 100%;

  1077. 		height: 100%;

  1078. 		background: #FAFAFA;

  1079. 		padding-bottom: 60rpx;

  1080. 	}

  1081. 	// 对比时间切换

  1082. 	.timepick{

  1083. 		width: 100%;

  1084. 		height: 90rpx;

  1085. 		display: flex;

  1086. 		align-items: center;

  1087. 		background: #FAFAFA;

  1088. 	}

  1089. 	.timepicktime{

  1090. 		width: 260rpx;

  1091. 		height: 50rpx;

  1092. 		border: 1rpx solid #E0E0E0;

  1093. 		margin-left: 30rpx;

  1094. 		display: flex;

  1095. 		background: #FFFFFF;

  1096. 	}

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

  1098. 		width: 210rpx;

  1099. 		height: 100%;

  1100. 		line-height: 50rpx;

  1101. 		font-size: 26rpx;

  1102. 		font-weight: 400;

  1103. 		text-align: center;

  1104. 	}

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

  1106. 		width: 49rpx;

  1107. 		height: 100%;

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

  1109. 	}

  1110. 	.timepickpick{

  1111. 		width: 110rpx;

  1112. 		height: 50rpx;

  1113. 		margin-left: 30rpx;

  1114. 		display: flex;

  1115. 		align-items: center;

  1116. 	}

  1117. 	.Underimg{

  1118. 		width: 50rpx;

  1119. 		height:50rpx;

  1120. 		margin-top: -2rpx;

  1121. 	}

  1122. </style>