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

598 lines
18 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 		<view class="boxtittab">

  4. 			<view class="tabbox">

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

  6. 			</view>

  7. 			<view class="tabbox">

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

  9. 			</view>

  10. 			<view class="tabbox">

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

  12. 			</view>

  13. 			<view class="tabbox">

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

  15. 			</view>

  16. 		</view>

  17. 		<view class="single">

  18. 			<view class="title">

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

  20. 			</view>

  21. 			<view class="hejisan">

  22. 				<view class="sanbox1" >

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

  24. 					<view class="text1-1">合计接待次数</view>

  25. 				</view>

  26. 				<view  class="sanbox1" >

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

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

  29. 				</view>

  30. 				<view  class="sanbox1">

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

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

  33. 				</view>

  34. 			</view>

  35. 		

  36. 			<view class="jindu" style="margin-top: 20rpx;">

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

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

  39. 						<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name">

  40. 							<image v-if="index==0" class="sort-img" src="/static/images/top1.png" mode="" />

  41. 							<image v-if="index==1" class="sort-img" src="/static/images/top2.png" mode="" />

  42. 							<image v-if="index==2" class="sort-img" src="/static/images/top3.png" mode="" />

  43. 							<view class="sort-number" v-if="index>2">{{index+1}}</view>

  44. 							{{item.name.substring(0,4)}}</view>

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

  46. 							<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view>

  47. 							<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view>

  48. 							<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view>

  49. 							<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view>

  50. 						</view>

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

  52. 					</view>

  53. 				</view>

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

  55. 					暂无数据

  56. 				</view>

  57. 			</view>

  58. 		</view>

  59. 

  60. 		<view class="single">

  61. 			<view class="title">

  62. 				<view class="title1"  style="flex: 1;">平均执行率排行（TOP10）</view>

  63. 			</view>

  64. 			<view class="hejisan">

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

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

  67. 					<view class="text1-1">顾问人数</view>

  68. 				</view>

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

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

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

  72. 				</view>

  73. 			</view>

  74. 			<view class="jindu" style="margin-top: 20rpx;">

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

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

  77. 						<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name">

  78. 							<image v-if="index==0" class="sort-img" src="/static/images/top1.png" mode="" />

  79. 							<image v-if="index==1" class="sort-img" src="/static/images/top2.png" mode="" />

  80. 							<image v-if="index==2" class="sort-img" src="/static/images/top3.png" mode="" />

  81. 							<view class="sort-number" v-if="index>2">{{index+1}}</view>

  82. 							{{item.name.substring(0,4)}}</view>

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

  84. 						<!-- <view class="progress-cus">

  85. 							<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view>

  86. 						</view> -->

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

  88. 							<view class="color1" v-if="index==0" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view>

  89. 							<view class="color2" v-if="index==1" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view>

  90. 							<view class="color3" v-if="index==2" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view>

  91. 							<view class="color4" v-if="index>2" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view>

  92. 						</view>

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

  94. 					</view>

  95. 				</view>

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

  97. 					暂无数据

  98. 				</view>

  99. 			</view>

  100. 		</view>

  101. 		<view class="single">

  102. 			<view class="title">

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

  104. 			</view>

  105. 			<view class="hejisan">

  106. 				<view class="sanbox1" >

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

  108. 					<view class="text1-1">合计时长/分钟</view>

  109. 				</view>

  110. 				<view  class="sanbox1">

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

  112. 					<view class="text1-1">顾问人数</view>

  113. 				</view>

  114. 				<view  class="sanbox1" >

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

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

  117. 				</view>

  118. 			</view>

  119. 			<view class="jindu" style="margin-top: 20rpx;">

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

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

  122. 						<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name">

  123. 							<image v-if="index==0" class="sort-img" src="/static/images/top1.png" mode="" />

  124. 							<image v-if="index==1" class="sort-img" src="/static/images/top2.png" mode="" />

  125. 							<image v-if="index==2" class="sort-img" src="/static/images/top3.png" mode="" />

  126. 							<view class="sort-number" v-if="index>2">{{index+1}}</view>

  127. 							{{item.name.substring(0,4)}}</view>

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

  129. 							<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view>

  130. 							<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view>

  131. 							<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view>

  132. 							<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view>

  133. 						</view>

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

  135. 					</view>

  136. 				</view>

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

  138. 					暂无数据

  139. 				</view>

  140. 			</view>

  141. 		</view>

  142. 

  143. 		<view class="single">

  144. 			<view class="title">

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

  146. 			</view>

  147. 			<view class="hejisan">

  148. 				<view class="sanbox1">

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

  150. 					<view class="text1-1">合计次数</view>

  151. 				</view>

  152. 				<view  class="sanbox1">

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

  154. 					<view class="text1-1">顾问人数</view>

  155. 				</view>

  156. 				<view  class="sanbox1">

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

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

  159. 				</view>

  160. 			</view>

  161. 			<view class="jindu" style="margin-top: 20rpx;min-height: 300rpx">

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

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

  164. 						<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name">

  165. 							<image v-if="index==0" class="sort-img" src="/static/images/top1.png" mode="" />

  166. 							<image v-if="index==1" class="sort-img" src="/static/images/top2.png" mode="" />

  167. 							<image v-if="index==2" class="sort-img" src="/static/images/top3.png" mode="" />

  168. 							<view class="sort-number" v-if="index>2">{{index+1}}</view>

  169. 							{{item.name.substring(0,4)}}</view>

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

  171. 							<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view>

  172. 							<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view>

  173. 							<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,4) + '%'" ></view>

  174. 							<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view>

  175. 						</view>

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

  177. 					</view>

  178. 				</view>

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

  180. 					暂无数据

  181. 				</view>

  182. 			</view>

  183. 		</view>

  184. 

  185. 		<view class="single">

  186. 			<view class="title">

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

  188. 			</view>

  189. 			<view class="hejisan">

  190. 				<view class="sanbox1">

  191. 					<view class="text1-2">{{newlisttabinfo5.total||0}}</view>

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

  193. 				</view>

  194. 				<view  class="sanbox1">

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

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

  197. 				</view>

  198. 				<view  class="sanbox1">

  199. 					<view class="text1-2">{{newlisttabinfo5.avg||0}}</view>

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

  201. 				</view>

  202. 			</view>

  203. 			<view class="jindu" style="margin-top: 20rpx;min-height: 300rpx">

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

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

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

  207. 						<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name">

  208. 							<image v-if="index==0" class="sort-img" src="/static/images/top1.png" mode="" />

  209. 							<image v-if="index==1" class="sort-img" src="/static/images/top2.png" mode="" />

  210. 							<image v-if="index==2" class="sort-img" src="/static/images/top3.png" mode="" />

  211. 							<view class="sort-number" v-if="index>2">{{index+1}}</view>

  212. 							{{item.name.substring(0,4)}}</view>

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

  214. 							<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view>

  215. 							<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,5)+ '%'" ></view>

  216. 							<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,5) + '%'" ></view>

  217. 							<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,5)+ '%'" ></view>

  218. 						</view>

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

  220. 					</view>

  221. 				</view>

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

  223. 					暂无数据

  224. 				</view>

  225. 			</view>

  226. 		</view>

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

  228. 		

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

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

  231. 		

  232. 	</view>

  233. </template>

  234. 

  235. <script>

  236. 	var app = getApp();

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

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

  239. 	export default {

  240. 		data() {

  241. 			return {

  242. 				activeTotal: 4,

  243. 				totalTimeShow: false,

  244. 				// 项目id

  245. 				houseId: '',

  246. 				lastEndDate: '',

  247. 				lastStartDate: '',

  248. 				newlisttabinfo1: {

  249. 					avg: '',

  250. 					count: '',

  251. 					total: '',

  252. 					result: [],

  253. 				},

  254. 				newlisttabinfo2: {

  255. 					avg: '',

  256. 					count: '',

  257. 					total: '',

  258. 					result: [],

  259. 				},

  260. 				newlisttabinfo3: {

  261. 					avg: '',

  262. 					count: '',

  263. 					total: '',

  264. 					result: [],

  265. 				},

  266. 				newlisttabinfo4: {

  267. 					avg: '',

  268. 					count: '',

  269. 					total: '',

  270. 					result: [],

  271. 				},

  272. 				newlisttabinfo5: {

  273. 					avg: '',

  274. 					count: '',

  275. 					total: '',

  276. 					result: [],

  277. 				},

  278. 			};

  279. 		},

  280. 		onLoad() {

  281. 			this.LOADING = true

  282. 			// 获取项目id

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

  284. 			this.init()

  285. 		},

  286. 		computed: {

  287. 			

  288. 		},

  289. 		onPullDownRefresh(){

  290. 			this.init()

  291. 			setTimeout(function() {

  292. 				uni.stopPullDownRefresh();

  293. 			}, 1000);

  294. 		},

  295. 		methods: {

  296. 			getPercent(num,type) {

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

  298. 					console.log(this.newlisttabinfo1.result)

  299. 					let index0 = this.newlisttabinfo1.result[0]

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

  301. 					// console.log(index0.zxl)

  302. 					// console.log(index0)

  303. 					// console.log('num',num)

  304. 					// console.log(percent)

  305. 					// console.log(percent.toFixed(2))

  306. 					return percent.toFixed(2)

  307. 

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

  309. 					let index0 = this.newlisttabinfo2.result[0]

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

  311. 					return percent.toFixed(2)

  312. 			

  313. 				}else if(this.newlisttabinfo4.result&&this.newlisttabinfo4.result.length&&type==4){

  314. 					let index0 = this.newlisttabinfo4.result[0]

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

  316. 					return percent.toFixed(2)

  317. 				}else if(this.newlisttabinfo5.result&&this.newlisttabinfo5.result.length&&type==5){

  318. 					let index0 = this.newlisttabinfo5.result[0]

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

  320. 					return percent.toFixed(2)

  321. 				}else{

  322. 					return 0

  323. 				}

  324. 			},

  325. 			getPercent1(num){

  326. 				console.log(num)

  327. 				return num||0

  328. 			},

  329. 			init(){

  330. 				this.newlisttabinfo1={

  331. 					avg:'',

  332. 					count:'',

  333. 					total:'',

  334. 					result:[],

  335. 				},

  336. 				this.newlisttabinfo2={

  337. 					avg:'',

  338. 					count:'',

  339. 					total:'',

  340. 					result:[],

  341. 				},

  342. 				this.newlisttabinfo3={

  343. 					avg:'',

  344. 					count:'',

  345. 					total:'',

  346. 					result:[],

  347. 				},

  348. 				this.newlisttabinfo4={

  349. 					avg:'',

  350. 					count:'',

  351. 					total:'',

  352. 					result:[],

  353. 				}

  354. 				this.newlisttabinfo2 = {

  355. 					avg: '',

  356. 					count: '',

  357. 					total: '',

  358. 					result: [],

  359. 				}

  360. 				this.newlisttabinfo3 = {

  361. 					avg: '',

  362. 					count: '',

  363. 					total: '',

  364. 					result: [],

  365. 				}

  366. 				this.newlisttabinfo4 = {

  367. 					avg: '',

  368. 					count: '',

  369. 					total: '',

  370. 					result: [],

  371. 				}

  372. 				this.newlisttabinfo5 = {

  373. 					avg: '',

  374. 					count: '',

  375. 					total: '',

  376. 					result: [],

  377. 				}

  378. 

  379. 				var activeTotal = 0;

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

  381. 					activeTotal = null;

  382. 				} else {

  383. 					activeTotal = this.activeTotal;

  384. 					this.lastEndDate = '';

  385. 					this.lastStartDate = '';

  386. 				}

  387. 				var promse = {

  388. 					timeType: activeTotal,

  389. 					lastStartDate: this.lastStartDate,

  390. 					lastEndDate: this.lastEndDate,

  391. 					houseId: this.houseId

  392. 				}

  393. 				this.staffStatisticsReceptionTop10(promse)

  394. 				this.staffStatisticsRecordingTimTop10(promse)

  395. 				this.staffStatisticsExecutionRateTop10(promse)

  396. 				this.staffStatisticsProhibitedTop10(promse)

  397. 				this.staffStatisticsUnlabeledTop10(promse)

  398. 			},

  399. 			//接待量排名

  400. 			staffStatisticsReceptionTop10(promse) {

  401. 

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

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

  404. 						item.zxl = item.data

  405. 						item.name = item.accountName

  406. 					})

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

  408. 					this.newlisttabinfo1 = res;

  409. 				})

  410. 			},

  411. 			//录音时长

  412. 			staffStatisticsRecordingTimTop10(promse) {

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

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

  415. 						item.zxl = item.data

  416. 						item.name = item.accountName

  417. 					})

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

  419. 					this.newlisttabinfo2 = res;

  420. 				})

  421. 			},

  422. 			//销讲

  423. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  426. 						item.zxl = item.data;

  427. 						item.zxl1 = item.data;

  428. 						item.name = item.accountName

  429. 					})

  430. 					this.newlisttabinfo3 = res;

  431. 				})

  432. 			},

  433. 			//j禁忌

  434. 			staffStatisticsProhibitedTop10(promse) {

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

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

  437. 						item.zxl = item.data

  438. 						item.name = item.accountName

  439. 					})

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

  441. 					this.newlisttabinfo4 = res;

  442. 				})

  443. 			},

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

  445. 			staffStatisticsUnlabeledTop10(promse) {

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

  447. 					this.LOADING = false

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

  449. 						item.zxl = item.tagCustomer

  450. 						item.name = item.accountName

  451. 					})

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

  453. 					this.newlisttabinfo5 = res;

  454. 				}).catch(e => {

  455. 					this.LOADING = false

  456. 				})

  457. 			},

  458. 

  459. 			//自定义时间

  460. 			totalTimeChange(e) {

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

  462. 				this.activeTotal = 3;

  463. 				this.lastEndDate = e.endDate

  464. 				this.lastStartDate = e.startDate

  465. 				this.init()

  466. 			},

  467. 			//时间切换

  468. 			tabtimetap(index) {

  469. 				this.activeTotal = index;

  470. 				if (index == 3) {

  471. 					this.totalTimeShow = true;

  472. 				} else {

  473. 					this.lastEndDate='';

  474. 					this.lastStartDate='';

  475. 					this.init()

  476. 				}

  477. 			},

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

  479. 			dealData(arr) {

  480. 				// 获取最大值

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

  482. 					return o.zxl

  483. 				})) //结果：3

  484. 				// console.log(num)

  485. 				// if(num>100){

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

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

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

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

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

  491. 				// 	})

  492. 				// 	// console.log(arr)

  493. 				// 	return arr

  494. 				// }else{

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

  496. 				// 		item.zxl1=item.zxl

  497. 				// 	})

  498. 				// 	return arr

  499. 				// }

  500. 				arr.map(item => {

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

  502. 				})

  503. 				return arr

  504. 

  505. 			},

  506. 		}

  507. 	};

  508. </script>

  509. <style lang="scss" scoped>

  510. 	.box {

  511. 		width: 100%;

  512. 		height: 100%;

  513. 		background: #FAFAFA;

  514. 	}

  515. 

  516. .single{

  517. 	padding-bottom: 20rpx;

  518. 	margin-top: 20rpx;

  519. }

  520. 	.boxtittab {

  521. 		position: sticky;

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

  523. 		z-index: 999;

  524. 	}

  525. 

  526. 	.hejisan {

  527. 		width: 92%;

  528. 		margin: 0 auto;

  529. 		display: flex;

  530. 		padding-top: 20rpx;

  531. 

  532. 		padding-bottom:20rpx;

  533. 		.sanbox1{

  534. 			flex: 1;

  535. 			display: flex;

  536. 			flex-direction: column;

  537. 			justify-content: center;

  538. 			align-items: center;

  539. 			position: relative;

  540. 			&::after{

  541. 				position: absolute;

  542. 				content: '';

  543. 				width: 1rpx;

  544. 				height: 86rpx;

  545. 				background: #E0E0E0;

  546. 				right: 0;

  547. 				top: 0;

  548. 			}

  549. 			&:last-child::after {

  550. 				position: absolute;

  551. 				content: '';

  552. 				width: 1rpx;

  553. 				height: 86rpx;

  554. 				right: 0;

  555. 				top: 0;

  556. 				background: #fff;

  557. 			}

  558. 		}

  559. 		.text1-1{

  560. 			font-size: 24rpx;

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

  562. 			font-weight: 400;

  563. 			color: #333333;

  564. 			line-height: 32rpx;

  565. 		}

  566. 

  567. 		.text1-2 {

  568. 			color: #333333;

  569. 			font-size: 40rpx;

  570. 			line-height: 46rpx;

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

  572. 			margin-bottom: 10rpx;

  573. 		}

  574. 	}

  575. 		.jindu-name{

  576. 			width: 180rpx;

  577. 			margin-left: 15rpx;

  578. 		}

  579. 		.sort-img{

  580. 			width: 44rpx;

  581. 			height: 44rpx;

  582. 			margin-right: 15rpx;

  583. 		}

  584. 		.sort-number{

  585. 			width: 40rpx;

  586. 			height: 40rpx;

  587. 			background: #E5F0FF;

  588. 			border-radius: 50%;

  589. 			font-size: 24rpx;

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

  591. 			font-weight: 400;

  592. 			color: #333333;

  593. 			text-align: center;

  594. 			line-height: 40rpx;

  595. 			margin-right: 15rpx;

  596. 		}

  597. </style>