Acher
/
newEdition
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.
16 Commits
13 Branches
9.9 MiB
 
 
 
 
Tree: 1420560862
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '1420560862'
${ noResults }
newEdition/pages/center/Piabodata/Theteamcompared.vue

1110 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;"

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

  29. 				</view>

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

  31. 			</view>

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

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

  34. 				<view>

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

  36. 				</view>

  37. 			</view>

  38. 		</view>

  39. 

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

  41. 		<view class="single">

  42. 			<view class="title">

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

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

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

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

  47. 					</view>

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

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

  50. 					</view>

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

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

  53. 					</view> -->

  54. 				</view>

  55. 			</view>

  56. 			<view class="hejibox">

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

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

  59. 			</view>

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

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

  62. 				<view class="uchaserbox">

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

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

  65. 				</view>

  66. 			</view>

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

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

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

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

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

  72. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  73. 								:percent="item.zxl1"></u-line-progress>

  74. 						</view>

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

  76. 					</view>

  77. 				</view>

  78. 			</view>

  79. 		</view>

  80. 

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

  82. 		<view class="single">

  83. 			<view class="title">

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

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

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

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

  88. 					</view>

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

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

  91. 					</view>

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

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

  94. 							</view> -->

  95. 				</view>

  96. 			</view>

  97. 			<view class="hejibox">

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

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

  100. 			</view>

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

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

  103. 				<view class="uchaserbox">

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

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

  106. 				</view>

  107. 			</view>

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

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

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

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

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

  113. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  114. 								:percent="item.zxl1"></u-line-progress>

  115. 						</view>

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

  117. 					</view>

  118. 				</view>

  119. 			</view>

  120. 		</view>

  121. 

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

  123. 		<view class="single">

  124. 			<view class="title">

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

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

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

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

  129. 					</view>

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

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

  132. 					</view>

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

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

  135. 							</view> -->

  136. 				</view>

  137. 			</view>

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

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

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

  141. 					</view> -->

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

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

  144. 				<view class="uchaserbox">

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

  146. 						canvasId="wangxiaohuaerlingeryilingwuyib" :canvas2d="true" />

  147. 				</view>

  148. 			</view>

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

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

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

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

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

  154. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  155. 								:percent="item.zxl1"></u-line-progress>

  156. 						</view>

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

  158. 					</view>

  159. 				</view>

  160. 			</view>

  161. 		</view>

  162. 

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

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

  165. 			<view class="title">

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

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

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

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

  170. 					</view>

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

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

  173. 					</view>

  174. 				</view>

  175. 			</view>

  176. 			

  177. 			<view class="hejibox">

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

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

  180. 			</view>

  181. 			<view class="jindu">

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

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

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

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

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

  187. 						</view>

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

  189. 					</view>

  190. 				</view>

  191. 			</view>

  192. 		</view> -->

  193. 

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

  195. 		<view class="single">

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

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

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

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

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

  201. 					</view>

  202. 				</view>

  203. 			</view>

  204. 

  205. 			<view class="uchaserbox">

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

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

  208. 			</view>

  209. 		</view>

  210. 

  211. 

  212. 

  213. 

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

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

  216. 					<view class="title">

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

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

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

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

  221. 							</view>

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

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

  224. 							</view>

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

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

  227. 							</view>

  228. 						</view>

  229. 					</view>

  230. 					<view class="hejibox">

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

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

  233. 					</view>

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

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

  236. 						<view class="uchaserbox">

  237. 							<qiun-data-charts

  238. 							   type="line"

  239. 							   :chartData="lineOptsect4"

  240. 							   background="none"

  241. 							   :ontouch="true"

  242. 								canvasId="wangxiaohuaerlingeryilingwuyi"

  243. 								:canvas2d="true"

  244. 							 /> 

  245. 						</view>

  246. 					</view>

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

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

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

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

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

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

  253. 								</view>

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

  255. 							</view>

  256. 						</view>

  257. 					</view>

  258. 				</view> -->

  259. 

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

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

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

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

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

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

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

  267. 					</view>

  268. 				</view>

  269. 			</view>

  270. 			<view class="hejibox">

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

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

  273. 			</view>

  274. 			<view class="uchaserbox">

  275. 				 <qiun-data-charts

  276. 				    type="radar"

  277. 				    :chartData="chartData"

  278. 				    :canvas2d="true"

  279. 					canvasId="wangxiaohuaerlingeryilingwuyib89"

  280. 				    background="none"

  281. 				  />

  282. 			</view>

  283. 		</view> -->

  284. 

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

  286. 

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

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

  289. 		</u-select>

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

  291. 		</u-select>

  292. 	</view>

  293. </template>

  294. 

  295. <script>

  296. 	var app = getApp();

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

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

  299. 	export default {

  300. 		data() {

  301. 			return {

  302. 				activeTotal: 4,

  303. 				eharTab: {

  304. 					active1: 0,

  305. 					active2: 0,

  306. 					active3: 0,

  307. 					active4: 0,

  308. 				},

  309. 				deptids: '',

  310. 				bocindex: 0,

  311. 				timepickpickisshow: false,

  312. 				totalTimeShow: false,

  313. 				// 楼盘id

  314. 				houseId: '',

  315. 				staffList: [],

  316. 				staffList1: [],

  317. 				staffShow: false,

  318. 				staffShow1: false,

  319. 				staff1: {

  320. 					value: '',

  321. 					label: ''

  322. 				},

  323. 				staff2: {

  324. 					value: '',

  325. 					label: '平均'

  326. 				},

  327. 				lastStartDate: '',

  328. 				lastEndDate: '',

  329. 				selindex: [0],

  330. 				choseStaffFlag: false,

  331. 				lineOptsect1: {

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

  333. 					"series": [{

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

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

  336. 						},

  337. 						{

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

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

  340. 						}

  341. 					]

  342. 				},

  343. 				lineOptsect2: {

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

  345. 					"series": [{

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

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

  348. 						},

  349. 						{

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

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

  352. 						}

  353. 					]

  354. 				},

  355. 				lineOptsect3: {

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

  357. 					"series": [{

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

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

  360. 						},

  361. 						{

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

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

  364. 						}

  365. 					]

  366. 				},

  367. 				lineOptsect4: {

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

  369. 					"series": [{

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

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

  372. 						},

  373. 						{

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

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

  376. 						}

  377. 					]

  378. 				},

  379. 				newlisttabinfo1: [{

  380. 						name: '接待量',

  381. 						zxl: '10'

  382. 					},

  383. 					{

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

  385. 						zxl: '50'

  386. 					},

  387. 					{

  388. 						name: '接待客户',

  389. 						zxl: '80'

  390. 					},

  391. 				],

  392. 				newlisttabinfo2: [{

  393. 						name: '接待量',

  394. 						zxl: '10'

  395. 					},

  396. 					{

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

  398. 						zxl: '50'

  399. 					},

  400. 					{

  401. 						name: '接待客户',

  402. 						zxl: '80'

  403. 					},

  404. 				],

  405. 				newlisttabinfo3: [{

  406. 						name: '接待量',

  407. 						zxl: '10'

  408. 					},

  409. 					{

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

  411. 						zxl: '50'

  412. 					},

  413. 					{

  414. 						name: '接待客户',

  415. 						zxl: '80'

  416. 					},

  417. 				],

  418. 				newlisttabinfo4: [{

  419. 						name: '接待量',

  420. 						zxl: '10'

  421. 					},

  422. 					{

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

  424. 						zxl: '50'

  425. 					},

  426. 					{

  427. 						name: '接待客户',

  428. 						zxl: '80'

  429. 					},

  430. 				],

  431. 				newTeam1: '',

  432. 				newAvg1: '',

  433. 				newTeam2: '',

  434. 				newAvg2: '',

  435. 				newTeam3: '',

  436. 				newAvg3: '',

  437. 				newTeam4: '',

  438. 				newAvg4: '',

  439. 				chartData1: {

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

  441. 					"series": [{

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

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

  444. 					}]

  445. 				},

  446. 				chartData2: {

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

  448. 					"series": [{

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

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

  451. 					}]

  452. 				},

  453. 				opts: {

  454. 					fontSize: 10,

  455. 					extra: {

  456. 						radar: {

  457. 							max: 100

  458. 						}

  459. 					}

  460. 				}

  461. 			};

  462. 		},

  463. 		onLoad() {

  464. 			let that = this

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

  466. 				// console.log(data)

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

  468. 				// 获取销奖能力

  469. 				that.getPowerList()

  470. 			})

  471. 			// 获取楼盘id

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

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

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

  475. 			this.getSectionList()

  476. 

  477. 		},

  478. 		methods: {

  479. 			//是否对比

  480. 			checkboxChange() {

  481. 				this.timepickpickisshow = !this.timepickpickisshow;

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

  483. 				this.staff2.value = ''

  484. 				// 团队对比接待量

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

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

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

  488. 				/* 销奖执行率 */

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

  490. 				// 获取销奖能力

  491. 				this.getPowerList()

  492. 			},

  493. 			// 获取部门列表

  494. 			getSectionList() {

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

  496. 						houseId: this.houseId

  497. 					})

  498. 					.then(res => {

  499. 						this.staffList = []

  500. 						this.staffList1 = []

  501. 						res.map(item => {

  502. 							let obj = {}

  503. 							obj.value = item.deptId

  504. 							obj.label = item.deptName

  505. 							this.staffList.push(obj)

  506. 						})

  507. 						this.staffList1 = [...this.staffList]

  508. 						this.staffList.unshift({

  509. 							value: '',

  510. 							label: '全部'

  511. 						})

  512. 						this.staffList1.unshift({

  513. 							value: '',

  514. 							label: '平均'

  515. 						})

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

  517. 						// 团队对比接待量

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

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

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

  521. 						/* 销奖执行率 */

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

  523. 						// 获取销奖能力

  524. 						this.getPowerList()

  525. 

  526. 					})

  527. 			},

  528. 			// 点击部门对比

  529. 			chiocStaff(idx) {

  530. 				if (idx == 0) {

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

  532. 					this.choseStaffFlag = false

  533. 					this.staffShow = true

  534. 				} else {

  535. 					this.choseStaffFlag = true

  536. 					this.staffShow1 = true

  537. 				}

  538. 

  539. 			},

  540. 			//时间切换

  541. 			tabtimetap(index) {

  542. 				if (index == 3) {

  543. 					this.totalTimeShow = true;

  544. 				} else {

  545. 					this.activeTotal = index;

  546. 					this.lastEndDate = ''

  547. 					this.lastStartDate = ''

  548. 					// 获取数据

  549. 					// 团队对比接待量

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

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

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

  553. 					/* 销奖执行率 */

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

  555. 					// 获取销奖能力

  556. 					this.getPowerList()

  557. 				}

  558. 			},

  559. 			// 接待量

  560. 			tabtimetap1(idx) {

  561. 				this.eharTab.active1 = idx

  562. 				// 调用方法

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

  564. 			},

  565. 			// 接待时长

  566. 			tabtimetap2(idx) {

  567. 				this.eharTab.active2 = idx

  568. 				// 调用方法

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

  570. 			},

  571. 			tabtimetap3(idx) {

  572. 				this.eharTab.active3 = idx

  573. 				// 调用方法

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

  575. 			},

  576. 			tabtimetap4(idx) {

  577. 				this.eharTab.active4 = idx

  578. 				// 调用方法

  579. 				// this.getRecordList()

  580. 			},

  581. 			//自定义时间

  582. 			totalTimeChange(e) {

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

  584. 				this.activeTotal = 3;

  585. 				this.lastEndDate = e.endDate

  586. 				this.lastStartDate = e.startDate

  587. 				// 获取数据

  588. 				// 团队对比接待量

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

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

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

  592. 				/* 销奖执行率 */

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

  594. 				// 获取销奖能力

  595. 				this.getPowerList()

  596. 			},

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

  598. 			tapspagek2(index) {

  599. 				this.bocindex = index;

  600. 			},

  601. 			//集团对比

  602. 			Groupcontrast() {

  603. 				uni.navigateTo({

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

  605. 				});

  606. 			},

  607. 			// 去选择团队

  608. 			goTeam() {

  609. 				uni.navigateTo({

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

  611. 				})

  612. 			},

  613. 			staffSelectCallback(e) {

  614. 				if (this.choseStaffFlag) {

  615. 					// 第二个客户

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

  617. 					this.staff2 = e[0]

  618. 				} else {

  619. 					// 第一个客户

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

  621. 					// 当选择全部时

  622. 					if (!e.value) {

  623. 						this.timepickpickisshow = false

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

  625. 						this.staff2.value = ''

  626. 					}

  627. 					this.staff1 = e[0]

  628. 				}

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

  630. 					uni.showToast({

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

  632. 						icon: 'none'

  633. 					})

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

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

  636. 					// this.staff2.value=''

  637. 					return

  638. 				} else {

  639. 					// 获取数据

  640. 					// 团队对比接待量

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

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

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

  644. 					/* 销奖执行率 */

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

  646. 					// 获取销奖能力

  647. 					this.getPowerList()

  648. 				}

  649. 			},

  650. 			// 团队对比接待量

  651. 			// receptionCountList(idx){

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

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

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

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

  656. 			// 		showRank:idx,

  657. 			// 		houseId:this.houseId,

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

  659. 			// 		lastEndDate:this.lastEndDate,

  660. 			// 		lastStartDate:this.lastStartDate

  661. 			// 	})

  662. 			// 	.then(res=>{

  663. 			// 		// console.log(res)

  664. 			// 		let result=res.result

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

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

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

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

  669. 			// 			// 处理数据

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

  671. 			// 			// 当为全部时

  672. 			// 			this.newlisttabinfo=[]

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

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

  675. 			// 				// console.log(1)

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

  677. 			// 					let obj={}

  678. 			// 					obj.name=item.deptName

  679. 			// 					obj.zxl=item.receptionCount

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

  681. 			// 				})

  682. 			// 			}

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

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

  685. 			// 				// console.log(2)

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

  687. 			// 					let obj={}

  688. 			// 					obj.name=item.deptName

  689. 			// 					obj.zxl=item.receptionCount

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

  691. 			// 				})

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

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

  694. 			// 				if(this.timepickpickisshow){

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

  696. 			// 						let obj={}

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

  698. 			// 						obj.zxl=item.receptionCount

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

  700. 			// 					})

  701. 			// 				}

  702. 			// 			}else{

  703. 			// 				// console.log(3)

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

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

  706. 			// 					let obj={}

  707. 			// 					obj.name=item.deptName

  708. 			// 					obj.zxl=item.receptionCount

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

  710. 			// 				})

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

  712. 			// 					let obj={}

  713. 			// 					obj.name=item.deptName

  714. 			// 					obj.zxl=item.receptionCount

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

  716. 			// 				})

  717. 			// 			}

  718. 			// 		}else{

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

  720. 			// 			// this.lineOptsect={

  721. 			// 			// 	categories:[],

  722. 			// 			// 	series:[]

  723. 			// 			// }

  724. 			// 			let allobj={

  725. 			// 				categories:[],

  726. 			// 				series:[]

  727. 			// 			}

  728. 			// 			// 先处理时间

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

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

  731. 			// 				// console.log(1)

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

  733. 			// 					let obj={}

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

  735. 			// 					obj.data=[]

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

  737. 			// 						// 时间的处理

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

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

  740. 			// 						}

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

  742. 			// 					})

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

  744. 			// 				})

  745. 			// 			}

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

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

  748. 			// 				// console.log(2)

  749. 			// 				let obj={}

  750. 			// 				obj.data=[]

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

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

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

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

  755. 			// 				})

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

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

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

  759. 			// 				if(this.timepickpickisshow){

  760. 			// 					let obj={}

  761. 			// 					obj.data=[]

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

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

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

  765. 			// 					})

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

  767. 			// 				}

  768. 			// 			}else{

  769. 			// 				// console.log(3)

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

  771. 			// 				let obj={}

  772. 			// 				let obj1={}

  773. 			// 				obj.data=[]

  774. 			// 				obj1.data=[]

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

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

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

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

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

  780. 			// 				})

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

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

  783. 			// 				})

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

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

  786. 			// 			}

  787. 			// 			this.lineOptsect=allobj

  788. 			// 		}

  789. 			// 	})

  790. 			// },

  791. 			// 接待时长

  792. 			receptionCountList(idx, index, url) {

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

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

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

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

  797. 						showRank: idx,

  798. 						houseId: this.houseId,

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

  800. 						lastEndDate: this.lastEndDate,

  801. 						lastStartDate: this.lastStartDate

  802. 					})

  803. 					.then(res => {

  804. 						// console.log(res)

  805. 						let result = res.result

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

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

  808. 						if (idx == 0) {

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

  810. 							// 处理数据

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

  812. 							// 当为全部时

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

  814. 							let arr = []

  815. 							// 当选择全部时

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

  817. 								// console.log(1)

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

  819. 									let obj = {}

  820. 									obj.name = item.deptName

  821. 									obj.zxl = item.data

  822. 									arr.push(obj)

  823. 

  824. 								})

  825. 								arr = this.dealData(arr)

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

  827. 							}

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

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

  830. 								// console.log(2)

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

  832. 									let obj = {}

  833. 									obj.name = item.deptName

  834. 									obj.zxl = item.data

  835. 									arr.push(obj)

  836. 								})

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

  838. 								// 如果显示对比

  839. 								if (this.timepickpickisshow) {

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

  841. 										let obj = {}

  842. 										obj.name = '平均'

  843. 										obj.zxl = item.data

  844. 										arr.push(obj)

  845. 									})

  846. 								}

  847. 								arr = this.dealData(arr)

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

  849. 							} else {

  850. 								// console.log(3)

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

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

  853. 									let obj = {}

  854. 									obj.name = item.deptName

  855. 									obj.zxl = item.data

  856. 									arr.push(obj)

  857. 								})

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

  859. 									let obj = {}

  860. 									obj.name = item.deptName

  861. 									obj.zxl = item.data

  862. 									arr.push(obj)

  863. 								})

  864. 								arr = this.dealData(arr)

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

  866. 							}

  867. 						} else {

  868. 							// 当选择趋势时

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

  870. 							let allobj = {

  871. 								categories: [],

  872. 								series: []

  873. 							}

  874. 							// 先处理时间

  875. 							// 当选择全部时

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

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

  878. 									let obj = {}

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

  880. 									obj.data = []

  881. 									item.map(item1 => {

  882. 										// 时间的处理

  883. 										if (idx == 0) {

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

  885. 										}

  886. 										obj.data.push(item1.data)

  887. 									})

  888. 									allobj.series.push(obj)

  889. 								})

  890. 							}

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

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

  893. 								// console.log(2)

  894. 								let obj = {}

  895. 								obj.data = []

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

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

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

  899. 									obj.data.push(item.data)

  900. 								})

  901. 								allobj.series.push(obj)

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

  903. 								// 如果显示对比

  904. 								if (this.timepickpickisshow) {

  905. 									let obj = {}

  906. 									obj.data = []

  907. 									obj.name = '平均'

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

  909. 										obj.data.push(item.data)

  910. 									})

  911. 									allobj.series.push(obj)

  912. 								}

  913. 							} else {

  914. 								// console.log(3)

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

  916. 								let obj = {}

  917. 								let obj1 = {}

  918. 								obj.data = []

  919. 								obj1.data = []

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

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

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

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

  924. 									obj.data.push(item.data)

  925. 								})

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

  927. 									obj1.data.push(item.data)

  928. 								})

  929. 								allobj.series.push(obj)

  930. 								allobj.series.push(obj1)

  931. 							}

  932. 							// console.log(allobj)

  933. 							// return 

  934. 							// this.lineOptsect1=allobj

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

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

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

  938. 						}

  939. 					})

  940. 			},

  941. 			// 获取销奖能力

  942. 			getPowerList() {

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

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

  945. 						houseId: this.houseId,

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

  947. 						lastEndDate: this.lastEndDate,

  948. 						lastStartDate: this.lastStartDate

  949. 					})

  950. 					.then(res => {

  951. 						// console.log(res)

  952. 						// 处理数据

  953. 						this.chartData1 = {

  954. 							categories: [],

  955. 							series: []

  956. 						}

  957. 						let allobj = {

  958. 							categories: [],

  959. 							series: []

  960. 						}

  961. 						// 当选择全部时

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

  963. 							// let first=res.first

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

  965. 								let obj = {

  966. 									name: item[0].deptName,

  967. 									data: []

  968. 								}

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

  970. 									if (index == 0) {

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

  972. 									}

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

  974. 								})

  975. 								allobj.series.push(obj)

  976. 							})

  977. 						}

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

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

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

  981. 								let obj = {

  982. 									name: item[0].deptName,

  983. 									data: []

  984. 								}

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

  986. 									if (index == 0) {

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

  988. 									}

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

  990. 								})

  991. 								allobj.series.push(obj)

  992. 							})

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

  994. 							// 如果显示对比

  995. 							if (this.timepickpickisshow) {

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

  997. 									let obj = {

  998. 										name: '平均',

  999. 										data: []

  1000. 									}

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

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

  1003. 									})

  1004. 									allobj.series.push(obj)

  1005. 								})

  1006. 							}

  1007. 						} else {

  1008. 							// console.log(3)

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

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

  1011. 								let obj = {

  1012. 									name: item[0].deptName,

  1013. 									data: []

  1014. 								}

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

  1016. 									if (index == 0) {

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

  1018. 									}

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

  1020. 								})

  1021. 								allobj.series.push(obj)

  1022. 							})

  1023. 						}

  1024. 						// console.log(allobj)

  1025. 						this.chartData1 = allobj

  1026. 						this.$forceUpdate()

  1027. 					})

  1028. 			},

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

  1030. 			dealData(arr) {

  1031. 				// 获取最大值

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

  1033. 					return o.zxl

  1034. 				})) //结果：3

  1035. 				// console.log(num)

  1036. 				if (num > 100) {

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

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

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

  1040. 					arr.map(item => {

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

  1042. 					})

  1043. 					// console.log(arr)

  1044. 					return arr

  1045. 				} else {

  1046. 					arr.map(item => {

  1047. 						item.zxl1 = item.zxl

  1048. 					})

  1049. 					return arr

  1050. 				}

  1051. 			},

  1052. 		}

  1053. 	};

  1054. </script>

  1055. <style lang="scss" scoped>

  1056. 	.box {

  1057. 		width: 100%;

  1058. 		height: 100%;

  1059. 		background: #FAFAFA;

  1060. 		padding-bottom: 60rpx;

  1061. 	}

  1062. 

  1063. 	// 对比时间切换

  1064. 	.timepick {

  1065. 		width: 100%;

  1066. 		height: 90rpx;

  1067. 		display: flex;

  1068. 		align-items: center;

  1069. 		background: #FAFAFA;

  1070. 	}

  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. 

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

  1082. 		width: 210rpx;

  1083. 		height: 100%;

  1084. 		line-height: 50rpx;

  1085. 		font-size: 26rpx;

  1086. 		font-weight: 400;

  1087. 		text-align: center;

  1088. 	}

  1089. 

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

  1091. 		width: 49rpx;

  1092. 		height: 100%;

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

  1094. 	}

  1095. 

  1096. 	.timepickpick {

  1097. 		width: 110rpx;

  1098. 		height: 50rpx;

  1099. 		margin-left: 30rpx;

  1100. 		display: flex;

  1101. 		align-items: center;

  1102. 	}

  1103. 

  1104. 	.Underimg {

  1105. 		width: 50rpx;

  1106. 		height: 50rpx;

  1107. 		margin-top: -2rpx;

  1108. 	}

  1109. </style>