zhywpt-sp/subpackage/after-sale/work-order/add-work-order.vue

<template>
	<view class="bg">
		<view class="title_wrap"><text class="title">基本信息</text><text class="supplement">待补充</text></view>
		<view class="des">车牌号被上任车主办理的黔通智联发行的ETC设备占用，无法新办ETC。</view>
	</view>
	<view class="bg">
		<view class="title"> 需要准备的材料 </view>
	
	</view>
	<view class="bg">
		<view class="title"> 办理流程 </view>
		
	</view>
	<view class="action">
		<button type="default" class="ui-btn" @click="savaHandle()">
			提交
		</button>
	</view>
</template>

<script setup lang="ts">
	import {navTo} from "@/utils/utils";

	const savaHandle = () => {
       navTo(`/subpackage/after-sale/rescind-carId/rescind-carId-select`)
	}
</script>

<style lang="scss" scoped>
	.bg {
		background-color: white;
		width: 88%;
		margin: 0 auto;
		margin-top: 20rpx;
		border-radius: 12px;
		border: 1px solid #FFFFFF;
		padding: 20rpx;
		overflow: hidden;
        .title_wrap{
			display: flex;
			justify-content: space-between;
			font-weight: 400;
			.title {
				font-size: 30rpx;
				color: #01243A;
			}
			.supplement{
				font-size: 24rpx;
				color: #CCB375;
			}
		}
		.des {
			font-weight: 400;
			font-size: 28rpx;
			color: #01243A;
			line-height: 56rpx;
			margin-top: 10rpx;
			text-indent: 1rem;
		}
	}

	.action {
		position: absolute;
		left: 0;
		height: 188rpx;
		background-color: #fff;
		border-radius: 30rpx 30rpx 0 0;
		width: 100vw;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 20rpx;
	}
</style>