driverdetail.vue 5.64 KB
<template>
	<view class="page">
		<pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
		<view class="listBox" :style="{'padding-top':(pageTop+'px')}">
		<view class="content">
			
		<view class="top">
			<!-- <view class="topimg"><image src="../../static/img/05.jpg" mode="widthFix"></image></view> -->
		</view>
			
			<view class="message-list">
			<view class="titleall-box">
				<view class="titleall-left"><view class="titleall-left-line"></view>逝者信息</view>
			</view>
			<view class="info-box">
				<view class="info-box-list">
					<view class="info-box-width">
						<view>张三</view>
						<view class="info-box-small">逝者姓名</view>
					</view>
					<view class="info-box-width">
						<view>86</view>
						<view class="info-box-small">逝者年龄</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width">
						<view>男</view>
						<view class="info-box-small">逝者性别</view>
					</view>
					<view class="info-box-width">
						<view>64</view>
						<view class="info-box-small">逝者体重/kg</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="message-list">
			<view class="titleall-box">
				<view class="titleall-left"><view class="titleall-left-line"></view>预约人信息</view>
			</view>
			<view class="info-box">
				<view class="info-box-list">
					<view class="info-box-width">
						<view>张四</view>
						<view class="info-box-small">预约人姓名</view>
					</view>
					<view class="info-box-width">
						<view>13475635471</view>
						<view class="info-box-small">预约人电话</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width">
						<view>内地居民身份证</view>
						<view class="info-box-small">预约人证件类型</view>
					</view>
					<view class="info-box-width">
						<view>38172648172618819</view>
						<view class="info-box-small">预约人证件号码</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="message-list">
			<view class="titleall-box">
				<view class="titleall-left"><view class="titleall-left-line"></view>死亡证相关</view>
			</view>
			<view class="info-box">
				<view class="info-box-list">
					<view class="info-box-width">
						<view>JS7468113</view>
						<view class="info-box-small">死亡证编号</view>
					</view>
					<view class="info-box-width">
						<view>2023-01-01</view>
						<view class="info-box-small">死亡日期</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width">
						<view>医院</view>
						<view class="info-box-small">死亡原因</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width">
						<view class="info-box-small">死亡证照片</view>
						<view class="info-box-list-img"></view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="message-list">
			<view class="titleall-box">
				<view class="titleall-left"><view class="titleall-left-line"></view>火化时间</view>
			</view>
			<view class="info-box">
				<view class="info-box-list">
					<view class="info-box-width width100">
						<view>2023-01-01</view>
						<view class="info-box-small">火化日期</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="info-box-width width100">
						<view>16:20-17:00</view>
						<view class="info-box-small">火化时间(此为预约时间,非实际火化时间)</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="message-list">
			<view class="titleall-box">
				<view class="titleall-left"><view class="titleall-left-line"></view>服务</view>
			</view>
			<view class="info-box">
				<view class="info-box-list">
					<view class="serve">
						<view class="serve-title">白事记录本</view>
						<view class="serve-right">
							<view class="serve-right-top">¥76</view>
							<view>x1</view>
						</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="serve">
						<view class="serve-title">综合服务费</view>
						<view class="serve-right">
							<view class="serve-right-top">¥186</view>
							<view>x1</view>
						</view>
					</view>
				</view>
				<view class="info-box-list">
					<view class="serve">
						<view class="serve-title">白事记录本</view>
						<view class="serve-right">
							<view class="serve-right-top">¥76</view>
							<view>x1</view>
						</view>
					</view>
				</view>
			</view>
			</view>
			
			<view class="skip-btn">
				<view class="cart-add">
					<image src="../../static/btn9.png"></image>
				  <text>信息确认</text>
				</view>
				<view class="buy-at" @click="drivermodify">
					<image src="../../static/btn10.png"></image>
				  <text>逝者信息修改</text>
				</view>
			</view>
			
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				OrderType: 0,
				nvConfig:{
					title:"报丧订单详情",
					bgColor:"#ffffff",
					color:"#000000",
					fixedAssist:{
						hide:true,
					},
				},
			};
		},
		onPageScroll(e) {this.$refs.nv.pageScroll(e)},
		computed:{
			pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
		},
		onLoad(params) {
			this.OrderType = params.type;
		},
		methods:{
      drivermodify(){
			  uni.navigateTo({
          url: '/pages/drivermodify/drivermodify'
        })
      }
		}
	}
</script>

<style scoped lang="scss">
	@import 'driverdetail.scss';
</style>