index.vue 17.5 KB
Newer Older
张成 committed
1 2
<template>
	<div class="pages">
3 4 5 6
		<view class="topBar" :style="{'padding-top':statusBarHeight+'px','height':navigationBarHeight+'px'}">
			<u-icon @click="goBack" name="arrow-left" color="#000000" size="20"></u-icon>
			<view class="tabTitle" :style="{'line-height':navigationBarHeight+'px'}">订单详情</view>
		</view>
weijiguang committed
7
		<div class="order_status" :style="{'margin-top':(statusBarHeight+navigationBarHeight+getPx(32))+'px'}">
宋冰琦 committed
8
			<view class="status_text">订单状态:{{ orderStatusText }}</view>
9 10 11
			<view class="tips">
				<view v-if="orderInfo.state == 7">为保持口感,请尽快引用哦~</view>
				<view v-if="orderInfo.state == 4">订单已制作完成,请尽快取餐~</view>
12
				<view v-if="orderInfo.state == 2 || orderInfo.state == 3">请您耐心等候,预计<text class="time">{{waitTime}}</text>分钟后可取</view>
13
			</view>
张成 committed
14
			<div class="btns">
weijiguang committed
15
				<a type="primary" @click="cancelOrder" v-if="orderInfo.state == 1" class="btn_cancel">取消订单</a>
张成 committed
16
				<a type="primary" @click="PayNow" v-if="orderInfo.state == 1" class="btn">立即支付</a>
17
				<a type="primary" @click="toRefund" v-if="orderInfo.state == 2" class="btn_cancel">申请退款</a>
weijiguang committed
18
				<a type="primary" @click="oneMoreOrder(orderInfo)" v-if="orderInfo.state != 1" class="btn">再来一单</a>
张成 committed
19 20
			</div>
		</div>
21
		<div class="order_flow" v-if="qrShow">
张成 committed
22
			<div v-if="qrShow" class="code">取单码 {{ orderInfo.orderNum }}</div>
23
			<div class="realQrcodeBox" v-if="qrShow&&isBuild">
weijiguang committed
24
				<image mode="aspectFit" :src="ewmImg"/>
25 26
			</div>
			<div v-if="qrShow&&!isBuild" class="qr_code" >
weijiguang committed
27
				<image mode="aspectFit" :src="'/static/imgs/erweimazhedang.png'" class="qr" />
张成 committed
28
			</div>
weijiguang committed
29 30
			<view class="scan_tips" v-if="qrTextShow">——制作完成后才能扫哦——</view>
			<canvas v-if="qrShow" class="canvas-code" canvas-id="myQrcode" style="background:#fff;width: 200px;height: 200px; display:block; left:-800rpx;position:absolute;" />
张成 committed
31
			<div v-if="qrShow" class="flow_describe">
32
				<view class="title">扫码流程</view>
weijiguang committed
33
				<image :mode="'aspectFit'" class="flow_img" src="/static/imgs/saomaliucheng.png" />
张成 committed
34
			</div>
35
		</div>
36
		<div class="shop_info">
张成 committed
37
				<div class="address">
张成 committed
38 39
					<div class="address_1">{{ orderInfo.shop.name }}</div>
					<div class="address_2">{{ orderInfo.shop.address }}</div>
张成 committed
40 41 42 43
				</div>
				<div v-for="item in orderInfo.orderDetails" :key="item.id">
					<div class="goods">
						<div class="goods_item">
weijiguang committed
44 45
							<image v-if="jsonParse(item.goods.pics).thumbnailApplet" :src="jsonParse(item.goods.pics).thumbnailApplet" class="goods_img" />
							<image v-else :src="jsonParse(item.goods.pics).thumbnail" class="goods_img" />
张成 committed
46 47 48
							<div class="goods_text">
								<div class="goods_name">
									<div class="name">{{ item.goodsName }}</div>
49
									<div class="price">¥{{ Utils.isInteger(item.realAmount) }}</div>
张成 committed
50 51 52
								</div>
								<div class="goods_psce">
									<div class="psce_name">
weijiguang committed
53 54 55
										<span v-for="(rule, index) in jsonParse(item.specRuleDetail)" :key="rule.specId">
											{{ rule.ruleName }}
											<text v-if="index != jsonParse(item.specRuleDetail).length - 1">/</text>
张成 committed
56 57
										</span>
									</div>
