Acher
/
newEdition
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
AI销管
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
169 Incheckningar
13 Grenar
9.8 MiB
 
 
 
 
Träd: b440dce7ce
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'b440dce7ce'
${ noResults }
newEdition/pages/center/Piabodata/Employeesstatistics.vue

592 rader
18 KiB
Rå Blame Historik 

  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"

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

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

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

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

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

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

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

  45. 							{{item.name.substring(0,4)}}

  46. 						</view>

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

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

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

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

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

  52. 						</view>

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

  54. 					</view>

  55. 				</view>

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

  57. 					暂无数据

  58. 				</view>

  59. 			</view>

  60. 		</view>

  61. 

  62. 		<view class="single">

  63. 			<view class="title">

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

  65. 			</view>

  66. 			<view class="hejisan">

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

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

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

  70. 				</view>

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

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

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

  74. 				</view>

  75. 			</view>

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

  77. 				<view v-if="newlisttabinfo3.result.length" class="jindu-box"

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

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

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

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

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

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

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

  85. 							{{item.name.substring(0,4)}}

  86. 						</view>

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

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

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

  90. 						</view> -->

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

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

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

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

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

  96. 						</view>

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

  98. 					</view>

  99. 				</view>

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

  101. 					暂无数据

  102. 				</view>

  103. 			</view>

  104. 		</view>

  105. 		<view class="single">

  106. 			<view class="title">

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

  108. 			</view>

  109. 			<view class="hejisan">

  110. 				<view class="sanbox1">

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

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

  113. 				</view>

  114. 				<view class="sanbox1">

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

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

  117. 				</view>

  118. 				<view class="sanbox1">

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

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

  121. 				</view>

  122. 			</view>

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

  124. 				<view v-if="newlisttabinfo2.result.length" class="jindu-box"

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

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

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

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

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

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

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

  132. 							{{item.name.substring(0,4)}}

  133. 						</view>

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

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

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

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

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

  139. 						</view>

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

  141. 					</view>

  142. 				</view>

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

  144. 					暂无数据

  145. 				</view>

  146. 			</view>

  147. 		</view>

  148. 

  149. 		<view class="single">

  150. 			<view class="title">

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

  152. 			</view>

  153. 			<view class="hejisan">

  154. 				<view class="sanbox1">

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

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

  157. 				</view>

  158. 				<view class="sanbox1">

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

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

  161. 				</view>

  162. 				<view class="sanbox1">

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

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

  165. 				</view>

  166. 			</view>

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

  168. 				<view v-if="newlisttabinfo4.result.length" class="jindu-box"

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

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

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

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

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

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

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

  176. 							{{item.name.substring(0,4)}}

  177. 						</view>

  178. 						

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

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

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

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

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

  184. 						</view>

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

  186. 					</view>

  187. 				</view>

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

  189. 					暂无数据

  190. 				</view>

  191. 			</view>

  192. 		</view>

  193. 

  194. 		<view class="single">

  195. 			<view class="title">

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

  197. 			</view>

  198. 			<view class="hejisan">

  199. 				<view class="sanbox1">

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

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

  202. 				</view>

  203. 				<view class="sanbox1">

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

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

  206. 				</view>

  207. 				<view class="sanbox1">

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

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

  210. 				</view>

  211. 			</view>

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

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

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

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

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

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

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

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

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

  221. 							{{item.name.substring(0,4)}}

  222. 						</view>

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

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

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

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

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

  228. 						</view>

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

  230. 					</view>

  231. 				</view>

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

  233. 					暂无数据

  234. 				</view>

  235. 			</view>

  236. 		</view>

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

  238. 

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

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

  241. 

  242. 	</view>

  243. </template>

  244. 

  245. <script>

  246. 	var app = getApp();

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

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

  249. 	export default {

  250. 		data() {

  251. 			return {

  252. 				activeTotal: 4,

  253. 				totalTimeShow: false,

  254. 				// 项目id

  255. 				houseId: '',

  256. 				lastEndDate: '',

  257. 				lastStartDate: '',

  258. 				newlisttabinfo1: {

  259. 					avg: '',

  260. 					count: '',

  261. 					total: '',

  262. 					result: [],

  263. 				},

  264. 				newlisttabinfo2: {

  265. 					avg: '',

  266. 					count: '',

  267. 					total: '',

  268. 					result: [],

  269. 				},

  270. 				newlisttabinfo3: {

  271. 					avg: '',

  272. 					count: '',

  273. 					total: '',

  274. 					result: [],

  275. 				},

  276. 				newlisttabinfo4: {

  277. 					avg: '',

  278. 					count: '',

  279. 					total: '',

  280. 					result: [],

  281. 				},

  282. 				newlisttabinfo5: {

  283. 					avg: '',

  284. 					count: '',

  285. 					total: '',

  286. 					result: [],

  287. 				},

  288. 			};

  289. 		},

  290. 		onLoad() {

  291. 			this.LOADING = true

  292. 			// 获取项目id

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

  294. 			this.init()

  295. 		},

  296. 		computed: {

  297. 

  298. 		},

  299. 		onPullDownRefresh() {

  300. 			this.init()

  301. 			setTimeout(function() {

  302. 				uni.stopPullDownRefresh();

  303. 			}, 1000);

  304. 		},

  305. 		methods: {

  306. 			getPercent(num, type) {

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

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

  309. 					let percent = num / (index0.zxl == 0 ? 1 : index0.zxl) * 100

  310. 					return percent.toFixed(2)

  311. 

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

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

  314. 					let percent = num / (index0.zxl == 0 ? 1 : index0.zxl) * 100

  315. 					return percent.toFixed(2)

  316. 

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

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

  319. 					let percent = num / (index0.zxl == 0 ? 1 : index0.zxl) * 100

  320. 					return percent.toFixed(2)

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

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

  323. 					let percent = num / (index0.zxl == 0 ? 1 : index0.zxl) * 100

  324. 					return percent.toFixed(2)

  325. 				} else {

  326. 					return 0

  327. 				}

  328. 			},

  329. 			getPercent1(num) {

  330. 				return num || 0

  331. 			},

  332. 			init() {

  333. 				this.newlisttabinfo1 = {

  334. 						avg: '',

  335. 						count: '',

  336. 						total: '',

  337. 						result: [],

  338. 					},

  339. 					this.newlisttabinfo2 = {

  340. 						avg: '',

  341. 						count: '',

  342. 						total: '',

  343. 						result: [],

  344. 					},

  345. 					this.newlisttabinfo3 = {

  346. 						avg: '',

  347. 						count: '',

  348. 						total: '',

  349. 						result: [],

  350. 					},

  351. 					this.newlisttabinfo4 = {

  352. 						avg: '',

  353. 						count: '',

  354. 						total: '',

  355. 						result: [],

  356. 					}

  357. 				this.newlisttabinfo2 = {

  358. 					avg: '',

  359. 					count: '',

  360. 					total: '',

  361. 					result: [],

  362. 				}

  363. 				this.newlisttabinfo3 = {

  364. 					avg: '',

  365. 					count: '',

  366. 					total: '',

  367. 					result: [],

  368. 				}

  369. 				this.newlisttabinfo4 = {

  370. 					avg: '',

  371. 					count: '',

  372. 					total: '',

  373. 					result: [],

  374. 				}

  375. 				this.newlisttabinfo5 = {

  376. 					avg: '',

  377. 					count: '',

  378. 					total: '',

  379. 					result: [],

  380. 				}

  381. 

  382. 				var activeTotal = 0;

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

  384. 					activeTotal = null;

  385. 				} else {

  386. 					activeTotal = this.activeTotal;

  387. 					this.lastEndDate = '';

  388. 					this.lastStartDate = '';

  389. 				}

  390. 				var promse = {

  391. 					timeType: activeTotal,

  392. 					lastStartDate: this.lastStartDate,

  393. 					lastEndDate: this.lastEndDate,

  394. 					houseId: this.houseId

  395. 				}

  396. 				this.staffStatisticsReceptionTop10(promse)

  397. 				this.staffStatisticsRecordingTimTop10(promse)

  398. 				this.staffStatisticsExecutionRateTop10(promse)

  399. 				this.staffStatisticsProhibitedTop10(promse)

  400. 				this.staffStatisticsUnlabeledTop10(promse)

  401. 			},

  402. 			//接待量排名

  403. 			staffStatisticsReceptionTop10(promse) {

  404. 

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

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

  407. 						item.zxl = item.data

  408. 						item.name = item.accountName

  409. 					})

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

  411. 					this.newlisttabinfo1 = res;

  412. 				})

  413. 			},

  414. 			//录音时长

  415. 			staffStatisticsRecordingTimTop10(promse) {

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

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

  418. 						item.zxl = item.data

  419. 						item.name = item.accountName

  420. 					})

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

  422. 					this.newlisttabinfo2 = res;

  423. 				})

  424. 			},

  425. 			//销讲

  426. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  429. 						item.zxl = item.data;

  430. 						item.zxl1 = item.data;

  431. 						item.name = item.accountName

  432. 					})

  433. 					this.newlisttabinfo3 = res;

  434. 				})

  435. 			},

  436. 			//j禁忌

  437. 			staffStatisticsProhibitedTop10(promse) {

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

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

  440. 						item.zxl = item.data

  441. 						item.name = item.accountName

  442. 					})

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

  444. 					this.newlisttabinfo4 = res;

  445. 				})

  446. 			},

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

  448. 			staffStatisticsUnlabeledTop10(promse) {

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

  450. 					this.LOADING = false

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

  452. 						item.zxl = item.tagCustomer

  453. 						item.name = item.accountName

  454. 					})

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

  456. 					this.newlisttabinfo5 = res;

  457. 				}).catch(e => {

  458. 					this.LOADING = false

  459. 				})

  460. 			},

  461. 

  462. 			//自定义时间

  463. 			totalTimeChange(e) {

  464. 				this.activeTotal = 3;

  465. 				this.lastEndDate = e.endDate

  466. 				this.lastStartDate = e.startDate

  467. 				this.init()

  468. 			},

  469. 			//时间切换

  470. 			tabtimetap(index) {

  471. 				this.activeTotal = index;

  472. 				if (index == 3) {

  473. 					this.totalTimeShow = true;

  474. 				} else {

  475. 					this.lastEndDate = '';

  476. 					this.lastStartDate = '';

  477. 					this.init()

  478. 				}

  479. 			},

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

  481. 			dealData(arr) {

  482. 				// 获取最大值

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

  484. 					return o.zxl

  485. 				})) //结果：3

  486. 				arr.map(item => {

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

  488. 				})

  489. 				return arr

  490. 

  491. 			},

  492. 		}

  493. 	};

  494. </script>

  495. <style lang="scss" scoped>

  496. 	.box {

  497. 		width: 100%;

  498. 		height: 100%;

  499. 		background: #FAFAFA;

  500. 	}

  501. 

  502. 	.single {

  503. 		padding-bottom: 20rpx;

  504. 		margin-top: 20rpx;

  505. 	}

  506. 

  507. 	.boxtittab {

  508. 		position: sticky;

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

  510. 		z-index: 999;

  511. 	}

  512. 

  513. 	.hejisan {

  514. 		width: 92%;

  515. 		margin: 0 auto;

  516. 		display: flex;

  517. 		padding-top: 20rpx;

  518. 

  519. 		padding-bottom: 20rpx;

  520. 

  521. 		.sanbox1 {

  522. 			flex: 1;

  523. 			display: flex;

  524. 			flex-direction: column;

  525. 			justify-content: center;

  526. 			align-items: center;

  527. 			position: relative;

  528. 

  529. 			&::after {

  530. 				position: absolute;

  531. 				content: '';

  532. 				width: 1rpx;

  533. 				height: 86rpx;

  534. 				background: #E0E0E0;

  535. 				right: 0;

  536. 				top: 0;

  537. 			}

  538. 

  539. 			&:last-child::after {

  540. 				position: absolute;

  541. 				content: '';

  542. 				width: 1rpx;

  543. 				height: 86rpx;

  544. 				right: 0;

  545. 				top: 0;

  546. 				background: #fff;

  547. 			}

  548. 		}

  549. 

  550. 		.text1-1 {

  551. 			font-size: 24rpx;

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

  553. 			font-weight: 400;

  554. 			color: #333333;

  555. 			line-height: 32rpx;

  556. 		}

  557. 

  558. 		.text1-2 {

  559. 			color: #333333;

  560. 			font-size: 40rpx;

  561. 			line-height: 46rpx;

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

  563. 			margin-bottom: 10rpx;

  564. 		}

  565. 	}

  566. 

  567. 	.jindu-name {

  568. 		width: 180rpx;

  569. 		margin-left: 15rpx;

  570. 	}

  571. 

  572. 	.sort-img {

  573. 		width: 44rpx;

  574. 		height: 44rpx;

  575. 		margin-right: 15rpx;

  576. 	}

  577. 

  578. 	.sort-number {

  579. 		width: 40rpx;

  580. 		height: 40rpx;

  581. 		background: #E5F0FF;

  582. 		border-radius: 50%;

  583. 		font-size: 24rpx;

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

  585. 		font-weight: 400;

  586. 		color: #333333;

  587. 		text-align: center;

  588. 		line-height: 40rpx;

  589. 		margin-right: 15rpx;

  590. 	}

  591. </style>