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.
118 Révisions
13 Branches
9.8 MiB
 
 
 
 
Aborescence: af71dacc6c
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'af71dacc6c'
${ noResults }
newEdition/pages/center/Piabodata/Employeesstatistics.vue

590 lignes
18 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 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. 	</view>

  229. </template>

  230. 

  231. <script>

  232. 	var app = getApp();

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

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

  235. 	export default {

  236. 		data() {

  237. 			return {

  238. 				activeTotal: 4,

  239. 				totalTimeShow: false,

  240. 				// 项目id

  241. 				houseId: '',

  242. 				lastEndDate: '',

  243. 				lastStartDate: '',

  244. 				newlisttabinfo1: {

  245. 					avg: '',

  246. 					count: '',

  247. 					total: '',

  248. 					result: [],

  249. 				},

  250. 				newlisttabinfo2: {

  251. 					avg: '',

  252. 					count: '',

  253. 					total: '',

  254. 					result: [],

  255. 				},

  256. 				newlisttabinfo3: {

  257. 					avg: '',

  258. 					count: '',

  259. 					total: '',

  260. 					result: [],

  261. 				},

  262. 				newlisttabinfo4: {

  263. 					avg: '',

  264. 					count: '',

  265. 					total: '',

  266. 					result: [],

  267. 				},

  268. 				newlisttabinfo5: {

  269. 					avg: '',

  270. 					count: '',

  271. 					total: '',

  272. 					result: [],

  273. 				},

  274. 			};

  275. 		},

  276. 		onLoad() {

  277. 			// 获取项目id

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

  279. 			this.init()

  280. 		},

  281. 		computed: {

  282. 			

  283. 		},

  284. 		onPullDownRefresh(){

  285. 			this.init()

  286. 			setTimeout(function() {

  287. 				uni.stopPullDownRefresh();

  288. 			}, 1000);

  289. 		},

  290. 		methods: {

  291. 			getPercent(num,type) {

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

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

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

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

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

  297. 					// console.log(index0)

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

  299. 					// console.log(percent)

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

  301. 					return percent.toFixed(2)

  302. 

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

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

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

  306. 					return percent.toFixed(2)

  307. 			

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

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

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

  311. 					return percent.toFixed(2)

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

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

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

  315. 					return percent.toFixed(2)

  316. 				}else{

  317. 					return 0

  318. 				}

  319. 			},

  320. 			getPercent1(num){

  321. 				console.log(num)

  322. 				return num||0

  323. 			},

  324. 			init(){

  325. 				this.newlisttabinfo1={

  326. 					avg:'',

  327. 					count:'',

  328. 					total:'',

  329. 					result:[],

  330. 				},

  331. 				this.newlisttabinfo2={

  332. 					avg:'',

  333. 					count:'',

  334. 					total:'',

  335. 					result:[],

  336. 				},

  337. 				this.newlisttabinfo3={

  338. 					avg:'',

  339. 					count:'',

  340. 					total:'',

  341. 					result:[],

  342. 				},

  343. 				this.newlisttabinfo4={

  344. 					avg:'',

  345. 					count:'',

  346. 					total:'',

  347. 					result:[],

  348. 				}

  349. 				this.newlisttabinfo2 = {

  350. 					avg: '',

  351. 					count: '',

  352. 					total: '',

  353. 					result: [],

  354. 				}

  355. 				this.newlisttabinfo3 = {

  356. 					avg: '',

  357. 					count: '',

  358. 					total: '',

  359. 					result: [],

  360. 				}

  361. 				this.newlisttabinfo4 = {

  362. 					avg: '',

  363. 					count: '',

  364. 					total: '',

  365. 					result: [],

  366. 				}

  367. 				this.newlisttabinfo5 = {

  368. 					avg: '',

  369. 					count: '',

  370. 					total: '',

  371. 					result: [],

  372. 				}

  373. 

  374. 				var activeTotal = 0;

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

  376. 					activeTotal = null;

  377. 				} else {

  378. 					activeTotal = this.activeTotal;

  379. 					this.lastEndDate = '';

  380. 					this.lastStartDate = '';

  381. 				}

  382. 				var promse = {

  383. 					timeType: activeTotal,

  384. 					lastStartDate: this.lastStartDate,

  385. 					lastEndDate: this.lastEndDate,

  386. 					houseId: this.houseId

  387. 				}

  388. 				this.staffStatisticsReceptionTop10(promse)

  389. 				this.staffStatisticsRecordingTimTop10(promse)

  390. 				this.staffStatisticsExecutionRateTop10(promse)

  391. 				this.staffStatisticsProhibitedTop10(promse)

  392. 				this.staffStatisticsUnlabeledTop10(promse)

  393. 			},

  394. 			//接待量排名

  395. 			staffStatisticsReceptionTop10(promse) {

  396. 

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

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

  399. 						item.zxl = item.data

  400. 						item.name = item.accountName

  401. 					})

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

  403. 					this.newlisttabinfo1 = res;

  404. 				})

  405. 			},

  406. 			//录音时长

  407. 			staffStatisticsRecordingTimTop10(promse) {

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

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

  410. 						item.zxl = item.data

  411. 						item.name = item.accountName

  412. 					})

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

  414. 					this.newlisttabinfo2 = res;

  415. 				})

  416. 			},

  417. 			//销讲

  418. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  421. 						item.zxl = item.data;

  422. 						item.zxl1 = item.data;

  423. 						item.name = item.accountName

  424. 					})

  425. 					this.newlisttabinfo3 = res;

  426. 				})

  427. 			},

  428. 			//j禁忌

  429. 			staffStatisticsProhibitedTop10(promse) {

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

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

  432. 						item.zxl = item.data

  433. 						item.name = item.accountName

  434. 					})

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

  436. 					this.newlisttabinfo4 = res;

  437. 				})

  438. 			},

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

  440. 			staffStatisticsUnlabeledTop10(promse) {

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

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

  443. 						item.zxl = item.tagCustomer

  444. 						item.name = item.accountName

  445. 					})

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

  447. 					this.newlisttabinfo5 = res;

  448. 				})

  449. 			},

  450. 

  451. 			//自定义时间

  452. 			totalTimeChange(e) {

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

  454. 				this.activeTotal = 3;

  455. 				this.lastEndDate = e.endDate

  456. 				this.lastStartDate = e.startDate

  457. 				this.init()

  458. 			},

  459. 			//时间切换

  460. 			tabtimetap(index) {

  461. 				this.activeTotal = index;

  462. 				if (index == 3) {

  463. 					this.totalTimeShow = true;

  464. 				} else {

  465. 					this.lastEndDate='';

  466. 					this.lastStartDate='';

  467. 					this.init()

  468. 				}

  469. 			},

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

  471. 			dealData(arr) {

  472. 				// 获取最大值

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

  474. 					return o.zxl

  475. 				})) //结果：3

  476. 				// console.log(num)

  477. 				// if(num>100){

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

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

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

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

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

  483. 				// 	})

  484. 				// 	// console.log(arr)

  485. 				// 	return arr

  486. 				// }else{

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

  488. 				// 		item.zxl1=item.zxl

  489. 				// 	})

  490. 				// 	return arr

  491. 				// }

  492. 				arr.map(item => {

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

  494. 				})

  495. 				return arr

  496. 

  497. 			},

  498. 		}

  499. 	};

  500. </script>

  501. <style lang="scss" scoped>

  502. 	.box {

  503. 		width: 100%;

  504. 		height: 100%;

  505. 		background: #FAFAFA;

  506. 	}

  507. 

  508. .single{

  509. 	padding-bottom: 20rpx;

  510. 	margin-top: 20rpx;

  511. }

  512. 	.boxtittab {

  513. 		position: sticky;

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

  515. 		z-index: 999;

  516. 	}

  517. 

  518. 	.hejisan {

  519. 		width: 92%;

  520. 		margin: 0 auto;

  521. 		display: flex;

  522. 		padding-top: 20rpx;

  523. 

  524. 		padding-bottom:20rpx;

  525. 		.sanbox1{

  526. 			flex: 1;

  527. 			display: flex;

  528. 			flex-direction: column;

  529. 			justify-content: center;

  530. 			align-items: center;

  531. 			position: relative;

  532. 			&::after{

  533. 				position: absolute;

  534. 				content: '';

  535. 				width: 1rpx;

  536. 				height: 86rpx;

  537. 				background: #E0E0E0;

  538. 				right: 0;

  539. 				top: 0;

  540. 			}

  541. 			&:last-child::after {

  542. 				position: absolute;

  543. 				content: '';

  544. 				width: 1rpx;

  545. 				height: 86rpx;

  546. 				right: 0;

  547. 				top: 0;

  548. 				background: #fff;

  549. 			}

  550. 		}

  551. 		.text1-1{

  552. 			font-size: 24rpx;

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

  554. 			font-weight: 400;

  555. 			color: #333333;

  556. 			line-height: 32rpx;

  557. 		}

  558. 

  559. 		.text1-2 {

  560. 			color: #333333;

  561. 			font-size: 40rpx;

  562. 			line-height: 46rpx;

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

  564. 			margin-bottom: 10rpx;

  565. 		}

  566. 	}

  567. 		.jindu-name{

  568. 			width: 180rpx;

  569. 			margin-left: 15rpx;

  570. 		}

  571. 		.sort-img{

  572. 			width: 44rpx;

  573. 			height: 44rpx;

  574. 			margin-right: 15rpx;

  575. 		}

  576. 		.sort-number{

  577. 			width: 40rpx;

  578. 			height: 40rpx;

  579. 			background: #E5F0FF;

  580. 			border-radius: 50%;

  581. 			font-size: 24rpx;

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

  583. 			font-weight: 400;

  584. 			color: #333333;

  585. 			text-align: center;

  586. 			line-height: 40rpx;

  587. 			margin-right: 15rpx;

  588. 		}

  589. </style>