weijiguang committed
58
									<div class="size">x{{ item.num }}</div>
张成 committed
59 60 61 62
								</div>
							</div>
						</div>
					</div>
weijiguang committed
63
					<!-- <div class="discount">
张成 committed
64 65
						<div class="discount_1">
							<div class="name">优惠免减</div>
张成 committed
66
							<div class="price">¥{{ setPrice(item.amount - item.realAmount) }}</div>
张成 committed
67 68
						</div>
						<div class="concessional_rate">
张成 committed
69 70
							<div class="name">特惠价</div>
							<div class="price">¥{{ setPrice(item.realAmount) }}</div>
张成 committed
71
						</div>
weijiguang committed
72
					</div> -->
张成 committed
73 74
				</div>
				<div class="total">
weijiguang committed
75
					<div class="size">{{ totalNum }}件商品</div>
宋冰琦 committed
76
					<div class="price">
张成 committed
77
						<span class="paid_in">实付</span>
78
						<span class="money">{{ Utils.isInteger(orderInfo.amount) }}</span>
张成 committed
79 80
					</div>
				</div>
81
		</div>
82 83 84

		<div class="order_describe">
			<view class="title">订单信息</view>
weijiguang committed
85 86 87 88 89 90 91 92 93 94 95 96 97 98
			<view class="item_cont">
				<view class="item">
					<span class="label">下单时间:</span>
					<span class="value">{{ orderInfo.createdAt }}</span>
				</view>
				<view class="item1">
					<span class="label">取单号码:</span>
					<span class="value">{{ orderInfo.orderNum }}</span>
				</view>
				<view class="item1">
					<span class="label">订单编号:</span>
					<span class="value">{{ orderInfo.orderNo }}</span>
				</view>
			</view>
99 100 101 102 103
		</div>
		<div class="customer_service">
			<button class="function_item_text" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
				<view class="serverBox">
					<u-icon name="server-fill" color="#000000" size="16"></u-icon>
weijiguang committed
104
					<span :style="{'margin-left':'16rpx'}">联系客服</span>
105
				</view>
weijiguang committed
106 107
				<view >
					<image class="icno-arrow" :src="'../../../static/imgs/jiantouhei.png'" />
108 109 110
				</view>
			</button>
		</div>
songbingqi committed
111
		<show-toast ref="toast"/>
张成 committed
112 113 114 115
	</div>
</template>

<script>
张成 committed
116 117 118 119
import Order from '@/request/order';
import QRCode from '@/utils/qrCode'
import Menu from '@/request/menu';
import Utils from '@/utils/utils'
120
import { systemInfo } from '@/utils/mixin.js'
张成 committed
121 122
import { $EventBus } from "@/utils/EventBus";

