diff --git a/Laravel/public/tool/register.html b/Laravel/public/tool/register.html
index eb0cd69..6202c05 100644
--- a/Laravel/public/tool/register.html
+++ b/Laravel/public/tool/register.html
@@ -2,17 +2,17 @@
 <html lang="zh">
 
 <head>
-  <meta charset="UTF-8" />
+  <meta charset="UTF-8"/>
   <meta name="viewport"
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
-  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-  <link type="image/x-icon" rel="shortcut icon" href="./favicon.png" />
-  <link rel="stylesheet" href="./assets/import/element-plus.css" />
-  <link rel="stylesheet" href="./assets/import/element.css" />
-  <link href="./assets/import/tailwind.min.css" rel="stylesheet" />
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
+  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+  <link type="image/x-icon" rel="shortcut icon" href="./favicon.png"/>
+  <link rel="stylesheet" href="./assets/import/element-plus.css"/>
+  <link rel="stylesheet" href="./assets/import/element.css"/>
+  <link href="./assets/import/tailwind.min.css" rel="stylesheet"/>
   <script src="./assets/import/vue.js"></script>
   <script src="./assets/import/element-plus.js"></script>
-  <link rel="stylesheet" href="./assets/import/icon/style.css" />
+  <link rel="stylesheet" href="./assets/import/icon/style.css"/>
   <script src="./assets/import/axios.js"></script>
   <title>体检登记</title>
   <style>
@@ -112,163 +112,166 @@
 </head>
 
 <body>
-  <div id="app">
-    <el-config-provider :button="button_config">
-      <el-dialog v-model="combo_dialog_show" title="选择套餐" width="800">
-        <div>
-          <el-table border :data="combo_list" style="width: 100%" height="calc(50vh - 45px)" show-overflow-tooltip
-            ref="combo_table_ref" @row-click="comboRowClick" :row-class-name="comboRowClassName">
-            <el-table-column property="combo_id" label="套餐ID" width="120"></el-table-column>
-            <el-table-column property="name" label="套餐名称"></el-table-column>
-            <el-table-column label="性别" width="60">
-              <template #default="scope">
-                {{ ['全部','男','女'][scope.row.sex] }}
-              </template>
-            </el-table-column>
-            <el-table-column property="pinyin" label="套餐简拼" width="120"></el-table-column>
-          </el-table>
-        </div>
-      </el-dialog>
+<div id="app">
+  <el-config-provider :button="button_config">
+    <el-dialog v-model="combo_dialog_show" title="选择套餐" width="800">
+      <div>
+        <el-table border :data="combo_list" style="width: 100%" height="calc(50vh - 45px)" show-overflow-tooltip
+                  ref="combo_table_ref" @row-click="comboRowClick" :row-class-name="comboRowClassName">
+          <el-table-column property="combo_id" label="套餐ID" width="120"></el-table-column>
+          <el-table-column property="name" label="套餐名称"></el-table-column>
+          <el-table-column label="性别" width="60">
+            <template #default="scope">
+              {{ ['全部', '男', '女'][scope.row.sex] }}
+            </template>
+          </el-table-column>
+          <el-table-column property="pinyin" label="套餐简拼" width="120"></el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
 
