zhangyan
/
hainan_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 WEB登记 字段调整， H5 婚前检查登记

Browse Source
wenjuan
鹿和sa0ChunLuyu 1 year ago
parent 822dba5f50
commit ba32ba269a
5 changed files with 558 additions and 155 deletions
Show Stats Download Patch File Download Diff File

319
Laravel/public/tool/register.html
Unescape Escape View File

@ -2,17 +2,17 @@
<html lang="zh"> <html lang="zh">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8"/>
<meta name="viewport" <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 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" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<link type="image/x-icon" rel="shortcut icon" href="./favicon.png" /> <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-plus.css"/>
<link rel="stylesheet" href="./assets/import/element.css" /> <link rel="stylesheet" href="./assets/import/element.css"/>
<link href="./assets/import/tailwind.min.css" rel="stylesheet" /> <link href="./assets/import/tailwind.min.css" rel="stylesheet"/>
<script src="./assets/import/vue.js"></script> <script src="./assets/import/vue.js"></script>
<script src="./assets/import/element-plus.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> <script src="./assets/import/axios.js"></script>
<title>体检登记</title> <title>体检登记</title>
<style> <style>
@ -112,163 +112,166 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<el-config-provider :button="button_config"> <el-config-provider :button="button_config">
<el-dialog v-model="combo_dialog_show" title="选择套餐" width="800"> <el-dialog v-model="combo_dialog_show" title="选择套餐" width="800">
<div> <div>
<el-table border :data="combo_list" style="width: 100%" height="calc(50vh - 45px)" show-overflow-tooltip <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"> 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="combo_id" label="套餐ID" width="120"></el-table-column>
<el-table-column property="name" label="套餐名称"></el-table-column> <el-table-column property="name" label="套餐名称"></el-table-column>
<el-table-column label="性别" width="60"> <el-table-column label="性别" width="60">
<template #default="scope"> <template #default="scope">
{{ ['全部','男','女'][scope.row.sex] }} {{ ['全部', '男', '女'][scope.row.sex] }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column property="pinyin" label="套餐简拼" width="120"></el-table-column> <el-table-column property="pinyin" label="套餐简拼" width="120"></el-table-column>
</el-table> </el-table>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog v-model="plan_dialog_show" title="号源" width="800"> <el-dialog v-model="plan_dialog_show" title="号源" width="800">
<div> <div>
<div class="select_flex_wrapper"> <div class="select_flex_wrapper">
<el-form label-width="40px" inline> <el-form label-width="40px" inline>
<el-form-item label="日期"> <el-form-item label="日期">
<el-date-picker v-model="plan_data.date" type="date" placeholder="请选择号源日期" format="YYYY-MM-DD" <el-date-picker v-model="plan_data.date" type="date" placeholder="请选择号源日期" format="YYYY-MM-DD"
value-format="YYYY-MM-DD"></el-date-picker> value-format="YYYY-MM-DD"></el-date-picker>
</el-form-item></el-form> </el-form-item>
<el-button @click="getPlanList()" type="primary">查看号源</el-button> </el-form>
</div> <el-button @click="getPlanList()" type="primary">查看号源</el-button>
<div class="plan_show_wrapper"> </div>
<div @click="selectPlanClick(i)" class="plan_item_wrapper" v-for="(i,k) in plan_list" :key="k" :class="[ <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.is_vip === 1 ? 'plan_item_vip_wrapper' : '',
(i.sex !== Number(input_data.gender) && i.sex !== 0) ? 'plan_item_error_wrapper' : '', (i.sex !== Number(input_data.gender) && i.sex !== 0) ? 'plan_item_error_wrapper' : '',
i.status === 2 ? 'plan_item_error_wrapper' : '', i.status === 2 ? 'plan_item_error_wrapper' : '',
(i.is_vip === 1 && input_data.vip !== '1') ? '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.id === plan_data.active) ? 'plan_item_active_wrapper' : '',
]"> ]">
{{ i.plan_number }} {{ 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>
</div> </div>
<div class="plan_item_blank_wrapper" v-for="(i,k) in 6" :key="k"></div>
</div> </div>
</el-dialog> <div class="select_flex_center_wrapper">
<el-button @click="plan_dialog_show = false">取消</el-button>
<div class="page_wrapper"> <el-button @click="createOrderClick()" type="primary">预约</el-button>
<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> </div>
<div class="select_box_wrapper"> </div>
<div class="select_input_wrapper"> </el-dialog>
<div class="select_flex_wrapper">
<el-form label-width="40px" inline> <div class="page_wrapper">
<el-form-item label="简拼"> <div class="input_box_wrapper">
<el-input v-model="search_input" placeholder="" /> </el-form-item></el-form> <el-form label-width="80px">
<el-button type="primary" @click="searchClick()">搜索</el-button> <el-form-item label="院区">
</div> <el-select v-model="input_data.hospital" placeholder="请选择院区">
<div class="select_flex_wrapper"> <el-option label="秀英院区" value="1"></el-option>
<el-form v-if="combo_list.length > 0" label-width="40px" inline> <el-option label="府城院区" value="4"></el-option>
<el-form-item label="套餐"> </el-select>
<div class="combo_show_wrapper"> </el-form-item>
{{ !!combo_show ? combo_show.name : '无' }} <el-form-item label="姓名">
</div> <el-input v-model="input_data.name" placeholder="请输入姓名"/>
</el-form-item></el-form> </el-form-item>
<el-button @click="combo_dialog_show = true" type="primary">选择套餐</el-button> <el-form-item label="身份证号">
</div> <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>
<div> <div class="select_flex_wrapper">
<el-table border @selection-change="itemSelectionChange" row-class-name="cursor-pointer" <el-form v-if="combo_list.length > 0" label-width="40px" inline>
highlight-current-row @row-click="tableRowClick" ref="item_table_ref" show-overflow-tooltip <el-form-item label="套餐">
:data="item_list_show" style="width: 100%" height="calc(50vh - 100px)"> <div class="combo_show_wrapper">
<el-table-column type="selection" width="38"></el-table-column> {{ !!combo_show ? combo_show.name : '无' }}
<el-table-column property="title" label="项目名称" width="120"></el-table-column> </div>
<el-table-column property="price" label="价格" width="80"></el-table-column> </el-form-item>
<el-table-column property="group" label="科室" width="80"></el-table-column> </el-form>
<el-table-column label="性别" width="60"> <el-button @click="combo_dialog_show = true" type="primary">选择套餐</el-button>
<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>
<div class="mt-3"> </div>
<el-table border :data="select_table_computed" style="width: 100%" height="calc(50vh - 45px)" <div>
show-overflow-tooltip ref="select_table_ref" row-class-name="cursor-pointer" highlight-current-row <el-table border @selection-change="itemSelectionChange" row-class-name="cursor-pointer"
@row-click="itemRowClick"> highlight-current-row @row-click="tableRowClick" ref="item_table_ref" show-overflow-tooltip
<el-table-column type="selection" width="38"></el-table-column> :data="item_list_show" style="width: 100%" height="calc(50vh - 100px)">
<el-table-column property="name" label="项目名称" width="120"></el-table-column> <el-table-column type="selection" width="38"></el-table-column>
<el-table-column property="group" label="科室" width="100"></el-table-column> <el-table-column property="title" label="项目名称" width="120"></el-table-column>
<el-table-column property="desc" label="备注"></el-table-column> <el-table-column property="price" label="价格" width="80"></el-table-column>
<el-table-column property="type" label="类型" width="80"></el-table-column> <el-table-column property="group" label="科室" width="80"></el-table-column>
<el-table-column property="id" label="项目ID" width="120"></el-table-column> <el-table-column label="性别" width="60">
</el-table> <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>
<div class="price_wrapper"> <div>
<div class="price_value_wrapper"> <el-button @click="removeItemClick()" type="danger">移除项目</el-button>
<span v-if="!!pay_info">合计价格：¥ {{ pay_info.true_price }}</span> <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>
</div> </div>
</div> </div>
</el-config-provider> </div>
</div> </el-config-provider>
</div>
</body> </body>
<script> <script>
const { createApp, onMounted, ref, nextTick, computed } = Vue; const {createApp, onMounted, ref, nextTick, computed} = Vue;
const { ElLoading, ElMessage, ElMessageBox } = ElementPlus; const {ElLoading, ElMessage, ElMessageBox} = ElementPlus;
</script> </script>
<script src="./assets/mounting.js"></script> <script src="./assets/mounting.js"></script>
<script> <script>
@ -314,13 +317,29 @@
date: formatDatetime(new Date(), "YYYY-MM-DD"), date: formatDatetime(new Date(), "YYYY-MM-DD"),
}; };
const plan_data = ref(JSON.parse(JSON.stringify(plan_data_default))) 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 = { const input_data_default = {
hospital: "1", hospital: "1",
name: "", name: "",
id_number: "", id_number: "",
phone: "", phone: "",
gender: "1", gender: "1",
married: "2", married: "未婚",
vip: "2", vip: "2",
doctor: "", doctor: "",
birthday: formatDatetime(new Date(), "YYYY-MM-DD"), birthday: formatDatetime(new Date(), "YYYY-MM-DD"),
@ -650,7 +669,7 @@
combo_dialog_show.value = false combo_dialog_show.value = false
} }
const comboRowClassName = ({ row }) => { const comboRowClassName = ({row}) => {
if (select_data.value.combo === row.combo_id) { if (select_data.value.combo === row.combo_id) {
return 'combo_active cursor-pointer' return 'combo_active cursor-pointer'
} else { } else {
@ -746,6 +765,7 @@
hospital: input_data.value.hospital, hospital: input_data.value.hospital,
combo_id: combo_id, combo_id: combo_id,
item_ids: item_ids, item_ids: item_ids,
appdoctor: input_data.value.doctor,
person: { person: {
sex: input_data.value.gender, sex: input_data.value.gender,
birthday: input_data.value.birthday, birthday: input_data.value.birthday,
@ -785,6 +805,7 @@
idNumberUpdate, idNumberUpdate,
tableRowClick, tableRowClick,
planDialogShowClick, planDialogShowClick,
married_array,
plan_list, plan_list,
plan_data, plan_data,
plan_dialog_show, plan_dialog_show,

21
h5/pages.json
Unescape Escape View File

@ -213,11 +213,22 @@
} }
}, },
{ {
"path" : "pages/main/ctime/ctime", "path": "pages/main/ctime/ctime",
"style" : "style": {
{ "navigationBarTitleText": "",
"navigationBarTitleText" : "", "enablePullDownRefresh": false
"enablePullDownRefresh" : false }
},
{
"path": "pages/premarital/readme/readme",
"style": {
"navigationBarTitleText": "婚前检查"
}
},
{
"path": "pages/premarital/form/form",
"style": {
"navigationBarTitleText": "婚前检查"
} }
} }

235
h5/pages/premarital/form/form.vue
Unescape Escape View File

@ -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>

96
h5/pages/premarital/readme/readme.vue
Unescape Escape View File

@ -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>

40
h5/pages/premarital/src/title.vue
Unescape Escape View File

@ -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>
Write Preview
Loading…
Cancel
Save