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

1305 lines
34 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 

  4. 		<view class="boxtittabs">

  5. 			<div class="items" @tap="screenShow = true">{{ showTimeText }}

  6. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx"></u-icon>

  7. 			</div>

  8. 			<div class="items" @tap="showTemplate = true">{{ showBeText }}

  9. 				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx"></u-icon>

  10. 			</div>

  11. 		</view>

  12. 

  13. 

  14. 		<view class="timepick">

  15. 			<view class="timepicktime" @click="chiocStaff(0)">

  16. 				<view class="maxTextLine textMax">{{staff1.label}}</view>

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

  18. 			</view>

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

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

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

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

  23. 				</view>

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

  25. 			</view>

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

  27. 				<view class="maxTextLine textMax">{{staff2.label}}</view>

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

  29. 			</view>

  30. 		</view>

  31. 

  32. 		<view class="single">

  33. 			<view class="title">

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

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

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

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

  38. 					</view>

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

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

  41. 					</view>

  42. 				</view>

  43. 			</view>

  44. 			<view class="hejisan">

  45. 				<view class="sanbox1">

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

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

  48. 				</view>

  49. 				<view class="sanbox1">

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

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

  52. 				</view>

  53. 			</view>

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

  55. 				<view class="danwei">接待量(次)</view>

  56. 				<view class="uchaserbox">

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

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

  59. 							:ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibbb" :canvas2d="true" />

  60. 					</template>

  61. 				</view>

  62. 			</view>

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

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

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

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

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

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

  69. 						</view>

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

  71. 					</view>

  72. 				</view>

  73. 			</view>

  74. 		</view>

  75. 

  76. 		<view class="single">

  77. 			<view class="title">

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

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

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

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

  82. 					</view>

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

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

  85. 					</view>

  86. 				</view>

  87. 			</view>

  88. 			<view class="hejisan">

  89. 				<view class="sanbox1">

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

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

  92. 				</view>

  93. 				<view class="sanbox1">

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

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

  96. 				</view>

  97. 			</view>

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

  99. 				<view class="danwei">录音时长(min)</view>

  100. 				<view class="uchaserbox">

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

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

  103. 							:ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibb" :canvas2d="true" />

  104. 					</template>

  105. 				</view>

  106. 			</view>

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

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

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

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

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

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

  113. 						</view>

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

  115. 					</view>

  116. 				</view>

  117. 			</view>

  118. 		</view>

  119. 

  120. 		<view class="single">

  121. 			<view class="title">

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

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

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

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

  126. 					</view>

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

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

  129. 					</view>

  130. 				</view>

  131. 			</view>

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

  133. 				<view class="danwei">执行率(%)</view>

  134. 				<view class="uchaserbox">

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

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

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

  138. 					</template>

  139. 				</view>

  140. 			</view>

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

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

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

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

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

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

  147. 						</view>

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

  149. 					</view>

  150. 				</view>

  151. 			</view>

  152. 		</view>

  153. 

  154. 		<view class="single">

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

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

  157. 

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

  159. 					<view class="title2-che" @click="goTeam" style="width: 170rpx;">团队

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

  161. 					</view>

  162. 				</view>

  163. 			</view>

  164. 

  165. 			<view class="uchaserbox" v-if="chartData1 && chartData1.series.length > 0">

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

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

  168. 			</view>

  169. 			<view v-else style="width: 100%; height: 470rpx; display: flex; align-items: center">

  170. 				<view style="width: 100%;background: #ffffff">

  171. 					<view style="width: 100%; text-align: center">

  172. 						<image style="width: 220rpx; height: 200rpx"

  173. 							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>

  174. 					</view>

  175. 					<view style="

  176. 				  text-align: center;

  177. 				  width: 100%;

  178. 				  margin-top: 20rpx;

  179. 				  color: #999999;

  180. 				">暂无数据</view>

  181. 				</view>

  182. 			</view>

  183. 		</view>

  184. 

  185. 

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

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

  188. 		</u-select>

  189. 		

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

  191. 		</u-select> -->

  192. 

  193. 		<!-- 更多筛选 -->

  194. 		<u-popup v-model="screenShow" mode="bottom" height="368">

  195. 			<view class="screen">

  196. 				<view class="boxtittab">

  197. 					<view class="tabbox">

  198. 						<view :class="{ activecllasscet: activeTotal == 4 }" @click="tabtimetap(4, '近七天')">近七天</view>

  199. 					</view>

  200. 					<view class="tabbox">

  201. 						<view :class="{ activecllasscet: activeTotal == 5 }" @click="tabtimetap(5, '近15天')">近15天</view>

  202. 					</view>

  203. 					<view class="tabbox">

  204. 						<view :class="{ activecllasscet: activeTotal == 6 }" @click="tabtimetap(6, '近30天')">近30天</view>

  205. 					</view>

  206. 					<view class="tabbox">

  207. 						<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3, '自定义')">自定义</view>

  208. 					</view>

  209. 				</view>

  210. 			</view>

  211. 		</u-popup>

  212. 

  213. 		<!-- 团队对比选择 -->

  214. 		<u-popup v-model="teamComparisonShow" mode="bottom" height="500">

  215. 			<view class="teamComparison">

  216. 				<view class="title">

  217. 					<view class="title-cancel" @tap="cancelTeamComparison()">

  218. 						取消

  219. 					</view>

  220. 

  221. 					<view class="title-confirm" @tap="confirmTeamComparison()">

  222. 						确认

  223. 					</view>

  224. 				</view>

  225. 				<scroll-view class="team-scroll-box" scroll-y="true">

  226. 					<!-- /选中的第一项 -->

  227. 					<template v-if="staffShow">

  228. 						<view class="team-scroll-boxs">

  229. 							<!-- staffList 数组 -->

  230. 							<block v-for="(data, index) in staffList" :key="index">

  231. 								<view class="teamitem">

  232. 									<text>{{ data.label }}</text>

  233. 									<u-checkbox @change="complateStaff(data, 'staffList')" v-model="data.select">

  234. 									</u-checkbox>

  235. 								</view>

  236. 							</block>

  237. 						</view>

  238. 					</template>

  239. 

  240. 					<template v-if="staffShow1">

  241. 						<view class="team-scroll-boxs">

  242. 

  243. 							<!-- staffList 数组 -->

  244. 							<block v-for="(data, index) in staffList1" :key="index">

  245. 								<view class="teamitem">

  246. 									<text>{{ data.label }}</text>

  247. 									<u-checkbox @change="complateStaff(data, 'staffList1')" v-model="data.select">

  248. 									</u-checkbox>

  249. 								</view>

  250. 							</block>

  251. 						</view>

  252. 					</template>

  253. 				</scroll-view>

  254. 			</view>

  255. 		</u-popup>

  256. 

  257. 		<!-- 销讲业务 -->

  258. 		<u-select :mask-close-able="false" label-name="templateName" value-name="id" v-model="showTemplate"

  259. 			mode="single-column" :list="templateList" @cancel="templateCancel" @confirm="templateConfirm"></u-select>

  260. 

  261. 

  262. 		<!-- 销讲业务2 -->

  263. 		<u-select :mask-close-able="false" label-name="templateName" value-name="id" v-model="showTemplates"

  264. 			mode="single-column" :list="templateLists" @cancel="showTemplates = false" @confirm="templateConfirms">

  265. 		</u-select>

  266. 

  267. 		<!-- 加载组件 -->

  268. 		<u-loadings v-model="LOADING"></u-loadings>

  269. 

  270. 		<!-- 日期选择器 -->

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

  272. 

  273. 	</view>

  274. </template>

  275. 

  276. <script>

  277. 	var app = getApp();

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

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

  280. 	export default {

  281. 		data() {

  282. 			return {

  283. 				activeTotal: 4,

  284. 				eharTab: {

  285. 					active1: 0,

  286. 					active2: 0,

  287. 					active3: 0,

  288. 					active4: 0,

  289. 				},

  290. 				deptids: '',

  291. 				bocindex: 0,

  292. 				timepickpickisshow: false,

  293. 				totalTimeShow: false,

  294. 				// 项目id

  295. 				houseId: '',

  296. 				staffList: [],

  297. 				staffList1: [],

  298. 				staffShow: false,

  299. 				staffShow1: false,

  300. 				staff1: {

  301. 					value: '',

  302. 					label: '全部',

  303. 					select: true,

  304. 				},

  305. 				staff2: {

  306. 					value: '',

  307. 					select: true,

  308. 					label: '请选择'

  309. 				},

  310. 				lastStartDate: '',

  311. 				lastEndDate: '',

  312. 				selindex: [0],

  313. 				choseStaffFlag: false,

  314. 				lineOptsect1: {

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

  316. 					"series": [{

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

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

  319. 						},

  320. 						{

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

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

  323. 						}

  324. 					]

  325. 				},

  326. 				lineOptsect2: {

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

  328. 					"series": [{

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

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

  331. 						},

  332. 						{

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

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

  335. 						}

  336. 					]

  337. 				},

  338. 				lineOptsect3: {

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

  340. 					"series": [{

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

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

  343. 						},

  344. 						{

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

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

  347. 						}

  348. 					]

  349. 				},

  350. 				lineOptsect4: {

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

  352. 					"series": [{

  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. 				newlisttabinfo1: [{

  363. 						name: '接待量',

  364. 						zxl: '10'

  365. 					},

  366. 					{

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

  368. 						zxl: '50'

  369. 					},

  370. 					{

  371. 						name: '接待客户',

  372. 						zxl: '80'

  373. 					},

  374. 				],

  375. 				newlisttabinfo2: [{

  376. 						name: '接待量',

  377. 						zxl: '10'

  378. 					},

  379. 					{

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

  381. 						zxl: '50'

  382. 					},

  383. 					{

  384. 						name: '接待客户',

  385. 						zxl: '80'

  386. 					},

  387. 				],

  388. 				newlisttabinfo3: [{

  389. 						name: '接待量',

  390. 						zxl: '10'

  391. 					},

  392. 					{

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

  394. 						zxl: '50'

  395. 					},

  396. 					{

  397. 						name: '接待客户',

  398. 						zxl: '80'

  399. 					},

  400. 				],

  401. 				newlisttabinfo4: [{

  402. 						name: '接待量',

  403. 						zxl: '10'

  404. 					},

  405. 					{

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

  407. 						zxl: '50'

  408. 					},

  409. 					{

  410. 						name: '接待客户',

  411. 						zxl: '80'

  412. 					},

  413. 				],

  414. 				newTeam1: '',

  415. 				newAvg1: '',

  416. 				newTeam2: '',

  417. 				newAvg2: '',

  418. 				newTeam3: '',

  419. 				newAvg3: '',

  420. 				newTeam4: '',

  421. 				newAvg4: '',

  422. 				chartData1: {

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

  424. 					"series": [{

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

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

  427. 					}]

  428. 				},

  429. 				chartData2: {

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

  431. 					"series": [{

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

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

  434. 					}]

  435. 				},

  436. 				opts: {

  437. 					fontSize: 10,

  438. 					extra: {

  439. 						radar: {

  440. 							max: 100

  441. 						}

  442. 					}

  443. 				},

  444. 				lineOpts: {

  445. 					xAxis: {

  446. 						disableGrid: true,

  447. 						scrollShow: true,

  448. 						itemCount: 8

  449. 					},

  450. 					yAxis: {

  451. 						data: [{

  452. 							max: 100,

  453. 							min: 0,

  454. 						}]

  455. 					}

  456. 				},

  457. 				lineOpts1: {

  458. 					xAxis: {

  459. 						disableGrid: true,

  460. 						scrollShow: true,

  461. 						itemCount: 8

  462. 					}

  463. 				},

  464. 				screenShow: false, // 时间筛选弹窗

  465. 				showTimeText: '近七天', // 展示文字

  466. 				showBeText: '全部业务', // 

  467. 				templateList: [], // 销讲业务

  468. 				showTemplate: false, // 展示选择销讲业务弹窗

  469. 				marketingBusiness: '', // 选择的业务id

  470. 

  471. 				showTemplates: false, // 展示选择销讲业务弹窗

  472. 				templateLists: [], // 销讲业务

  473. 				marketingBusinessId: '', // 选择的业务id

  474. 				showBeTexts: '', //

  475. 

  476. 				teamComparisonShow: false, // 选择对比的弾框

  477. 

  478. 			};

  479. 		},

  480. 		onLoad() {

  481. 			this.LOADING = true

  482. 			this.getMarketingBusiness()

  483. 			let that = this

  484. 			uni.$on('update', (data) => {

  485. 				this.deptids = data.arr.join(',')

  486. 				// 获取销奖能力

  487. 				this.getPowerList()

  488. 			})

  489. 			// 获取项目id

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

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

  492. 			this.getSectionList()

  493. 

  494. 		},

  495. 		onPullDownRefresh() {

  496. 			this.getSectionList()

  497. 			setTimeout(function() {

  498. 				uni.stopPullDownRefresh();

  499. 			}, 1000);

  500. 		},

  501. 		methods: {

  502. 			// checkbox改变事件

  503. 			complateStaff(e, staffList) {

  504. 				if (e.label == '全部') {

  505. 					if (e.select) {

  506. 						this[staffList].forEach(item => {

  507. 							if (item.value) {

  508. 								item.select = false

  509. 							}

  510. 						})

  511. 					} else {

  512. 						this[staffList].forEach(item => {

  513. 							if (item.value) {

  514. 								item.select = false

  515. 							}

  516. 						})

  517. 						this[staffList][0].select = true

  518. 					}

  519. 				} else {

  520. 					this[staffList].forEach(item => {

  521. 						if (!item.value) {

  522. 							item.select = false

  523. 						}

  524. 					})

  525. 				}

  526. 				this.$forceUpdate()

  527. 			},

  528. 

  529. 			// 销讲业务方法

  530. 			templateCancel() {

  531. 				this.showTemplate = false;

  532. 			},

  533. 

  534. 			// 确认选择销讲业务

  535. 			templateConfirm(e) {

  536. 				this.showTemplate = false;

  537. 				this.marketingBusiness = e[0].value

  538. 				this.showBeText = e[0].label

  539. 				this.getSectionList()

  540. 			},

  541. 

  542. 

  543. 			// 确认选择销讲业务

  544. 			templateConfirms(e) {

  545. 				this.showTemplates = false;

  546. 				this.marketingBusinessId = e[0].value

  547. 				this.showBeTexts = e[0].label

  548. 				// 获取销奖能力

  549. 				this.getPowerList()

  550. 			},

  551. 

  552. 			// 获取销讲业务

  553. 			getMarketingBusiness() {

  554. 				this.$u.get('/customer/marketingBusiness', {

  555. 					houseId: uni.getStorageSync('buildingID').id,

  556. 				}).then(res => {

  557. 					this.templateLists = res.map(item => {

  558. 						return item

  559. 					})

  560. 					this.marketingBusinessId = res[0].id

  561. 					this.showBeTexts = res[0].templateName

  562. 					this.templateList = res

  563. 					this.templateList.unshift({

  564. 						templateName: '全部业务',

  565. 						id: ''

  566. 					})

  567. 				})

  568. 			},

  569. 

  570. 

  571. 			getPercent1(num) {

  572. 				return num || 0

  573. 			},

  574. 			getPercent(num, type) {

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

  576. 					let index0 = this.newlisttabinfo1[0]

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

  578. 					return percent.toFixed(2)

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

  580. 					let index0 = this.newlisttabinfo2[0]

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

  582. 					return percent.toFixed(2)

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

  584. 					let index0 = this.newlisttabinfo3[0]

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

  586. 					return percent.toFixed(2)

  587. 				} else {

  588. 					return 0

  589. 				}

  590. 			},

  591. 			//是否对比

  592. 			checkboxChange() {

  593. 				this.timepickpickisshow = !this.timepickpickisshow;

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

  595. 				this.staff2.value = ''

  596. 				this.lineOptsect1 = null

  597. 				this.lineOptsect2 = null

  598. 				this.lineOptsect3 = null

  599. 				this.chartData1 = null

  600. 				// 团队对比接待量

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

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

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

  604. 				/* 销奖执行率 */

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

  606. 				// 获取销奖能力

  607. 				this.getPowerList()

  608. 			},

  609. 			// 获取部门列表

  610. 			getSectionList() {

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

  612. 						houseId: this.houseId

  613. 					})

  614. 					.then(res => {

  615. 						this.staffList = res.map(item => {

  616. 							return {

  617. 								value: item.deptId,

  618. 								label: item.deptName,

  619. 								select: false,

  620. 							}

  621. 						})

  622. 						this.staffList1 = res.map(item => {

  623. 							return {

  624. 								value: item.deptId,

  625. 								label: item.deptName,

  626. 								select: false,

  627. 							}

  628. 						})

  629. 						this.staffList.unshift(this.$options.data().staff1)

  630. 						// 团队对比接待量

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

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

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

  634. 						/* 销奖执行率 */

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

  636. 						// 获取销奖能力

  637. 						this.getPowerList()

  638. 

  639. 					})

  640. 			},

  641. 

  642. 			//时间切换

  643. 			tabtimetap(index, text) {

  644. 				this.activeTotal = index;

  645. 				if (index == 3) {

  646. 					this.totalTimeShow = true;

  647. 					this.screenShow = false

  648. 				} else {

  649. 					this.screenShow = false

  650. 					this.showTimeText = text

  651. 					this.activeTotal = index;

  652. 					this.lastEndDate = ''

  653. 					this.lastStartDate = ''

  654. 					// 获取数据

  655. 					// 团队对比接待量

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

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

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

  659. 					/* 销奖执行率 */

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

  661. 					// 获取销奖能力

  662. 					this.getPowerList()

  663. 				}

  664. 			},

  665. 			// 接待量

  666. 			tabtimetap1(idx) {

  667. 				this.eharTab.active1 = idx

  668. 				// 调用方法

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

  670. 			},

  671. 			// 接待时长

  672. 			tabtimetap2(idx) {

  673. 				this.eharTab.active2 = idx

  674. 				// 调用方法

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

  676. 			},

  677. 			tabtimetap3(idx) {

  678. 				this.eharTab.active3 = idx

  679. 				// 调用方法

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

  681. 			},

  682. 			tabtimetap4(idx) {

  683. 				this.eharTab.active4 = idx

  684. 				// 调用方法

  685. 				// this.getRecordList()

  686. 			},

  687. 			//自定义时间

  688. 			totalTimeChange(e) {

  689. 				this.screenShow = false

  690. 				this.showTimeText = `${e.startDate}-${e.endDate}`

  691. 				this.activeTotal = 3;

  692. 				this.lastEndDate = e.endDate

  693. 				this.lastStartDate = e.startDate

  694. 				// 获取数据

  695. 				// 团队对比接待量

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

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

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

  699. 				/* 销奖执行率 */

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

  701. 				// 获取销奖能力

  702. 				this.getPowerList()

  703. 			},

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

  705. 			tapspagek2(index) {

  706. 				this.bocindex = index;

  707. 			},

  708. 			//集团对比

  709. 			Groupcontrast() {

  710. 				uni.navigateTo({

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

  712. 				});

  713. 			},

  714. 			// 去选择团队

  715. 			goTeam() {

  716. 				uni.navigateTo({

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

  718. 				})

  719. 			},

  720. 

  721. 			// 点击部门对比

  722. 			chiocStaff(idx) {

  723. 				if (idx == 0) {

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

  725. 					this.teamComparisonShow = true

  726. 					this.staffShow = true

  727. 					this.staffShow1 = false

  728. 				} else {

  729. 					this.teamComparisonShow = true

  730. 					this.staffShow1 = true

  731. 					this.staffShow = false

  732. 				}

  733. 			},

  734. 

  735. 			// 取消选择

  736. 			cancelTeamComparison() {

  737. 				this.teamComparisonShow = false

  738. 			},

  739. 

  740. 			// 选择团队对比后

  741. 			confirmTeamComparison() {

  742. 

  743. 				// 当变量staffShow为true时则选择的是左侧数据

  744. 				if (this.staffShow) {

  745. 					let arr = this.staffList.filter(item => item.select)

  746. 					let name = arr.map(item => {

  747. 						return item.label

  748. 					})

  749. 					if (arr.length != 0 && !name.includes('全部')) {

  750. 						this.staff1.label = arr.map(imte => {

  751. 							return imte.label

  752. 						}).join(',')

  753. 						this.staff1.value = arr.map(item => {

  754. 							return item.value

  755. 						})

  756. 					} else {

  757. 						this.staff1 = this.$options.data().staff1

  758. 					}

  759. 					console.log(this.staffList, 'staffList')

  760. 				}

  761. 				if (this.staffShow1) {

  762. 					let arr = this.staffList1.filter(item => item.select)

  763. 					let name = arr.map(item => {

  764. 						return item.label

  765. 					})

  766. 					if (arr.length != 0 && !name.includes('平均')) {

  767. 						this.staff2.label = arr.map(imte => {

  768. 							return imte.label

  769. 						}).join(',')

  770. 						this.staff2.value = arr.map(item => {

  771. 							return item.value

  772. 						})

  773. 					} else {

  774. 						this.staff2 = this.$options.data().staff2

  775. 					}

  776. 				}

  777. 				if (!this.staff1.value) {

  778. 					this.cancelTeamComparison() // 隐藏弹窗

  779. 					this.staffSelectCallback()

  780. 				} else {

  781. 					let isPass = this.staff1.value.filter(item => {

  782. 						return this.staff2.value.includes(item)

  783. 					})

  784. 					if (isPass.length > 0) {

  785. 						uni.showToast({

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

  787. 							icon: 'none'

  788. 						})

  789. 						this.staff2 = this.$options.data().staff2

  790. 						return

  791. 					} else {

  792. 						this.cancelTeamComparison() // 隐藏弹窗

  793. 

  794. 						this.staffSelectCallback()

  795. 					}

  796. 				}

  797. 			},

  798. 

  799. 

  800. 			staffSelectCallback() {

  801. 				// 获取数据

  802. 				// 团队对比接待量

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

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

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

  806. 				/* 销奖执行率 */

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

  808. 				// 获取销奖能力

  809. 				this.getPowerList()

  810. 			},

  811. 

  812. 			// 公共方法

  813. 			receptionCountList(idx, index, url) {

  814. 

  815. 				let deptids = ''

  816. 				let de = ''

  817. 				let str = ''

  818. 				if (this.staff1.value) {

  819. 					deptids = this.staff1.value.join(',')

  820. 				}

  821. 				if (this.staff2.value) {

  822. 					de = this.staff2.value.join(',')

  823. 				}

  824. 				if (deptids && de) {

  825. 					str = [deptids, de].join('-')

  826. 				} else if (deptids && !de) {

  827. 					str = deptids

  828. 				}

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

  830. 						deptIds: str,

  831. 						showRank: idx,

  832. 						houseId: this.houseId,

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

  834. 						lastEndDate: this.lastEndDate,

  835. 						lastStartDate: this.lastStartDate,

  836. 						marketingBusiness: this.marketingBusiness,

  837. 					})

  838. 					.then(res => {

  839. 						let result = res.result

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

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

  842. 						if (idx == 0) {

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

  844. 							// 处理数据

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

  846. 							// 当为全部时

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

  848. 							let arr = []

  849. 							// 当选择全部时

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

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

  852. 									let obj = {}

  853. 									obj.name = item.deptName

  854. 									obj.zxl = item.data

  855. 									arr.push(obj)

  856. 

  857. 								})

  858. 								arr = this.dealData(arr)

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

  860. 							}

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

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

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

  864. 									let obj = {}

  865. 									obj.name = item.deptName

  866. 									obj.zxl = item.data

  867. 									arr.push(obj)

  868. 								})

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

  870. 								// 如果显示对比

  871. 								if (this.timepickpickisshow) {

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

  873. 										let obj = {}

  874. 										obj.name = '平均'

  875. 										obj.zxl = item.data

  876. 										arr.push(obj)

  877. 									})

  878. 								}

  879. 								arr = this.dealData(arr.sort((a, b) => {return b.zxl - a.zxl}))

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

  881. 							} else {

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

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

  884. 									let obj = {}

  885. 									obj.name = item.deptName

  886. 									obj.zxl = item.data

  887. 									arr.push(obj)

  888. 								})

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

  890. 									let obj = {}

  891. 									obj.name = item.deptName

  892. 									obj.zxl = item.data

  893. 									arr.push(obj)

  894. 								})

  895. 								arr = this.dealData(arr)

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

  897. 							}

  898. 						} else {

  899. 							// 当选择趋势时

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

  901. 							let allobj = {

  902. 								categories: [],

  903. 								series: []

  904. 							}

  905. 							// 先处理时间

  906. 							// 当选择全部时

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

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

  909. 									let obj = {}

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

  911. 									obj.data = []

  912. 									item.map(item1 => {

  913. 										// 时间的处理

  914. 										if (idx == 0) {

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

  916. 										}

  917. 										obj.data.push(item1.data)

  918. 									})

  919. 									allobj.series.push(obj)

  920. 								})

  921. 							}

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

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

  924. 								let obj = {}

  925. 								obj.data = []

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

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

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

  929. 									obj.data.push(item.data)

  930. 								})

  931. 								allobj.series.push(obj)

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

  933. 								// 如果显示对比

  934. 								if (this.timepickpickisshow) {

  935. 									let obj = {}

  936. 									obj.data = []

  937. 									obj.name = '平均'

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

  939. 										obj.data.push(item.data)

  940. 									})

  941. 									allobj.series.push(obj)

  942. 								}

  943. 							} else {

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

  945. 								let obj = {}

  946. 								let obj1 = {}

  947. 								obj.data = []

  948. 								obj1.data = []

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

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

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

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

  953. 									obj.data.push(item.data)

  954. 								})

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

  956. 									obj1.data.push(item.data)

  957. 								})

  958. 								allobj.series.push(obj)

  959. 								allobj.series.push(obj1)

  960. 							}

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

  962. 						}

  963. 

  964. 						this.$forceUpdate()

  965. 					})

  966. 			},

  967. 			// 获取销奖能力

  968. 			getPowerList() {

  969. 				let deptids = ''

  970. 				let de = ''

  971. 				let str = ''

  972. 				if (this.staff1.value) {

  973. 					deptids = this.staff1.value.join(',')

  974. 				}

  975. 				if (this.staff2.value) {

  976. 					de = this.staff2.value.join(',')

  977. 				}

  978. 				if (this.timepickpickisshow) {

  979. 					if (!de) {

  980. 						str = deptids+'-'

  981. 					} else {

  982. 						str = [deptids, de].join('-')

  983. 					}

  984. 				} else if (deptids && !de) {

  985. 					str = deptids

  986. 				}

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

  988. 						deptIds: this.deptids || str,

  989. 						houseId: this.houseId,

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

  991. 						lastEndDate: this.lastEndDate,

  992. 						lastStartDate: this.lastStartDate,

  993. 						marketingBusiness: this.marketingBusiness,

  994. 					})

  995. 					.then(res => {

  996. 						this.LOADING = false

  997. 						// 处理数据

  998. 						this.chartData1 = {

  999. 							categories: [],

  1000. 							series: []

  1001. 						}

  1002. 						let allobj = {

  1003. 							categories: [],

  1004. 							series: []

  1005. 						}

  1006. 						// 当选择全部时

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

  1008. 							console.log(this.staff1.value, this.staff2.value, '!this.staff1.value && !this.staff2.value')

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

  1010. 								let obj = {

  1011. 									name: item[0].deptName,

  1012. 									data: []

  1013. 								}

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

  1015. 									if (index == 0) {

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

  1017. 									}

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

  1019. 								})

  1020. 								allobj.series.push(obj)

  1021. 							})

  1022. 

  1023. 						}

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

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

  1026. 							console.log(this.staff1.value, this.staff2.value, 'this.staff1.value && !this.staff2.value')

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

  1028. 								let obj = {

  1029. 									name: item[0].deptName,

  1030. 									data: []

  1031. 								}

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

  1033. 									if (index == 0) {

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

  1035. 									}

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

  1037. 								})

  1038. 								allobj.series.push(obj)

  1039. 							})

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

  1041. 							// 如果显示对比

  1042. 							if (this.timepickpickisshow) {

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

  1044. 									let obj = {

  1045. 										name: '平均',

  1046. 										data: []

  1047. 									}

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

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

  1050. 									})

  1051. 									allobj.series.push(obj)

  1052. 								})

  1053. 							}

  1054. 						} else {

  1055. 							console.log(this.staff1.value, this.staff2.value, 'else')

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

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

  1058. 								let obj = {

  1059. 									name: item[0].deptName,

  1060. 									data: []

  1061. 								}

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

  1063. 									if (index == 0) {

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

  1065. 									}

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

  1067. 								})

  1068. 								allobj.series.push(obj)

  1069. 							})

  1070. 						}

  1071. 						this.chartData1 = allobj

  1072. 						this.$forceUpdate()

  1073. 					}).catch(e => {

  1074. 						this.LOADING = false

  1075. 					})

  1076. 			},

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

  1078. 			dealData(arr) {

  1079. 				// 获取最大值

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

  1081. 					return o.zxl

  1082. 				})) //结果：3

  1083. 				if (num > 100) {

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

  1085. 					arr.map(item => {

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

  1087. 					})

  1088. 					return arr

  1089. 				} else {

  1090. 					arr.map(item => {

  1091. 						item.zxl1 = item.zxl

  1092. 					})

  1093. 					return arr

  1094. 				}

  1095. 			},

  1096. 		}

  1097. 	};

  1098. </script>

  1099. <style lang="scss" scoped>

  1100. 	.boxtittabs {

  1101. 		width: 100%;

  1102. 		height: 92rpx;

  1103. 		background: #FFFFFF;

  1104. 		display: flex;

  1105. 		align-items: center;

  1106. 

  1107. 		.items {

  1108. 			padding: 0 24rpx;

  1109. 			width: 50%;

  1110. 			height: 100%;

  1111. 			display: flex;

  1112. 			align-items: center;

  1113. 			justify-content: center;

  1114. 			overflow: hidden;

  1115. 			white-space: nowrap;

  1116. 			text-overflow: ellipsis;

  1117. 		}

  1118. 	}

  1119. 

  1120. 	.boxtittab {

  1121. 		position: sticky;

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

  1123. 		z-index: 999;

  1124. 	}

  1125. 

  1126. 	.box {

  1127. 		width: 100%;

  1128. 		height: 100%;

  1129. 		background: #FAFAFA;

  1130. 	}

  1131. 

  1132. 	.single {

  1133. 		margin-top: 20rpx;

  1134. 		padding-bottom: 20rpx;

  1135. 	}

  1136. 

  1137. 	// 对比时间切换

  1138. 	.timepick {

  1139. 		width: 100%;

  1140. 		height: 90rpx;

  1141. 		display: flex;

  1142. 		align-items: center;

  1143. 		background: #FFFFFF;

  1144. 	}

  1145. 

  1146. 	.timepicktime {

  1147. 		width: 260rpx;

  1148. 		height: 50rpx;

  1149. 		margin-left: 30rpx;

  1150. 		display: flex;

  1151. 		align-items: center;

  1152. 		background: #FFFFFF;

  1153. 

  1154. 		.maxTextLine {

  1155. 			max-width: calc(260rpx - 40rpx);

  1156. 		}

  1157. 	}

  1158. 

  1159. 	.timepickpick {

  1160. 		width: 110rpx;

  1161. 		height: 50rpx;

  1162. 		margin-left: 30rpx;

  1163. 		display: flex;

  1164. 		align-items: center;

  1165. 	}

  1166. 

  1167. 	.Underimg {

  1168. 		width: 28rpx;

  1169. 		height: 14rpx;

  1170. 		margin-left: 12rpx;

  1171. 	}

  1172. 

  1173. 	.hejisan {

  1174. 		width: 92%;

  1175. 		margin: 0 auto;

  1176. 		display: flex;

  1177. 		padding-top: 20rpx;

  1178. 		padding-bottom: 20rpx;

  1179. 

  1180. 		.sanbox1 {

  1181. 			flex: 1;

  1182. 			display: flex;

  1183. 			flex-direction: column;

  1184. 			justify-content: center;

  1185. 			align-items: center;

  1186. 			position: relative;

  1187. 

  1188. 			&::after {

  1189. 				position: absolute;

  1190. 				content: '';

  1191. 				width: 1rpx;

  1192. 				height: 86rpx;

  1193. 				background: #E0E0E0;

  1194. 				right: 0;

  1195. 				top: 0;

  1196. 			}

  1197. 

  1198. 			&:last-child::after {

  1199. 				position: absolute;

  1200. 				content: '';

  1201. 				width: 1rpx;

  1202. 				height: 86rpx;

  1203. 				right: 0;

  1204. 				top: 0;

  1205. 				background: #fff;

  1206. 			}

  1207. 		}

  1208. 

  1209. 		.text1-1 {

  1210. 			margin: 0 auto;

  1211. 			max-width: 90%;

  1212. 			font-size: 24rpx;

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

  1214. 			font-weight: 400;

  1215. 			color: #333333;

  1216. 			line-height: 32rpx;

  1217. 		}

  1218. 

  1219. 		.text1-2 {

  1220. 			color: #333333;

  1221. 			font-size: 40rpx;

  1222. 			line-height: 46rpx;

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

  1224. 			margin-bottom: 10rpx;

  1225. 		}

  1226. 	}

  1227. 

  1228. 	.righttochoose {

  1229. 		width: 24rpx;

  1230. 		height: 24rpx !important;

  1231. 	}

  1232. 

  1233. 	.title2-che {

  1234. 		display: flex;

  1235. 		align-items: center;

  1236. 		justify-content: space-around;

  1237. 		overflow: hidden;

  1238. 	}

  1239. 

  1240. 	.screen {

  1241. 		width: 100%;

  1242. 

  1243. 		.boxtittab {

  1244. 			width: 100%;

  1245. 			flex-direction: column;

  1246. 			border: none;

  1247. 

  1248. 			.tabbox {

  1249. 				width: 100%;

  1250. 			}

  1251. 		}

  1252. 	}

  1253. 

  1254. 

  1255. 	.teamComparison {

  1256. 		padding: 0 30rpx;

  1257. 		height: 500rpx;

  1258. 

  1259. 		.title {

  1260. 			width: 100%;

  1261. 			height: 90rpx;

  1262. 			display: flex;

  1263. 			align-items: center;

  1264. 			justify-content: space-between;

  1265. 			border-bottom: 1rpx solid #E0E0E0;

  1266. 

  1267. 			text {

  1268. 				font-size: 30rpx;

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

  1270. 				font-weight: 400;

  1271. 				color: #666666;

  1272. 			}

  1273. 

  1274. 			.title-confirm {

  1275. 				color: #2671E2;

  1276. 			}

  1277. 		}

  1278. 

  1279. 		.team-scroll-box {

  1280. 			height: 400rpx;

  1281. 

  1282. 			.team-scroll-boxs {

  1283. 

  1284. 				.teamitem {

  1285. 					width: 100%;

  1286. 					height: 90rpx;

  1287. 					display: flex;

  1288. 					align-items: center;

  1289. 					justify-content: space-between;

  1290. 					font-size: 30rpx;

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

  1292. 					font-weight: 400;

  1293. 					color: #333333;

  1294. 				}

  1295. 			}

  1296. 		}

  1297. 	}

  1298. 

  1299. 	.textMax {

  1300. 		overflow: hidden;

  1301. 		text-overflow: ellipsis;

  1302. 		white-space: nowrap;

  1303. 	}

  1304. </style>