-      <el-dialog v-model="plan_dialog_show" title="号源" width="800">
-        <div>
-          <div class="select_flex_wrapper">
-            <el-form label-width="40px" inline>
-              <el-form-item label="日期">
-                <el-date-picker v-model="plan_data.date" type="date" placeholder="请选择号源日期" format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD"></el-date-picker>
-              </el-form-item></el-form>
-            <el-button @click="getPlanList()" type="primary">查看号源</el-button>
-          </div>
-          <div class="plan_show_wrapper">
-            <div @click="selectPlanClick(i)" class="plan_item_wrapper" v-for="(i,k) in plan_list" :key="k" :class="[
+    <el-dialog v-model="plan_dialog_show" title="号源" width="800">
+      <div>
+        <div class="select_flex_wrapper">
+          <el-form label-width="40px" inline>
+            <el-form-item label="日期">
+              <el-date-picker v-model="plan_data.date" type="date" placeholder="请选择号源日期" format="YYYY-MM-DD"
+                              value-format="YYYY-MM-DD"></el-date-picker>
+            </el-form-item>
+          </el-form>
+          <el-button @click="getPlanList()" type="primary">查看号源</el-button>
+        </div>
+        <div class="plan_show_wrapper">
+          <div @click="selectPlanClick(i)" class="plan_item_wrapper" v-for="(i,k) in plan_list" :key="k" :class="[
             i.is_vip === 1 ? 'plan_item_vip_wrapper' : '',
             (i.sex !== Number(input_data.gender) && i.sex !== 0) ? 'plan_item_error_wrapper' : '',
             i.status === 2 ? 'plan_item_error_wrapper' : '',
             (i.is_vip === 1 && input_data.vip !== '1') ? 'plan_item_error_wrapper' : '',
             (i.id === plan_data.active) ? 'plan_item_active_wrapper' : '',
             ]">
-              {{ i.plan_number }}
-            </div>
-            <div class="plan_item_blank_wrapper" v-for="(i,k) in 6" :key="k"></div>
-          </div>
-          <div class="select_flex_center_wrapper">
-            <el-button @click="plan_dialog_show = false">取消</el-button>
-            <el-button @click="createOrderClick()" type="primary">预约</el-button>
+            {{ i.plan_number }}
           </div>
+          <div class="plan_item_blank_wrapper" v-for="(i,k) in 6" :key="k"></div>
         </div>
-      </el-dialog>
-
-      <div class="page_wrapper">
-        <div class="input_box_wrapper">
-          <el-form label-width="80px">
-            <el-form-item label="院区">
-              <el-select v-model="input_data.hospital" placeholder="请选择院区">
-                <el-option label="秀英院区" value="1"></el-option>
-                <el-option label="府城院区" value="4"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="姓名">
-              <el-input v-model="input_data.name" placeholder="请输入姓名" />
-            </el-form-item>
-            <el-form-item label="身份证号">
-              <el-input @change="idNumberUpdate" v-model="input_data.id_number" placeholder="请输入身份证号" />
-            </el-form-item>
-            <el-form-item label="手机号">
-              <el-input v-model="input_data.phone" placeholder="请输入手机号" />
-            </el-form-item>
-            <el-form-item label="性别">
-              <el-select v-model="input_data.gender" placeholder="请选择性别">
-                <el-option label="男" value="1"></el-option>
-                <el-option label="女" value="2"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="婚否">
-              <el-select v-model="input_data.married" placeholder="请选择婚否">
-                <el-option label="是" value="1"></el-option>
-                <el-option label="否" value="2"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="VIP">
-              <el-select v-model="input_data.vip" placeholder="请选择VIP类型">
-                <el-option label="是" value="1"></el-option>
-                <el-option label="否" value="2"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="出生日期">
-              <el-date-picker v-model="input_data.birthday" type="date" placeholder="请选择出生日期" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD"></el-date-picker>
-            </el-form-item>
-            <el-form-item label="登记人">
-              <el-input v-model="input_data.doctor" placeholder="请输入登记人" />
-            </el-form-item>
-          </el-form>
+        <div class="select_flex_center_wrapper">
+          <el-button @click="plan_dialog_show = false">取消</el-button>
+          <el-button @click="createOrderClick()" type="primary">预约</el-button>
         </div>