张成 committed
123
export default {
124 125 126 127 128 129 130 131 132
	mixins: [systemInfo],
	async onLoad(option) {
		this.getSystemInfo()
		let oId = 0
		// 从订阅消息进入
		this.option = JSON.stringify(option)
		const { orderId } = option
		if(orderId){
			oId = orderId
133 134 135 136
			if(!this.userms){
				uni.switchTab({ url: '/pages/order/order' })
				return
			}
137 138 139 140 141 142
		}else{
			oId = uni.getStorageSync('orderId');
		}
		// return
		const {data = {}} = await Order.getOrderDetail({orderId:oId})
		this.orderInfo = data?.data
143
		const getTime = ['2', '3'].indexOf(this.orderInfo.state) >= 0
1  
weijiguang committed
144
		const isBuild = ['4', '5'].indexOf(this.orderInfo.state) >= 0;
145 146 147 148
		if(getTime){
			const {data = {}} = await Order.getOrderWaiteTime({orderId:oId})
			this.waitTime = data?.data
		}
149
		if (isBuild) {
张成 committed
150
			new QRCode('myQrcode', {
151
				text: this.orderInfo.pickCode,
张成 committed
152 153 154 155 156 157 158 159 160
				width: 141,	//canvas 画布的宽
				height: 141,	//canvas 画布的高
				padding: 0, // 生成二维码四周自动留边宽度,不传入默认为0
				correctLevel: QRCode.CorrectLevel.L, // 二维码可辨识度
				callback: (res) => {
					this.ewmImg = res.path
				}
			})
		}
161
		this.isBuild = isBuild
张成 committed
162 163 164
	},
	data() {
		return {
张成 committed
165
			orderInfo: {},
songbingqi committed
166
			ewmImg: '',
167
			Utils,
168 169
			isBuild:true,
			waitTime:0
张成 committed
170 171 172
		}
	},
	methods: {
weijiguang committed
173 174 175 176 177
		getPx(rpx) {
			// console.log((rpx * (wx.getSystemInfoSync().windowWidth / 750)));
			// console.log(wx.getSystemInfoSync().windowWidth);
			return rpx * (wx.getSystemInfoSync().windowWidth / 750);
		},
178 179 180
		goBack(){
			uni.switchTab({ url: '/pages/order/order' })
		},
张成 committed
181 182 183 184 185 186
		async oneMoreOrder(item) {
			uni.removeStorageSync('shopCarInfo');
			$EventBus.$emit('updateCar');
			const numObj = {}
			const { id, shopId, orderDetails } = item;
			orderDetails.forEach(item => {
187
				orderDetails[item.skuId] = Number(item.num)
张成 committed
188 189
			})
			const { data } = await Order.moreOrder({ orderId: id, shopId });
songbingqi committed
190 191 192 193 194
			if(!data || !data.data){
				this.showToast({ title: "该订单中的商品已经售罄了" });
				return;
			}
			let list = new Array();
张成 committed
195 196 197 198
			data.data.forEach(item => {
				const skuId = item.skus[0].skuId
				const nextData = { ...item, skuId, num: orderDetails[skuId], flag: true, sku: item.skus[0] }
				if (nextData.sku.state == 1) {
songbingqi committed
199
					list.push(nextData);
张成 committed
200 201
				}
			});
songbingqi committed
202 203 204 205 206 207 208
			if(!list || list.length<=0) {
				this.showToast({ title: "该订单中的商品已经售罄了", icon: 'error' });
				return;
			}
			list.forEach(nextData => {
				Utils.getallNum(nextData);
			})
张成 committed
209 210 211 212 213 214 215 216 217 218
			uni.switchTab({ url: '/pages/menu/menu' })
		},
		async PayNow() {
			const orderInfo = await Order.payOrder({ orderId: this.orderInfo.id })
			if (orderInfo) {
				if (orderInfo && orderInfo.data.code == 200) {
					await Menu.requestPayment(orderInfo.data.data);
				}
			}
		},
张成 committed
219
		toRefund() {
张成 committed
220 221 222 223 224 225 226 227 228 229 230 231
			uni.showModal({
				title: '确认退款',
				success: (res) => {
					if (res.confirm) {
						Order.orderRefund({ orderId: this.orderInfo.id, refundAmount: this.orderInfo.amount }).then(res => {
							uni.switchTab({ url: '/pages/menu/menu' })
						})
					} else if (res.cancel) {
						console.log('用户点击取消');
					}

				}
张成 committed
232 233 234 235
			})
		},
		jsonParse(json) {
			return JSON.parse(json)
张成 committed
236 237 238 239 240 241 242 243
		},
		cancelOrder() {
			Order.cancelOrder({ orderId: this.orderInfo.id }).then(res => {
				uni.switchTab({ url: '/pages/menu/menu' })
			})
		},
	},
	computed: {
weijiguang committed
244 245
		totalNum() {
			let totalNum = 0;
246
			const {orderDetails=[]} = this.orderInfo
247
			orderDetails.forEach(item => {
weijiguang committed
248 249 250 251
				totalNum += parseInt(item.num);
			})
			return totalNum;
		},
252
		
张成 committed
253
		qrShow() {
1  
weijiguang committed
254
			return ['2','3','4','5'].indexOf(this.orderInfo.state) >= 0;
张成 committed
255
		},
weijiguang committed
256 257 258
		qrTextShow() {
			return ['2','3'].indexOf(this.orderInfo.state) >= 0;
		},
weijiguang committed
259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274
		// 1 未支付 
		// 2 已支付 
		// 3 支付制作中 
		// 4 制作完成未取 
		// 5 取餐中 
		// 6 正常完成 
		// 7 待取超时 
		// 8 未支付取消 
		// 9 支付后制作前取消 
		// 10 制作中取消 
		// 11 制作完成取消 
		// 12 退款中
		// 13 退款失败
		// 14 部分退款 
		// 15 已退款 
		// 50 其他人工干预状态 
张成 committed
275 276 277
		orderStatusText() {
			switch (this.orderInfo.state) {
				case '1':
weijiguang committed
278
					return '待付款'
张成 committed
279
				case '2':
weijiguang committed
280
					return '待制作'
张成 committed
281
				case '3':
weijiguang committed
282
					return '制作中'
张成 committed
283
				case '4':
weijiguang committed
284
					return '待取餐'
张成 committed
285 286 287
				case '5':
					return '取餐中'
				case '6':
1  
weijiguang committed
288
				case '7':
张成 committed
289 290 291 292 293
					return '已完成'
				case '8':
				case '9':
				case '10':
				case '11':
294
					return '已取消'
张成 committed
295 296 297 298 299 300 301 302 303 304 305
				case '12':
					return '退款中'
				case '13':
					return '退款失败'
				case '14':
					return '部分退款'
				case '15':
					return '已退款'
				default:
					return '未知状态'
			}
weijiguang committed
306 307 308 309 310 311 312 313 314 315
		},
		qrText() {
			switch (this.orderInfo.state) {
				case '2':
					return '待制作'
				case '3':
					return '制作中'
				default:
					return ''
			}
316 317 318 319
		},
		userms() {
			return this.$store.getters.Authorization;
		},
张成 committed
320 321 322 323 324 325 326 327
	}
}
</script>

