Acher
/
newEdition
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
AI销管
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
72 Révisions
13 Branches
9.8 MiB
 
 
 
 
Aborescence: 4c4e47ae96
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '4c4e47ae96'
${ noResults }
newEdition/pages/center/Piabodata/Employeesstatistics.vue

452 lignes
13 KiB
Brut Annotations Historique 

  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. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

  18. 		<view class="single">

  19. 			<view class="title">

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

  21. 			</view>

  22. 			<view class="hejisan">

  23. 				<view class="sanbox1" style="width: 35%;">

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

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

  26. 				</view>

  27. 				<view class="sanbox1" style="width: 40%;">

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

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

  30. 				</view>

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

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

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

  34. 				</view>

  35. 			</view>

  36. 

  37. 			<view class="jindu" style="height: 360rpx;overflow: auto;">

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

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

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

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

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

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

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

  45. 						</view>

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

  47. 					</view>

  48. 				</view>

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

  50. 					暂无数据

  51. 				</view>

  52. 			</view>

  53. 		</view>

  54. 

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

  56. 		<view class="single">

  57. 			<view class="title">

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

  59. 			</view>

  60. 			<view class="hejisan">

  61. 				<view class="sanbox1" style="width: 40%;">

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

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

  64. 				</view>

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

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

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

  68. 				</view>

  69. 			</view>

  70. 			<view class="jindu" style="height: 360rpx;overflow: auto;">

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

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

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

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

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

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

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

  78. 						</view>

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

  80. 					</view>

  81. 				</view>

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

  83. 					暂无数据

  84. 				</view>

  85. 			</view>

  86. 		</view>

  87. 

  88. 

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

  90. 		<view class="single">

  91. 			<view class="title">

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

  93. 			</view>

  94. 			<view class="hejisan">

  95. 				<view class="sanbox1" style="width: 35%;">

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

  97. 					<view class="text1-2">{{newlisttabinfo2.total}}分钟</view>

  98. 				</view>

  99. 				<view class="sanbox1" style="width: 40%;">

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

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

  102. 				</view>

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

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

  105. 					<view class="text1-2">{{newlisttabinfo2.avg}}分钟</view>

  106. 				</view>

  107. 			</view>

  108. 			<view class="jindu" style="height: 360rpx;overflow: auto;">

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

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

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

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

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

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

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

  116. 						</view>

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

  118. 					</view>

  119. 				</view>

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

  121. 					暂无数据

  122. 				</view>

  123. 			</view>

  124. 		</view>

  125. 

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

  127. 		<view class="single">

  128. 			<view class="title">

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

  130. 			</view>

  131. 			<view class="hejisan">

  132. 				<view class="sanbox1" style="width: 35%;">

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

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

  135. 				</view>

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

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

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

  139. 				</view>

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

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

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

  143. 				</view>

  144. 			</view>

  145. 			<view class="jindu" style="height: 360rpx;overflow: auto;">

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

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

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

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

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

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

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

  153. 						</view>

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

  155. 					</view>

  156. 				</view>

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

  158. 					暂无数据

  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>

  168. 			<view class="hejisan">

  169. 				<view class="sanbox1" style="width: 35%;">

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

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

  172. 				</view>

  173. 				<view class="sanbox1" style="width: 40%;">

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

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

  176. 				</view>

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

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

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

  180. 				</view>

  181. 			</view>

  182. 			<view class="jindu" style="height: 360rpx;overflow: auto;">

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

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

  185. 					<view class="jindu-boxche" v-if="item.zxl1 != 0">

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

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

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

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

  190. 						</view>

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

  192. 					</view>

  193. 				</view>

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

  195. 					暂无数据

  196. 				</view>

  197. 			</view>

  198. 		</view>

  199. 

  200. 

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

  202. 	</view>

  203. </template>

  204. 

  205. <script>

  206. 	var app = getApp();

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

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

  209. 	export default {

  210. 		data() {

  211. 			return {

  212. 				activeTotal: 4,

  213. 				totalTimeShow: false,

  214. 				// 项目id

  215. 				houseId: '',

  216. 				lastEndDate: '',

  217. 				lastStartDate: '',

  218. 				newlisttabinfo1: {

  219. 					avg: '',

  220. 					count: '',

  221. 					total: '',

  222. 					result: [],

  223. 				},

  224. 				newlisttabinfo2: {

  225. 					avg: '',

  226. 					count: '',

  227. 					total: '',

  228. 					result: [],

  229. 				},

  230. 				newlisttabinfo3: {

  231. 					avg: '',

  232. 					count: '',

  233. 					total: '',

  234. 					result: [],

  235. 				},

  236. 				newlisttabinfo4: {

  237. 					avg: '',

  238. 					count: '',

  239. 					total: '',

  240. 					result: [],

  241. 				},

  242. 				newlisttabinfo5: {

  243. 					avg: '',

  244. 					count: '',

  245. 					total: '',

  246. 					result: [],

  247. 				},

  248. 			};

  249. 		},

  250. 		onLoad() {

  251. 			// 获取项目id

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

  253. 			this.init()

  254. 		},

  255. 		onPullDownRefresh() {

  256. 			this.init()

  257. 			setTimeout(function() {

  258. 				uni.stopPullDownRefresh();

  259. 			}, 1000);

  260. 		},

  261. 		methods: {

  262. 			init() {

  263. 				this.newlisttabinfo1 = {

  264. 					avg: '',

  265. 					count: '',

  266. 					total: '',

  267. 					result: [],

  268. 				}

  269. 				this.newlisttabinfo2 = {

  270. 					avg: '',

  271. 					count: '',

  272. 					total: '',

  273. 					result: [],

  274. 				}

  275. 				this.newlisttabinfo3 = {

  276. 					avg: '',

  277. 					count: '',

  278. 					total: '',

  279. 					result: [],

  280. 				}

  281. 				this.newlisttabinfo4 = {

  282. 					avg: '',

  283. 					count: '',

  284. 					total: '',

  285. 					result: [],

  286. 				}

  287. 				this.newlisttabinfo5 = {

  288. 					avg: '',

  289. 					count: '',

  290. 					total: '',

  291. 					result: [],

  292. 				}

  293. 

  294. 				var activeTotal = 0;

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

  296. 					activeTotal = null;

  297. 				} else {

  298. 					activeTotal = this.activeTotal;

  299. 					this.lastEndDate = '';

  300. 					this.lastStartDate = '';

  301. 				}

  302. 				var promse = {

  303. 					timeType: activeTotal,

  304. 					lastStartDate: this.lastStartDate,

  305. 					lastEndDate: this.lastEndDate,

  306. 					houseId: this.houseId

  307. 				}

  308. 				this.staffStatisticsReceptionTop10(promse)

  309. 				this.staffStatisticsRecordingTimTop10(promse)

  310. 				this.staffStatisticsExecutionRateTop10(promse)

  311. 				this.staffStatisticsProhibitedTop10(promse)

  312. 				this.staffStatisticsUnlabeledTop10(promse)

  313. 			},

  314. 			//接待量排名

  315. 			staffStatisticsReceptionTop10(promse) {

  316. 

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

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

  319. 						item.zxl = item.data

  320. 						item.name = item.accountName

  321. 					})

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

  323. 					this.newlisttabinfo1 = res;

  324. 				})

  325. 			},

  326. 			//录音时长

  327. 			staffStatisticsRecordingTimTop10(promse) {

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

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

  330. 						item.zxl = item.data

  331. 						item.name = item.accountName

  332. 					})

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

  334. 					this.newlisttabinfo2 = res;

  335. 				})

  336. 			},

  337. 			//销讲

  338. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  341. 						item.zxl = item.data;

  342. 						item.zxl1 = item.data;

  343. 						item.name = item.accountName

  344. 					})

  345. 					this.newlisttabinfo3 = res;

  346. 				})

  347. 			},

  348. 			//j禁忌

  349. 			staffStatisticsProhibitedTop10(promse) {

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

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

  352. 						item.zxl = item.data

  353. 						item.name = item.accountName

  354. 					})

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

  356. 					this.newlisttabinfo4 = res;

  357. 				})

  358. 			},

  359. 			//未标记客户数量排名,

  360. 			staffStatisticsUnlabeledTop10(promse) {

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

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

  363. 						item.zxl = item.tagCustomer

  364. 						item.name = item.accountName

  365. 					})

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

  367. 					this.newlisttabinfo5 = res;

  368. 				})

  369. 			},

  370. 

  371. 			//自定义时间

  372. 			totalTimeChange(e) {

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

  374. 				this.activeTotal = 3;

  375. 				this.lastEndDate = e.endDate

  376. 				this.lastStartDate = e.startDate

  377. 				this.init()

  378. 			},

  379. 			//时间切换

  380. 			tabtimetap(index) {

  381. 				if (index == 3) {

  382. 					this.totalTimeShow = true;

  383. 				} else {

  384. 					this.activeTotal = index;

  385. 					this.lastEndDate = '';

  386. 					this.lastStartDate = '';

  387. 					this.init()

  388. 				}

  389. 			},

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

  391. 			dealData(arr) {

  392. 				// 获取最大值

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

  394. 					return o.zxl

  395. 				})) //结果：3

  396. 				// console.log(num)

  397. 				// if(num>100){

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

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

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

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

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

  403. 				// 	})

  404. 				// 	// console.log(arr)

  405. 				// 	return arr

  406. 				// }else{

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

  408. 				// 		item.zxl1=item.zxl

  409. 				// 	})

  410. 				// 	return arr

  411. 				// }

  412. 				arr.map(item => {

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

  414. 				})

  415. 				return arr

  416. 

  417. 			},

  418. 		}

  419. 	};

  420. </script>

  421. <style lang="scss" scoped>

  422. 	.box {

  423. 		width: 100%;

  424. 		height: 100%;

  425. 		background: #FAFAFA;

  426. 		padding-bottom: 60rpx;

  427. 	}

  428. 

  429. 	.boxtittab {

  430. 		position: sticky;

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

  432. 		z-index: 999;

  433. 	}

  434. 

  435. 	.hejisan {

  436. 		width: 92%;

  437. 		margin: 0 auto;

  438. 		display: flex;

  439. 		padding-top: 20rpx;

  440. 		padding-bottom: 20rpx;

  441. 

  442. 		.text1-1 {

  443. 			color: #666666;

  444. 		}

  445. 

  446. 		.text1-2 {

  447. 			color: #333333;

  448. 			margin-top: 10rpx;

  449. 		}

  450. 	}

  451. </style>