-        <div class="select_box_wrapper">
-          <div class="select_input_wrapper">
-            <div class="select_flex_wrapper">
-              <el-form label-width="40px" inline>
-                <el-form-item label="简拼">
-                  <el-input v-model="search_input" placeholder="" /> </el-form-item></el-form>
-              <el-button type="primary" @click="searchClick()">搜索</el-button>
-            </div>
-            <div class="select_flex_wrapper">
-              <el-form v-if="combo_list.length > 0" label-width="40px" inline>
-                <el-form-item label="套餐">
-                  <div class="combo_show_wrapper">
-                    {{ !!combo_show ? combo_show.name : '无' }}
-                  </div>
-                </el-form-item></el-form>
-              <el-button @click="combo_dialog_show = true" type="primary">选择套餐</el-button>
-            </div>
+      </div>
+    </el-dialog>
+
+    <div class="page_wrapper">
+      <div class="input_box_wrapper">
+        <el-form label-width="80px">
+          <el-form-item label="院区">
+            <el-select v-model="input_data.hospital" placeholder="请选择院区">
+              <el-option label="秀英院区" value="1"></el-option>
+              <el-option label="府城院区" value="4"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姓名">
+            <el-input v-model="input_data.name" placeholder="请输入姓名"/>
+          </el-form-item>
+          <el-form-item label="身份证号">
+            <el-input @change="idNumberUpdate" v-model="input_data.id_number" placeholder="请输入身份证号"/>
+          </el-form-item>
+          <el-form-item label="手机号">
+            <el-input v-model="input_data.phone" placeholder="请输入手机号"/>
+          </el-form-item>
+          <el-form-item label="性别">
+            <el-select v-model="input_data.gender" placeholder="请选择性别">
+              <el-option label="男" value="1"></el-option>
+              <el-option label="女" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="婚否">
+            <el-select v-model="input_data.married" placeholder="请选择婚否">
+              <el-option v-for="(i,k) in married_array" :label="i.label" :value="i.value"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="VIP">
+            <el-select v-model="input_data.vip" placeholder="请选择VIP类型">
+              <el-option label="是" value="1"></el-option>
+              <el-option label="否" value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="出生日期">
+            <el-date-picker v-model="input_data.birthday" type="date" placeholder="请选择出生日期" format="YYYY-MM-DD"
+                            value-format="YYYY-MM-DD"></el-date-picker>
+          </el-form-item>
+          <el-form-item label="登记人">
+            <el-input v-model="input_data.doctor" placeholder="请输入登记人"/>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="select_box_wrapper">
+        <div class="select_input_wrapper">
+          <div class="select_flex_wrapper">
+            <el-form label-width="40px" inline>
+              <el-form-item label="简拼">
+                <el-input v-model="search_input" placeholder=""/>
+              </el-form-item>
+            </el-form>
+            <el-button type="primary" @click="searchClick()">搜索</el-button>
           </div>
-          <div>
-            <el-table border @selection-change="itemSelectionChange" row-class-name="cursor-pointer"
-              highlight-current-row @row-click="tableRowClick" ref="item_table_ref" show-overflow-tooltip
-              :data="item_list_show" style="width: 100%" height="calc(50vh - 100px)">
-              <el-table-column type="selection" width="38"></el-table-column>
-              <el-table-column property="title" label="项目名称" width="120"></el-table-column>
-              <el-table-column property="price" label="价格" width="80"></el-table-column>
-              <el-table-column property="group" label="科室" width="80"></el-table-column>
-              <el-table-column label="性别" width="60">
-                <template #default="scope">
-                  {{ ['全部','男','女'][scope.row.sex] }}
-                </template>
-              </el-table-column>
-              <el-table-column property="desc" label="备注"></el-table-column>
-              <el-table-column property="id" label="项目ID" width="120"></el-table-column>
-              <el-table-column property="can_qian_hou" label="餐前/餐后" width="90"></el-table-column>
-            </el-table>
+          <div class="select_flex_wrapper">
+            <el-form v-if="combo_list.length > 0" label-width="40px" inline>
+              <el-form-item label="套餐">
+                <div class="combo_show_wrapper">
+                  {{ !!combo_show ? combo_show.name : '无' }}
+                </div>
+              </el-form-item>
+            </el-form>
+            <el-button @click="combo_dialog_show = true" type="primary">选择套餐</el-button>
           </div>
