liumin
/
NewZkgj
1
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
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.
498 提交
7 分支
28 MiB
 
 
 
目錄樹: 68d0283473
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '68d0283473'
${ noResults }
NewZkgj/pages/center/Piabodata/Employeesstatistics.vue

517 line
15 KiB
原始文件 Blame 歷史記錄 

  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. 		<!-- 接待量排名（TOP10） -->

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

  20. 		<view class="single">

  21. 			<view class="title">

  22. 				<view class="title1" style="flex: 1;">接待量排名（TOP10）</view>

  23. 			</view>

  24. 			<view class="hejisan">

  25. 				<view class="sanbox1" style="width: 33.33%;">

  26. 					<view class="text1-1">合计</view>

  27. 					<view class="text1-2">{{newlisttabinfo1.total}}</view>

  28. 				</view>

  29. 				<view class="sanbox1" style="width: 33.33%;">

  30. 					<view class="text1-1">顾问</view>

  31. 					<view class="text1-2">{{newlisttabinfo1.count}}</view>

  32. 				</view>

  33. 				<view class="sanbox1" style="width: 33.33%;">

  34. 					<view class="text1-1">人均接待量</view>

  35. 					<view class="text1-2">{{newlisttabinfo1.avg}}</view>

  36. 				</view>

  37. 			</view>

  38. 

  39. 			<view class="jindu" style="min-height: 360rpx;">

  40. 				<view v-if="newlisttabinfo1.result.length!=0" class="jindu-box"

  41. 					v-for="(item,index) in newlisttabinfo1.result" :key="index">

  42. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  47. 						</view>

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

  49. 					</view>

  50. 				</view>

  51. 				<view v-if="newlisttabinfo1.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  52. 					暂无数据

  53. 				</view>

  54. 			</view>

  55. 		</view>

  56. 

  57. 		<!-- 销讲执行率排行（TOP10） -->

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

  59. 		<view class="single">

  60. 			<view class="title">

  61. 				<view class="title1" style="flex: 1;">销讲执行率排行（TOP10）</view>

  62. 			</view>

  63. 			<view class="hejisan">

  64. 				<view class="sanbox1" style="width: 50%;">

  65. 					<view class="text1-1">顾问</view>

  66. 					<view class="text1-2">{{newlisttabinfo3.count}}</view>

  67. 				</view>

  68. 				<view class="sanbox1" style="width: 50%;">

  69. 					<view class="text1-1">人均执行率</view>

  70. 					<view class="text1-2">{{newlisttabinfo3.avg}}</view>

  71. 				</view>

  72. 			</view>

  73. 			<view class="jindu" style="min-height: 360rpx;">

  74. 				<view v-if="newlisttabinfo3.result.length!=0" class="jindu-box"

  75. 					v-for="(item,index) in newlisttabinfo3.result" :key="index">

  76. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  81. 						</view>

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

  83. 					</view>

  84. 				</view>

  85. 				<view v-if="newlisttabinfo3.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  86. 					暂无数据

  87. 				</view>

  88. 			</view>

  89. 		</view>

  90. 

  91. 		<!-- 录音时长（TOP10） -->

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

  93. 		<view class="single">

  94. 			<view class="title">

  95. 				<view class="title1" style="flex: 1;">录音时长（TOP10）</view>

  96. 			</view>

  97. 			<view class="hejisan">

  98. 				<view class="sanbox1" style="width: 33.33%;">

  99. 					<view class="text1-1">合计</view>

  100. 					<view class="text1-2">{{newlisttabinfo2.total}}</view>

  101. 				</view>

  102. 				<view class="sanbox1" style="width: 33.33%;">

  103. 					<view class="text1-1">顾问</view>

  104. 					<view class="text1-2">{{newlisttabinfo2.count}}</view>

  105. 				</view>

  106. 				<view class="sanbox1" style="width: 33.33%;">

  107. 					<view class="text1-1">人均录音时长</view>

  108. 					<view class="text1-2">{{newlisttabinfo2.avg}}</view>

  109. 				</view>

  110. 			</view>

  111. 			<view class="jindu" style="min-height: 360rpx;">

  112. 				<view v-if="newlisttabinfo2.result.length!=0" class="jindu-box"

  113. 					v-for="(item,index) in newlisttabinfo2.result" :key="index">

  114. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  119. 						</view>

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

  121. 					</view>

  122. 				</view>

  123. 				<view v-if="newlisttabinfo2.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  124. 					暂无数据

  125. 				</view>

  126. 			</view>

  127. 		</view>

  128. 

  129. 		<!-- 违禁次数排名（TOP10 -->

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

  131. 		<view class="single">

  132. 			<view class="title">

  133. 				<view class="title1" style="flex: 1;">违禁次数排名（TOP10）</view>

  134. 			</view>

  135. 			<view class="hejisan">

  136. 				<view class="sanbox1" style="width: 33.33%;">

  137. 					<view class="text1-1">合计</view>

  138. 					<view class="text1-2">{{newlisttabinfo4.total}}</view>

  139. 				</view>

  140. 				<view class="sanbox1" style="width: 33.33%;">

  141. 					<view class="text1-1">顾问</view>

  142. 					<view class="text1-2">{{newlisttabinfo4.count}}</view>

  143. 				</view>

  144. 				<view class="sanbox1" style="width: 33.33%;">

  145. 					<view class="text1-1">人均违禁次数</view>

  146. 					<view class="text1-2">{{newlisttabinfo4.avg}}</view>

  147. 				</view>

  148. 			</view>

  149. 			<view class="jindu" style="min-height: 360rpx;">

  150. 				<view v-if="newlisttabinfo4.result.length!=0" class="jindu-box"

  151. 					v-for="(item,index) in newlisttabinfo4.result" :key="index">

  152. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  157. 						</view>

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

  159. 					</view>

  160. 				</view>

  161. 				<view v-if="newlisttabinfo4.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  162. 					暂无数据

  163. 				</view>

  164. 			</view>

  165. 		</view>

  166. 

  167. 		<!-- 接待未标顾问（TOP10） -->

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

  169. 		<view class="single">

  170. 			<view class="title">

  171. 				<view class="title1" style="flex: 1;">接待未标顾问（TOP10）</view>

  172. 			</view>

  173. 			<view class="hejisan">

  174. 				<view class="sanbox1" style="width: 33.33%;">

  175. 					<view class="text1-1">合计</view>

  176. 					<view class="text1-2">{{newlisttabinfo5.total}}</view>

  177. 				</view>

  178. 				<view class="sanbox1" style="width: 33.33%;">

  179. 					<view class="text1-1">顾问</view>

  180. 					<view class="text1-2">{{newlisttabinfo5.count}}</view>

  181. 				</view>

  182. 				<view class="sanbox1" style="width: 33.33%;">

  183. 					<view class="text1-1">均值</view>

  184. 					<view class="text1-2">{{newlisttabinfo5.avg}}</view>

  185. 				</view>

  186. 			</view>

  187. 			<view class="jindu" style="min-height: 360rpx;">

  188. 				<view v-if="newlisttabinfo5.result.length!=0" class="jindu-box"

  189. 					v-for="(item,index) in newlisttabinfo5.result" :key="index">

  190. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  195. 						</view>

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

  197. 					</view>

  198. 				</view>

  199. 				<view v-if="newlisttabinfo5.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  200. 					暂无数据

  201. 				</view>

  202. 			</view>

  203. 		</view>

  204. 

  205. 		<!--平均需求挖掘率排名（TOP10） -->

  206. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;" v-if="wajue"></view>

  207. 		<view class="single" v-if="wajue">

  208. 			<view class="title">

  209. 				<view class="title1" style="flex: 1;">平均需求挖掘率排名（TOP10）</view>

  210. 			</view>

  211. 			<view class="hejisan">

  212. 				<view class="sanbox1" style="width: 50%;">

  213. 					<view class="text1-1">楼盘总数</view>

  214. 					<view class="text1-2">{{newlisttabinfo6.total}}</view>

  215. 				</view>

  216. 				<view class="sanbox1" style="width: 50%;">

  217. 					<view class="text1-1">平均挖掘率</view>

  218. 					<view class="text1-2">{{newlisttabinfo6.avg}}</view>

  219. 				</view>

  220. 			</view>

  221. 			<view class="jindu" style="min-height: 360rpx;">

  222. 				<view v-if="newlisttabinfo6.result.length!=0" class="jindu-box"

  223. 					v-for="(item,index) in newlisttabinfo6.result" :key="index">

  224. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

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

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

  229. 						</view>

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

  231. 					</view>

  232. 				</view>

  233. 				<view v-if="newlisttabinfo6.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  234. 					暂无数据

  235. 				</view>

  236. 			</view>

  237. 		</view>

  238. 

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

  240. 	</view>

  241. </template>

  242. 

  243. <script>

  244. 	var app = getApp();

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

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

  247. 	export default {

  248. 		data() {

  249. 			return {

  250. 				wajue: false,

  251. 				activeTotal: 4,

  252. 				totalTimeShow: false,

  253. 				// 项目id

  254. 				houseId: '',

  255. 				lastEndDate: '',

  256. 				lastStartDate: '',

  257. 				newlisttabinfo1: {

  258. 					avg: '',

  259. 					count: '',

  260. 					total: '',

  261. 					result: [],

  262. 				},

  263. 				newlisttabinfo2: {

  264. 					avg: '',

  265. 					count: '',

  266. 					total: '',

  267. 					result: [],

  268. 				},

  269. 				newlisttabinfo3: {

  270. 					avg: '',

  271. 					count: '',

  272. 					total: '',

  273. 					result: [],

  274. 				},

  275. 				newlisttabinfo4: {

  276. 					avg: '',

  277. 					count: '',

  278. 					total: '',

  279. 					result: [],

  280. 				},

  281. 				newlisttabinfo5: {

  282. 					avg: '',

  283. 					count: '',

  284. 					total: '',

  285. 					result: [],

  286. 				},

  287. 				newlisttabinfo6: {

  288. 					avg: '',

  289. 					count: '',

  290. 					total: '',

  291. 					result: [],

  292. 				},

  293. 			};

  294. 		},

  295. 		onLoad(option) {

  296. 			// 获取项目id

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

  298. 			this.init()

  299. 			if (option.type == 1) {

  300. 				this.totalTimeChange({startDate: option.staTime, endDate: option.endtime})

  301. 			}

  302. 		},

  303. 		onPullDownRefresh() {

  304. 			this.init()

  305. 			setTimeout(function() {

  306. 				uni.stopPullDownRefresh();

  307. 			}, 1000);

  308. 		},

  309. 		methods: {

  310. 			init() {

  311. 				this.newlisttabinfo1 = {

  312. 					avg: '',

  313. 					count: '',

  314. 					total: '',

  315. 					result: [],

  316. 				}

  317. 				this.newlisttabinfo2 = {

  318. 					avg: '',

  319. 					count: '',

  320. 					total: '',

  321. 					result: [],

  322. 				}

  323. 				this.newlisttabinfo3 = {

  324. 					avg: '',

  325. 					count: '',

  326. 					total: '',

  327. 					result: [],

  328. 				}

  329. 				this.newlisttabinfo4 = {

  330. 					avg: '',

  331. 					count: '',

  332. 					total: '',

  333. 					result: [],

  334. 				}

  335. 				this.newlisttabinfo4 = {

  336. 					avg: '',

  337. 					count: '',

  338. 					total: '',

  339. 					result: [],

  340. 				}

  341. 

  342. 				var activeTotal = 0;

  343. 				if (this.activeTotal == 3) {

  344. 					activeTotal = null;

  345. 				} else {

  346. 					activeTotal = this.activeTotal;

  347. 					this.lastEndDate = '';

  348. 					this.lastStartDate = '';

  349. 				}

  350. 				var promse = {

  351. 					timeType: activeTotal,

  352. 					lastStartDate: this.lastStartDate,

  353. 					lastEndDate: this.lastEndDate,

  354. 					houseId: this.houseId

  355. 				}

  356. 				this.staffStatisticsReceptionTop10(promse)

  357. 				this.staffStatisticsRecordingTimTop10(promse)

  358. 				this.staffStatisticsExecutionRateTop10(promse)

  359. 				this.staffStatisticsProhibitedTop10(promse)

  360. 				this.staffStatisticsUnlabeledTop10(promse)

  361. 				this.wordlevelTop10(promse)

  362. 			},

  363. 			//接待量排名

  364. 			staffStatisticsReceptionTop10(promse) {

  365. 				this.$u.post('/cusLvStatistics/staffStatisticsReceptionTop10', promse).then(res => {

  366. 					res.result.forEach(item => {

  367. 						item.zxl = item.data

  368. 						item.name = item.accountName

  369. 					})

  370. 					res.result = this.dealData(res.result)

  371. 					this.newlisttabinfo1 = res;

  372. 				})

  373. 			},

  374. 			//录音时长

  375. 			staffStatisticsRecordingTimTop10(promse) {

  376. 				this.$u.post('/cusLvStatistics/staffStatisticsRecordingTimTop10', promse).then(res => {

  377. 					res.result.forEach(item => {

  378. 						item.zxl = item.data

  379. 						item.name = item.accountName

  380. 					})

  381. 					res.result = this.dealData(res.result)

  382. 					this.newlisttabinfo2 = res;

  383. 				})

  384. 			},

  385. 			//销讲

  386. 			staffStatisticsExecutionRateTop10(promse) {

  387. 				this.$u.post('/cusLvStatistics/staffStatisticsExecutionRateTop10', promse).then(res => {

  388. 					res.result.forEach(item => {

  389. 						item.zxl = item.data;

  390. 						item.zxl1 = item.data;

  391. 						item.name = item.accountName

  392. 					})

  393. 					this.newlisttabinfo3 = res;

  394. 				})

  395. 			},

  396. 			// j禁忌

  397. 			staffStatisticsProhibitedTop10(promse) {

  398. 				this.$u.post('/cusLvStatistics/staffStatisticsProhibitedTop10', promse).then(res => {

  399. 					res.result.forEach(item => {

  400. 						item.zxl = item.data

  401. 						item.name = item.accountName

  402. 					})

  403. 					res.result = this.dealData(res.result)

  404. 					this.newlisttabinfo4 = res;

  405. 				})

  406. 			},

  407. 

  408. 			// 未标记客户数量排名

  409. 			staffStatisticsUnlabeledTop10(promse) {

  410. 				this.$u.post('/cusLvStatistics/staffStatisticsUnlabeledTop', promse).then(res => {

  411. 					res.result.forEach(item => {

  412. 						item.zxl = item.tagCustomer

  413. 						item.name = item.accountName

  414. 					})

  415. 					res.result = this.dealData(res.result)

  416. 					this.newlisttabinfo5 = res;

  417. 				})

  418. 			},

  419. 			// 平均需求挖掘率排名

  420. 			wordlevelTop10(promse) {

  421. 				this.$u.post('/cusLvStatistics/staffStatisticsUnlabeledTop', promse).then(res => {

  422. 					res.result.forEach(item => {

  423. 						item.zxl = item.tagCustomer

  424. 						item.name = item.accountName

  425. 					})

  426. 					res.result = this.dealData(res.result)

  427. 					this.newlisttabinfo6 = res;

  428. 				})

  429. 			},

  430. 

  431. 			//自定义时间

  432. 			totalTimeChange(e) {

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

  434. 				this.activeTotal = 3;

  435. 				this.lastEndDate = e.endDate

  436. 				this.lastStartDate = e.startDate

  437. 				this.init()

  438. 			},

  439. 			//时间切换

  440. 			tabtimetap(index) {

  441. 				if (index == 3) {

  442. 					this.totalTimeShow = true;

  443. 				} else {

  444. 					this.activeTotal = index;

  445. 					this.lastEndDate = '';

  446. 					this.lastStartDate = '';

  447. 					this.init()

  448. 				}

  449. 			},

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

  451. 			dealData(arr) {

  452. 				// 获取最大值

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

  454. 					return o.zxl

  455. 				})) //结果：3

  456. 				// console.log(num)

  457. 				// if(num>100){

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

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

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

  461. 				// 	arr.map(item=>{

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

  463. 				// 	})

  464. 				// 	// console.log(arr)

  465. 				// 	return arr

  466. 				// }else{

  467. 				// 	arr.map(item=>{

  468. 				// 		item.zxl1=item.zxl

  469. 				// 	})

  470. 				// 	return arr

  471. 				// }

  472. 				arr.map(item => {

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

  474. 				})

  475. 				return arr

  476. 

  477. 			},

  478. 		}

  479. 	};

  480. </script>

  481. <style lang="scss" scoped>

  482. 	.box {

  483. 		width: 100%;

  484. 		height: 100%;

  485. 		background: #FAFAFA;

  486. 	}

  487. 	

  488. 	.single {

  489. 		min-height: 500rpx;

  490. 		

  491. 		.jindu {

  492. 			height: auto;

  493. 			min-height: 360rpx;

  494. 		}

  495. 	}

  496. 

  497. 	.hejisan {

  498. 		width: 92%;

  499. 		margin: 0 auto;

  500. 		display: flex;

  501. 		padding-top: 20rpx;

  502. 		padding-bottom: 20rpx;

  503. 		.sanbox1{

  504. 			text-align: center;

  505. 		}

  506. 

  507. 		.text1-1 {

  508. 			color: #666666;

  509. 		}

  510. 

  511. 		.text1-2 {

  512. 			color: #333333;

  513. 			margin-top: 10rpx;

  514. 		}

  515. 	}

  516. </style>