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

1106 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" style="height: 70vh;">

  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. 		methods: {

  475. 			//是否对比

  476. 			checkboxChange(){

  477. 				this.timepickpickisshow=!this.timepickpickisshow;

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

  479. 				this.staff2.value=''

  480. 				// 团队对比接待量

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

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

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

  484. 				/* 销奖执行率 */

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

  486. 				// 获取销奖能力

  487. 				this.getPowerList()

  488. 			},

  489. 			// 获取部门列表

  490. 			getSectionList(){

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

  492. 				.then(res=>{

  493. 					this.staffList=[]

  494. 					this.staffList1=[]

  495. 					res.map(item=>{

  496. 						let obj={}

  497. 						obj.value=item.deptId

  498. 						obj.label=item.deptName

  499. 						this.staffList.push(obj)

  500. 					})

  501. 					this.staffList1=[...this.staffList]

  502. 					this.staffList.unshift({

  503. 							value:'',

  504. 							label:'全部'

  505. 						})

  506. 					this.staffList1.unshift({

  507. 							value:'',

  508. 							label:'平均'

  509. 						})

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

  511. 					// 团队对比接待量

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

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

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

  515. 					/* 销奖执行率 */

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

  517. 					// 获取销奖能力

  518. 					this.getPowerList()

  519. 					

  520. 				})

  521. 			},

  522. 			// 点击部门对比

  523. 			chiocStaff(idx){

  524. 				if(idx==0){

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

  526. 					this.choseStaffFlag=false

  527. 					this.staffShow=true

  528. 				}else{

  529. 					this.choseStaffFlag=true

  530. 					this.staffShow1=true

  531. 				}

  532. 				

  533. 			},

  534. 			//时间切换

  535. 			tabtimetap(index) {

  536. 				if (index == 3) {

  537. 					this.totalTimeShow = true;

  538. 				} else {

  539. 					this.activeTotal = index;

  540. 					this.lastEndDate=''

  541. 					this.lastStartDate=''

  542. 					// 获取数据

  543. 					// 团队对比接待量

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

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

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

  547. 					/* 销奖执行率 */

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

  549. 					// 获取销奖能力

  550. 					this.getPowerList()

  551. 				}

  552. 			},

  553. 			// 接待量

  554. 			tabtimetap1(idx){

  555. 				this.eharTab.active1=idx

  556. 				// 调用方法

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

  558. 			},

  559. 			// 接待时长

  560. 			tabtimetap2(idx){

  561. 				this.eharTab.active2=idx

  562. 				// 调用方法

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

  564. 			},

  565. 			tabtimetap3(idx){

  566. 				this.eharTab.active3=idx

  567. 				// 调用方法

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

  569. 			},

  570. 			tabtimetap4(idx){

  571. 				this.eharTab.active4=idx

  572. 				// 调用方法

  573. 				// this.getRecordList()

  574. 			},

  575. 			//自定义时间

  576. 			totalTimeChange(e) {

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

  578. 				this.activeTotal=3;

  579. 				this.lastEndDate=e.endDate

  580. 				this.lastStartDate=e.startDate

  581. 				// 获取数据

  582. 				// 团队对比接待量

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

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

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

  586. 				/* 销奖执行率 */

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

  588. 				// 获取销奖能力

  589. 				this.getPowerList()

  590. 			},

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

  592. 			tapspagek2(index) {

  593. 				this.bocindex = index;

  594. 			},

  595. 			//集团对比

  596. 			Groupcontrast(){

  597. 				uni.navigateTo({

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

  599. 				});

  600. 			},

  601. 			// 去选择团队

  602. 			goTeam(){

  603. 				uni.navigateTo({

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

  605. 				})

  606. 			},

  607. 			staffSelectCallback(e){

  608. 				if(this.choseStaffFlag){

  609. 					// 第二个客户

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

  611. 					this.staff2=e[0]

  612. 				}else{

  613. 					// 第一个客户

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

  615. 					// 当选择全部时

  616. 					if(!e.value){

  617. 						this.timepickpickisshow=false

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

  619. 						this.staff2.value=''

  620. 					}

  621. 					this.staff1=e[0]

  622. 				}

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

  624. 					uni.showToast({

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

  626. 						icon:'none'

  627. 					})

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

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

  630. 					// this.staff2.value=''

  631. 					return

  632. 				}else{

  633. 					// 获取数据

  634. 					// 团队对比接待量

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

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

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

  638. 					/* 销奖执行率 */

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

  640. 					// 获取销奖能力

  641. 					this.getPowerList()

  642. 				}

  643. 			},

  644. 			// 团队对比接待量

  645. 			// receptionCountList(idx){

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

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

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

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

  650. 			// 		showRank:idx,

  651. 			// 		houseId:this.houseId,

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

  653. 			// 		lastEndDate:this.lastEndDate,

  654. 			// 		lastStartDate:this.lastStartDate

  655. 			// 	})

  656. 			// 	.then(res=>{

  657. 			// 		// console.log(res)

  658. 			// 		let result=res.result

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

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

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

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

  663. 			// 			// 处理数据

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

  665. 			// 			// 当为全部时

  666. 			// 			this.newlisttabinfo=[]

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

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

  669. 			// 				// console.log(1)

  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. 			// 			else if(this.staff1.value&&!this.staff2.value){

  679. 			// 				// console.log(2)

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

  681. 			// 					let obj={}

  682. 			// 					obj.name=item.deptName

  683. 			// 					obj.zxl=item.receptionCount

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

  685. 			// 				})

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

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

  688. 			// 				if(this.timepickpickisshow){

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

  690. 			// 						let obj={}

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

  692. 			// 						obj.zxl=item.receptionCount

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

  694. 			// 					})

  695. 			// 				}

  696. 			// 			}else{

  697. 			// 				// console.log(3)

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

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

  700. 			// 					let obj={}

  701. 			// 					obj.name=item.deptName

  702. 			// 					obj.zxl=item.receptionCount

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

  704. 			// 				})

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

  706. 			// 					let obj={}

  707. 			// 					obj.name=item.deptName

  708. 			// 					obj.zxl=item.receptionCount

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

  710. 			// 				})

  711. 			// 			}

  712. 			// 		}else{

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

  714. 			// 			// this.lineOptsect={

  715. 			// 			// 	categories:[],

  716. 			// 			// 	series:[]

  717. 			// 			// }

  718. 			// 			let allobj={

  719. 			// 				categories:[],

  720. 			// 				series:[]

  721. 			// 			}

  722. 			// 			// 先处理时间

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

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

  725. 			// 				// console.log(1)

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

  727. 			// 					let obj={}

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

  729. 			// 					obj.data=[]

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

  731. 			// 						// 时间的处理

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

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

  734. 			// 						}

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

  736. 			// 					})

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

  738. 			// 				})

  739. 			// 			}

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

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

  742. 			// 				// console.log(2)

  743. 			// 				let obj={}

  744. 			// 				obj.data=[]

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

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

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

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

  749. 			// 				})

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

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

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

  753. 			// 				if(this.timepickpickisshow){

  754. 			// 					let obj={}

  755. 			// 					obj.data=[]

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

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

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

  759. 			// 					})

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

  761. 			// 				}

  762. 			// 			}else{

  763. 			// 				// console.log(3)

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

  765. 			// 				let obj={}

  766. 			// 				let obj1={}

  767. 			// 				obj.data=[]

  768. 			// 				obj1.data=[]

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

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

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

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

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

  774. 			// 				})

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

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

  777. 			// 				})

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

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

  780. 			// 			}

  781. 			// 			this.lineOptsect=allobj

  782. 			// 		}

  783. 			// 	})

  784. 			// },

  785. 			// 接待时长

  786. 			receptionCountList(idx,index,url){

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

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

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

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

  791. 					showRank:idx,

  792. 					houseId:this.houseId,

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

  794. 					lastEndDate:this.lastEndDate,

  795. 					lastStartDate:this.lastStartDate

  796. 				})

  797. 				.then(res=>{

  798. 					// console.log(res)

  799. 					let result=res.result

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

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

  802. 					if(idx==0){

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

  804. 						// 处理数据

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

  806. 						// 当为全部时

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

  808. 						let arr=[]

  809. 						// 当选择全部时

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

  811. 							// console.log(1)

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

  813. 								let obj={}

  814. 								obj.name=item.deptName

  815. 								obj.zxl=item.data

  816. 								arr.push(obj)

  817. 								

  818. 							})

  819. 							arr=this.dealData(arr)

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

  821. 						}

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

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

  824. 							// console.log(2)

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

  826. 								let obj={}

  827. 								obj.name=item.deptName

  828. 								obj.zxl=item.data

  829. 								arr.push(obj)

  830. 							})

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

  832. 							// 如果显示对比

  833. 							if(this.timepickpickisshow){

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

  835. 									let obj={}

  836. 									obj.name='平均'

  837. 									obj.zxl=item.data

  838. 									arr.push(obj)

  839. 								})

  840. 							}

  841. 							arr=this.dealData(arr)

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

  843. 						}else{

  844. 							// console.log(3)

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

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

  847. 								let obj={}

  848. 								obj.name=item.deptName

  849. 								obj.zxl=item.data

  850. 								arr.push(obj)

  851. 							})

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

  853. 								let obj={}

  854. 								obj.name=item.deptName

  855. 								obj.zxl=item.data

  856. 								arr.push(obj)

  857. 							})

  858. 							arr=this.dealData(arr)

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

  860. 						}

  861. 					}else{

  862. 						// 当选择趋势时

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

  864. 						let allobj={

  865. 							categories:[],

  866. 							series:[]

  867. 						}

  868. 						// 先处理时间

  869. 						// 当选择全部时

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

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

  872. 								let obj={}

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

  874. 								obj.data=[]

  875. 								item.map(item1=>{

  876. 									// 时间的处理

  877. 									if(idx==0){

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

  879. 									}

  880. 									obj.data.push(item1.data)

  881. 								})

  882. 								allobj.series.push(obj)

  883. 							})

  884. 						}

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

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

  887. 							// console.log(2)

  888. 							let obj={}

  889. 							obj.data=[]

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

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

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

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

  894. 							})

  895. 							allobj.series.push(obj)

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

  897. 							// 如果显示对比

  898. 							if(this.timepickpickisshow){

  899. 								let obj={}

  900. 								obj.data=[]

  901. 								obj.name='平均'

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

  903. 									obj.data.push(item.data)

  904. 								})

  905. 								allobj.series.push(obj)

  906. 							}

  907. 						}else{

  908. 							// console.log(3)

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

  910. 							let obj={}

  911. 							let obj1={}

  912. 							obj.data=[]

  913. 							obj1.data=[]

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

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

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

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

  918. 							obj.data.push(item.data)

  919. 							})

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

  921. 							obj1.data.push(item.data)

  922. 							})

  923. 							allobj.series.push(obj)

  924. 							allobj.series.push(obj1)

  925. 						}

  926. 						// console.log(allobj)

  927. 						// return 

  928. 						// this.lineOptsect1=allobj

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

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

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

  932. 					}

  933. 				})

  934. 			},

  935. 			// 获取销奖能力

  936. 			getPowerList(){

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

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

  939. 					houseId:this.houseId,

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

  941. 					lastEndDate:this.lastEndDate,

  942. 					lastStartDate:this.lastStartDate

  943. 				})

  944. 				.then(res=>{

  945. 					// console.log(res)

  946. 					// 处理数据

  947. 					this.chartData1={

  948. 						categories:[],

  949. 						series:[]

  950. 					}

  951. 					let allobj={

  952. 						categories:[],

  953. 						series:[]

  954. 					}

  955. 					let max = 0;

  956. 					// 当选择全部时

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

  958. 						// let first=res.first

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

  960. 							let obj={

  961. 								name:item[0].deptName,

  962. 								data:[]

  963. 							}

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

  965. 								if(index==0){

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

  967. 								}

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

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

  970. 							})

  971. 							allobj.series.push(obj)

  972. 						})

  973. 					}

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

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

  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. 						if(this.timepickpickisshow){

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

  994. 								let obj={

  995. 									name:'平均',

  996. 									data:[]

  997. 								}

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

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

  1000. 								})

  1001. 								allobj.series.push(obj)

  1002. 							})

  1003. 						}

  1004. 					}else{

  1005. 						// console.log(3)

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

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

  1008. 							let obj={

  1009. 								name:item[0].deptName,

  1010. 								data:[]

  1011. 							}

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

  1013. 								if(index==0){

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

  1015. 								}

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

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

  1018. 							})

  1019. 							allobj.series.push(obj)

  1020. 						})

  1021. 					}

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

  1023. 					// console.log(allobj)

  1024. 					this.chartData1=allobj

  1025. 					this.$forceUpdate()

  1026. 				})

  1027. 			},

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

  1029. 			dealData(arr){

  1030. 				// 获取最大值

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

  1032. 				// console.log(num)

  1033. 				if(num>100){

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

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

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

  1037. 					arr.map(item=>{

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

  1039. 					})

  1040. 					// console.log(arr)

  1041. 					return arr

  1042. 				}else{

  1043. 					arr.map(item=>{

  1044. 						item.zxl1=item.zxl

  1045. 					})

  1046. 					return arr

  1047. 				}

  1048. 			},

  1049. 		}

  1050. 	};

  1051. </script>

  1052. <style lang="scss" scoped>

  1053. 	

  1054. 	.uchaserboxs {

  1055. 		width: 100%;

  1056. 		height: 70vh;

  1057. 	}

  1058. 	.box {

  1059. 		width: 100%;

  1060. 		height: 100%;

  1061. 		background: #FAFAFA;

  1062. 		padding-bottom: 60rpx;

  1063. 	}

  1064. 	// 对比时间切换

  1065. 	.timepick{

  1066. 		width: 100%;

  1067. 		height: 90rpx;

  1068. 		display: flex;

  1069. 		align-items: center;

  1070. 		background: #FAFAFA;

  1071. 	}

  1072. 	.timepicktime{

  1073. 		width: 260rpx;

  1074. 		height: 50rpx;

  1075. 		border: 1rpx solid #E0E0E0;

  1076. 		margin-left: 30rpx;

  1077. 		display: flex;

  1078. 		background: #FFFFFF;

  1079. 	}

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

  1081. 		width: 210rpx;

  1082. 		height: 100%;

  1083. 		line-height: 50rpx;

  1084. 		font-size: 26rpx;

  1085. 		font-weight: 400;

  1086. 		text-align: center;

  1087. 	}

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

  1089. 		width: 49rpx;

  1090. 		height: 100%;

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

  1092. 	}

  1093. 	.timepickpick{

  1094. 		width: 110rpx;

  1095. 		height: 50rpx;

  1096. 		margin-left: 30rpx;

  1097. 		display: flex;

  1098. 		align-items: center;

  1099. 	}

  1100. 	.Underimg{

  1101. 		width: 50rpx;

  1102. 		height:50rpx;

  1103. 		margin-top: -2rpx;

  1104. 	}

  1105. </style>