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.
259 Commits
13 Branches
9.8 MiB
 
 
 
 
Tree: 5982895a34
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '5982895a34'
${ noResults }
newEdition/pages/reportExcel/weekReport.vue

1374 lines
33 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="pages">

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

  4. 		<view class="container">

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

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

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

  8. 					{{ projectName || '' }}销讲助手周报

  9. 				</view>

  10. 				<text class="date">{{ weekObj.createTimeName }}</text>

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

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

  13. 				</view>

  14. 			</view>

  15. 		</view>

  16. 

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

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

  19. 			<view class="text">此项目本周还没有接待量哦～</view>

  20. 		</view>

  21. 

  22. 		<template v-else>

  23. 

  24. 			<!-- 简报 -->

  25. 			<view class="briefing">

  26. 				<view class="briefing-title">

  27. 					简报

  28. 				</view>

  29. 				<!-- 简报表格部分 -->

  30. 				<view class="briefing-box">

  31. 					<block v-for="(data, index) in numlist" :key="index">

  32. 						<view class="briefing-box-item" @click="toAuthPage(data)">

  33. 							<view class="tops" :class="[data.class || '']">

  34. 								{{ data.name }}

  35. 							</view>

  36. 							<view class="middle" :class="[data.class || '']">

  37. 								{{ data.num || 0 }}

  38. 							</view>

  39. 							<view class="bottom">

  40. 								对比上周: {{ data.preNum || 0 }}

  41. 								<text class="b-text"

  42. 									:class="{up: data.percent > 0, down: data.percent < 0}">{{ data.percent || '0' }}</text>

  43. 								<template v-if="data.percent != 0">

  44. 									<text style="margin-left: 8rpx;font-size: 34rpx;font-weight: bold;"

  45. 										:class="{up: data.percent > 0, down: data.percent < 0}">{{ data.percent > 0 ? '↑' : '↓' }}</text>

  46. 								</template>

  47. 							</view>

  48. 						</view>

  49. 					</block>

  50. 				</view>

  51. 			</view>

  52. 

  53. 

  54. 			<!-- 销讲场景执行排名 -->

  55. 			<view class="execution-ranking" v-if="!weekObj.orgCode">

  56. 				<view class="execution-ranking-title">

  57. 					销讲场景执行排名

  58. 				</view>

  59. 				<template v-if="isShowXJTop1List">

  60. 					<view class="execution-ranking-desc" v-if="false">

  61. 						<text>销讲场景平均执行对比上周</text>

  62. 						<text>{{ rankTop('fractionPKName') }}</text>

  63. 						<text>{{ rankTop('fractionPK') }}</text>

  64. 						<text>%</text>

  65. 						<template v-if="rankTop('fractionBastValue') > 0">

  66. 							<text>，其中【{{ rankTop('fractionBastName') }}】最强为</text>

  67. 							<text class="up">{{ rankTop('fractionBastValue') }}</text>

  68. 							<text>%</text>

  69. 						</template>

  70. 						<template v-if="rankTop('fractionLastValue') < 0">

  71. 							<text>，【{{ rankTop('fractionLastName') }}】执行最弱为</text>

  72. 							<text class="down">{{ rankTop('fractionLastValue') }}</text>

  73. 							<text>%;</text>

  74. 						</template>

  75. 					</view>

  76. 

  77. 					<!-- 排名百分比列表 -->

  78. 					<view class="ranking-box" @click="toTrendAnalysis('销讲数据')">

  79. 						<block v-for="(percent, index) in weekObj.XJTop1List" :key="index">

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

  81. 								<view class="left">{{ percent.title }}</view>

  82. 								<view class="middle">

  83. 									<u-line-progress :active-color="$options.filters.setColor(index)"

  84. 										inactive-color="#F2F2F2" :show-percent="false" :percent="percent.value">

  85. 									</u-line-progress>

  86. 								</view>

  87. 								<view class="right"> {{ percent.value || '0' }} %</view>

  88. 							</view>

  89. 						</block>

  90. 					</view>

  91. 				</template>

  92. 				<template v-else>

  93. 					<view class="empity">

  94. 						暂无数据

  95. 					</view>

  96. 				</template>

  97. 			</view>

  98. 

  99. 			<!-- 接待统计 -->

  100. 			<view class="statistics">

  101. 				<view class="statistics-title">

  102. 					接待统计

  103. 				</view>

  104. 				<template v-if="isShowStatistics">

  105. 					<view class="statistics-desc" v-if="false">

  106. 						<text>

  107. 							顾问平均执行率对比上周

  108. 						</text>

  109. 						<text>

  110. 							{{ rankTop('ranktype') || '' }}

  111. 						</text>

  112. 						<text :class="[rankTop('class')]">{{ rankTop('people') || '' }}</text>

  113. 						<text class="">

  114. 							人，其中{{ rankTop('topName') || '' }}上升

  115. 						</text>

  116. 						<text class="up">{{ rankTop('topPk') || '0' }}</text>

  117. 						<text class="">

  118. 							%为最高，{{ rankTop('lastName') || '' }}下降

  119. 						</text>

  120. 						<text class="down">{{ rankTop('lastPk') || '0' }}</text>

  121. 						<text class="">

  122. 							%降幅最大。

  123. 						</text>

  124. 					</view>

  125. 					<view class="table">

  126. 						<view class="thead">

  127. 							<block v-for="(head, headIndex) in tableHead" :key="headIndex">

  128. 								<view class="thead-item"

  129. 									:style="[(weekObj.orgCode && head.title2) ? head.style1 : head.style]">

  130. 									<template v-if="weekObj.orgCode && head.title2">

  131. 										{{ head.title2 }}

  132. 									</template>

  133. 									<template v-else>

  134. 										{{ head.title }}

  135. 									</template>

  136. 								</view>

  137. 							</block>

  138. 						</view>

  139. 

  140. 						<view class="tbody" @click="toEmployeesstatistics('顾问排名')">

  141. 							<block v-for="(data, index) in weekObj.customerInfo1" :key="index">

  142. 								<view class="tbody-item">

  143. 									<template v-if="!weekObj.orgCode">

  144. 										<view class="tbody-items name">{{ data.name }}</view>

  145. 									</template>

  146. 									<template v-else>

  147. 										<view class="tbody-items time">{{ data.houseName }}</view>

  148. 									</template>

  149. 

  150. 									<view class="tbody-items nums">{{ data.activeCustomer }}</view>

  151. 									<template v-if="!weekObj.orgCode">

  152. 										<view class="tbody-items time">{{ tofixed2(data.avgDuration)}}m</view>

  153. 									</template>

  154. 									<template v-else>

  155. 										<view class="tbody-items time">{{ tofixed2(data.avgDuration/60) }}m</view>

  156. 									</template>

  157. 									<view class="tbody-items percent">{{ data.fraction }}%</view>

  158. 									<template v-if="!weekObj.orgCode">

  159. 										<view class="tbody-items week" :class="{up: data.pk > 0, down: data.pk < 0}">

  160. 											<template v-if="data.pk">

  161. 												{{ data.pk > 0 ? `+${data.pk}` : data.pk }}%

  162. 											</template>

  163. 										</view>

  164. 									</template>

  165. 									<template v-else>

  166. 										<view class="tbody-items week"

  167. 											:class="{up: data.fractionContrast > 0, down: data.fractionContrast < 0}">

  168. 											<template v-if="data.fractionContrast">

  169. 												{{ data.fractionContrast > 0 ? `+${data.fractionContrast}` : data.fractionContrast }}%

  170. 											</template>

  171. 											<template v-else>--</template>

  172. 										</view>

  173. 									</template>

  174. 								</view>

  175. 							</block>

  176. 						</view>

  177. 					</view>

  178. 				</template>

  179. 

  180. 				<template v-else>

  181. 					<view class="empity">

  182. 						暂无数据

  183. 					</view>

  184. 				</template>

  185. 			</view>

  186. 

  187. 			<!-- 顾问销讲执行率排名 -->

  188. 			<view class="guwen-ranking">

  189. 				<view class="guwen-ranking-title">

  190. 					<template v-if="!weekObj.orgCode">

  191. 						顾问销讲执行率排名（TOP10）

  192. 					</template>

  193. 					<template v-else>

  194. 						项目销讲执行排名（TOP10）

  195. 					</template>

  196. 				</view>

  197. 				<template v-if="isShowZXLTopList">

  198. 					<!-- 排名百分比列表 -->

  199. 					<view class="ranking-box">

  200. 						<block v-for="(percent, index) in weekObj.ZXLTopList" :key="index">

  201. 							<view class="ranking-item" @click="toStaffAnalysis('销讲数据', percent)">

  202. 								<view class="left">{{ percent.title }}</view>

  203. 								<view class="middle">

  204. 									<u-line-progress :active-color="$options.filters.setColor(index)"

  205. 										inactive-color="#F2F2F2" :show-percent="false" :percent="percent.value">

  206. 									</u-line-progress>

  207. 								</view>

  208. 								<view class="right"> {{ percent.value || '0' }} %</view>

  209. 							</view>

  210. 						</block>

  211. 					</view>

  212. 				</template>

  213. 

  214. 				<template v-else>

  215. 					<view class="empity">

  216. 						暂无数据

  217. 					</view>

  218. 				</template>

  219. 			</view>

  220. 

  221. 			<!-- 顾问接待量排名 -->

  222. 			<view class="guwen-ranking">

  223. 				<view class="guwen-ranking-title">

  224. 					<template v-if="!weekObj.orgCode">

  225. 						顾问接待量排名（TOP10）

  226. 					</template>

  227. 					<template v-else>

  228. 						项目有效接待排名（TOP10）

  229. 					</template>

  230. 				</view>

  231. 

  232. 				<template v-if="isShowJDLTopList">

  233. 					<!-- 排名百分比列表 -->

  234. 					<view class="ranking-box">

  235. 						<block v-for="(percent, index) in weekObj.JDLTopList" :key="index">

  236. 							<view class="ranking-item" @click="toStaffAnalysis('销讲数据', percent)">

  237. 								<view class="left">{{ percent.title }}</view>

  238. 								<view class="middle">

  239. 									<u-line-progress :active-color="$options.filters.setColor(index)"

  240. 										inactive-color="#F2F2F2" :show-percent="false" :percent="percent.values">

  241. 									</u-line-progress>

  242. 								</view>

  243. 								<view class="right"> {{ percent.value || '0' }} </view>

  244. 							</view>

  245. 						</block>

  246. 					</view>

  247. 				</template>

  248. 

  249. 				<template v-else>

  250. 					<view class="empity">

  251. 						暂无数据

  252. 					</view>

  253. 				</template>

  254. 			</view>

  255. 

  256. 

  257. 

  258. 			<!-- 顾问接待量排名 -->

  259. 			<view class="guwen-ranking" v-if="weekObj.level1List">

  260. 				<view class="guwen-ranking-title">

  261. 					画像一级触达排名（TOP10）

  262. 				</view>

  263. 

  264. 				<template v-if="weekObj.level1List">

  265. 					<!-- 排名百分比列表 -->

  266. 					<view class="ranking-box">

  267. 						<block v-for="(percent, index) in weekObj.level1List" :key="index">

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

  269. 								<view class="left">{{ percent.name }}</view>

  270. 								<view class="middle">

  271. 									<u-line-progress :active-color="$options.filters.setColor(index)"

  272. 										inactive-color="#F2F2F2" :show-percent="false" :percent="percent.percent">

  273. 									</u-line-progress>

  274. 								</view>

  275. 								<view class="right"> {{ percent.total || '0' }} </view>

  276. 							</view>

  277. 						</block>

  278. 					</view>

  279. 				</template>

  280. 

  281. 				<template v-else>

  282. 					<view class="empity">

  283. 						暂无数据

  284. 					</view>

  285. 				</template>

  286. 			</view>

  287. 

  288. 			<view class="guwen-ranking" v-if="weekObj.level2List">

  289. 				<view class="guwen-ranking-title">

  290. 					画像关键词触达排名（TOP10）

  291. 				</view>

  292. 

  293. 				<template v-if="weekObj.level2List">

  294. 					<!-- 排名百分比列表 -->

  295. 					<view class="ranking-box">

  296. 						<block v-for="(percent, index) in weekObj.level2List" :key="index">

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

  298. 								<view class="left">{{ percent.name }}</view>

  299. 								<view class="middle">

  300. 									<u-line-progress :active-color="$options.filters.setColor(index)"

  301. 										inactive-color="#F2F2F2" :show-percent="false" :percent="percent.percent">

  302. 									</u-line-progress>

  303. 								</view>

  304. 								<view class="right"> {{ percent.total || '0' }} </view>

  305. 							</view>

  306. 						</block>

  307. 					</view>

  308. 				</template>

  309. 

  310. 				<template v-else>

  311. 					<view class="empity">

  312. 						暂无数据

  313. 					</view>

  314. 				</template>

  315. 			</view>

  316. 

  317. 			<!-- 使用建议 -->

  318. 			<view class="proposal" v-if="weekObj.suggest">

  319. 				<view class="proposal-title">

  320. 					使用建议

  321. 				</view>

  322. 				<!-- 建议的文字 -->

  323. 				<view class="proposal-box">

  324. 					<u-parse class="ql-editor" :content="weekObj.suggest" />

  325. 				</view>

  326. 			</view>

  327. 

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

  329. 			<view class="nav-footer">

  330. 

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

  332. 					回到管理端

  333. 				</view>

  334. 

  335. 				<view class="footer-item full" style="margin-left: 24rpx;" @tap="forShare">

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

  337. 						一键转发

  338. 					</button>

  339. 				</view>

  340. 			</view>

  341. 

  342. 		</template>

  343. 	</view>

  344. </template>

  345. 

  346. <script>

  347. 	import uParse from '@/components/gaoyia-parse/parse.vue'

  348. 	export default {

  349. 

  350. 		components: {

  351. 			uParse

  352. 		},

  353. 		data() {

  354. 			return {

  355. 				nodata: false,

  356. 				tableHead: [{

  357. 						title: '顾问',

  358. 						title2: '项目名称',

  359. 						style: {

  360. 							flex: 1

  361. 						},

  362. 						style1: {

  363. 							flex: 2

  364. 						},

  365. 					},

  366. 					{

  367. 						title: '接待量',

  368. 						style: {

  369. 							flex: 1

  370. 						}

  371. 					},

  372. 					{

  373. 						title: '平均接待时长',

  374. 						style: {

  375. 							flex: 2

  376. 						}

  377. 					},

  378. 					{

  379. 						title: '平均执行率',

  380. 						style: {

  381. 							flex: 2

  382. 						}

  383. 					},

  384. 					{

  385. 						title: '对比上周',

  386. 						style: {

  387. 							flex: 1.5

  388. 						}

  389. 					},

  390. 				],

  391. 				id: '', // id

  392. 

  393. 				needList: ['JDLTop', 'ZXLTop', 'XJTop1'], // 需要转换数组的内容

  394. 

  395. 				// 简报

  396. 				numlist: [{

  397. 						name: '接待量 (次)',

  398. 						num: '',

  399. 						setName: 'receptionCount1',

  400. 						percent: '',

  401. 						percentName: 'receptionCountPK',

  402. 						preNum: '', // 上周数量

  403. 						preNumName: 'receptionCount2', // 

  404. 						path: '/pages/center/records/index',

  405. 						pathParms: '?activeTotal=4&refresh=refresh', // 参数

  406. 						auth: 'jdjl', // 

  407. 

  408. 					}, {

  409. 						name: '有效接待 (次)',

  410. 						num: '',

  411. 						setName: 'activeCustomer1',

  412. 						percent: '',

  413. 						percentName: 'activeCustomerPK',

  414. 						preNum: '', // 上周数量

  415. 						preNumName: 'activeCustomer2', // 

  416. 						path: '/pages/center/records/index',

  417. 						pathParms: '?activeTotal=4&refresh=refresh&validInvalid=0', // 参数

  418. 						auth: 'jdjl', // 

  419. 					},

  420. 					{

  421. 						name: '平均执行率（%）',

  422. 						num: '',

  423. 						setName: 'fraction1',

  424. 						percent: '',

  425. 						percentName: 'fractionPK',

  426. 						preNum: '', // 上周数量

  427. 						preNumName: 'fraction2', // 

  428. 						path: '/pages/center/records/index',

  429. 						pathParms: '?activeTotal=4&refresh=refresh&validInvalid=0', // 参数

  430. 						auth: 'jdjl', // 

  431. 					},

  432. 					{

  433. 						name: '平均接待时长（分）',

  434. 						num: '',

  435. 						setName: 'avgDuration1',

  436. 						percent: '',

  437. 						percentName: 'avgDurationPK',

  438. 						preNum: '', // 上周数量

  439. 						preNumName: 'avgDuration2', // 

  440. 						path: '/pages/center/records/index',

  441. 						pathParms: '?activeTotal=4&refresh=refresh&validInvalid=0', // 参数

  442. 						auth: 'jdjl', // 

  443. 					},

  444. 					{

  445. 						name: '违禁接待 (次)',

  446. 						num: '',

  447. 						setName: 'prohibitedNum1',

  448. 						percent: '',

  449. 						percentName: 'prohibitedNumPK',

  450. 						preNum: '', // 上周数量

  451. 						preNumName: 'prohibitedNum2', // 

  452. 						class: 'down',

  453. 						path: '/pages/center/prohibited/index',

  454. 						pathParms: '?activeTotal=4&violatedStatus=1&refresh=refresh', // 参数

  455. 						auth: 'wjjl',

  456. 					},

  457. 					{

  458. 						name: '客户画像触达 (次)',

  459. 						num: '',

  460. 						setName: 'reachSum1',

  461. 						percent: '',

  462. 						percentName: 'reachSumPK',

  463. 						preNum: '', // 上周数量

  464. 						preNumName: 'reachSum2', // 

  465. 						path: '/pages/center/Piabodata/Userinsightinto',

  466. 						pathParms: '?activeTotal=3', // 参数

  467. 						auth: 'xjfx',

  468. 					},

  469. 					{

  470. 						name: '已标记',

  471. 						num: '',

  472. 						setName: 'labelledReceptionNum1',

  473. 						percent: '',

  474. 						percentName: 'labelledReceptionNumPK',

  475. 						preNum: '', // 上周数量

  476. 						preNumName: 'labelledReceptionNum2', // 

  477. 						path: '/pages/center/records/index',

  478. 						pathParms: '?activeTotal=4&refresh=refresh&markAdvisor=1', // 参数

  479. 						auth: 'jdjl', // 

  480. 					},

  481. 					{

  482. 						name: '未标记',

  483. 						num: '',

  484. 						setName: 'unlabelledReceptionNum1',

  485. 						percent: '',

  486. 						percentName: 'unlabelledReceptionNumPK',

  487. 						preNum: '', // 上周数量

  488. 						preNumName: 'unlabelledReceptionNum2', // 

  489. 						class: 'down',

  490. 						path: '/pages/center/records/index',

  491. 						path1: '/pages/center/prohibited/firsts', 

  492. 						pathParms: '?activeTotal=4&refresh=refresh&markAdvisor=0&validInvalid=0', // 参数

  493. 						auth: 'jdjl', // 

  494. 					},

  495. 				],

  496. 

  497. 				// 周报详情

  498. 				weekObj: {},

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

  500. 			}

  501. 		},

  502. 

  503. 

  504. 		computed: {

  505. 			// 获取本地存储的权限列表

  506. 			menuList() {

  507. 				return uni.getStorageSync('weapp_session_Menu_data')

  508. 			},

  509. 

  510. 			// 排名最高与最低

  511. 			rankTop() {

  512. 				return name => {

  513. 					let obj = {}

  514. 					try {

  515. 

  516. 						if (this.weekObj.customerInfo1.length && this.weekObj.customerInfo2.length) {

  517. 							obj.ranktype = (this.weekObj.customerInfo1.length - this.weekObj.customerInfo2.length) >

  518. 								0 ? '上升' : '下降'

  519. 							obj.people = Math.abs(this.weekObj.customerInfo1.length - this.weekObj.customerInfo2

  520. 								.length)

  521. 						}

  522. 

  523. 						if (this.weekObj.customerInfo1 && this.weekObj.customerInfo1.length > 0) {

  524. 							obj.topName = this.weekObj.customerInfo1[0].name

  525. 							obj.topPk = Math.abs(this.weekObj.customerInfo1[0].pk)

  526. 							obj.lastName = this.weekObj.customerInfo1[this.weekObj.customerInfo1.length - 1].name,

  527. 								obj.lastPk = Math.abs(this.weekObj.customerInfo1[this.weekObj.customerInfo1.length - 1]

  528. 									.pk)

  529. 						}

  530. 

  531. 						if (this.weekObj.customerInfo1.length && this.weekObj.customerInfo2.length) {

  532. 							obj.class = (this.weekObj.customerInfo1.length - this.weekObj.customerInfo2.length) > 0 ?

  533. 								'up' : 'down'

  534. 						}

  535. 

  536. 						if (this.weekObj.fractionPK) {

  537. 							obj.fractionPKName = this.weekObj.fractionPK > 0 ? '上涨' : '下跌'

  538. 							obj.fractionPK = Math.abs(this.weekObj.fractionPK)

  539. 						}

  540. 

  541. 						if (this.weekObj.XJTop1List && this.weekObj.XJTop1List.length > 0) {

  542. 							obj.fractionBastName = this.weekObj.XJTop1List[0].title

  543. 							obj.fractionBastValue = this.weekObj.XJTop1List[0].value

  544. 						}

  545. 

  546. 						if (this.weekObj.XJTop1List && this.weekObj.XJTop1List.length > 0) {

  547. 							obj.fractionLastName = this.weekObj.XJTop1List[this.weekObj.XJTop1List.length - 1].title

  548. 							obj.fractionLastValue = this.weekObj.XJTop1List[this.weekObj.XJTop1List.length - 1].value

  549. 						}

  550. 

  551. 						return obj[name] || ''

  552. 					} catch (e) {

  553. 						console.log(e)

  554. 						return ''

  555. 					}

  556. 				}

  557. 			},

  558. 

  559. 			// 接待统计

  560. 			isShowStatistics() {

  561. 				// return this.rankTop('ranktype') && this.rankTop('class') && this.rankTop('people') && this.rankTop('topName') && this.rankTop('topPk') && this.rankTop('lastName') && this.rankTop('lastPk') && this.weekObj.customerInfo1 && this.weekObj.customerInfo1.length > 0

  562. 				return this.weekObj.customerInfo1 && this.weekObj.customerInfo1.length > 0

  563. 			},

  564. 

  565. 			isShowXJTop1List() {

  566. 				// return this.weekObj.XJTop1List && this.weekObj.XJTop1List.length > 0 && this.rankTop('fractionPKName') && this.rankTop('fractionPK') && this.rankTop('fractionBastName') && this.rankTop('fractionBastValue') && this.rankTop('fractionLastName') && this.rankTop('fractionLastName') && this.rankTop('fractionLastValue')

  567. 				return this.weekObj.XJTop1List && this.weekObj.XJTop1List.length > 0

  568. 			},

  569. 

  570. 			isShowZXLTopList() {

  571. 				return this.weekObj.ZXLTopList && this.weekObj.ZXLTopList.length > 0

  572. 			},

  573. 

  574. 			isShowJDLTopList() {

  575. 				return this.weekObj.JDLTopList && this.weekObj.JDLTopList.length > 0

  576. 			},

  577. 		},

  578. 

  579. 		onLoad(option) {

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

  581. 			this.getMessage()

  582. 		},

  583. 

  584. 

  585. 		onShareAppMessage() {

  586. 			return {

  587. 				title: `${this.projectName}销讲助手周报`,

  588. 				path: `/pages/reportExcel/weekReport?id=${this.id}`

  589. 			}

  590. 		},

  591. 

  592. 		methods: {

  593. 			tofixed2(time) {

  594. 				if (time) {

  595. 					return time.toFixed(2)

  596. 				} else {

  597. 					return 0

  598. 				}

  599. 			},

  600. 

  601. 			forShare() {

  602. 				this.$u.get("/zkMessage/shareMessage", {

  603. 					id: this.id,

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

  605. 					username: uni.getStorageSync('weapp_session_userInfo_data').username

  606. 				})

  607. 			},

  608. 

  609. 			// 趋势分析

  610. 			toTrendAnalysis(name) {

  611. 				return

  612. 				let date = this.weekObj.weekDate.split('~')

  613. 				let [t1, t2] = [date[0], date[1]]

  614. 				let time1 = new Date(t1.replace(/-/g, '/'))

  615. 				let time2 = new Date(t2.replace(/-/g, '/'))

  616. 				time1.setDate(time1.getDate() - 7)

  617. 				time2.setDate(time2.getDate() - 7)

  618. 				let res1 = `${time1.getFullYear()}-${time1.getMonth() + 1}-${time1.getDate()}`

  619. 				let res2 = `${time2.getFullYear()}-${time2.getMonth() + 1}-${time2.getDate()}`

  620. 				if (this.isPassWatch(name)) {

  621. 					uni.navigateTo({

  622. 						url: `/pages/center/Piabodata/TrendAnalysis?type=1&staTime=${date[0]}&endtime=${date[1]}&staTime1=${res1}&endtime1=${res2}`

  623. 					})

  624. 				} else {

  625. 					uni.showToast({

  626. 						title: '暂无权限',

  627. 						icon: "none"

  628. 					})

  629. 				}

  630. 			},

  631. 

  632. 			// 顾问排名

  633. 			toEmployeesstatistics(name) {

  634. 				let date = this.weekObj.weekDate.split('~')

  635. 				let [t1, t2] = [date[0], date[1]]

  636. 				if (this.isPassWatch(name)) {

  637. 					uni.navigateTo({

  638. 						url: `/pages/center/Piabodata/Employeesstatistics?type=1&staTime=${date[0]}&endtime=${date[1]}`

  639. 					})

  640. 				} else {

  641. 					uni.showToast({

  642. 						title: '暂无权限',

  643. 						icon: "none"

  644. 					})

  645. 				}

  646. 			},

  647. 

  648. 			// 员工分析

  649. 			toStaffAnalysis(name, data) {

  650. 				let obj = this.weekObj.customerInfo1.find(item => {

  651. 					return item.name == data.title

  652. 				})

  653. 				console.log(obj)

  654. 				let time = this.weekObj.weekDate.split('~')

  655. 				if (this.isPassWatch(name)) {

  656. 					uni.navigateTo({

  657. 						url: `/pages/center/Piabodata/StaffAnalysis?type=1&id=${obj.id}&startDate=${time[0]}&endDate=${time[1]}`

  658. 					});

  659. 				} else {

  660. 					uni.showToast({

  661. 						title: '暂无权限',

  662. 						icon: "none"

  663. 					})

  664. 				}

  665. 			},

  666. 

  667. 			// 跳转对应页面

  668. 			toAuthPage(data) {

  669. 				console.log(data, this.weekObj)

  670. 				if (!uni.getStorageSync('weapp_session_login_data').token) {

  671. 					this.toHome()

  672. 					return

  673. 				}

  674. 				if (this.isPassWatch(data.auth)) {

  675. 					let time = this.weekObj.weekDate.split('~')

  676. 					data.pathParms = `${data.pathParms}&staTime=${time[0]}&endtime=${time[1]}`

  677. 					//  判断为项目周报

  678. 					if (this.weekObj.orgCode && data.name == '未标记') {

  679. 						uni.navigateTo({

  680. 							url: `${data.path1}${data.pathParms}&orgCode=${this.weekObj.orgCode}&messageType=${this.weekObj.messageType}`

  681. 						})

  682. 						return

  683. 					}

  684. 					uni.navigateTo({

  685. 						url: `${data.path}${data.pathParms}`

  686. 					})

  687. 				} else {

  688. 					uni.showToast({

  689. 						title: '暂无权限',

  690. 						icon: "none"

  691. 					})

  692. 				}

  693. 			},

  694. 

  695. 

  696. 			// 是否有权限观看

  697. 			isPassWatch(name) {

  698. 				return this.menuList[name]

  699. 			},

  700. 

  701. 			// 跳转首页

  702. 			toHome() {

  703. 				uni.navigateTo({

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

  705. 				})

  706. 			},

  707. 			// 获取周报详情

  708. 			getMessage() {

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

  710. 					id: this.id,

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

  712. 					username: uni.getStorageSync('weapp_session_userInfo_data').username

  713. 				}).then(res => {

  714. 					let data = {}

  715. 					if (res.zkMessage.content) {

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

  717. 						this.bubbleSort(data.customerInfo1 || [], 'pk')

  718. 						this.bubbleSort(data.customerInfo2 || [], 'pk')

  719. 						data.customerInfo1 && data.customerInfo1.reverse()

  720. 						data.customerInfo2 && data.customerInfo2.reverse()

  721. 						this.weekObj = {

  722. 							...res.zkMessage,

  723. 							...data

  724. 						}

  725. 					} else {

  726. 						this.nodata = true

  727. 						this.weekObj = {

  728. 							...res.zkMessage,

  729. 						}

  730. 					}

  731. 

  732. 					if (this.weekObj.level1List && this.weekObj.level2List) {

  733. 						if (this.weekObj.level1List[0] && this.weekObj.level1List[0].total) {

  734. 							let max1 = this.weekObj.level1List[0].total || 1

  735. 							this.weekObj.level1List.forEach(item => {

  736. 								item.percent = Math.floor((item.total / max1) * 100)

  737. 							})

  738. 						} else {

  739. 							this.weekObj.level1List.forEach(item => {

  740. 								item.percent = 0

  741. 							})

  742. 						}

  743. 

  744. 						if (this.weekObj.level2List[0] && this.weekObj.level2List[0].total) {

  745. 							let max2 = this.weekObj.level2List[0].total || 1

  746. 

  747. 							this.weekObj.level2List.forEach(item => {

  748. 								item.percent = Math.floor((item.total / max2) * 100)

  749. 							})

  750. 						} else {

  751. 							this.weekObj.level2List.forEach(item => {

  752. 								item.percent = 0

  753. 							})

  754. 						}

  755. 					}

  756. 

  757. 					this.weekObj.createTimeName = this.getTimeLines(this.weekObj.weekDate, 1)

  758. 					console.log(this.weekObj, 'this.weekObj')

  759. 					this.projectName = res.projectName

  760. 					this.numlist.forEach(item => {

  761. 						if (data[item.setName]) {

  762. 							item.num = data[item.setName]

  763. 						}

  764. 						if (data[item.percentName]) {

  765. 							item.percent = data[item.percentName]

  766. 						}

  767. 						if (data[item.preNumName]) {

  768. 							item.preNum = data[item.preNumName]

  769. 						}

  770. 					})

  771. 					this.init()

  772. 				}).catch(e => {

  773. 					console.log(e)

  774. 				})

  775. 			},

  776. 

  777. 

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

  779. 			init() {

  780. 				console.log(this.weekObj, 'this.weekObj')

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

  782. 					console.log(item)

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

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

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

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

  787. 								title: i,

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

  789. 							})

  790. 						}

  791. 					} else {

  792. 						this.weekObj[item + 'List'] = []

  793. 					}

  794. 				})

  795. 				this.sortInitArr()

  796. 			},

  797. 

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

  799. 			sortInitArr() {

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

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

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

  803. 						this.weekObj[item + 'List'] = this.dealData(this.weekObj[item + 'List'])

  804. 					}

  805. 				})

  806. 

  807. 				this.reverseList()

  808. 			},

  809. 

  810. 			// 反转数组

  811. 			reverseList() {

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

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

  814. 						this.weekObj[item + 'List'].reverse()

  815. 					}

  816. 				})

  817. 				console.log(this.weekObj, '12312312312')

  818. 			},

  819. 

  820. 			// 冒泡排序

  821. 			bubbleSort(arr, keys = 'value') {

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

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

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

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

  826. 						if (arr[j][keys] > arr[j + 1][keys]) {

  827. 							const temp = arr[j];

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

  829. 							arr[j + 1] = temp;

  830. 						}

  831. 					}

  832. 				}

  833. 			},

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

  835. 			dealData(arr) {

  836. 				// 获取最大值

  837. 				let num = Math.max.apply(Math, arr.map((o) => {

  838. 					return o.value

  839. 				}))

  840. 				arr.map(item => {

  841. 					item.values = Math.floor(item.value / num * 100)

  842. 				})

  843. 				return arr

  844. 

  845. 			},

  846. 

  847. 			// 转换时间

  848. 			getTimeLine(date, type = 1) {

  849. 				let resu = '--'

  850. 				if (!date) return resu

  851. 				let time = new Date(date.replace(/-/g, '/'))

  852. 				time.setDate(time.getDate() - 7)

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

  854. 				let str = arr[0]

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

  856. 

  857. 				let m = (time.getMonth() + 1) < 10 ? `0${time.getMonth() + 1}` : (time.getMonth() + 1)

  858. 				let d = time.getDate() < 10 ? `0${time.getDate()}` : time.getDate()

  859. 

  860. 				if (type == 1) {

  861. 					resu = `${m}.${d}-${result[1]}.${result[2]}`

  862. 				} else {

  863. 					resu = `${m}月${d}日～${result[1]}月${result[2]}日`

  864. 				}

  865. 				return resu

  866. 			},

  867. 

  868. 			// 转换时间

  869. 			getTimeLines(date) {

  870. 				if (!date) return ''

  871. 				let arr = date.split('~')

  872. 				let str0 = arr[0].split('-')

  873. 				let str1 = arr[1].split('-')

  874. 

  875. 				return `${str0[1]}月${str0[2]}日～${str1[1]}月${str1[2]}日`

  876. 			},

  877. 

  878. 

  879. 		},

  880. 

  881. 		filters: {

  882. 			// 时间格式转换

  883. 			fomatDate(date) {

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

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

  886. 				let str = arr[0]

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

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

  889. 			},

  890. 

  891. 			// 转换时间

  892. 			getTimeLine(date, type = 1) {

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

  894. 				console.log(date.replace(/-/g, '/'))

  895. 				let time = new Date(date.replace(/-/g, '/'))

  896. 				time.setDate(time.getDate() - 7)

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

  898. 				let str = arr[0]

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

  900. 

  901. 				let m = (time.getMonth() + 1) < 10 ? `0${time.getMonth() + 1}` : (time.getMonth() + 1)

  902. 				let d = time.getDate() < 10 ? `0${time.getDate()}` : time.getDate()

  903. 

  904. 				if (type == 1) {

  905. 					return `${m}.${d}-${result[1]}.${result[2]}`

  906. 				} else {

  907. 					return `${m}月${d}日～${result[1]}月${result[2]}日`

  908. 				}

  909. 			},

  910. 

  911. 			// 设置颜色

  912. 			setColor(index) {

  913. 				let color = ''

  914. 				switch (index) {

  915. 					case 0:

  916. 						color = '#E7483C';

  917. 						break;

  918. 					case 1:

  919. 						color = '#FF8C13';

  920. 						break;

  921. 					case 2:

  922. 						color = '#FFCC00';

  923. 						break;

  924. 					default:

  925. 						color = '#4FC78F';

  926. 						break;

  927. 				}

  928. 				return color

  929. 			},

  930. 		}

  931. 	}

  932. </script>

  933. 

  934. <style lang="scss" scoped>

  935. 	@import '@/static/css/quill/quill.core.css';

  936. 	@import '@/static/css/quill/quill.snow.css';

  937. 	@import '@/static/css/quill/quill.bubble.css';

  938. 

  939. 

  940. 	.pages {

  941. 		width: 100vw;

  942. 		min-height: 100vh;

  943. 		display: flex;

  944. 		flex-direction: column;

  945. 		background: #F8F8F8;

  946. 

  947. 		.nav-header {

  948. 			flex-shrink: 0;

  949. 		}

  950. 

  951. 		.container {

  952. 			padding: 30rpx 30rpx 40rpx;

  953. 			display: flex;

  954. 			flex-direction: column;

  955. 			background: #fff;

  956. 

  957. 			.c-head-card {

  958. 				padding: 30rpx;

  959. 				width: 100%;

  960. 				min-height: 252rpx;

  961. 				border: 2rpx solid #000000;

  962. 				border-radius: 12rpx;

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

  964. 				display: flex;

  965. 				flex-direction: column;

  966. 

  967. 				.c-title-text {

  968. 					// position: relative;

  969. 					flex-grow: 1;

  970. 					font-size: 48rpx;

  971. 					font-weight: bold;

  972. 					color: #303030;

  973. 				}

  974. 

  975. 				.date {

  976. 					// position: absolute;

  977. 					// right: 0;

  978. 					// bottom: 6rpx;

  979. 					font-size: 30rpx;

  980. 					color: #303030;

  981. 				}

  982. 

  983. 				.creative-time {

  984. 					margin: 20rpx 0 0 0;

  985. 					flex-shrink: 0;

  986. 				}

  987. 			}

  988. 		}

  989. 

  990. 		.nodata-box {

  991. 			width: 750rpx;

  992. 			flex: 1;

  993. 			margin: 0 auto;

  994. 			display: flex;

  995. 			justify-content: center;

  996. 			align-items: center;

  997. 			flex-direction: column;

  998. 			background-color: #fff;

  999. 

  1000. 			.img {

  1001. 				width: 400rpx;

  1002. 				height: 400rpx;

  1003. 			}

  1004. 

  1005. 			.text {

  1006. 				text-align: center;

  1007. 				font-size: 28rpx;

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

  1009. 				font-weight: 400;

  1010. 				color: #666666;

  1011. 				line-height: 40rpx;

  1012. 			}

  1013. 		}

  1014. 

  1015. 		.briefing {

  1016. 			background: #fff;

  1017. 

  1018. 			.briefing-title {

  1019. 				padding: 0 30rpx;

  1020. 				height: 90rpx;

  1021. 				display: flex;

  1022. 				align-items: center;

  1023. 				border: 1rpx solid #E0E0E0;

  1024. 				font-size: 32rpx;

  1025. 				font-weight: bold;

  1026. 			}

  1027. 

  1028. 			.briefing-box {

  1029. 				width: 100%;

  1030. 				display: flex;

  1031. 				flex-wrap: wrap;

  1032. 

  1033. 				.briefing-box-item {

  1034. 					padding: 20rpx 30rpx;

  1035. 					width: 50%;

  1036. 					height: 186rpx;

  1037. 					border: 1px solid #E0E0E0;

  1038. 					border-left: none;

  1039. 					border-top: none;

  1040. 

  1041. 					&:nth-of-type(2n) {

  1042. 						border-right: none;

  1043. 					}

  1044. 

  1045. 					.top {

  1046. 						font-size: 28rpx;

  1047. 					}

  1048. 

  1049. 					.middle {

  1050. 						margin: 14rpx 0 12rpx;

  1051. 						font-size: 32rpx;

  1052. 						font-weight: 600;

  1053. 						color: #333333;

  1054. 					}

  1055. 

  1056. 					.bottom {

  1057. 						font-size: 26rpx;

  1058. 						color: #666666;

  1059. 

  1060. 						.b-text {

  1061. 							margin-left: 20rpx;

  1062. 

  1063. 

  1064. 							&.down {

  1065. 								color: #E7483C;

  1066. 								font-size: 34rpx;

  1067. 							}

  1068. 

  1069. 							&.up {

  1070. 								font-size: 34rpx;

  1071. 								color: #43CD80;

  1072. 							}

  1073. 						}

  1074. 					}

  1075. 				}

  1076. 			}

  1077. 		}

  1078. 

  1079. 

  1080. 		.execution-ranking {

  1081. 			margin: 20rpx 0 0 0;

  1082. 			padding: 30rpx;

  1083. 			background: #fff;

  1084. 

  1085. 			.execution-ranking-title {

  1086. 				font-size: 32rpx;

  1087. 				font-weight: bold;

  1088. 			}

  1089. 

  1090. 			.execution-ranking-desc {

  1091. 				margin-top: 20rpx;

  1092. 				font-size: 30rpx;

  1093. 			}

  1094. 

  1095. 			.ranking-box {

  1096. 				margin: 30rpx 0 0 0;

  1097. 

  1098. 				.ranking-item {

  1099. 					margin-bottom: 18rpx;

  1100. 					display: flex;

  1101. 

  1102. 					&:nth-last-of-type(1) {

  1103. 						margin-bottom: 0;

  1104. 					}

  1105. 

  1106. 					.left {

  1107. 						flex-shrink: 0;

  1108. 						width: 270rpx;

  1109. 						font-size: 30rpx;

  1110. 						overflow: hidden;

  1111. 						text-overflow: ellipsis;

  1112. 						white-space: nowrap;

  1113. 					}

  1114. 

  1115. 					.middle {

  1116. 						flex-grow: 1;

  1117. 					}

  1118. 

  1119. 					.right {

  1120. 						flex-shrink: 0;

  1121. 						width: 118rpx;

  1122. 						font-size: 30rpx;

  1123. 						text-align: center;

  1124. 					}

  1125. 				}

  1126. 			}

  1127. 		}

  1128. 

  1129. 		.statistics {

  1130. 			margin: 20rpx 0 0 0;

  1131. 			background: #fff;

  1132. 

  1133. 			.statistics-title {

  1134. 				padding: 30rpx 30rpx 0;

  1135. 				width: 100%;

  1136. 				font-size: 32rpx;

  1137. 				font-weight: bold;

  1138. 			}

  1139. 

  1140. 			.statistics-desc {

  1141. 				padding: 0 30rpx;

  1142. 				margin-top: 20rpx;

  1143. 			}

  1144. 

  1145. 			.table {

  1146. 				margin: 30rpx 0 0 0;

  1147. 

  1148. 				.thead {

  1149. 					padding: 0 30rpx;

  1150. 					width: 100%;

  1151. 					height: 72rpx;

  1152. 					display: flex;

  1153. 					align-items: center;

  1154. 					border: 1rpx solid #E0E0E0;

  1155. 					border-left: none;

  1156. 					border-right: none;

  1157. 					font-size: 26rpx;

  1158. 

  1159. 					.thead-item {

  1160. 						text-align: center;

  1161. 					}

  1162. 				}

  1163. 

  1164. 				.tbody {

  1165. 

  1166. 					.tbody-item {

  1167. 						padding: 0 30rpx;

  1168. 						display: flex;

  1169. 						align-items: center;

  1170. 						height: 72rpx;

  1171. 						background: #FAFCFF;

  1172. 

  1173. 						&:nth-of-type(2n) {

  1174. 							background: #FFFFFF;

  1175. 						}

  1176. 

  1177. 						.tbody-items {

  1178. 							flex: 1;

  1179. 							display: flex;

  1180. 							justify-content: center;

  1181. 						}

  1182. 

  1183. 						.name {

  1184. 							justify-content: flex-start;

  1185. 							overflow: hidden;

  1186. 							text-overflow: ellipsis;

  1187. 							white-space: nowrap;

  1188. 						}

  1189. 

  1190. 						.time {

  1191. 							flex: 2;

  1192. 						}

  1193. 

  1194. 						.percent {

  1195. 							flex: 2;

  1196. 						}

  1197. 

  1198. 						.week {

  1199. 							flex: 1.5;

  1200. 						}

  1201. 					}

  1202. 				}

  1203. 

  1204. 				.tbottom {

  1205. 					width: 100%;

  1206. 					height: 72rpx;

  1207. 					display: flex;

  1208. 					justify-content: center;

  1209. 					align-items: center;

  1210. 					font-size: 30rpx;

  1211. 					color: #2671E2;

  1212. 					background: #FAFCFF;

  1213. 				}

  1214. 			}

  1215. 		}

  1216. 

  1217. 		.guwen-ranking {

  1218. 			margin: 20rpx 0 0 0;

  1219. 			width: 100%;

  1220. 			padding: 30rpx;

  1221. 			background: #fff;

  1222. 

  1223. 			.guwen-ranking-title {

  1224. 				font-size: 32rpx;

  1225. 				font-weight: 500;

  1226. 			}

  1227. 

  1228. 			.guwen-ranking-desc {

  1229. 				margin-top: 20rpx;

  1230. 				font-size: 30rpx;

  1231. 			}

  1232. 

  1233. 			.ranking-box {

  1234. 				margin: 30rpx 0 0 0;

  1235. 

  1236. 				.ranking-item {

  1237. 					margin-bottom: 18rpx;

  1238. 					display: flex;

  1239. 

  1240. 					&:nth-last-of-type(1) {

  1241. 						margin-bottom: 0;

  1242. 					}

  1243. 

  1244. 					.left {

  1245. 						flex-shrink: 0;

  1246. 						width: 270rpx;

  1247. 						font-size: 30rpx;

  1248. 						overflow: hidden;

  1249. 						text-overflow: ellipsis;

  1250. 						white-space: nowrap;

  1251. 					}

  1252. 

  1253. 					.middle {

  1254. 						flex-grow: 1;

  1255. 					}

  1256. 

  1257. 					.right {

  1258. 						flex-shrink: 0;

  1259. 						width: 118rpx;

  1260. 						font-size: 30rpx;

  1261. 						text-align: center;

  1262. 					}

  1263. 				}

  1264. 			}

  1265. 		}

  1266. 

  1267. 		.proposal {

  1268. 			margin: 20rpx 0 0 0;

  1269. 			padding: 30rpx;

  1270. 			background: #fff;

  1271. 

  1272. 			.proposal-title {

  1273. 				font-size: 32rpx;

  1274. 				font-weight: 500;

  1275. 			}

  1276. 

  1277. 			.proposal-box {

  1278. 				margin: 30rpx 0 0 0;

  1279. 

  1280. 				.proposal-item {

  1281. 					margin: 20rpx 0 0 0;

  1282. 					display: flex;

  1283. 

  1284. 					.lside {

  1285. 						flex-shrink: 0;

  1286. 						margin: 0 12rpx 0 0;

  1287. 						width: 44rpx;

  1288. 						height: 44rpx;

  1289. 						border-radius: 50%;

  1290. 						background: #2671E2;

  1291. 						text-align: center;

  1292. 						line-height: 44rpx;

  1293. 						color: #fff;

  1294. 					}

  1295. 

  1296. 					.rside {

  1297. 

  1298. 						.rside-title {

  1299. 							font-size: 32rpx;

  1300. 						}

  1301. 

  1302. 						.rside-box {

  1303. 							margin: 16rpx 0 0 0;

  1304. 						}

  1305. 					}

  1306. 				}

  1307. 			}

  1308. 

  1309. 		}

  1310. 

  1311. 

  1312. 

  1313. 		.nav-footer {

  1314. 			position: sticky;

  1315. 			bottom: 0;

  1316. 			padding: 32rpx;

  1317. 			width: 100%;

  1318. 			display: flex;

  1319. 			justify-content: center;

  1320. 			background: #fff;

  1321. 

  1322. 			.footer-item {

  1323. 				flex: 1;

  1324. 				height: 88rpx;

  1325. 				display: flex;

  1326. 				justify-content: center;

  1327. 				align-items: center;

  1328. 				color: #2671E2;

  1329. 				border: 2rpx solid #2671E2;

  1330. 				border-radius: 8rpx;

  1331. 				overflow: hidden;

  1332. 				font-size: 32rpx;

  1333. 

  1334. 				&.full {

  1335. 					background: #2671E2;

  1336. 					color: #fff;

  1337. 

  1338. 					.fulls {

  1339. 						box-sizing: border-box;

  1340. 						width: 100%;

  1341. 						height: 100%;

  1342. 						background: transparent;

  1343. 						color: #fff;

  1344. 						font-size: 32rpx;

  1345. 						font-weight: normal;

  1346. 						line-height: 88rpx;

  1347. 					}

  1348. 				}

  1349. 			}

  1350. 

  1351. 		}

  1352. 

  1353. 

  1354. 

  1355. 		.up {

  1356. 			color: #43CD80 !important;

  1357. 		}

  1358. 

  1359. 		.down {

  1360. 			color: #E6273A !important;

  1361. 		}

  1362. 

  1363. 		.empity {

  1364. 			width: 100%;

  1365. 			height: 300rpx;

  1366. 			display: flex;

  1367. 			justify-content: center;

  1368. 			align-items: center;

  1369. 			font-size: 28rpx;

  1370. 			color: #666666;

  1371. 		}

  1372. 	}

  1373. </style>