Acher
/
newEdition
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
AI销管
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
141 Commits
13 Ramas
9.8 MiB
 
 
 
 
Árbol: 6c3f12742b
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '6c3f12742b'
${ noResults }
newEdition/pages/index/customer.vue

697 líneas
17 KiB
Original Blame Histórico 

  1. <template>

  2. 	<view class="cented-box">

  3. 		<view v-if="waitCustomList.length==0" class="empty">

  4. 			<view style="width: 100%;display: flex;

  5. 			flex-direction: column;justify-content: center;align-items: center;">

  6. 				<view style="width: 100%;text-align: center;">

  7. 					<image style="width: 220rpx;height: 200rpx;"

  8. 						src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>

  9. 				</view>

  10. 				<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>

  11. 			</view>

  12. 		</view>

  13. 		<!-- 		<view class="customer" v-if="waitCustomList.length!=0" v-for="(item,index) in waitCustomList" :key='index'

  14. 			@click="tapThevisiting(item)">

  15. 			<view class="title">

  16. 				<view class="zuo">

  17. 					<view class="zuoimg">A</view>

  18. 					<view class="zuoname">{{item.name}}</view>

  19. 				</view>

  20. 				<view class="you">

  21. 					<view class="youimg1" v-if="item.status!=0"></view>

  22. 					<view class="youimg1-1" v-if="item.status==0"></view>

  23. 					<view class="youtext">{{item.status==0?"排队中":item.status==1?"接待中":"已完成"}}</view>

  24. 				</view>

  25. 			</view>

  26. 			<view class="centerbox" v-if="item.status!=0">

  27. 				<view class="centerbox-che">手机号码：<text class="shizai">{{item.phone || "--"}}</text></view>

  28. 				<view class="centerbox-che">开始时间：<text class="shizai">{{item.createTime}}</text></view>

  29. 				<view class="centerbox-che">顾问姓名：<text class="shizai" style="color: #333333;">{{item.agentName}}</text>

  30. 				</view>

  31. 

  32. 				<view class="centerbox-che2" v-if="item.status==1">

  33. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine==0">设备状态：<text

  34. 							class="shizai" style="color: red;">离线</text></view>

  35. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine!=0">工牌电量：<text

  36. 							class="shizai" style="color: #333333;">{{item.zkEquipmentState.electricity}}%</text></view>

  37. 					<view class="Workcard" v-if="item.status==1&&item.zkEquipmentState.onLine==1">录音状态：

  38. 						<text v-if="item.zkEquipmentState.simAudioStatus=='true'" class="shizai"

  39. 							style="color: #333333;">使用中</text>

  40. 						<text v-if="item.zkEquipmentState.simAudioStatus=='false'" class="shizai"

  41. 							style="color: #333333;">未使用</text>

  42. 					</view>

  43. 				</view>

  44. 

  45. 

  46. 			</view>

  47. 			<view class="footer-button" v-if="item.status!=0">

  48. 				<view v-if="permissions.commonly3" class="footer1" @click.stop="addTime(item)">接待延时</view>

  49. 				<view v-if="permissions.commonly4" class="footer1" @click.stop="assign(item)">重新指派</view>

  50. 				<view v-if="permissions.commonly5" class="footer3" @click.stop="changeEnd(item.id)">结束接待</view>

  51. 			</view>

  52. 

  53. 			<view class="centerbox" v-if="item.status==0">

  54. 				<view class="centerbox-che">手机号码：<text class="shizai">{{item.phone || "--"}}</text></view>

  55. 			</view>

  56. 			<view class="footer-button" v-if="item.status==0">

  57. 				<view class="footer3" @click.stop="assign(item)">指派顾问</view>

  58. 			</view>

  59. 

  60. 		</view> -->

  61. 

  62. 		<view class="customer" v-if="waitCustomList.length!=0" v-for="(item,index) in waitCustomList" :key='index'

  63. 			@click="tapThevisiting(item)">

  64. 			<view class="title">

  65. 				<view class="zuo">

  66. 					<view class="zuoimg">顾</view>

  67. 					<view class="zuoname">{{item.agentName || '--'}}</view>

  68. 				</view>

  69. 				<view class="cen" v-if="timestamp(item.assignedTime) < 60*30">

  70. 					<view v-if="item.status!=0">

  71. 						自动结束 <u-count-down :timestamp="timestamp(item.assignedTime)" color="#E7483C"></u-count-down>

  72. 					</view>

  73. 				</view>

  74. 				<view class="you">

  75. 					<!-- <view class="youimg1" v-if="item.status!=0"></view>

  76. 					<view class="youimg1-1" v-if="item.status==0"></view>

  77. 					<view class="youtext">{{item.status==0?"排队中":item.status==1?"接待中":"已完成"}}</view> -->

  78. 					<view class="" v-if="item.status!=0" style="display: flex;">

  79. 						<block v-if="item.imei!=null">

  80. 							<!-- 接待中 -->

  81. 							<view class="">

  82. 								<!-- 工牌标示 -->

  83. 								<!-- <image class="you-img" src="../../static/images/cus1.png" mode=""></image> -->

  84. 							</view>

  85. 							<!-- 未离线 -->

  86. 							<view class="" v-if="item.zkEquipmentState.onLine!=0" style="display: flex;">

  87. 								<view class="">

  88. 									<!-- 电量 -->

  89. 									<image v-if="item.zkEquipmentState.electricity>=20" class="you-img"

  90. 										src="../../static/images/cus2.png" mode=""></image>

  91. 									<image v-else class="you-img" src="../../static/images/cus5.png" mode=""></image>

  92. 								</view>

  93. 								<view class="">

  94. 									<!-- 录音 -->

  95. 									<image v-if="item.zkEquipmentState.simAudioStatus=='true'" class="you-img"

  96. 										src="../../static/images/cus3.png" mode=""></image>

  97. 									<image v-else class="you-img" src="../../static/images/cus6.png" mode=""></image>

  98. 								</view>

  99. 							</view>

  100. 							<!-- 离线 -->

  101. 							<view class="" v-else>

  102. 								<view class="">

  103. 									<!-- 录音 -->

  104. 									<image class="you-img" src="../../static/images/cus4.png" mode=""></image>

  105. 								</view>

  106. 							</view>

  107. 						</block>

  108. 					</view>

  109. 					<view class="youtext" v-else>

  110. 						<!--排队中  -->

  111. 						排队中

  112. 					</view>

  113. 				</view>

  114. 			</view>

  115. 			<view class="centerbox">

  116. 				<view class="content-sec">

  117. 					<view class="left">

  118. 						<view class="adviser">客</view>

  119. 						<view class="cus">{{item.name || '--'}}</view>

  120. 						<view class="arriveNum">{{ item.phone || '--' }}</view>

  121. 					</view>

  122. 				</view>

  123. 				<view class="content-last">

  124. 					<view class="c-items">

  125. 						<image src="../../static/images/people.png" class="c-items-img" mode=""></image>

  126. 						{{ item.visitRecord || "0" }}次到访

  127. 					</view>

  128. 					<view class="c-items">

  129. 						<image src="../../static/images/time.png" class="c-items-img" mode=""></image>

  130. 						{{ item.createTime }}

  131. 					</view>

  132. 					<!-- <view class="c-items">

  133. 					<image src="../../static/images/voice.png" class="c-items-img" mode=""></image>

  134. 					{{ item.mm || '0' }}min

  135. 				</view> -->

  136. 				</view>

  137. 			</view>

  138. 			<view class="footer-button" v-if="item.status!=0">

  139. 				<view v-if="permissions.commonly3" class="footer1" @click.stop="addTime(item)">接待延时</view>

  140. 				<view v-if="permissions.commonly4" class="footer1" @click.stop="assign(item)">重新指派</view>

  141. 				<view v-if="permissions.commonly5" class="footer3" @click.stop="changeEnd(item.id)">结束接待</view>

  142. 			</view>

  143. 			<view class="footer-button" v-if="item.status==0">

  144. 				<view class="footer3" @click.stop="assign(item)">指派顾问</view>

  145. 			</view>

  146. 		</view>

  147. 		<image v-if="permissions.commonly2" @click="addreception()" class="add" src="/static/images/add.png" mode="">

  148. 		</image>

  149. 		<image class="add2" @click="reshCustom()" src="https://static.quhouse.com/zhikong_xcx_img/refresh.png" mode="">

  150. 		</image>

  151. 	</view>

  152. </template>

  153. 

  154. <script>

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

  156. 	export default {

  157. 		data() {

  158. 			return {

  159. 				noClick: true,

  160. 				// tabbar配置项

  161. 				current: 0,

  162. 				//--- end --- tabbar配置项

  163. 				buildingID: '',

  164. 				waitCustomList: [],

  165. 				isAdd: '',

  166. 				dataCode: '',

  167. 				addAccount: '',

  168. 				permissions: {

  169. 					commonly1: false, //查看

  170. 					commonly2: false, //添加

  171. 					commonly3: false, //指派

  172. 					commonly4: false,

  173. 					commonly5: false,

  174. 				},

  175. 			};

  176. 		},

  177. 		computed: {

  178. 			timestamp() {

  179. 				return (e) => {

  180. 					if (!e) return

  181. 					let totalTime = new Date(e).getTime() / 1000 + 60 * 60 * 2

  182. 					let nowTime = new Date().getTime() / 1000

  183. 					return totalTime - nowTime

  184. 				}

  185. 			}

  186. 			// judgeHalfAnHour(){

  187. 			// 	return (e)=>{

  188. 

  189. 			// 	}

  190. 			// }

  191. 		},

  192. 		onShow() {

  193. 			this.buildingID = uni.getStorageSync('buildingID').id;

  194. 			let newmenulist = uni.getStorageSync('weapp_session_Menu_data');

  195. 			this.permissions.commonly1 = newmenulist.jd_ck;

  196. 			this.permissions.commonly2 = newmenulist.jd_xz;

  197. 			this.permissions.commonly3 = newmenulist.jd_zp;

  198. 			this.permissions.commonly4 = newmenulist.jdys;

  199. 			this.permissions.commonly5 = newmenulist.jsjd;

  200. 			const {

  201. 				addAccount,

  202. 				dataCode

  203. 			} = uni.getStorageSync("weapp_session_userInfo_data");

  204. 			this.addAccount = addAccount;

  205. 			this.dataCode = dataCode;

  206. 			this.init()

  207. 			this.queryHaveDept()

  208. 			this.updateInit()

  209. 		},

  210. 

  211. 		onPullDownRefresh() {

  212. 			this.init()

  213. 			setTimeout(function() {

  214. 				uni.stopPullDownRefresh();

  215. 			}, 1000);

  216. 		},

  217. 		methods: {

  218. 

  219. 

  220. 			updateInit() {

  221. 				this.$u.get(config.service.notReadNum, {

  222. 					id: uni.getStorageSync('weapp_session_userInfo_data').accountId,

  223. 					projectId: uni.getStorageSync('buildingID').id

  224. 				}).then(res => {

  225. 					console.log(res)

  226. 					if (res > 0) {

  227. 						uni.setTabBarBadge({ //显示数字

  228. 							index: 4, //tabbar下标

  229. 							text: `${res}`//数字

  230. 						})

  231. 					} else {

  232. 						uni.removeTabBarBadge({

  233. 							index: 4

  234. 						})

  235. 					}

  236. 				}).catch(e => {

  237. 					uni.removeTabBarBadge({

  238. 						index: 4

  239. 					})

  240. 				})

  241. 			},

  242. 

  243. 			reshCustom() {

  244. 				this.init()

  245. 			},

  246. 			tapThevisiting(item) {

  247. 				if (this.permissions.commonly1 != true) {

  248. 					return

  249. 				}

  250. 				uni.showLoading({

  251. 					title: '加载中',

  252. 					mask: true

  253. 				});

  254. 				if (item.status == 0) {

  255. 					setTimeout(function() {

  256. 						uni.hideLoading();

  257. 					}, 2000);

  258. 					uni.showToast({

  259. 						icon: "none",

  260. 						title: "排队中"

  261. 					})

  262. 					return

  263. 				} else {

  264. 					const parames = {

  265. 						pageNum: 1,

  266. 						pageSize: 100,

  267. 						query: {

  268. 							customerId: item.id,

  269. 						}

  270. 					}

  271. 					var itemsd = {

  272. 						bg: 0,

  273. 						customerId: item.id,

  274. 						id: '',

  275. 						onebest: ''

  276. 					}

  277. 					this.$u.post("/corpus/findByPage", parames).then(res => {

  278. 						setTimeout(function() {

  279. 							uni.hideLoading();

  280. 						}, 2000);

  281. 						if (res) {

  282. 							let newobj = res[0];

  283. 							uni.navigateTo({

  284. 								url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&itemobj=${JSON.stringify(itemsd)}&stateisshow=${"1"}`

  285. 							})

  286. 						} else {

  287. 							uni.showToast({

  288. 								icon: "none",

  289. 								title: "暂无音频"

  290. 							})

  291. 							return

  292. 						}

  293. 					})

  294. 				}

  295. 

  296. 			},

  297. 			queryHaveDept() {

  298. 				return new Promise((resolve, reject) => {

  299. 					this.$u.get("/user/queryHaveDept?houseId=" + this.buildingID).then(res => {

  300. 						this.isAdd = res;

  301. 						resolve();

  302. 					})

  303. 				})

  304. 			},

  305. 			init() {

  306. 				this.waitCustomList = []

  307. 				let parames = {

  308. 					itemId: this.buildingID

  309. 				}

  310. 				this.$u.post("/customer/reception", parames).then(data => {

  311. 					this.waitCustomList = data;

  312. 				});

  313. 			},

  314. 			//延时接待

  315. 			addTime(item) {

  316. 				uni.showModal({

  317. 					content: "确定延长半小时接待时间?",

  318. 					cancelColor: "#999999",

  319. 					success: res => {

  320. 						if (res.confirm) {

  321. 							this.$u.post("/customer/delayed", {

  322. 								cusId: item.id

  323. 							}).then(res => {

  324. 								uni.showToast({

  325. 									icon: "none",

  326. 									title: "操作成功"

  327. 								})

  328. 							});

  329. 						}

  330. 					}

  331. 				})

  332. 			},

  333. 			//结束接待

  334. 			changeEnd(id) {

  335. 				uni.showModal({

  336. 					content: "确定更改当前客户接待状态为结束?",

  337. 					cancelColor: "#999999",

  338. 					success: res => {

  339. 						if (this.noClick) {

  340. 							this.noClick = false;

  341. 							if (res.confirm) {

  342. 								this.$u.post("/customer/endReception", {

  343. 									id: id,

  344. 									houseId: this.buildingID

  345. 								}).then(res => {

  346. 									uni.showToast({

  347. 										icon: "none",

  348. 										title: "操作成功"

  349. 						 		})

  350. 									this.init();

  351. 								});

  352. 							}

  353. 							setTimeout(() => {

  354. 								this.noClick = true;

  355. 							}, 2000)

  356. 						} else {

  357. 							//  这里是重复点击的判断

  358. 						}

  359. 					}

  360. 				})

  361. 			},

  362. 			//新增接待

  363. 			addreception() {

  364. 				const {

  365. 					dataCode,

  366. 					addAccount

  367. 				} = uni.getStorageSync("weapp_session_userInfo_data");

  368. 

  369. 				if (dataCode == 6) {

  370. 					// if (addAccount != 0) {

  371. 					// 	uni.showToast({

  372. 					// 		title: '不允许自建客户！',

  373. 					// 		duration: 2000

  374. 					// 	});

  375. 					// 	return

  376. 					// }

  377. 					if (this.waitCustomList.length == 0) {

  378. 						uni.navigateTo({

  379. 							url: '/pages/mine/reception/addreception'

  380. 						})

  381. 						return

  382. 					} else {

  383. 						for (var i = 0; i < this.waitCustomList.length; i++) {

  384. 							if (this.waitCustomList[i].status == 1) {

  385. 								uni.showLoading({

  386. 									title: '当前还有未完成的客户项'

  387. 								});

  388. 								setTimeout(function() {

  389. 									uni.hideLoading();

  390. 								}, 1000);

  391. 								return

  392. 							} else {

  393. 								uni.navigateTo({

  394. 									url: '/pages/mine/reception/addreception'

  395. 								})

  396. 								return

  397. 							}

  398. 						}

  399. 					}

  400. 				} else {

  401. 					uni.navigateTo({

  402. 						url: '/pages/mine/reception/addreception'

  403. 					});

  404. 				}

  405. 			},

  406. 			assign(item) {

  407. 				let url = `/pages/mine/reception/consultant?id=${item.id}`

  408. 				if (item.beforeAgentId) {

  409. 					url += `&beforeAgentId=${item.beforeAgentId}`;

  410. 				}

  411. 				uni.navigateTo({

  412. 					url: url

  413. 				})

  414. 			},

  415. 

  416. 		},

  417. 

  418. 	};

  419. </script>

  420. 

  421. <style lang="scss" scoped>

  422. 	.cented-box {

  423. 		background: #F8F8F8;

  424. 		width: 100%;

  425. 		min-height: calc(100vh - var(--window-bottom) - var(--window-top));

  426. 		padding-bottom: 30rpx;

  427. 		display: flex;

  428. 		flex-direction: column;

  429. 

  430. 		.empty {

  431. 			flex-grow: 1;

  432. 			display: flex;

  433. 			align-items: center;

  434. 		}

  435. 	}

  436. 

  437. 	.customer {

  438. 		margin-top: 30rpx;

  439. 		width: 100%;

  440. 		background: #FFFFFF;

  441. 		box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  442. 

  443. 		.title {

  444. 			height: 90rpx;

  445. 			border-bottom: 1px solid #E0E0E0;

  446. 			display: flex;

  447. 			align-items: center;

  448. 			justify-content: space-between;

  449. 

  450. 			.zuo {

  451. 				// width: 25%;

  452. 				height: 100%;

  453. 				display: flex;

  454. 				align-items: center;

  455. 

  456. 				.zuoimg {

  457. 					width: 52rpx;

  458. 					height: 52rpx;

  459. 					border-radius: 50%;

  460. 					// border: 1px solid #C9C9C9;

  461. 					border: 1px solid #2671E2;

  462. 					font-size: 30rpx;

  463. 					color: #2671E2;

  464. 					font-weight: 400;

  465. 					line-height: 48rpx;

  466. 					text-align: center;

  467. 					margin-left: 30rpx;

  468. 				}

  469. 

  470. 				.zuoname {

  471. 					font-size: 30rpx;

  472. 					font-weight: bold;

  473. 					color: #333333;

  474. 					line-height: 30rpx;

  475. 					margin-left: 20rpx;

  476. 				}

  477. 			}

  478. 

  479. 			.cen {

  480. 				// width:50%;

  481. 				color: #E7483C;

  482. 				text-align: center;

  483. 

  484. 			}

  485. 

  486. 			.you {

  487. 				// width: 25%;

  488. 				height: 100%;

  489. 				display: flex;

  490. 				align-items: center;

  491. 				margin-right: 30rpx;

  492. 

  493. 				.youimg1 {

  494. 					width: 12rpx;

  495. 					height: 12rpx;

  496. 					border-radius: 50%;

  497. 					background: #2B6EFF;

  498. 				}

  499. 

  500. 				.you-img {

  501. 					width: 24rpx;

  502. 					height: 32rpx;

  503. 					margin-left: 24rpx;

  504. 				}

  505. 

  506. 				.youimg1-1 {

  507. 					width: 12rpx;

  508. 					height: 12rpx;

  509. 					border-radius: 50%;

  510. 					background: #F2A269;

  511. 				}

  512. 

  513. 				.youtext {

  514. 					font-size: 30rpx;

  515. 					font-weight: 400;

  516. 					color: #292929;

  517. 					line-height: 30rpx;

  518. 					margin-left: 10rpx;

  519. 				}

  520. 			}

  521. 		}

  522. 

  523. 		.centerbox {

  524. 			.centerbox-che {

  525. 				width: 100%;

  526. 				margin-top: 30rpx;

  527. 				height: 30rpx;

  528. 				font-size: 30rpx;

  529. 				font-weight: 400;

  530. 				color: #666666;

  531. 				line-height: 30rpx;

  532. 				text-indent: 30rpx;

  533. 

  534. 				.shizai {

  535. 					color: #333333;

  536. 				}

  537. 			}

  538. 

  539. 			.centerbox-che2 {

  540. 				width: 100%;

  541. 				margin-top: 30rpx;

  542. 				height: 30rpx;

  543. 				font-size: 30rpx;

  544. 				font-weight: 400;

  545. 				color: #666666;

  546. 				line-height: 30rpx;

  547. 				text-indent: 30rpx;

  548. 				display: flex;

  549. 

  550. 				.Workcard {

  551. 					width: 50%;

  552. 				}

  553. 			}

  554. 		}

  555. 

  556. 		.footer-button {

  557. 			// margin-top: 30rpx;

  558. 			width: 100%;

  559. 			height: 108rpx;

  560. 			display: flex;

  561. 			font-size: 30rpx;

  562. 			font-weight: 400;

  563. 			color: #333333;

  564. 			border-top: 1rpx solid #E0E0E0;

  565. 			justify-content: flex-end;

  566. 			line-height: 58rpx;

  567. 

  568. 			.footer1 {

  569. 				// flex: 1;

  570. 				text-align: center;

  571. 				margin-top: 24rpx;

  572. 				// line-height: 90rpx;

  573. 				// border-right: 1rpx solid #E0E0E0;

  574. 				width: 156rpx;

  575. 				height: 60rpx;

  576. 				background: #FFFFFF;

  577. 				border-radius: 30rpx;

  578. 				border: 1px solid #999999;

  579. 				margin-left: 30rpx;

  580. 

  581. 			}

  582. 

  583. 			.footer3 {

  584. 				// flex: 1;

  585. 				text-align: center;

  586. 				margin-top: 24rpx;

  587. 				// line-height: 90rpx;

  588. 				width: 156rpx;

  589. 				height: 60rpx;

  590. 				background: #FFFFFF;

  591. 				border-radius: 30rpx;

  592. 				border: 1px solid #999999;

  593. 				margin-left: 30rpx;

  594. 				margin-right: 30rpx;

  595. 			}

  596. 		}

  597. 	}

  598. 

  599. 	.add {

  600. 		width: 90rpx;

  601. 		height: 90rpx;

  602. 		position: fixed;

  603. 		bottom: 270rpx;

  604. 		right: 44rpx;

  605. 	}

  606. 

  607. 	.add2 {

  608. 		width: 90rpx;

  609. 		height: 90rpx;

  610. 		position: fixed;

  611. 		bottom: 150rpx;

  612. 		right: 44rpx;

  613. 	}

  614. 

  615. 	.content-sec {

  616. 		padding: 28rpx 30rpx 32rpx;

  617. 		width: 100%;

  618. 		display: flex;

  619. 		justify-content: space-between;

  620. 

  621. 		.left {

  622. 			flex-shrink: 0;

  623. 			width: 100%;

  624. 			display: flex;

  625. 			align-items: center;

  626. 

  627. 			.adviser {

  628. 				flex-shrink: 0;

  629. 				margin-right: 10rpx;

  630. 				padding: 5rpx 11rpx;

  631. 				border-radius: 50%;

  632. 				border: 1rpx solid #2671E2;

  633. 				background: #2671E2;

  634. 				font-size: 30rpx;

  635. 				color: #fff;

  636. 			}

  637. 

  638. 			.cus {

  639. 				font-size: 30rpx;

  640. 				font-weight: 400;

  641. 				color: #666666;

  642. 				overflow: hidden;

  643. 				/*超出部分隐藏*/

  644. 				text-overflow: ellipsis;

  645. 				/* 超出部分显示省略号 */

  646. 				white-space: nowrap;

  647. 				/*规定段落中的文本不进行换行 */

  648. 			}

  649. 

  650. 			.arriveNum {

  651. 				flex-shrink: 0;

  652. 				font-size: 30rpx;

  653. 				font-weight: 400;

  654. 				margin-left: 10rpx;

  655. 			}

  656. 		}

  657. 

  658. 		.right {

  659. 			flex-shrink: 0;

  660. 			font-size: 28rpx;

  661. 			font-weight: 400;

  662. 			color: #2671E2;

  663. 			display: flex;

  664. 			align-items: center;

  665. 

  666. 			.img {

  667. 				margin-right: 10rpx;

  668. 				width: 32rpx;

  669. 				height: 32rpx;

  670. 			}

  671. 		}

  672. 	}

  673. 

  674. 	.content-last {

  675. 		padding: 0 30rpx 34rpx;

  676. 		font-size: 30rpx;

  677. 		font-weight: 400;

  678. 		color: #666666;

  679. 		display: flex;

  680. 		align-items: center;

  681. 		justify-content: space-between;

  682. 

  683. 		.c-items {

  684. 			flex-shrink: 0;

  685. 			display: flex;

  686. 			align-items: center;

  687. 			font-size: 28rpx;

  688. 

  689. 			.c-items-img {

  690. 				margin-right: 10rpx;

  691. 				width: 32rpx;

  692. 				height: 32rpx;

  693. 			}

  694. 		}

  695. 	}

  696. </style>