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

590 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 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" >

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

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

  26. 				</view>

  27. 				<view  class="sanbox1" >

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

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

  30. 				</view>

  31. 				<view  class="sanbox1">

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

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

  34. 				</view>

  35. 			</view>

  36. 		

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

  38. 				<view v-if="newlisttabinfo1.result.length" class="jindu-box" 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)}}</view>

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

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

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

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

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

  51. 						</view>

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

  53. 					</view>

  54. 				</view>

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

  56. 					暂无数据

  57. 				</view>

  58. 			</view>

  59. 		</view>

  60. 

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

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

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

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

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

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

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

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

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

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

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

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

  88. 						</view> -->

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

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

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

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

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

  94. 						</view>

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

  96. 					</view>

  97. 				</view>

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

  99. 					暂无数据

  100. 				</view>

  101. 			</view>

  102. 		</view>

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

  104. 		<view class="single">

  105. 			<view class="title">

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

  107. 			</view>

  108. 			<view class="hejisan">

  109. 				<view class="sanbox1" >

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

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

  112. 				</view>

  113. 				<view  class="sanbox1">

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

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

  116. 				</view>

  117. 				<view  class="sanbox1" >

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

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

  120. 				</view>

  121. 			</view>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  136. 						</view>

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

  138. 					</view>

  139. 				</view>

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

  141. 					暂无数据

  142. 				</view>

  143. 			</view>

  144. 		</view>

  145. 

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

  147. 		<view class="single">

  148. 			<view class="title">

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

  150. 			</view>

  151. 			<view class="hejisan">

  152. 				<view class="sanbox1">

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

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

  155. 				</view>

  156. 				<view  class="sanbox1">

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

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

  159. 				</view>

  160. 				<view  class="sanbox1">

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

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

  163. 				</view>

  164. 			</view>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  179. 						</view>

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

  181. 					</view>

  182. 				</view>

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

  184. 					暂无数据

  185. 				</view>

  186. 			</view>

  187. 		</view>

  188. 

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

  190. 		<view class="single">

  191. 			<view class="title">

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

  193. 			</view>

  194. 			<view class="hejisan">

  195. 				<view class="sanbox1">

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

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

  198. 				</view>

  199. 				<view  class="sanbox1">

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

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

  202. 				</view>

  203. 				<view  class="sanbox1">

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

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

  206. 				</view>

  207. 			</view>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  223. 						</view>

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

  225. 					</view>

  226. 				</view>

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

  228. 					暂无数据

  229. 				</view>

  230. 			</view>

  231. 		</view>

  232. 

  233. 

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

  235. 	</view>

  236. </template>

  237. 

  238. <script>

  239. 	var app = getApp();

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

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

  242. 	export default {

  243. 		data() {

  244. 			return {

  245. 				activeTotal: 4,

  246. 				totalTimeShow: false,

  247. 				// 项目id

  248. 				houseId: '',

  249. 				lastEndDate: '',

  250. 				lastStartDate: '',

  251. 				newlisttabinfo1: {

  252. 					avg: '',

  253. 					count: '',

  254. 					total: '',

  255. 					result: [],

  256. 				},

  257. 				newlisttabinfo2: {

  258. 					avg: '',

  259. 					count: '',

  260. 					total: '',

  261. 					result: [],

  262. 				},

  263. 				newlisttabinfo3: {

  264. 					avg: '',

  265. 					count: '',

  266. 					total: '',

  267. 					result: [],

  268. 				},

  269. 				newlisttabinfo4: {

  270. 					avg: '',

  271. 					count: '',

  272. 					total: '',

  273. 					result: [],

  274. 				},

  275. 				newlisttabinfo5: {

  276. 					avg: '',

  277. 					count: '',

  278. 					total: '',

  279. 					result: [],

  280. 				},

  281. 			};

  282. 		},

  283. 		onLoad() {

  284. 			// 获取项目id

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

  286. 			this.init()

  287. 		},

  288. 		computed: {

  289. 			

  290. 		},

  291. 		onPullDownRefresh(){

  292. 			this.init()

  293. 			setTimeout(function() {

  294. 				uni.stopPullDownRefresh();

  295. 			}, 1000);

  296. 		},

  297. 		methods: {

  298. 			getPercent(num,type) {

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

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

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

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

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

  304. 					// console.log(index0)

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

  306. 					// console.log(percent)

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

  308. 					return percent.toFixed(2)

  309. 

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

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

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

  313. 					return percent.toFixed(2)

  314. 			

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

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

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

  318. 					return percent.toFixed(2)

  319. 				}else{

  320. 					return 0

  321. 				}

  322. 			},

  323. 			getPercent1(num){

  324. 				console.log(num)

  325. 				return num||0

  326. 			},

  327. 			init(){

  328. 				this.newlisttabinfo1={

  329. 					avg:'',

  330. 					count:'',

  331. 					total:'',

  332. 					result:[],

  333. 				},

  334. 				this.newlisttabinfo2={

  335. 					avg:'',

  336. 					count:'',

  337. 					total:'',

  338. 					result:[],

  339. 				},

  340. 				this.newlisttabinfo3={

  341. 					avg:'',

  342. 					count:'',

  343. 					total:'',

  344. 					result:[],

  345. 				},

  346. 				this.newlisttabinfo4={

  347. 					avg:'',

  348. 					count:'',

  349. 					total:'',

  350. 					result:[],

  351. 				}

  352. 				this.newlisttabinfo2 = {

  353. 					avg: '',

  354. 					count: '',

  355. 					total: '',

  356. 					result: [],

  357. 				}

  358. 				this.newlisttabinfo3 = {

  359. 					avg: '',

  360. 					count: '',

  361. 					total: '',

  362. 					result: [],

  363. 				}

  364. 				this.newlisttabinfo4 = {

  365. 					avg: '',

  366. 					count: '',

  367. 					total: '',

  368. 					result: [],

  369. 				}

  370. 				this.newlisttabinfo5 = {

  371. 					avg: '',

  372. 					count: '',

  373. 					total: '',

  374. 					result: [],

  375. 				}

  376. 

  377. 				var activeTotal = 0;

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

  379. 					activeTotal = null;

  380. 				} else {

  381. 					activeTotal = this.activeTotal;

  382. 					this.lastEndDate = '';

  383. 					this.lastStartDate = '';

  384. 				}

  385. 				var promse = {

  386. 					timeType: activeTotal,

  387. 					lastStartDate: this.lastStartDate,

  388. 					lastEndDate: this.lastEndDate,

  389. 					houseId: this.houseId

  390. 				}

  391. 				this.staffStatisticsReceptionTop10(promse)

  392. 				this.staffStatisticsRecordingTimTop10(promse)

  393. 				this.staffStatisticsExecutionRateTop10(promse)

  394. 				this.staffStatisticsProhibitedTop10(promse)

  395. 				this.staffStatisticsUnlabeledTop10(promse)

  396. 			},

  397. 			//接待量排名

  398. 			staffStatisticsReceptionTop10(promse) {

  399. 

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

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

  402. 						item.zxl = item.data

  403. 						item.name = item.accountName

  404. 					})

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

  406. 					this.newlisttabinfo1 = res;

  407. 				})

  408. 			},

  409. 			//录音时长

  410. 			staffStatisticsRecordingTimTop10(promse) {

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

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

  413. 						item.zxl = item.data

  414. 						item.name = item.accountName

  415. 					})

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

  417. 					this.newlisttabinfo2 = res;

  418. 				})

  419. 			},

  420. 			//销讲

  421. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  424. 						item.zxl = item.data;

  425. 						item.zxl1 = item.data;

  426. 						item.name = item.accountName

  427. 					})

  428. 					this.newlisttabinfo3 = res;

  429. 				})

  430. 			},

  431. 			//j禁忌

  432. 			staffStatisticsProhibitedTop10(promse) {

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

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

  435. 						item.zxl = item.data

  436. 						item.name = item.accountName

  437. 					})

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

  439. 					this.newlisttabinfo4 = res;

  440. 				})

  441. 			},

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

  443. 			staffStatisticsUnlabeledTop10(promse) {

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

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

  446. 						item.zxl = item.tagCustomer

  447. 						item.name = item.accountName

  448. 					})

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

  450. 					this.newlisttabinfo5 = res;

  451. 				})

  452. 			},

  453. 

  454. 			//自定义时间

  455. 			totalTimeChange(e) {

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

  457. 				this.activeTotal = 3;

  458. 				this.lastEndDate = e.endDate

  459. 				this.lastStartDate = e.startDate

  460. 				this.init()

  461. 			},

  462. 			//时间切换

  463. 			tabtimetap(index) {

  464. 				this.activeTotal = index;

  465. 				if (index == 3) {

  466. 					this.totalTimeShow = true;

  467. 				} else {

  468. 					this.lastEndDate='';

  469. 					this.lastStartDate='';

  470. 					this.init()

  471. 				}

  472. 			},

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

  474. 			dealData(arr) {

  475. 				// 获取最大值

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

  477. 					return o.zxl

  478. 				})) //结果：3

  479. 				// console.log(num)

  480. 				// if(num>100){

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

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

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

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

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

  486. 				// 	})

  487. 				// 	// console.log(arr)

  488. 				// 	return arr

  489. 				// }else{

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

  491. 				// 		item.zxl1=item.zxl

  492. 				// 	})

  493. 				// 	return arr

  494. 				// }

  495. 				arr.map(item => {

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

  497. 				})

  498. 				return arr

  499. 

  500. 			},

  501. 		}

  502. 	};

  503. </script>

  504. <style lang="scss" scoped>

  505. 	.box {

  506. 		width: 100%;

  507. 		height: 100%;

  508. 		background: #FAFAFA;

  509. 		padding-bottom: 60rpx;

  510. 	}

  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>