<style lang="scss" scoped>
.pages {
	padding-top: 1rpx;
	padding-bottom: 30rpx;
328 329 330 331 332 333 334
	.topBar{
		position: fixed;
		width: 100%;
		background: white;
		display: flex;
		justify-content: flex-start;
		align-items: center;
335
		z-index: 9999;
weijiguang committed
336 337 338 339
		padding-left: 34rpx;
		// .arrow-left {
		// 	margin-left: 20rpx;
		// }
340
		.tabTitle{
weijiguang committed
341
			font-size: 32rpx;
342 343 344 345 346 347 348
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			text-align: center;
			width: 79%;
			color: #333333
		}
	}
张成 committed
349 350 351
}

.order_status {
weijiguang committed
352
	// max-height: 174rpx;
张成 committed
353
	background: #FFFFFF;
weijiguang committed
354 355
	margin: 32rpx 32rpx;
	padding: 24rpx 0rpx 32rpx 0rpx;
张成 committed
356 357 358

	.status_text {
		font-size: 32rpx;
359 360 361 362 363 364 365
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
	}

	.tips {
张成 committed
366
		text-align: center;
weijiguang committed
367
		margin-top: 15rpx;
368 369 370 371 372

		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
宋冰琦 committed
373 374 375 376 377
		
		.time {
			font-size: 32rpx;
			font-family: Futura Medium, Arial, sans-serif;
			font-weight: normal;
宋冰琦 committed
378
			color: #0050F6;
宋冰琦 committed
379 380
			margin: 0 16rpx;
		}
张成 committed
381 382
	}

张成 committed
383
	.btns {
weijiguang committed
384
		padding-top: 28rpx;
张成 committed
385
		text-align: center;
386
		width: 428rpx;
张成 committed
387
		display: flex;
388 389 390 391 392
		margin: 0 auto;
		justify-content: space-around;
		a {
			line-height: 64rpx;
		}
张成 committed
393 394
	}

张成 committed
395
	.btn {
396 397 398
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
张成 committed
399
		color: #FFFFFF;
400 401 402

		width: 167rpx;
		height: 64rpx;
宋冰琦 committed
403
		background: #0050F6;
404
		border-radius: 2rpx;
weijiguang committed
405 406
	}
	.btn_cancel {
407 408 409 410
		box-sizing: border-box;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
宋冰琦 committed
411
		color: #0050F6;
412 413 414 415

		width: 167rpx;
		height: 64rpx;
		border-radius: 2rpx;
宋冰琦 committed
416
		border: 2rpx solid #0050F6;
张成 committed
417 418 419 420 421
	}
}

