liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
552 Commits
7 Branches
28 MiB
 
 
 
Tree: 79991f7b99
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '79991f7b99'
${ noResults }
NewZkgj/pages/center/Piabodata/Employeesstatistics.vue

619 lines
18 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="box">

  3. 

  4. 		<view class="boxtittabs">

  5. 			<div class="items" @tap="screenShow = true">{{ showTimeText }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx"></u-icon></div>

  6. 			<div class="items" @tap="showTemplate = true">{{ showBeText }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx"></u-icon></div>

  7. 		</view>

  8. 

  9. 		<!-- 接待量排名（TOP10） -->

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

  11. 		<view class="single">

  12. 			<view class="title">

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

  14. 			</view>

  15. 			<view class="hejisan">

  16. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  19. 				</view>

  20. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  23. 				</view>

  24. 				<view class="sanbox1" style="width: 33.33%;">

  25. 					<view class="text1-1">人均接待量</view>

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

  27. 				</view>

  28. 			</view>

  29. 

  30. 			<view class="jindu" style="min-height: 360rpx;">

  31. 				<view v-if="newlisttabinfo1.result.length!=0" class="jindu-box"

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

  33. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  36. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  37. 								:percent="item.zxl1"></u-line-progress>

  38. 						</view>

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

  40. 					</view>

  41. 				</view>

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

  43. 					暂无数据

  44. 				</view>

  45. 			</view>

  46. 		</view>

  47. 

  48. 		<!-- 销讲执行率排行（TOP10） -->

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

  50. 		<view class="single">

  51. 			<view class="title">

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

  53. 			</view>

  54. 			<view class="hejisan">

  55. 				<view class="sanbox1" style="width: 50%;">

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

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

  58. 				</view>

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

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

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

  62. 				</view>

  63. 			</view>

  64. 			<view class="jindu" style="min-height: 360rpx;">

  65. 				<view v-if="newlisttabinfo3.result.length!=0" class="jindu-box"

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

  67. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  70. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  71. 								:percent="item.zxl1"></u-line-progress>

  72. 						</view>

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

  74. 					</view>

  75. 				</view>

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

  77. 					暂无数据

  78. 				</view>

  79. 			</view>

  80. 		</view>

  81. 

  82. 		<!-- 录音时长（TOP10） -->

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

  84. 		<view class="single">

  85. 			<view class="title">

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

  87. 			</view>

  88. 			<view class="hejisan">

  89. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  92. 				</view>

  93. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  96. 				</view>

  97. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  100. 				</view>

  101. 			</view>

  102. 			<view class="jindu" style="min-height: 360rpx;">

  103. 				<view v-if="newlisttabinfo2.result.length!=0" class="jindu-box"

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

  105. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  108. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  109. 								:percent="item.zxl1"></u-line-progress>

  110. 						</view>

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

  112. 					</view>

  113. 				</view>

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

  115. 					暂无数据

  116. 				</view>

  117. 			</view>

  118. 		</view>

  119. 

  120. 		<!-- 违禁次数排名（TOP10 -->

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

  122. 		<view class="single">

  123. 			<view class="title">

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

  125. 			</view>

  126. 			<view class="hejisan">

  127. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  130. 				</view>

  131. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  134. 				</view>

  135. 				<view class="sanbox1" style="width: 33.33%;">

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

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

  138. 				</view>

  139. 			</view>

  140. 			<view class="jindu" style="min-height: 360rpx;">

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

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

  143. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  146. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  147. 								:percent="item.zxl1"></u-line-progress>

  148. 						</view>

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

  150. 					</view>

  151. 				</view>

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

  153. 					暂无数据

  154. 				</view>

  155. 			</view>

  156. 		</view>

  157. 

  158. 		<!-- 接待未标顾问（TOP10） -->

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

  160. 		<view class="single">

  161. 			<view class="title">

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

  163. 			</view>

  164. 			<view class="hejisan">

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

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

  167. 					<view class="text1-2">{{newlisttabinfo5.total}}</view>

  168. 				</view>

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

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

  171. 					<view class="text1-2">{{newlisttabinfo5.count}}</view>

  172. 				</view>

  173. 				<view class="sanbox1" style="width: 33.33%;">

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

  175. 					<view class="text1-2">{{newlisttabinfo5.avg}}</view>

  176. 				</view>

  177. 			</view>

  178. 			<view class="jindu" style="min-height: 360rpx;">

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

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

  181. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  184. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  185. 								:percent="item.zxl1"></u-line-progress>

  186. 						</view>

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

  188. 					</view>

  189. 				</view>

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

  191. 					暂无数据

  192. 				</view>

  193. 			</view>

  194. 		</view>

  195. 

  196. 		<!--平均需求挖掘率排名（TOP10） -->

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

  198. 		<view class="single" v-if="wajue">

  199. 			<view class="title">

  200. 				<view class="title1" style="flex: 1;">平均需求挖掘率排名（TOP10）</view>

  201. 			</view>

  202. 			<view class="hejisan">

  203. 				<view class="sanbox1" style="width: 50%;">

  204. 					<view class="text1-1">楼盘总数</view>

  205. 					<view class="text1-2">{{newlisttabinfo6.total}}</view>

  206. 				</view>

  207. 				<view class="sanbox1" style="width: 50%;">

  208. 					<view class="text1-1">平均挖掘率</view>

  209. 					<view class="text1-2">{{newlisttabinfo6.avg}}</view>

  210. 				</view>

  211. 			</view>

  212. 			<view class="jindu" style="min-height: 360rpx;">

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

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

  215. 					<view class="jindu-boxche" v-if="item.zxl != 0">

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

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

  218. 							<u-line-progress height="24" :show-percent="false" active-color="#FBA448"

  219. 								:percent="item.zxl1"></u-line-progress>

  220. 						</view>

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

  222. 					</view>

  223. 				</view>

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

  225. 					暂无数据

  226. 				</view>

  227. 			</view>

  228. 		</view>

  229. 

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

  231. 

  232. 

  233. 		<!-- 更多筛选 -->

  234. 		<u-popup v-model="screenShow" mode="bottom" height="368">

  235. 			<view class="screen">

  236. 				<view class="boxtittab">

  237. 					<view class="tabbox">

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

  239. 					</view>

  240. 					<view class="tabbox">

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

  242. 					</view>

  243. 					<view class="tabbox">

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

  245. 					</view>

  246. 					<view class="tabbox">

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

  248. 					</view>

  249. 				</view>

  250. 			</view>

  251. 		</u-popup>

  252. 

  253. 		<!-- 销讲业务 -->

  254. 		<u-select :mask-close-able="false" label-name="templateName" value-name="id" v-model="showTemplate"

  255. 			mode="single-column" :list="templateList" @cancel="templateCancel" @confirm="templateConfirm"></u-select>

  256. 

  257. 	</view>

  258. </template>

  259. 

  260. <script>

  261. 	var app = getApp();

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

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

  264. 	export default {

  265. 		data() {

  266. 			return {

  267. 				wajue: false,

  268. 				activeTotal: 4,

  269. 				totalTimeShow: false,

  270. 				// 项目id

  271. 				houseId: '',

  272. 				lastEndDate: '',

  273. 				lastStartDate: '',

  274. 				newlisttabinfo1: {

  275. 					avg: '',

  276. 					count: '',

  277. 					total: '',

  278. 					result: [],

  279. 				},

  280. 				newlisttabinfo2: {

  281. 					avg: '',

  282. 					count: '',

  283. 					total: '',

  284. 					result: [],

  285. 				},

  286. 				newlisttabinfo3: {

  287. 					avg: '',

  288. 					count: '',

  289. 					total: '',

  290. 					result: [],

  291. 				},

  292. 				newlisttabinfo4: {

  293. 					avg: '',

  294. 					count: '',

  295. 					total: '',

  296. 					result: [],

  297. 				},

  298. 				newlisttabinfo5: {

  299. 					avg: '',

  300. 					count: '',

  301. 					total: '',

  302. 					result: [],

  303. 				},

  304. 				newlisttabinfo6: {

  305. 					avg: '',

  306. 					count: '',

  307. 					total: '',

  308. 					result: [],

  309. 				},

  310. 

  311. 

  312. 

  313. 				screenShow: false, // 时间筛选弹窗

  314. 				showTimeText: '近七天', // 展示文字

  315. 				showBeText: '全部业务', // 

  316. 				templateList: [], // 销讲业务

  317. 				showTemplate: false, // 展示选择销讲业务弹窗

  318. 				marketingBusiness: '', // 选择的业务id

  319. 

  320. 			};

  321. 		},

  322. 		onLoad(option) {

  323. 			// 获取项目id

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

  325. 			this.init()

  326. 			if (option.type == 1) {

  327. 				this.totalTimeChange({

  328. 					startDate: option.staTime,

  329. 					endDate: option.endtime

  330. 				})

  331. 			}

  332. 			this.getMarketingBusiness()

  333. 		},

  334. 		onPullDownRefresh() {

  335. 			this.init()

  336. 			this.getMarketingBusiness()

  337. 			setTimeout(function() {

  338. 				uni.stopPullDownRefresh();

  339. 			}, 1000);

  340. 		},

  341. 		methods: {

  342. 

  343. 

  344. 			// 销讲业务方法

  345. 			templateCancel() {

  346. 				this.showTemplate = false;

  347. 			},

  348. 

  349. 			// 确认选择销讲业务

  350. 			templateConfirm(e) {

  351. 				this.showTemplate = false;

  352. 				this.marketingBusiness = e[0].value

  353. 				this.showBeText = e[0].label

  354. 				this.init()

  355. 			},

  356. 

  357. 

  358. 			// 获取销讲业务

  359. 			getMarketingBusiness() {

  360. 				this.$u.get('/customer/marketingBusiness', {

  361. 					houseId: uni.getStorageSync('buildingID').id,

  362. 				}).then(res => {

  363. 					this.templateList = res

  364. 					this.templateList.unshift({

  365. 						templateName: '全部业务',

  366. 						id: ''

  367. 					})

  368. 				})

  369. 			},

  370. 

  371. 			init() {

  372. 				this.newlisttabinfo1 = {

  373. 					avg: '',

  374. 					count: '',

  375. 					total: '',

  376. 					result: [],

  377. 				}

  378. 				this.newlisttabinfo2 = {

  379. 					avg: '',

  380. 					count: '',

  381. 					total: '',

  382. 					result: [],

  383. 				}

  384. 				this.newlisttabinfo3 = {

  385. 					avg: '',

  386. 					count: '',

  387. 					total: '',

  388. 					result: [],

  389. 				}

  390. 				this.newlisttabinfo4 = {

  391. 					avg: '',

  392. 					count: '',

  393. 					total: '',

  394. 					result: [],

  395. 				}

  396. 				this.newlisttabinfo4 = {

  397. 					avg: '',

  398. 					count: '',

  399. 					total: '',

  400. 					result: [],

  401. 				}

  402. 

  403. 				var activeTotal = 0;

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

  405. 					activeTotal = null;

  406. 				} else {

  407. 					activeTotal = this.activeTotal;

  408. 					this.lastEndDate = '';

  409. 					this.lastStartDate = '';

  410. 				}

  411. 				var promse = {

  412. 					timeType: activeTotal,

  413. 					lastStartDate: this.lastStartDate,

  414. 					lastEndDate: this.lastEndDate,

  415. 					houseId: this.houseId,

  416. 					marketingBusiness: this.marketingBusiness,

  417. 				}

  418. 				this.staffStatisticsReceptionTop10(promse)

  419. 				this.staffStatisticsRecordingTimTop10(promse)

  420. 				this.staffStatisticsExecutionRateTop10(promse)

  421. 				this.staffStatisticsProhibitedTop10(promse)

  422. 				this.staffStatisticsUnlabeledTop10(promse)

  423. 				this.wordlevelTop10(promse)

  424. 			},

  425. 			//接待量排名

  426. 			staffStatisticsReceptionTop10(promse) {

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

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

  429. 						item.zxl = item.data

  430. 						item.name = item.accountName

  431. 					})

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

  433. 					this.newlisttabinfo1 = res;

  434. 				})

  435. 			},

  436. 			//录音时长

  437. 			staffStatisticsRecordingTimTop10(promse) {

  438. 				this.$u.post('/cusLvStatistics/staffStatisticsRecordingTimTop10', 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.newlisttabinfo2 = res;

  445. 				})

  446. 			},

  447. 			//销讲

  448. 			staffStatisticsExecutionRateTop10(promse) {

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

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

  451. 						item.zxl = item.data;

  452. 						item.zxl1 = item.data;

  453. 						item.name = item.accountName

  454. 					})

  455. 					this.newlisttabinfo3 = res;

  456. 				})

  457. 			},

  458. 			// j禁忌

  459. 			staffStatisticsProhibitedTop10(promse) {

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

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

  462. 						item.zxl = item.data

  463. 						item.name = item.accountName

  464. 					})

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

  466. 					this.newlisttabinfo4 = res;

  467. 				})

  468. 			},

  469. 

  470. 			// 未标记客户数量排名

  471. 			staffStatisticsUnlabeledTop10(promse) {

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

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

  474. 						item.zxl = item.tagCustomer

  475. 						item.name = item.accountName

  476. 					})

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

  478. 					this.newlisttabinfo5 = res;

  479. 				})

  480. 			},

  481. 			// 平均需求挖掘率排名

  482. 			wordlevelTop10(promse) {

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

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

  485. 						item.zxl = item.tagCustomer

  486. 						item.name = item.accountName

  487. 					})

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

  489. 					this.newlisttabinfo6 = res;

  490. 				})

  491. 			},

  492. 

  493. 			//自定义时间

  494. 			totalTimeChange(e) {

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

  496. 				this.screenShow = false

  497. 				this.showTimeText = `${e.startDate}-${e.endDate}`

  498. 				this.activeTotal = 3;

  499. 				this.lastEndDate = e.endDate

  500. 				this.lastStartDate = e.startDate

  501. 				this.init()

  502. 			},

  503. 			//时间切换

  504. 			tabtimetap(index, text) {

  505. 				if (index == 3) {

  506. 					this.totalTimeShow = true;

  507. 					this.screenShow = false

  508. 				} else {

  509. 					this.screenShow = false

  510. 					this.showTimeText = text

  511. 					this.activeTotal = index;

  512. 					this.lastEndDate = '';

  513. 					this.lastStartDate = '';

  514. 					this.init()

  515. 				}

  516. 			},

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

  518. 			dealData(arr) {

  519. 				// 获取最大值

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

  521. 					return o.zxl

  522. 				})) //结果：3

  523. 				// console.log(num)

  524. 				// if(num>100){

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

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

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

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

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

  530. 				// 	})

  531. 				// 	// console.log(arr)

  532. 				// 	return arr

  533. 				// }else{

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

  535. 				// 		item.zxl1=item.zxl

  536. 				// 	})

  537. 				// 	return arr

  538. 				// }

  539. 				arr.map(item => {

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

  541. 				})

  542. 				return arr

  543. 

  544. 			},

  545. 		}

  546. 	};

  547. </script>

  548. <style lang="scss" scoped>

  549. 	.boxtittabs {

  550. 		width: 100%;

  551. 		height: 92rpx;

  552. 		background: #FFFFFF;

  553. 		display: flex;

  554. 		align-items: center;

  555. 

  556. 		.items {

  557. 			padding: 0 24rpx;

  558. 			width: 50%;

  559. 			height: 100%;

  560. 			display: flex;

  561. 			align-items: center;

  562. 			justify-content: center;

  563. 			overflow: hidden;

  564. 			white-space: nowrap;

  565. 			text-overflow: ellipsis;

  566. 		}

  567. 	}

  568. 

  569. 	.screen {

  570. 		width: 100%;

  571. 

  572. 		.boxtittab {

  573. 			width: 100%;

  574. 			flex-direction: column;

  575. 			border: none;

  576. 			.tabbox {

  577. 				width: 100%;

  578. 			}

  579. 		}

  580. 	}

  581. 

  582. 

  583. 	.box {

  584. 		width: 100%;

  585. 		height: 100%;

  586. 		background: #FAFAFA;

  587. 	}

  588. 

  589. 	.single {

  590. 		min-height: 500rpx;

  591. 

  592. 		.jindu {

  593. 			height: auto;

  594. 			min-height: 360rpx;

  595. 		}

  596. 	}

  597. 

  598. 	.hejisan {

  599. 		width: 92%;

  600. 		margin: 0 auto;

  601. 		display: flex;

  602. 		padding-top: 20rpx;

  603. 		padding-bottom: 20rpx;

  604. 

  605. 		.sanbox1 {

  606. 			text-align: center;

  607. 		}

  608. 

  609. 		.text1-1 {

  610. 			color: #666666;

  611. 		}

  612. 

  613. 		.text1-2 {

  614. 			color: #333333;

  615. 			margin-top: 10rpx;

  616. 		}

  617. 	}

  618. </style>