-          <div class="mt-3">
-            <el-table border :data="select_table_computed" style="width: 100%" height="calc(50vh - 45px)"
-              show-overflow-tooltip ref="select_table_ref" row-class-name="cursor-pointer" highlight-current-row
-              @row-click="itemRowClick">
-              <el-table-column type="selection" width="38"></el-table-column>
-              <el-table-column property="name" label="项目名称" width="120"></el-table-column>
-              <el-table-column property="group" label="科室" width="100"></el-table-column>
-              <el-table-column property="desc" label="备注"></el-table-column>
-              <el-table-column property="type" label="类型" width="80"></el-table-column>
-              <el-table-column property="id" label="项目ID" width="120"></el-table-column>
-            </el-table>
+        </div>
+        <div>
+          <el-table border @selection-change="itemSelectionChange" row-class-name="cursor-pointer"
+                    highlight-current-row @row-click="tableRowClick" ref="item_table_ref" show-overflow-tooltip
+                    :data="item_list_show" style="width: 100%" height="calc(50vh - 100px)">
+            <el-table-column type="selection" width="38"></el-table-column>
+            <el-table-column property="title" label="项目名称" width="120"></el-table-column>
+            <el-table-column property="price" label="价格" width="80"></el-table-column>
+            <el-table-column property="group" label="科室" width="80"></el-table-column>
+            <el-table-column label="性别" width="60">
+              <template #default="scope">
+                {{ ['全部', '男', '女'][scope.row.sex] }}
+              </template>
+            </el-table-column>
+            <el-table-column property="desc" label="备注"></el-table-column>
+            <el-table-column property="id" label="项目ID" width="120"></el-table-column>
+            <el-table-column property="can_qian_hou" label="餐前/餐后" width="90"></el-table-column>
+          </el-table>
+        </div>
+        <div class="mt-3">
+          <el-table border :data="select_table_computed" style="width: 100%" height="calc(50vh - 45px)"
+                    show-overflow-tooltip ref="select_table_ref" row-class-name="cursor-pointer" highlight-current-row
+                    @row-click="itemRowClick">
+            <el-table-column type="selection" width="38"></el-table-column>
+            <el-table-column property="name" label="项目名称" width="120"></el-table-column>
+            <el-table-column property="group" label="科室" width="100"></el-table-column>
+            <el-table-column property="desc" label="备注"></el-table-column>
+            <el-table-column property="type" label="类型" width="80"></el-table-column>
+            <el-table-column property="id" label="项目ID" width="120"></el-table-column>
+          </el-table>
+        </div>
+        <div class="price_wrapper">
+          <div class="price_value_wrapper">
+            <span v-if="!!pay_info">合计价格：¥ {{ pay_info.true_price }}</span>
           </div>
-          <div class="price_wrapper">
-            <div class="price_value_wrapper">
-              <span v-if="!!pay_info">合计价格：¥ {{ pay_info.true_price }}</span>
-            </div>
-            <div>
-              <el-button @click="removeItemClick()" type="danger">移除项目</el-button>
-              <el-button @click="planDialogShowClick()" type="primary">预约登记</el-button>
-            </div>
+          <div>
+            <el-button @click="removeItemClick()" type="danger">移除项目</el-button>
+            <el-button @click="planDialogShowClick()" type="primary">预约登记</el-button>
           </div>
         </div>
       </div>
-    </el-config-provider>
-  </div>
+    </div>
+  </el-config-provider>
+</div>
 </body>
 <script>
-  const { createApp, onMounted, ref, nextTick, computed } = Vue;
-  const { ElLoading, ElMessage, ElMessageBox } = ElementPlus;
+  const {createApp, onMounted, ref, nextTick, computed} = Vue;
+  const {ElLoading, ElMessage, ElMessageBox} = ElementPlus;
 </script>
 <script src="./assets/mounting.js"></script>
 <script>
@@ -314,13 +317,29 @@
         date: formatDatetime(new Date(), "YYYY-MM-DD"),
       };
       const plan_data = ref(JSON.parse(JSON.stringify(plan_data_default)))
+      const married_array = [{
+        value: '已婚',
+        label: '已婚'
+      }, {
+        value: '未婚',
+        label: '未婚'
+      }, {
+        value: '丧偶',
+        label: '丧偶'
+      }, {
+        value: '离婚',
+        label: '离婚'
+      }, {
+        value: '其他',
+        label: '其他'
+      }]
       const input_data_default = {
         hospital: "1",
         name: "",
         id_number: "",
         phone: "",
         gender: "1",
-        married: "2",
+        married: "未婚",
         vip: "2",
         doctor: "",
         birthday: formatDatetime(new Date(), "YYYY-MM-DD"),
@@ -650,7 +669,7 @@
         combo_dialog_show.value = false
       }
 