.order_flow {
	background: #FFFFFF;
422
	margin: 32rpx;
weijiguang committed
423
	padding-top: 56rpx;
宋冰琦 committed
424

张成 committed
425
	.code {
426 427
		text-align: center;
		font-size: 32rpx;
张成 committed
428 429
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
430
		color: #333333;
weijiguang committed
431 432 433 434 435 436 437 438 439
		padding-bottom: 20rpx;
	}

	.status_text {
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
张成 committed
440 441 442
	}

	.qr_code {
weijiguang committed
443 444
		height: 351rpx;
		width: 355rpx;
张成 committed
445
		display: block;
weijiguang committed
446
		margin-top: 48rpx;
张成 committed
447
		position: relative;
宋冰琦 committed
448 449 450
		padding-bottom: 40rpx;
		margin-bottom: 0rpx;
		margin-left: 150rpx;
张成 committed
451 452 453 454

		.qr {
			width: 100%;
			height: 100%;
weijiguang committed
455
			vertical-align: bottom;
张成 committed
456
		}
张成 committed
457
	}
weijiguang committed
458
	.scan_tips {
weijiguang committed
459
		padding-bottom: 32rpx;
weijiguang committed
460 461 462 463 464 465
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #666666;
		text-align: center;
	}
466
	.realQrcodeBox{
weijiguang committed
467
		margin: 0 auto;
468 469 470 471 472
		width: 510rpx;
		height: 510rpx;
		image{
			width: 100%;
			height: 100%;
weijiguang committed
473
			vertical-align: bottom;
474 475
		}
	}
张成 committed
476 477

	.flow_describe {
478
		padding-top: 50rpx;
weijiguang committed
479 480 481
		padding-left: 32rpx;
		padding-right: 30rpx;
		padding-bottom: 58rpx;
张成 committed
482

483
		.title {
weijiguang committed
484 485
			height: 40rpx;
			line-height: 40rpx;
张成 committed
486 487 488 489 490 491 492
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #000000;
		}

		.flow_img {
weijiguang committed
493 494
			padding: 18rpx 0rpx 0rpx 32rpx;
			width: 592rpx;
宋冰琦 committed
495
			height: 244rpx;
张成 committed
496
			display: block;
weijiguang committed
497
			vertical-align: bottom;
张成 committed
498 499 500 501 502
		}
	}
}

