liumin
/
NewZkgj
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
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.
316 Révisions
7 Branches
28 MiB
 
 
 
Aborescence: 5ee9c44e5b
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '5ee9c44e5b'
${ noResults }
NewZkgj/pages/center/Piabodata/Employeesstatistics.vue

406 lignes
12 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" v-for="(item,index) in newlisttabinfo1.result" :key="index">

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

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

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

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

  43. 						</view>

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

  45. 					</view>

  46. 				</view>

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

  48. 					暂无数据

  49. 				</view>

  50. 			</view>

  51. 		</view>

  52. 		

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

  54. 		<view class="single">

  55. 			<view class="title">

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

  57. 			</view>

  58. 			<view class="hejisan">

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

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

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

  62. 				</view>

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

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

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

  66. 				</view>

  67. 			</view>

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

  69. 				<view v-if="newlisttabinfo3.result.length!=0" class="jindu-box" v-for="(item,index) in newlisttabinfo3.result" :key="index">

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

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

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

  73. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :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  v-if="newlisttabinfo3.result.length==0" style="width: 100%;text-align: center;margin-top: 60rpx;">

  79. 					暂无数据

  80. 				</view>

  81. 			</view>

  82. 		</view>

  83. 		

  84. 		

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

  86. 		<view class="single">

  87. 			<view class="title">

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

  89. 			</view>

  90. 			<view class="hejisan">

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

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

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

  94. 				</view>

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

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

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

  98. 				</view>

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

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

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

  102. 				</view>

  103. 			</view>

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

  105. 				<view v-if="newlisttabinfo2.result.length!=0" class="jindu-box" v-for="(item,index) in newlisttabinfo2.result" :key="index">

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

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

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

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

  110. 						</view>

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

  112. 					</view>

  113. 				</view>

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

  115. 					暂无数据

  116. 				</view>

  117. 			</view>

  118. 		</view>

  119. 		

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

  121. 		<view class="single">

  122. 			<view class="title">

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

  124. 			</view>

  125. 			<view class="hejisan">

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

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

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

  129. 				</view>

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

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

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

  133. 				</view>

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

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

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

  137. 				</view>

  138. 			</view>

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

  140. 				<view v-if="newlisttabinfo4.result.length!=0" class="jindu-box" v-for="(item,index) in newlisttabinfo4.result" :key="index">

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

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

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

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

  145. 						</view>

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

  147. 					</view>

  148. 				</view>

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

  150. 					暂无数据

  151. 				</view>

  152. 			</view>

  153. 		</view>

  154. 		

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

  156. 		<view class="single" v-if="false">

  157. 			<view class="title">

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

  159. 			</view>

  160. 			<view class="hejisan">

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

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

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

  164. 				</view>

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

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

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

  168. 				</view>

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

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

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

  172. 				</view>

  173. 			</view>

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

  175. 				<view v-if="newlisttabinfo4.result.length!=0" class="jindu-box" v-for="(item,index) in newlisttabinfo4.result" :key="index">

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

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

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

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

  180. 						</view>

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

  182. 					</view>

  183. 				</view>

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

  185. 					暂无数据

  186. 				</view>

  187. 			</view>

  188. 		</view>

  189. 		

  190. 		

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

  192. 	</view>

  193. </template>

  194. 

  195. <script>

  196. 	var app = getApp();

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

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

  199. 	export default {

  200. 		data() {

  201. 			return {

  202. 				activeTotal: 4,

  203. 				totalTimeShow: false,

  204. 				// 项目id

  205. 				houseId:'',		

  206. 				lastEndDate:'',

  207. 				lastStartDate:'',

  208. 				newlisttabinfo1:{

  209. 					avg:'',

  210. 					count:'',

  211. 					total:'',

  212. 					result:[],

  213. 				},

  214. 				newlisttabinfo2:{

  215. 					avg:'',

  216. 					count:'',

  217. 					total:'',

  218. 					result:[],

  219. 				},

  220. 				newlisttabinfo3:{

  221. 					avg:'',

  222. 					count:'',

  223. 					total:'',

  224. 					result:[],

  225. 				},

  226. 				newlisttabinfo4:{

  227. 					avg:'',

  228. 					count:'',

  229. 					total:'',

  230. 					result:[],

  231. 				},

  232. 			};

  233. 		},

  234. 		onLoad() {

  235. 			// 获取项目id

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

  237. 			this.init()

  238. 		},

  239. 		onPullDownRefresh() {

  240. 			this.init()

  241. 			setTimeout(function () {

  242. 			    uni.stopPullDownRefresh();

  243. 			}, 1000);

  244. 		},

  245. 		methods: {

  246. 			init(){

  247. 				this.newlisttabinfo1={

  248. 					avg:'',

  249. 					count:'',

  250. 					total:'',

  251. 					result:[],

  252. 				},

  253. 				this.newlisttabinfo2={

  254. 					avg:'',

  255. 					count:'',

  256. 					total:'',

  257. 					result:[],

  258. 				},

  259. 				this.newlisttabinfo3={

  260. 					avg:'',

  261. 					count:'',

  262. 					total:'',

  263. 					result:[],

  264. 				},

  265. 				this.newlisttabinfo4={

  266. 					avg:'',

  267. 					count:'',

  268. 					total:'',

  269. 					result:[],

  270. 				}

  271. 					

  272. 				var activeTotal=0;

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

  274. 					activeTotal=null;

  275. 				}else{

  276. 					activeTotal=this.activeTotal;

  277. 					this.lastEndDate='';

  278. 					this.lastStartDate='';

  279. 				}

  280. 				var promse={

  281. 					timeType:activeTotal,

  282. 					lastStartDate:this.lastStartDate,

  283. 					lastEndDate:this.lastEndDate,

  284. 					houseId:this.houseId

  285. 				}

  286. 				this.staffStatisticsReceptionTop10(promse)

  287. 				this.staffStatisticsRecordingTimTop10(promse)

  288. 				this.staffStatisticsExecutionRateTop10(promse)

  289. 				this.staffStatisticsProhibitedTop10(promse)

  290. 			},

  291. 			//接待量排名

  292. 			staffStatisticsReceptionTop10(promse){

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

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

  295. 						item.zxl=item.data

  296. 						item.name=item.accountName

  297. 					})

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

  299. 					this.newlisttabinfo1=res;

  300. 				})

  301. 			},

  302. 			//录音时长

  303. 			staffStatisticsRecordingTimTop10(promse){

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

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

  306. 						item.zxl=item.data

  307. 						item.name=item.accountName

  308. 					})

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

  310. 					this.newlisttabinfo2=res;

  311. 				})

  312. 			},

  313. 			//销讲

  314. 			staffStatisticsExecutionRateTop10(promse){

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

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

  317. 						item.zxl=item.data;

  318. 						item.zxl1=item.data;

  319. 						item.name=item.accountName

  320. 					})

  321. 					this.newlisttabinfo3=res;

  322. 				})

  323. 			},

  324. 			//j禁忌

  325. 			staffStatisticsProhibitedTop10(promse){

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

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

  328. 						item.zxl=item.data

  329. 						item.name=item.accountName

  330. 					})

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

  332. 					this.newlisttabinfo4=res;

  333. 				})

  334. 			},

  335. 			

  336. 			//自定义时间

  337. 			totalTimeChange(e) {

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

  339. 				this.activeTotal=3;

  340. 				this.lastEndDate=e.endDate

  341. 				this.lastStartDate=e.startDate

  342. 				this.init()

  343. 			},

  344. 			//时间切换

  345. 			tabtimetap(index) {

  346. 				if (index == 3) {

  347. 					this.totalTimeShow = true;

  348. 				} else {

  349. 					this.activeTotal = index;

  350. 					this.lastEndDate='';

  351. 					this.lastStartDate='';

  352. 					this.init()

  353. 				}

  354. 			},

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

  356. 			dealData(arr){

  357. 				// 获取最大值

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

  359. 				// console.log(num)

  360. 				// if(num>100){

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

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

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

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

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

  366. 				// 	})

  367. 				// 	// console.log(arr)

  368. 				// 	return arr

  369. 				// }else{

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

  371. 				// 		item.zxl1=item.zxl

  372. 				// 	})

  373. 				// 	return arr

  374. 				// }

  375. 				arr.map(item=>{

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

  377. 				})

  378. 				return arr

  379. 				

  380. 			},

  381. 		}

  382. 	};

  383. </script>

  384. <style lang="scss" scoped>

  385. 	.box {

  386. 		width: 100%;

  387. 		height: 100%;

  388. 		background: #FAFAFA;

  389. 		padding-bottom: 60rpx;

  390. 	}

  391. 	.hejisan{

  392. 		width: 92%;

  393. 		margin: 0 auto;

  394. 		display: flex;

  395. 		padding-top: 20rpx;

  396. 		padding-bottom:20rpx;

  397. 		.text1-1{

  398. 			color: #666666;

  399. 		}

  400. 		.text1-2{

  401. 			color: #333333;

  402. 			margin-top: 10rpx;

  403. 		}

  404. 	}

  405. </style>