-      const comboRowClassName = ({ row }) => {
+      const comboRowClassName = ({row}) => {
         if (select_data.value.combo === row.combo_id) {
           return 'combo_active cursor-pointer'
         } else {
@@ -746,6 +765,7 @@
           hospital: input_data.value.hospital,
           combo_id: combo_id,
           item_ids: item_ids,
+          appdoctor: input_data.value.doctor,
           person: {
             sex: input_data.value.gender,
             birthday: input_data.value.birthday,
@@ -785,6 +805,7 @@
         idNumberUpdate,
         tableRowClick,
         planDialogShowClick,
+        married_array,
         plan_list,
         plan_data,
         plan_dialog_show,
@@ -810,4 +831,4 @@
   app.mount("#app");
 </script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/h5/pages.json b/h5/pages.json
index a998b4e..816d8ed 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -213,11 +213,22 @@
 			}
 		},
 		{
-			"path" : "pages/main/ctime/ctime",
-			"style" : 
-			{
-				"navigationBarTitleText" : "",
-				"enablePullDownRefresh" : false
+			"path": "pages/main/ctime/ctime",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/premarital/readme/readme",
+			"style": {
+				"navigationBarTitleText": "婚前检查"
+			}
+		},
+		{
+			"path": "pages/premarital/form/form",
+			"style": {
+				"navigationBarTitleText": "婚前检查"
 			}
 		}
 
diff --git a/h5/pages/premarital/form/form.vue b/h5/pages/premarital/form/form.vue
new file mode 100644
index 0000000..0170d00
--- /dev/null
+++ b/h5/pages/premarital/form/form.vue
@@ -0,0 +1,235 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2024年9月11日 19:24:50
+	 */
+	import {
+		ref
+	} from 'vue'
+	import {
+		$api,
+		$response
+	} from '@/api'
+	import {
+		onShow
+	} from '@dcloudio/uni-app'
+	import {
+		useStore
+	} from '@/store'
+	const $store = useStore()
+	import TitleComponent from '../src/title.vue'
+
+	const mountedAction = () => {
+
+	}
+
+	const config_ref = ref(null)
+	const configRef = (e) => {
+		if (!config_ref.value) {
+			config_ref.value = e
+			mountedAction()
+		}
+	}
+	const number_type_array = [{
+			value: 1,
+			label: '身份证'
+		},
+		{
+			value: 2,
+			label: '军官证'
+		},
+		{
+			value: 3,
+			label: '港澳台'
+		},
+	]
+
+	const getEndDate = () => {
+		const date = new Date();
+		let year = date.getFullYear();
+		let month = date.getMonth() + 1;
+		let day = date.getDate();
+		month = month > 9 ? month : '0' + month;
+		day = day > 9 ? day : '0' + day;
+		return `${year}-${month}-${day}`;
+	}
+
+	const input_data_default = {
+		'国籍': '中国',
+		'证件类型': 0,
+		'证件号': "",
+		'姓名': "",
+		'生日': getEndDate(),
+		'民族': "",
+		'现地址': "",
+		'详细地址': "",
+		'户籍地址': "",
+		'工作单位': "",
+		'文化程度': "",
+		'职业': "",
+		'出生地': "",
+		'配偶姓名': "",
+		'配偶证件类型': 0,
+		'配偶证件号': "",
+		'血缘关系': "无",
+		'邮政编码': "",
+		'手机号码': "",
+	}
+	const input_data = ref(JSON.parse(JSON.stringify(input_data_default)))
+	const bindPickerChange = (e, key) => {
+		input_data.value[key] = e.detail.value
+	}
+	const bindDateChange = (e, key) => {
+		input_data.value[key] = e.detail.value
+	}
+	const radioChange = (e, key) => {
+		input_data.value[key] = e.detail.value
+	}
+	const editDoneClick = () => {
+		let post_data = JSON.parse(JSON.stringify(input_data.value))
+		post_data['证件类型'] = number_type_array[input_data.value['证件类型']].value
+		post_data['配偶证件类型'] = number_type_array[input_data.value['配偶证件类型']].value
+		// for (let i in post_data) {
+		// 	if (!post_data[i]) {
+		// 		return uni.$lu.toast(`请填写${i}`)
+		// 	}
+		// }
+		HunQianQuestionSubmit(post_data)
+	}
+	const HunQianQuestionSubmit = async (post_data) => {
+		const response = await $api('HunQianQuestionSubmit', {
+			person_id: $store.getUser()?.person_id,
+			content: post_data
+		})
+		$response(response, () => {
+			uni.navigateTo({
+				url: '/pages/main/combo/combo'
+			})
+		})
+	}
+
+	onShow(() => {
+		if (!!config_ref.value) {
+			mountedAction()
+		}
+	})
+</script>
+<template>
+	<view>
+		<view v-if="!!$store.config">
+			<view :ref="configRef"></view>
+		</view>
+		<view class="page_wrapper">
+			<TitleComponent title="信息登记"></TitleComponent>
+			<view class="form_wrapper">
+				<view v-for="(i,k) in input_data" :key="k" class="form_item_wrapper">
+					<view class="form_title_wrapper">{{ k }}</view>
+					<view class="form_input_wrapper">
+						<template v-if="['证件类型','配偶证件类型'].includes(k)">
+							<view class="select_wrapper">
+								<picker class="select_picker_wrapper" @change="(e)=>{bindPickerChange(e, k)}" :value="input_data[k]"
+									:range="number_type_array" range-key="label">
+									<view>{{ number_type_array[input_data[k]].label }}</view>
+								</picker>
+								<view class="select_icon_wrapper">
+									<uni-icons color="#808080" type="right" size="20"></uni-icons>
+								</view>
+							</view>
+						</template>
+						<template v-else-if="k === '生日'">
+							<picker mode="date" :value="input_data[k]" :end="getEndDate" @change="(e)=>{bindDateChange(e, k)}">
+								<view>{{ input_data[k] }}</view>
+							</picker>
+						</template>
+						<template v-else-if="k === '血缘关系'">
+							<view>
+								<radio-group class="radio_wrapper" @change="(e)=>{radioChange(e, k)}">
+									<view class="radio_item_wrapper">
+										<radio style="transform:scale(0.7)" value="无" :checked="input_data[k] === '无'" />无
+									</view>
+									<view class="radio_item_wrapper">
+										<radio style="transform:scale(0.7)" value="有" :checked="input_data[k] === '有'" />有
+									</view>
+								</radio-group>
+							</view>
+						</template>
+						<template v-else>
+							<input v-model="input_data[k]" :placeholder="`请输入${k}`" />
+						</template>
+					</view>
+				</view>
+			</view>
+			<view @click="editDoneClick()" class="button_wrapper">提交</view>
+			<view style="height: 100rpx;"></view>
+		</view>
+	</view>
+</template>
+<style scoped>
+	.radio_item_wrapper {
+		margin-right: 30rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.radio_wrapper {
+		display: flex;
+		align-items: center;
+	}
+
+	.select_icon_wrapper {
+		position: absolute;
+		top: 50%;
+		right: 20rpx;
+		transform: translateY(-50%);
+	}
+
+	.select_picker_wrapper {
+		position: relative;
+		z-index: 9;
+		width: 100%;
+	}
+
+	.select_wrapper {
+		position: relative;
+	}
+
+	.form_wrapper {
+		margin-top: 20rpx;
+	}
+
+	.form_input_wrapper {
+		width: calc(100% - 140rpx - 20px);
+		margin-left: 20px;
+	}
+
+	.form_title_wrapper {
+		width: 140rpx;
+	}
+
+	.form_item_wrapper {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+		font-size: 26rpx;
+		border-bottom: 1rpx solid #cccccc80;
+	}
+
+	.button_wrapper {
+		background: #279EA3;
+		color: #ffffff;
+		font-size: 28rpx;
+		text-align: center;
+		line-height: 90rpx;
+		height: 90rpx;
+		width: 600rpx;
+		border-radius: 10rpx;
+		margin: 50rpx auto 0;
+	}
+
+	.page_wrapper {
+		padding-top: 20rpx;
+		width: calc(100% - 50rpx);
+		margin: 0 auto;
+	}
+</style>
\ No newline at end of file
diff --git a/h5/pages/premarital/readme/readme.vue b/h5/pages/premarital/readme/readme.vue
new file mode 100644
index 0000000..85f0790
--- /dev/null
+++ b/h5/pages/premarital/readme/readme.vue
@@ -0,0 +1,96 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2024年9月11日 19:24:50
+	 */
+	import {
+		ref
+	} from 'vue'
+	import {
+		$api,
+		$response
+	} from '@/api'
+	import {
+		onShow
+	} from '@dcloudio/uni-app'
+	import {
+		useStore
+	} from '@/store'
+	const $store = useStore()
+	import TitleComponent from '../src/title.vue'
+
+	const tip_content = ref('')
+	const getTipContent = async () => {
+		uni.showLoading();
+		const response = await $api("GetReadme", {
+			type: '2'
+		});
+		uni.hideLoading();
+		$response(response, () => {
+			tip_content.value = response.data.content;
+		});
+	};
+
+	const mountedAction = () => {
+		getTipContent()
+	}
+
+	const config_ref = ref(null)
+	const configRef = (e) => {
+		if (!config_ref.value) {
+			config_ref.value = e
+			mountedAction()
+		}
+	}
+
+	const toFormClick = () => {
+		uni.navigateTo({
+			url: '/pages/premarital/form/form'
+		})
+	}
+
+	onShow(() => {
+		if (!!config_ref.value) {
+			mountedAction()
+		}
+	})
+</script>
+<template>
+	<view>
+		<view v-if="!!$store.config">
+			<view :ref="configRef"></view>
+		</view>
+		<view class="page_wrapper">
+			<TitleComponent title="预约须知"></TitleComponent>
+			<view class="readme_wrapper">
+				<view v-html="tip_content"></view>
+			</view>
+			<view @click="toFormClick()" class="button_wrapper">立即预约</view>
+			<view style="height: 100rpx;"></view>
+		</view>
+	</view>
+</template>
+<style scoped>
+	.button_wrapper {
+		background: #279EA3;
+		color: #ffffff;
+		font-size: 28rpx;
+		text-align: center;
+		line-height: 90rpx;
+		height: 90rpx;
+		width: 600rpx;
+		border-radius: 10rpx;
+		margin: 50rpx auto 0;
+	}
+
+	.page_wrapper {
+		padding-top: 20rpx;
+		width: calc(100% - 50rpx);
+		margin: 0 auto;
+	}
+
+	.readme_wrapper {
+		margin-top: 20rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/h5/pages/premarital/src/title.vue b/h5/pages/premarital/src/title.vue
new file mode 100644
index 0000000..3ab575f
--- /dev/null
+++ b/h5/pages/premarital/src/title.vue
@@ -0,0 +1,40 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2024年9月11日 19:24:50
+	 */
+	const $props = defineProps({
+		title: {
+			type: String,
+			default: ""
+		},
+	});
+</script>
+<template>
+	<view>
+		<view class="item_title_wrapper">
+			<view class="item_title_line_wrapper"></view>
+			<view class="item_title_text_wrapper">{{ $props.title }}</view>
+		</view>
+	</view>
+</template>
+<style scoped>
+	.item_title_wrapper {
+		display: flex;
+		align-items: center;
+	}
+
+	.item_title_line_wrapper {
+		width: 2rpx;
+		height: 40rpx;
+		background: #4F8E91;
+	}
+
+	.item_title_text_wrapper {
+		font-size: 30rpx;
+		line-height: 30rpx;
+		margin-left: 10rpx;
+		font-weight: bold;
+	}
+</style>
\ No newline at end of file