.shop_info {
503
	margin: 32rpx;
张成 committed
504
	background: #FFFFFF;
weijiguang committed
505
	padding: 40rpx 30rpx 22rpx 30rpx;
张成 committed
506 507 508 509 510 511 512 513 514

	h3 {
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #000000;
	}

	.address {
515 516
		border-bottom: 1rpx solid #ECECEC;
		padding-bottom: 25rpx;
张成 committed
517 518 519 520 521 522

		.address_1 {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
523
			line-height: 40rpx;
张成 committed
524 525 526
		}

		.address_2 {
527 528
			margin-top: 18rpx;
			font-size: 24rpx;
张成 committed
529 530 531
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
532
			line-height: 34rpx;
张成 committed
533 534 535 536
		}
	}

	.goods {
weijiguang committed
537
		// padding-top: 20rpx;
张成 committed
538 539 540 541

		.goods_item {
			display: flex;
			align-items: center;
weijiguang committed
542
			margin-top: 30rpx;
张成 committed
543 544 545
		}

		.goods_img {
546 547
			height: 112rpx;
			width: 112rpx;
张成 committed
548
			background-color: #eee;
weijiguang committed
549
			margin-right: 24rpx;
张成 committed
550 551 552 553 554 555 556 557 558
		}

		.goods_text {
			flex: 1;

			.goods_psce,
			.goods_name {
				display: flex;
				justify-content: space-between;
weijiguang committed
559
				// align-items: center;
张成 committed
560 561

				.name {
weijiguang committed
562 563 564
					height: 40rpx;
					line-height: 40rpx;
					margin-top: 10rpx;
565 566 567 568
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #666666;
张成 committed
569 570 571
				}

				.price {
weijiguang committed
572 573 574
					height: 40rpx;
					line-height: 40rpx;
					margin-top: 12rpx;
张成 committed
575
					font-size: 28rpx;
576 577 578
					font-family: Futura-Medium, Futura;
					font-weight: 500;
					color: #333333;
张成 committed
579 580 581
				}

				.psce_name {
weijiguang committed
582 583
					height: 34rpx;
					line-height: 34rpx;
584
					margin-top: 18rpx;
张成 committed
585 586 587
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
588
					color: #999999;
张成 committed
589 590 591
				}

				.size {
weijiguang committed
592 593 594
					height: 34rpx;
					line-height: 34rpx;
					margin-top: 24rpx;
张成 committed
595 596 597 598 599 600 601 602 603 604 605
					font-size: 24rpx;
					font-family: ArialMT;
					color: #666666;
				}
			}
		}
	}

	.discount {
		margin-top: 24rpx;
		padding-bottom: 24rpx;
606
		border-bottom: 1rpx solid #ECECEC;
张成 committed
607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647

		.discount_1 {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 600;
			color: #333333;

			.price {

				font-family: Arial-BoldMT, Arial;
				font-weight: normal;
				color: #EB5F17;
			}
		}

		.concessional_rate {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			margin-top: 18rpx;

			.price {
				font-family: Arial-BoldMT, Arial;
				font-weight: 700;
				color: #000;
			}
		}
	}

	.total {
		display: flex;
		align-items: center;
		display: flex;
		justify-content: space-between;
weijiguang committed
648
		margin-top: 32rpx;
weijiguang committed
649
		border-top: 1rpx solid #EEEEEE;
weijiguang committed
650
		padding-top: 23rpx;
张成 committed
651 652

		.size {
weijiguang committed
653 654
			height: 40rpx;
			line-height: 40rpx;
655
			font-size: 28rpx;
张成 committed
656 657 658 659
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
宋冰琦 committed
660 661 662 663
		.price {
			display: flex;
			align-items: flex-end;
			.paid_in {
weijiguang committed
664 665
				height: 40rpx;
				line-height: 40rpx;
宋冰琦 committed
666 667 668 669 670
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
张成 committed
671

宋冰琦 committed
672
			.money {
weijiguang committed
673 674
				height: 48rpx;
				line-height: 50rpx;
宋冰琦 committed
675 676 677 678 679 680
				vertical-align: top;
				font-size: 36rpx;
				font-family: Futura-Medium, Futura;
				font-weight: 500;
				color: #333333;
			}
张成 committed
681 682 683 684 685 686
		}
	}
}

.order_describe {
	background: #fff;
weijiguang committed
687 688
	padding: 24rpx 30rpx 24rpx 32rpx;
	margin: 30rpx 32rpx 32rpx 32rpx;
张成 committed
689

690
	.title {
张成 committed
691 692
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
693 694 695
		font-weight: 500;
		color: #333333;
		line-height: 40rpx;
weijiguang committed
696
		height: 40rpx;
宋冰琦 committed
697 698
		border-bottom: 1rpx solid #ECECEC;
    	padding-bottom: 24rpx;
张成 committed
699 700
	}

weijiguang committed
701 702 703 704
	.item_cont {
		 padding-top: 6rpx;
	}
	.item1,
张成 committed
705 706
	.item {
		margin-top: 20rpx;
weijiguang committed
707
		line-height: 34rpx;
张成 committed
708 709 710 711
		.label {
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
712
			color: #999999;
weijiguang committed
713 714
			line-height: 34rpx;
			height: 34rpx;
张成 committed
715 716 717 718 719
		}

		.value {
			font-size: 24rpx;
			font-family: ArialMT;
720
			color: #666666;
weijiguang committed
721 722
			line-height: 28rpx;
			height: 28rpx;
张成 committed
723 724
		}
	}
weijiguang committed
725 726 727
	.item1 {
		margin-top: 18rpx;
	}
张成 committed
728 729 730 731 732 733
}

.customer_service {
	height: 90rpx;
	line-height: 90rpx;
	background: #FFFFFF;
weijiguang committed
734
	font-weight: 400;
张成 committed
735
	color: #000000;
736 737
	padding: 0rpx 31rpx;
	margin: 32rpx;
738 739 740 741 742 743 744 745 746 747
	.function_item_text {
		width: 100%;
		margin: 0;
		padding: 10rpx 10rpx 10rpx 0rpx;
		background-color: #FFFFFF;
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		border-radius: 0px;
		display: flex;
		justify-content: space-between;
weijiguang committed
748 749 750
		color: #333333;
		font-weight: 400;
		font-style: normal;
751 752 753 754 755

		.serverBox{
			display: flex;
			justify-content: flex-start;
			align-items: center;
756 757 758 759 760 761
			
			span {
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
			}
762 763
		}
		.icno-arrow{
songbingqi committed
764
			width: 15.27rpx;
weijiguang committed
765
			height: 21.68rpx;
766
		}
767 768 769 770
	}
	.function_item_text::after {
		border: unset;
	}
张成 committed
771 772
}
</style>