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.
503 Commits
7 Branches
28 MiB
 
 
 
Tree: 11cbc0f0e8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '11cbc0f0e8'
${ noResults }
NewZkgj/pages/reportExcel/dayReport.vue

779 lines
19 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="pages">

  3. 		<!-- 日报内容部分 -->

  4. 		<view class="container" ref="lists">

  5. 			<!-- 头部日报卡 -->

  6. 			<view class="c-head-card">

  7. 				<view class="c-title-text">

  8. 					{{ projectName }}数智工牌日报

  9. 				</view>

  10. 				<text class="date">{{ weekObj.createTime | fomatDate }}</text>

  11. 				<view class="creative-time">

  12. 					生成时间：{{ weekObj.createTime || '--' }}

  13. 				</view>

  14. 			</view>

  15. 			<view class="nodata-box" v-if="nodata">

  16. 				<image class="img" src="/static/images/nodata.png" mode="" />

  17. 				<view class="text">此项目今日还没有接待量哦～</view>

  18. 			</view>

  19. 		<view v-if="!nodata">

  20. 			<!-- 循环渲染的数据 -->

  21. 			<view class="dateList">

  22. 				<view class="arrs">

  23. 					<view class="arrs-items index1">

  24. 						<view class="left">

  25. 							1

  26. 						</view>

  27. 						<view class="right">

  28. 							<view class="r-title">

  29. 								<text>接待量：</text>

  30. 							</view>

  31. 							<view class="r-box">

  32. 								<view class="r-box-item">

  33. 									<text>接待量</text><text class="value">{{ weekObj.receptionCount || 0 }}</text>

  34. 								</view>

  35. 								<view class="r-box-item">

  36. 									<text>有效接待</text><text class="value">{{ weekObj.activeCustomer || 0 }}</text>

  37. 								</view>

  38. 								<view class="r-box-item-lang">

  39. 									<view>有效接待率<text class="value">{{ weekObj.validReceptionRate || 0 }}%</text></view>

  40. 									<view class="contrast">对比昨天<text class="value"

  41. 											:class="{down: weekObj.validReceptionRatePK < 0, up: weekObj.validReceptionRatePK > 0}">{{ weekObj.validReceptionRatePK > 0 ? '+' : '' }}{{ weekObj.validReceptionRatePK || 0 }}%</text>

  42. 									</view>

  43. 								</view>

  44. 							</view>

  45. 						</view>

  46. 					</view>

  47. 

  48. 					<view class="arrs-items index2">

  49. 						<view class="left">

  50. 							2

  51. 						</view>

  52. 						<view class="right">

  53. 							<view class="r-title">

  54. 								<text>平均执行率：</text>

  55. 							</view>

  56. 							<view class="r-box">

  57. 								<view class="r-box-item-lang">

  58. 									<view>平均执行率<text class="value">{{ weekObj.fraction || 0 }}%</text></view>

  59. 									<view class="contrast">对比昨天<text class="value"

  60. 											:class="{down: weekObj.fractionPK < 0, up: weekObj.fractionPK > 0}">{{ weekObj.fractionPK > 0 ? '+' : '' }}{{ weekObj.fractionPK || 0 }}%</text>

  61. 									</view>

  62. 								</view>

  63. 							</view>

  64. 						</view>

  65. 					</view>

  66. 

  67. 					<view class="arrs-items index3">

  68. 						<view class="left">

  69. 							3

  70. 						</view>

  71. 						<view class="right">

  72. 							<view class="r-title">

  73. 								<text>平均接待时长：</text>

  74. 							</view>

  75. 							<view class="r-box">

  76. 								<view class="r-box-item-lang">

  77. 									<view>平均接待时长<text class="value">{{ weekObj.avgDuration || 0 }}min</text></view>

  78. 									<view class="contrast">对比昨天<text class="value"

  79. 											:class="{down: weekObj.avgDurationPK < 0, up: weekObj.avgDurationPK > 0}">{{ weekObj.avgDurationPK > 0 ? '+' : '' }}{{ weekObj.avgDurationPK || 0 }}min</text>

  80. 									</view>

  81. 								</view>

  82. 							</view>

  83. 						</view>

  84. 					</view>

  85. 

  86. 					<view class="arrs-items index4">

  87. 						<view class="left">

  88. 							4

  89. 						</view>

  90. 						<view class="right">

  91. 							<view class="r-title">

  92. 								<text>销讲维度执行前三：</text>

  93. 							</view>

  94. 							<view class="ranking">

  95. 								<block v-for="(rank, rankIndex) in carryOutTop" :key="rankIndex">

  96. 									<view class="ranking-item">

  97. 										<view class="serial">

  98. 											{{ rankIndex+1 }}

  99. 										</view>

  100. 										<view class="lside">

  101. 											{{ rank.title || '--' }}

  102. 										</view>

  103. 										<view class="rside">

  104. 											({{ rank.value || 0 }}%)

  105. 										</view>

  106. 									</view>

  107. 								</block>

  108. 								<template v-if="carryOutTop.length == 0">

  109. 									<view class="empty">

  110. 										暂无数据

  111. 									</view>

  112. 								</template>

  113. 							</view>

  114. 						</view>

  115. 					</view>

  116. 					

  117. 					<view class="arrs-items index5">

  118. 						<view class="left">

  119. 							5

  120. 						</view>

  121. 						<view class="right">

  122. 							<view class="r-title">

  123. 								<text>销讲维度执行弱项前三：</text>

  124. 							</view>

  125. 							<view class="ranking">

  126. 								<block v-for="(rank, rankIndex) in carryOutLast" :key="rankIndex">

  127. 									<view class="ranking-item">

  128. 										<view class="serial">

  129. 											{{ rankIndex+1 }}

  130. 										</view>

  131. 										<view class="lside">

  132. 											{{ rank.title || '--' }}

  133. 										</view>

  134. 										<view class="rside">

  135. 											({{ rank.value || 0 }}%)

  136. 										</view>

  137. 									</view>

  138. 								</block>

  139. 								<template v-if="carryOutLast.length == 0">

  140. 									<view class="empty">

  141. 										暂无数据

  142. 									</view>

  143. 								</template>

  144. 							</view>

  145. 						</view>

  146. 					</view>

  147. 

  148. 					<view class="arrs-items index6">

  149. 						<view class="left">

  150. 							6

  151. 						</view>

  152. 						<view class="right">

  153. 							<view class="r-title">

  154. 								<text>置业顾问平均执行率排名：</text>

  155. 							</view>

  156. 							<view class="ranking">

  157. 								<block v-for="(rank, rankIndex) in consultant" :key="rankIndex">

  158. 									<view class="ranking-item">

  159. 										<view class="serial">

  160. 											{{ rankIndex+1 }}

  161. 										</view>

  162. 										<view class="lside">

  163. 											{{ rank.title || '--' }}

  164. 										</view>

  165. 										<view class="rside">

  166. 											({{ rank.value || 0 }}%)

  167. 										</view>

  168. 									</view>

  169. 								</block>

  170. 								<template v-if="consultant.length == 0">

  171. 									<view class="empty">

  172. 										暂无数据

  173. 									</view>

  174. 								</template>

  175. 							</view>

  176. 						</view>

  177. 					</view>

  178. 

  179. 					<view class="arrs-items index7">

  180. 						<view class="left">

  181. 							7

  182. 						</view>

  183. 						<view class="right">

  184. 							<view class="r-title">

  185. 								<text>置业顾问平均接访时长排名：</text>

  186. 							</view>

  187. 							<view class="ranking">

  188. 								<block v-for="(rank, rankIndex) in recording" :key="rankIndex">

  189. 									<view class="ranking-item">

  190. 										<view class="serial">

  191. 											{{ rankIndex+1 }}

  192. 										</view>

  193. 										<view class="lside">

  194. 											{{ rank.title  || '--' }}

  195. 										</view>

  196. 										<view class="rside">

  197. 											({{ rank.value || 0 }}min)

  198. 										</view>

  199. 									</view>

  200. 								</block>

  201. 

  202. 								<template v-if="recording.length == 0">

  203. 									<view class="empty">

  204. 										暂无数据

  205. 									</view>

  206. 								</template>

  207. 							</view>

  208. 						</view>

  209. 					</view>

  210. 

  211. 					<view class="arrs-items index8">

  212. 						<view class="left">

  213. 							8

  214. 						</view>

  215. 						<view class="right">

  216. 							<view class="r-title">

  217. 								<text>平均执行率最低的顾问：</text>

  218. 							</view>

  219. 							<view class="ranking">

  220. 								<block v-for="(rank, rankIndex) in lowest" :key="rankIndex">

  221. 									<view class="ranking-item">

  222. 										<view class="lside">

  223. 											{{ rank.title || '--' }}

  224. 										</view>

  225. 										<view class="rside value">

  226. 											{{ rank.value || 0 }}%

  227. 										</view>

  228. 									</view>

  229. 								</block>

  230. 								

  231. 								<template v-if="lowest.length == 0">

  232. 									<view class="empty">

  233. 										暂无数据

  234. 									</view>

  235. 								</template>

  236. 							</view>

  237. 						</view>

  238. 					</view>

  239. 

  240. 					<view class="arrs-items index9">

  241. 						<view class="left">

  242. 							9

  243. 						</view>

  244. 						<view class="right">

  245. 							<view class="r-title">

  246. 								<text>客户画像触达：</text>

  247. 								<text class="num value">{{ weekObj.reachSum || 0 }}次</text>

  248. 							</view>

  249. 						</view>

  250. 					</view>

  251. 

  252. 					<view class="arrs-items index10">

  253. 						<view class="left">

  254. 							10

  255. 						</view>

  256. 						<view class="right">

  257. 							<view class="r-title">

  258. 								<text>未标记接待数：</text>

  259. 								<text class="num value down"

  260. 									style="font-weight: 500;font-size: 34rpx;">{{ weekObj.unlabelledReceptionNum || 0 }}</text>

  261. 								<text class="down value">条</text>

  262. 							</view>

  263. 						</view>

  264. 					</view>

  265. 

  266. 					<view class="arrs-items index11">

  267. 						<view class="left">

  268. 							11

  269. 						</view>

  270. 						<view class="right">

  271. 							<view class="r-title">

  272. 								<text>设备情况：</text>

  273. 							</view>

  274. 							<view class="r-box">

  275. 								<view class="r-box-item-lang">

  276. 									<view>在线<text class="value">{{ weekObj.equipmentInfo.onlineNum || 0 }}</text></view>

  277. 									<view style="margin-left: 24rpx;">

  278. 										离线<text class="value">{{ weekObj.equipmentInfo.offlineNum || 0 }}</text></view>

  279. 								</view>

  280. 							</view>

  281. 						</view>

  282. 					</view>

  283. 

  284. 				</view>

  285. 			</view>

  286. 		</view>

  287. 		</view>

  288. 		<!-- 底部按钮 -->

  289. 		<view class="nav-footer" v-if="!nodata">

  290. 			<view class="footer-item" @click="toHome">

  291. 				回到管理端

  292. 			</view>

  293. 			<view class="footer-item" @click="copy" style="margin-left: 24rpx;">

  294. 				复制内容

  295. 			</view>

  296. 			<view class="footer-item full" style="margin-left: 24rpx;">

  297. 				<button open-type="share" class="fulls">

  298. 					一键转发

  299. 				</button>

  300. 			</view>

  301. 		</view>

  302. 	</view>

  303. </template>

  304. 

  305. <script>

  306. 	export default {

  307. 		data() {

  308. 			return {

  309. 				needList: ['XJTop', 'ZXLTop', 'avgJds'], // 需要转换数组的内容

  310. 				carryOutTop: [], //

  311. 				carryOutLast: [], // 

  312. 				consultant: [], // 置业顾问排名

  313. 				recording: [], // 录音排名

  314. 				lowest: [], // 执行率最低的顾问

  315. 				building: uni.getStorageSync('buildingID'),

  316. 				id: '', // 消息id

  317. 				projectName: '', // 项目名称

  318. 				weekObj: {}, // 日报详情

  319. 				nodata: false//有无数据

  320. 			}

  321. 		},

  322. 

  323. 

  324. 		onLoad(option) {

  325. 			if (option.id) this.id = option.id

  326. 			this.getMessage()

  327. 		},

  328. 

  329. 		onShareAppMessage() {

  330. 			return {

  331. 				title: `${this.projectName}数智工牌日报`,

  332. 				path: `/pages/reportExcel/dayReport?id=${this.id}`

  333. 			}

  334. 		},

  335. 

  336. 		methods: {

  337. 			// 跳转首页

  338. 			toHome() {

  339. 				uni.navigateTo({

  340. 					url: '/pages/index/guide'

  341. 				})

  342. 			},

  343. 			// 获取日报详情

  344. 			getMessage() {

  345. 				this.$u.get('/zkMessage/findByProjectId', {

  346. 					id: this.id

  347. 				}).then(res => {

  348. 					let data = {}

  349. 					if(res.zkMessage.content){

  350. 						data = JSON.parse(res.zkMessage.content)

  351. 						this.weekObj = {

  352. 							...res.zkMessage,

  353. 							...data

  354. 						}

  355. 						this.nodata = false

  356. 					}else{

  357. 						this.nodata = true

  358. 						this.weekObj = {

  359. 							...res.zkMessage

  360. 						}

  361. 					}

  362. 					

  363. 					this.projectName = res.projectName

  364. 					console.log(this.weekObj)

  365. 					this.init()

  366. 				}).catch(e => {

  367. 					console.log(e)

  368. 				})

  369. 			},

  370. 

  371. 			copy() {

  372. 				let str = `

  373. 				${this.projectName}数智工牌日报

  374. 				

  375. 				生成时间：${this.weekObj.createTime || '--'}

  376. 				

  377. 				1、接待量：${this.weekObj.receptionCount || 0 }

  378. 				

  379. 				有效接待：${this.weekObj.activeCustomer || 0}

  380. 				

  381. 				有效接待率：${this.weekObj.validReceptionRate || 0}%

  382. 				对比昨天：${ this.weekObj.validReceptionRatePK > 0 ? '+' : '' }${ this.weekObj.validReceptionRatePK || 0 }%

  383. 				

  384. 				2、平均执行率：${ this.weekObj.fraction || 0 }%

  385. 				对比昨天：${ this.weekObj.fractionPK > 0 ? '+' : '' }${ this.weekObj.fractionPK || 0 }%

  386. 				

  387. 				3、平均接待时长：${ this.weekObj.avgDuration || 0 }min

  388. 				对比昨天：${this.weekObj.avgDurationPK > 0 ? '+' : '' }${ this.weekObj.avgDurationPK || 0 }min`

  389. 				if (this.carryOutTop.length > 0) {

  390. 					str += `

  391. 					

  392. 					4、销讲维度执行前三：`

  393. 					this.carryOutTop.map((item, index) => {

  394. 						str += `

  395. 						top${index+1}.${item.title || '--'}${item.value||'0'}%`

  396. 					})

  397. 				}

  398. 				

  399. 				if (this.carryOutLast.length > 0) {

  400. 					str += `

  401. 					

  402. 					5、销讲维度执行弱项前三：`

  403. 					this.carryOutLast.map((item, index) => {

  404. 						str += `

  405. 						top${index+1}.${item.title || '--'}${item.value||'0'}%`

  406. 					})

  407. 				}

  408. 				

  409. 				if (this.consultant.length > 0) {

  410. 					str += `

  411. 					

  412. 					6、置业顾问平均执行率排名：`

  413. 					this.consultant.map((item, index) => {

  414. 						str += `

  415. 						top${index+1}.${item.title || '--'}${item.value||'0'}%`

  416. 					})

  417. 				}

  418. 				

  419. 				if (this.recording.length > 0) {

  420. 					str += `

  421. 					

  422. 					7、置业顾问平均接访时长排名：`

  423. 					this.recording.map((item, index) => {

  424. 						str += `

  425. 						top${index+1}.${item.title || '--'}${item.value||'0'}min`

  426. 					})

  427. 				}

  428. 				

  429. 				if (this.lowest.length > 0) {

  430. 					str += `

  431. 					

  432. 					8、平均执行率最低的顾问：`

  433. 					this.lowest.map((item, index) => {

  434. 						str += `

  435. 						${item.title || '--'}${item.value||'0'}%`

  436. 					})

  437. 				}

  438. 				str += `

  439. 				

  440. 				9、客户画像触达：${this.weekObj.reachSum || 0}次

  441. 				

  442. 				10、未标记接待数：${ this.weekObj.unlabelledReceptionNum || 0 }条

  443. 				

  444. 				11、设备情况：

  445. 				在线:${this.weekObj.equipmentInfo.onlineNum || 0}

  446. 				离线:${this.weekObj.equipmentInfo.offlineNum || 0}`

  447. 

  448. 				uni.setClipboardData({

  449. 					data: str

  450. 				})

  451. 			},

  452. 

  453. 			// 分割数组排名前三，倒三

  454. 			getTopThree() {

  455. 				if (this.weekObj.XJTopList && this.weekObj.XJTopList.length > 0) {

  456.                     let arr = this.weekObj.XJTopList.slice(0, 3)

  457.                     arr.forEach(item => {

  458.                         if (item.value != 100) {

  459.                             this.carryOutLast.push(item)

  460.                         }

  461.                     })

  462. 					this.carryOutTop = this.weekObj.XJTopList.reverse().slice(0, 3)

  463. 					console.log(this.weekObj.XJTopList)

  464. 				}

  465. 				if (this.weekObj.ZXLTopList && this.weekObj.ZXLTopList.length > 0) {

  466. 					this.consultant = this.weekObj.ZXLTopList.reverse().slice(0, 3)

  467. 					if (this.weekObj.ZXLTopList[this.weekObj.ZXLTopList.length - 1].value != 100) {

  468. 						this.lowest.push(this.weekObj.ZXLTopList[this.weekObj.ZXLTopList.length - 1])

  469. 					}

  470. 				}

  471. 				if (this.weekObj.avgJdsList && this.weekObj.avgJdsList.length > 0) {

  472. 					this.recording = this.weekObj.avgJdsList.reverse().slice(0, 3)

  473. 				}

  474. 			},

  475. 

  476. 			init() {

  477. 				// 把对象转成数组并在后续的步骤方便处理

  478. 				this.needList.forEach(item => {

  479. 					if (this.weekObj[item] && Object.keys(this.weekObj[item]).length > 0) {

  480. 						this.weekObj[item + 'List'] = [] // 销讲执行

  481. 						for (let i in this.weekObj[item]) {

  482. 							this.weekObj[item + 'List'].push({

  483. 								title: i,

  484. 								value: this.weekObj[item][i]

  485. 							})

  486. 						}

  487. 					}

  488. 				})

  489. 				this.sortInitArr()

  490. 			},

  491. 

  492. 			// 排序对象转换后的数组

  493. 			sortInitArr() {

  494. 				this.needList.forEach(item => {

  495. 					if (this.weekObj[item + 'List']) {

  496. 						this.bubbleSort(this.weekObj[item + 'List'])

  497. 					}

  498. 				})

  499. 				this.getTopThree()

  500. 			},

  501. 

  502. 			// 冒泡排序

  503. 			bubbleSort(arr) {

  504. 				for (let i = 0; i < arr.length - 1; i += 1) {

  505. 					//通过 arr.length 次把第一位放到最后,完成排序

  506. 					//-i是因为最后的位置是会动态改变的，当完成一次后,最后一位会变成倒数第二位 

  507. 					for (let j = 0; j < arr.length - 1 - i; j += 1) {

  508. 						if (arr[j].value > arr[j + 1].value) {

  509. 							const temp = arr[j];

  510. 							arr[j] = arr[j + 1];

  511. 							arr[j + 1] = temp;

  512. 						}

  513. 					}

  514. 				}

  515. 			},

  516. 		},

  517. 		filters: {

  518. 			fomatDate(date) {

  519. 				if (!date) return '--'

  520. 				let arr = date.split(' ')

  521. 				let str = arr[0]

  522. 				let result = str.split('-')

  523. 				return `${result[1]}-${result[2]}`

  524. 			}

  525. 		}

  526. 	}

  527. </script>

  528. 

  529. <style lang="scss" scoped>

  530. 	.pages {

  531. 		width: 100vw;

  532. 		min-height: 100vh;

  533. 		display: flex;

  534. 		flex-direction: column;

  535. 

  536. 		.nav-header {

  537. 			flex-shrink: 0;

  538. 		}

  539. 

  540. 		.container {

  541. 			padding: 30rpx 30rpx 0;

  542. 			flex-grow: 1;

  543. 			display: flex;

  544. 			flex-direction: column;

  545. 

  546. 			.c-head-card {

  547. 				padding: 30rpx;

  548. 				width: 100%;

  549. 				min-height: 252rpx;

  550. 				border: 2rpx solid #000000;

  551. 				border-radius: 12rpx;

  552. 				box-shadow: 10rpx 10rpx #2671E2;

  553. 				display: flex;

  554. 				flex-direction: column;

  555. 

  556. 				.c-title-text {

  557. 					// position: relative;

  558. 					flex-grow: 1;

  559. 					font-size: 48rpx;

  560. 					font-weight: bold;

  561. 					color: #303030;

  562. 				}

  563. 

  564. 

  565. 				.date {

  566. 					// position: absolute;

  567. 					// right: 0;

  568. 					// bottom: 6rpx;

  569. 					font-size: 30rpx;

  570. 					color: #303030;

  571. 				}

  572. 

  573. 				.creative-time {

  574. 					margin: 20rpx 0 0 0;

  575. 					flex-shrink: 0;

  576. 

  577. 				}

  578. 

  579. 			}

  580. 

  581. 

  582. 			.dateList {

  583. 				width: 100%;

  584. 

  585. 				.arrs {

  586. 					width: 100%;

  587. 

  588. 					.arrs-items {

  589. 						margin: 40rpx 0 0 0;

  590. 						display: flex;

  591. 						min-height: 100rpx;

  592. 

  593. 						.left {

  594. 							flex-shrink: 0;

  595. 							margin-right: 12rpx;

  596. 							width: 48rpx;

  597. 							height: 44rpx;

  598. 							display: flex;

  599. 							justify-content: center;

  600. 							align-items: center;

  601. 							border-radius: 8rpx;

  602. 							border: 1rpx solid #999999;

  603. 							font-size: 32rpx;

  604. 						}

  605. 

  606. 						.right {

  607. 							flex-grow: 1;

  608. 

  609. 							.r-title {

  610. 								font-size: 32rpx;

  611. 								height: 44rpx;

  612. 								display: flex;

  613. 								align-items: center;

  614. 

  615. 								.num {

  616. 									font-size: 34rpx;

  617. 

  618. 								}

  619. 							}

  620. 

  621. 							.r-box {

  622. 								padding: 21rpx 0 0 0;

  623. 								display: flex;

  624. 								flex-wrap: wrap;

  625. 

  626. 								.r-box-item {

  627. 									margin-right: 24rpx;

  628. 								}

  629. 

  630. 								.r-box-item-lang {

  631. 									margin-top: 19rpx;

  632. 									width: 100%;

  633. 									display: flex;

  634. 									align-items: center;

  635. 

  636. 									.contrast {

  637. 										margin: 0 0 0 24rpx;

  638. 										display: flex;

  639. 										align-items: center;

  640. 									}

  641. 

  642. 									.down {

  643. 										color: #43CD80;

  644. 										font-size: 34rpx;

  645. 									}

  646. 

  647. 									.up {

  648. 										font-size: 34rpx;

  649. 										color: #E7483C;

  650. 									}

  651. 								}

  652. 							}

  653. 

  654. 							.ranking {

  655. 								padding: 21rpx 0 0 0;

  656. 								display: flex;

  657. 								flex-direction: column;

  658. 

  659. 								.ranking-item {

  660. 									margin-bottom: 22rpx;

  661. 									display: flex;

  662. 									align-items: center;

  663. 									font-size: 30rpx;

  664. 

  665. 									.serial {

  666. 										flex-shrink: 0;

  667. 										width: 42rpx;

  668. 										height: 42rpx;

  669. 										background: #2671E2;

  670. 										border-radius: 50%;

  671. 										display: flex;

  672. 										justify-content: center;

  673. 										align-items: center;

  674. 										color: #fff;

  675. 									}

  676. 

  677. 									.lside {

  678. 										margin: 0 20rpx;

  679. 										color: #505050;

  680. 

  681. 									}

  682. 

  683. 									.rside {

  684. 										flex-shrink: 0;

  685. 										font-size: 32rpx;

  686. 									}

  687. 								}

  688. 							}

  689. 

  690. 						}

  691. 					}

  692. 				}

  693. 			}

  694. 		}

  695. 

  696. 		.nav-footer {

  697. 			position: sticky;

  698. 			bottom: 0;

  699. 			padding: 32rpx;

  700. 			width: 100%;

  701. 			display: flex;

  702. 			justify-content: center;

  703. 			background: #fff;

  704. 

  705. 			.footer-item {

  706. 				flex: 1;

  707. 				height: 88rpx;

  708. 				display: flex;

  709. 				justify-content: center;

  710. 				align-items: center;

  711. 				color: #2671E2;

  712. 				border: 2rpx solid #2671E2;

  713. 				border-radius: 8rpx;

  714. 				overflow: hidden;

  715. 				font-size: 32rpx;

  716. 

  717. 				&.full {

  718. 					background: #2671E2;

  719. 					color: #fff;

  720. 

  721. 					.fulls {

  722. 						box-sizing: border-box;

  723. 						width: 100%;

  724. 						height: 100%;

  725. 						background: transparent;

  726. 						color: #fff;

  727. 						font-size: 32rpx;

  728. 						font-weight: normal;

  729. 						line-height: 88rpx;

  730. 					}

  731. 				}

  732. 			}

  733. 

  734. 		}

  735. 

  736. 

  737. 		.up {

  738. 			color: #43CD80 !important;

  739. 		}

  740. 

  741. 		.down {

  742. 			color: #E6273A !important;

  743. 		}

  744. 

  745. 		.empty {

  746. 			width: 100%;

  747. 			line-height: 48rpx;

  748. 		}

  749. 		

  750. 		.value {

  751. 			margin-left: 5rpx;

  752. 			font-size: 30rpx !important;

  753. 			font-weight: bold !important;

  754. 		}

  755. 		.nodata-box{

  756. 			width: 750rpx;

  757. 			margin: 20rpx auto 0;

  758. 			display: flex;

  759. 			justify-content: center;

  760. 			align-items: center;

  761. 			flex-direction: column;

  762. 			background-color: #fff;

  763. 			.img{

  764. 				width: 400rpx;

  765. 				height: 400rpx;

  766. 			}

  767. 			.text{

  768. 				text-align: center;

  769. 				font-size: 28rpx;

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

  771. 				font-weight: 400;

  772. 				color: #666666;

  773. 				line-height: 40rpx;

  774. 				// margin-top: -40rpx;

  775. 			}

  776. 		}

  777. 	}

  778. </style>