LuanPingXianYY/滦平县报告对比/pages/main/home/home.vue

<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2023年4月5日 09:56:26
	 */
	import {
		ref
	} from 'vue'
	import {
		$image,
		$response
	} from '@/api'
	import {
		onShow
	} from '@dcloudio/uni-app'
	const $props = defineProps({
		hospital: {
			type: String,
			default: ''
		},
	});
	const id_number = ref('')
	const phone=ref('')
	const toPage = () => {
		uni.navigateTo({
			url: `/pages/main/list/list?hospital=4&id_number=${id_number.value}&phone=${phone.value}`
		})
	}
</script>
<template>
	<view>
		<view class="title_wrapper">身份证号</view>
		<view class="input_wrapper">
			<input type="text" v-model="id_number">
		</view>
		<view class="title_wrapper" style="margin-top: 10rpx;">手机号</view>
		<view class="input_wrapper">
			<input type="tel" v-model="phone">
		</view>
		<view @click="toPage()" class="top_button_wrapper top_button1_wrapper">
			<view class="top_button_icon_wrapper">
				<image :src="$image('/storage/assets/report/home/报告对比@2x.png')"></image>
			</view>
			<view class="top_button_text_wrapper">查看报告</view>
		</view>
	</view>
</template>
<style scoped>
	.title_wrapper {
		font-size: 30rpx;
		margin: 60rpx 40rpx 20rpx;
	}

	.input_wrapper input {
		width: 600rpx;
		height: 84rpx;
		line-height: 84rpx;
		font-size: 40rpx;
		text-align: center;
	}

	.input_wrapper {
		padding: 0 30rpx;
		width: 600rpx;
		height: 84rpx;
		border-radius: 8rpx;
		align-items: center;
		margin: 20rpx auto 0;
		background: #ffffff;
		border: 1px solid #16C5A9;
	}

	.top_button_text_wrapper {
		font-size: 32rpx;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 1;
		margin-left: 18rpx;
	}

	.top_button_icon_wrapper image {
		width: 68rpx;
		height: 68rpx;
		display: block;
	}

	.top_button_icon_wrapper {
		width: 68rpx;
		height: 68rpx;
	}

	.top_button1_wrapper {
		background: #16C5A9;
	}

	.top_button_wrapper {
		width: 310rpx;
		height: 84rpx;
		border-radius: 8rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 40rpx auto 0;
	}

	.top_button_group_wrapper {
		height: 120rpx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>