Acher
/
puqiang
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
AI营销辅助 普强使用
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.
12 Commits
2 Branches
2.7 MiB
 
 
 
Tree: 947bb2c2fd
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '947bb2c2fd'
${ noResults }
puqiang/pages/center/Piabodata/Theteamcompared.vue

1121 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" 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. 		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. 			// this.buildingname = uni.getStorageSync('buildingID').name;

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

  484. 			this.getSectionList()

  485. 			setTimeout(function () {

  486. 			    uni.stopPullDownRefresh();

  487. 			}, 1000);

  488. 		},

  489. 		methods: {

  490. 			//是否对比

  491. 			checkboxChange(){

  492. 				this.timepickpickisshow=!this.timepickpickisshow;

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

  494. 				this.staff2.value=''

  495. 				// 团队对比接待量

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

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

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

  499. 				/* 销奖执行率 */

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

  501. 				// 获取销奖能力

  502. 				this.getPowerList()

  503. 			},

  504. 			// 获取部门列表

  505. 			getSectionList(){

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

  507. 				.then(res=>{

  508. 					this.staffList=[]

  509. 					this.staffList1=[]

  510. 					res.map(item=>{

  511. 						let obj={}

  512. 						obj.value=item.deptId

  513. 						obj.label=item.deptName

  514. 						this.staffList.push(obj)

  515. 					})

  516. 					this.staffList1=[...this.staffList]

  517. 					this.staffList.unshift({

  518. 							value:'',

  519. 							label:'全部'

  520. 						})

  521. 					this.staffList1.unshift({

  522. 							value:'',

  523. 							label:'平均'

  524. 						})

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

  526. 					// 团队对比接待量

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

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

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

  530. 					/* 销奖执行率 */

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

  532. 					// 获取销奖能力

  533. 					this.getPowerList()

  534. 					

  535. 				})

  536. 			},

  537. 			// 点击部门对比

  538. 			chiocStaff(idx){

  539. 				if(idx==0){

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

  541. 					this.choseStaffFlag=false

  542. 					this.staffShow=true

  543. 				}else{

  544. 					this.choseStaffFlag=true

  545. 					this.staffShow1=true

  546. 				}

  547. 				

  548. 			},

  549. 			//时间切换

  550. 			tabtimetap(index) {

  551. 				if (index == 3) {

  552. 					this.totalTimeShow = true;

  553. 				} else {

  554. 					this.activeTotal = index;

  555. 					this.lastEndDate=''

  556. 					this.lastStartDate=''

  557. 					// 获取数据

  558. 					// 团队对比接待量

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

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

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

  562. 					/* 销奖执行率 */

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

  564. 					// 获取销奖能力

  565. 					this.getPowerList()

  566. 				}

  567. 			},

  568. 			// 接待量

  569. 			tabtimetap1(idx){

  570. 				this.eharTab.active1=idx

  571. 				// 调用方法

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

  573. 			},

  574. 			// 接待时长

  575. 			tabtimetap2(idx){

  576. 				this.eharTab.active2=idx

  577. 				// 调用方法

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

  579. 			},

  580. 			tabtimetap3(idx){

  581. 				this.eharTab.active3=idx

  582. 				// 调用方法

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

  584. 			},

  585. 			tabtimetap4(idx){

  586. 				this.eharTab.active4=idx

  587. 				// 调用方法

  588. 				// this.getRecordList()

  589. 			},

  590. 			//自定义时间

  591. 			totalTimeChange(e) {

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

  593. 				this.activeTotal=3;

  594. 				this.lastEndDate=e.endDate

  595. 				this.lastStartDate=e.startDate

  596. 				// 获取数据

  597. 				// 团队对比接待量

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

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

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

  601. 				/* 销奖执行率 */

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

  603. 				// 获取销奖能力

  604. 				this.getPowerList()

  605. 			},

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

  607. 			tapspagek2(index) {

  608. 				this.bocindex = index;

  609. 			},

  610. 			//集团对比

  611. 			Groupcontrast(){

  612. 				uni.navigateTo({

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

  614. 				});

  615. 			},

  616. 			// 去选择团队

  617. 			goTeam(){

  618. 				uni.navigateTo({

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

  620. 				})

  621. 			},

  622. 			staffSelectCallback(e){

  623. 				if(this.choseStaffFlag){

  624. 					// 第二个客户

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

  626. 					this.staff2=e[0]

  627. 				}else{

  628. 					// 第一个客户

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

  630. 					// 当选择全部时

  631. 					if(!e.value){

  632. 						this.timepickpickisshow=false

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

  634. 						this.staff2.value=''

  635. 					}

  636. 					this.staff1=e[0]

  637. 				}

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

  639. 					uni.showToast({

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

  641. 						icon:'none'

  642. 					})

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

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

  645. 					// this.staff2.value=''

  646. 					return

  647. 				}else{

  648. 					// 获取数据

  649. 					// 团队对比接待量

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

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

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

  653. 					/* 销奖执行率 */

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

  655. 					// 获取销奖能力

  656. 					this.getPowerList()

  657. 				}

  658. 			},

  659. 			// 团队对比接待量

  660. 			// receptionCountList(idx){

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

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

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

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

  665. 			// 		showRank:idx,

  666. 			// 		houseId:this.houseId,

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

  668. 			// 		lastEndDate:this.lastEndDate,

  669. 			// 		lastStartDate:this.lastStartDate

  670. 			// 	})

  671. 			// 	.then(res=>{

  672. 			// 		// console.log(res)

  673. 			// 		let result=res.result

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

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

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

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

  678. 			// 			// 处理数据

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

  680. 			// 			// 当为全部时

  681. 			// 			this.newlisttabinfo=[]

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

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

  684. 			// 				// console.log(1)

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

  686. 			// 					let obj={}

  687. 			// 					obj.name=item.deptName

  688. 			// 					obj.zxl=item.receptionCount

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

  690. 			// 				})

  691. 			// 			}

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

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

  694. 			// 				// console.log(2)

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

  696. 			// 					let obj={}

  697. 			// 					obj.name=item.deptName

  698. 			// 					obj.zxl=item.receptionCount

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

  700. 			// 				})

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

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

  703. 			// 				if(this.timepickpickisshow){

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

  705. 			// 						let obj={}

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

  707. 			// 						obj.zxl=item.receptionCount

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

  709. 			// 					})

  710. 			// 				}

  711. 			// 			}else{

  712. 			// 				// console.log(3)

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

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

  715. 			// 					let obj={}

  716. 			// 					obj.name=item.deptName

  717. 			// 					obj.zxl=item.receptionCount

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

  719. 			// 				})

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

  721. 			// 					let obj={}

  722. 			// 					obj.name=item.deptName

  723. 			// 					obj.zxl=item.receptionCount

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

  725. 			// 				})

  726. 			// 			}

  727. 			// 		}else{

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

  729. 			// 			// this.lineOptsect={

  730. 			// 			// 	categories:[],

  731. 			// 			// 	series:[]

  732. 			// 			// }

  733. 			// 			let allobj={

  734. 			// 				categories:[],

  735. 			// 				series:[]

  736. 			// 			}

  737. 			// 			// 先处理时间

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

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

  740. 			// 				// console.log(1)

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

  742. 			// 					let obj={}

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

  744. 			// 					obj.data=[]

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

  746. 			// 						// 时间的处理

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

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

  749. 			// 						}

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

  751. 			// 					})

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

  753. 			// 				})

  754. 			// 			}

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

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

  757. 			// 				// console.log(2)

  758. 			// 				let obj={}

  759. 			// 				obj.data=[]

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

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

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

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

  764. 			// 				})

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

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

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

  768. 			// 				if(this.timepickpickisshow){

  769. 			// 					let obj={}

  770. 			// 					obj.data=[]

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

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

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

  774. 			// 					})

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

  776. 			// 				}

  777. 			// 			}else{

  778. 			// 				// console.log(3)

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

  780. 			// 				let obj={}

  781. 			// 				let obj1={}

  782. 			// 				obj.data=[]

  783. 			// 				obj1.data=[]

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

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

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

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

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

  789. 			// 				})

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

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

  792. 			// 				})

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

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

  795. 			// 			}

  796. 			// 			this.lineOptsect=allobj

  797. 			// 		}

  798. 			// 	})

  799. 			// },

  800. 			// 接待时长

  801. 			receptionCountList(idx,index,url){

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

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

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

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

  806. 					showRank:idx,

  807. 					houseId:this.houseId,

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

  809. 					lastEndDate:this.lastEndDate,

  810. 					lastStartDate:this.lastStartDate

  811. 				})

  812. 				.then(res=>{

  813. 					// console.log(res)

  814. 					let result=res.result

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

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

  817. 					if(idx==0){

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

  819. 						// 处理数据

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

  821. 						// 当为全部时

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

  823. 						let arr=[]

  824. 						// 当选择全部时

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

  826. 							// console.log(1)

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

  828. 								let obj={}

  829. 								obj.name=item.deptName

  830. 								obj.zxl=item.data

  831. 								arr.push(obj)

  832. 								

  833. 							})

  834. 							arr=this.dealData(arr)

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

  836. 						}

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

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

  839. 							// console.log(2)

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

  841. 								let obj={}

  842. 								obj.name=item.deptName

  843. 								obj.zxl=item.data

  844. 								arr.push(obj)

  845. 							})

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

  847. 							// 如果显示对比

  848. 							if(this.timepickpickisshow){

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

  850. 									let obj={}

  851. 									obj.name='平均'

  852. 									obj.zxl=item.data

  853. 									arr.push(obj)

  854. 								})

  855. 							}

  856. 							arr=this.dealData(arr)

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

  858. 						}else{

  859. 							// console.log(3)

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

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

  862. 								let obj={}

  863. 								obj.name=item.deptName

  864. 								obj.zxl=item.data

  865. 								arr.push(obj)

  866. 							})

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

  868. 								let obj={}

  869. 								obj.name=item.deptName

  870. 								obj.zxl=item.data

  871. 								arr.push(obj)

  872. 							})

  873. 							arr=this.dealData(arr)

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

  875. 						}

  876. 					}else{

  877. 						// 当选择趋势时

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

  879. 						let allobj={

  880. 							categories:[],

  881. 							series:[]

  882. 						}

  883. 						// 先处理时间

  884. 						// 当选择全部时

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

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

  887. 								let obj={}

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

  889. 								obj.data=[]

  890. 								item.map(item1=>{

  891. 									// 时间的处理

  892. 									if(idx==0){

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

  894. 									}

  895. 									obj.data.push(item1.data)

  896. 								})

  897. 								allobj.series.push(obj)

  898. 							})

  899. 						}

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

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

  902. 							// console.log(2)

  903. 							let obj={}

  904. 							obj.data=[]

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

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

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

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

  909. 							})

  910. 							allobj.series.push(obj)

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

  912. 							// 如果显示对比

  913. 							if(this.timepickpickisshow){

  914. 								let obj={}

  915. 								obj.data=[]

  916. 								obj.name='平均'

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

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

  919. 								})

  920. 								allobj.series.push(obj)

  921. 							}

  922. 						}else{

  923. 							// console.log(3)

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

  925. 							let obj={}

  926. 							let obj1={}

  927. 							obj.data=[]

  928. 							obj1.data=[]

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

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

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

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

  933. 							obj.data.push(item.data)

  934. 							})

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

  936. 							obj1.data.push(item.data)

  937. 							})

  938. 							allobj.series.push(obj)

  939. 							allobj.series.push(obj1)

  940. 						}

  941. 						// console.log(allobj)

  942. 						// return 

  943. 						// this.lineOptsect1=allobj

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

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

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

  947. 					}

  948. 				})

  949. 			},

  950. 			// 获取销奖能力

  951. 			getPowerList(){

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

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

  954. 					houseId:this.houseId,

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

  956. 					lastEndDate:this.lastEndDate,

  957. 					lastStartDate:this.lastStartDate

  958. 				})

  959. 				.then(res=>{

  960. 					// console.log(res)

  961. 					// 处理数据

  962. 					this.chartData1={

  963. 						categories:[],

  964. 						series:[]

  965. 					}

  966. 					let allobj={

  967. 						categories:[],

  968. 						series:[]

  969. 					}

  970. 					let max = 0;

  971. 					// 当选择全部时

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

  973. 						// let first=res.first

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

  975. 							let obj={

  976. 								name:item[0].deptName,

  977. 								data:[]

  978. 							}

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

  980. 								if(index==0){

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

  982. 								}

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

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

  985. 							})

  986. 							allobj.series.push(obj)

  987. 						})

  988. 					}

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

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

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

  992. 							let obj={

  993. 								name:item[0].deptName,

  994. 								data:[]

  995. 							}

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

  997. 								if(index==0){

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

  999. 								}

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

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

  1002. 							})

  1003. 							allobj.series.push(obj)

  1004. 						})

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

  1006. 						// 如果显示对比

  1007. 						if(this.timepickpickisshow){

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

  1009. 								let obj={

  1010. 									name:'平均',

  1011. 									data:[]

  1012. 								}

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

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

  1015. 								})

  1016. 								allobj.series.push(obj)

  1017. 							})

  1018. 						}

  1019. 					}else{

  1020. 						// console.log(3)

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

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

  1023. 							let obj={

  1024. 								name:item[0].deptName,

  1025. 								data:[]

  1026. 							}

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

  1028. 								if(index==0){

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

  1030. 								}

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

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

  1033. 							})

  1034. 							allobj.series.push(obj)

  1035. 						})

  1036. 					}

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

  1038. 					// console.log(allobj)

  1039. 					this.chartData1=allobj

  1040. 					this.$forceUpdate()

  1041. 				})

  1042. 			},

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

  1044. 			dealData(arr){

  1045. 				// 获取最大值

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

  1047. 				// console.log(num)

  1048. 				if(num>100){

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

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

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

  1052. 					arr.map(item=>{

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

  1054. 					})

  1055. 					// console.log(arr)

  1056. 					return arr

  1057. 				}else{

  1058. 					arr.map(item=>{

  1059. 						item.zxl1=item.zxl

  1060. 					})

  1061. 					return arr

  1062. 				}

  1063. 			},

  1064. 		}

  1065. 	};

  1066. </script>

  1067. <style lang="scss" scoped>

  1068. 	

  1069. 	.uchaserboxs {

  1070. 		width: 100%;

  1071. 		height: 70vh;

  1072. 	}

  1073. 	.box {

  1074. 		width: 100%;

  1075. 		height: 100%;

  1076. 		background: #FAFAFA;

  1077. 		padding-bottom: 60rpx;

  1078. 	}

  1079. 	// 对比时间切换

  1080. 	.timepick{

  1081. 		width: 100%;

  1082. 		height: 90rpx;

  1083. 		display: flex;

  1084. 		align-items: center;

  1085. 		background: #FAFAFA;

  1086. 	}

  1087. 	.timepicktime{

  1088. 		width: 260rpx;

  1089. 		height: 50rpx;

  1090. 		border: 1rpx solid #E0E0E0;

  1091. 		margin-left: 30rpx;

  1092. 		display: flex;

  1093. 		background: #FFFFFF;

  1094. 	}

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

  1096. 		width: 210rpx;

  1097. 		height: 100%;

  1098. 		line-height: 50rpx;

  1099. 		font-size: 26rpx;

  1100. 		font-weight: 400;

  1101. 		text-align: center;

  1102. 	}

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

  1104. 		width: 49rpx;

  1105. 		height: 100%;

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

  1107. 	}

  1108. 	.timepickpick{

  1109. 		width: 110rpx;

  1110. 		height: 50rpx;

  1111. 		margin-left: 30rpx;

  1112. 		display: flex;

  1113. 		align-items: center;

  1114. 	}

  1115. 	.Underimg{

  1116. 		width: 50rpx;

  1117. 		height:50rpx;

  1118. 		margin-top: -2rpx;

  1119. 	}

  1120. </style>