wqy
/
JingTong-Font-Mobile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
master
RIceWqy 2 years ago
parent 54b943ed6b
commit 1d811f7eee
7 changed files with 828 additions and 339 deletions
Show Stats Download Patch File Download Diff File

10
src/pages.json
Unescape View File

@ -179,7 +179,15 @@
"path": "pages/member-info-detail/member-info-detail", "path": "pages/member-info-detail/member-info-detail",
"style": { "style": {
"backgroundTextStyle": "light", "backgroundTextStyle": "light",
"navigationBarTitleText": "档案信息", "navigationBarTitleText": "档案详情",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
}, {
"path": "pages/member-info-add/member-info-add",
"style": {
"backgroundTextStyle": "light",
"navigationBarTitleText": "会员建档",
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa" "navigationBarBackgroundColor": "#fafafa"
} }

296
src/pages/member-info-add/member-info-add.vue
Unescape View File

@ -0,0 +1,296 @@
<template>
<view class="container">
<!-- 基本信息 -->
<view class="form-section">
<view class="form-section-title">基本信息</view>
<view class="form-item">
<text class="form-label">姓名:</text>
<input type="text" class="form-input" v-model="form.name" placeholder="请输入姓名"/>
</view>
<view class="form-item">
<text class="form-label">出生日期:</text>
<input type="date" class="form-input" v-model="form.birthDate"/>
</view>
<view class="form-item">
<text class="form-label">性别:</text>
<picker mode="selector" :range="gender" v-model="form.gender">
<view class="picker">{{ form.gender }}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">民族:</text>
<input type="text" class="form-input" v-model="form.ethnicity" placeholder="请输入民族"/>
</view>
<view class="form-item">
<text class="form-label">籍贯:</text>
<input type="text" class="form-input" v-model="form.origin" placeholder="请输入籍贯"/>
</view>
<view class="form-item">
<text class="form-label">身份证号码:</text>
<input type="text" class="form-input" v-model="form.idCardNumber" placeholder="请输入身份证号码"/>
</view>
</view>
<!-- 联系信息 -->
<view class="form-section">
<view class="form-section-title">联系信息</view>
<view class="form-item">
<text class="form-label">住址:</text>
<input type="text" class="form-input" v-model="form.address" placeholder="请输入住址"/>
</view>
<view class="form-item">
<text class="form-label">联系电话:</text>
<input type="text" class="form-input" v-model="form.phone" placeholder="请输入联系电话"/>
</view>
<view class="form-item">
<text class="form-label">电子邮件地址:</text>
<input type="text" class="form-input" v-model="form.email" placeholder="请输入电子邮件地址"/>
</view>
<view class="form-item">
<text class="form-label">紧急联系人姓名:</text>
<input type="text" class="form-input" v-model="form.emergencyContactName" placeholder="请输入紧急联系人姓名"/>
</view>
<view class="form-item">
<text class="form-label">紧急联系人电话:</text>
<input type="text" class="form-input" v-model="form.emergencyContactPhone" placeholder="请输入紧急联系人电话"/>
</view>
</view>
<!-- 健康信息 -->
<view class="form-section">
<view class="form-section-title">健康信息</view>
<view class="form-item">
<text class="form-label">健康状况:</text>
<input type="text" class="form-input" v-model="form.healthStatus" placeholder="请输入健康状况"/>
</view>
<view class="form-item">
<text class="form-label">医疗保险信息:</text>
<input type="text" class="form-input" v-model="form.medicalInsuranceInfo" placeholder="请输入医疗保险信息"/>
</view>
<view class="form-item">
<text class="form-label">主要医生联系信息:</text>
<input type="text" class="form-input" v-model="form.primaryDoctorContact" placeholder="请输入主要医生联系信息"/>
</view>
<view class="form-item">
<text class="form-label">长期用药信息:</text>
<input type="text" class="form-input" v-model="form.longTermMedicationInfo" placeholder="请输入长期用药信息"/>
</view>
</view>
<!--
&lt;!&ndash; 预先规划的殡葬信息 &ndash;&gt;
<view class="form-section">
<view class="form-section-title">预先规划的殡葬信息</view>
<view class="form-item">
<text class="form-label">殡葬方式:</text>
<picker mode="selector" :range="burialMethods" v-model="form.funeralMethod" @change="changeBurialMethods">
<view class="picker">{{ form.funeralMethod }}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">预期的礼仪类型:</text>
<picker mode="selector" :range="ceremonyTypes" v-model="form.ceremonyType">
<view class="picker">{{ form.ceremonyType }}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">墓地信息:</text>
<input type="text" class="form-input" v-model="form.cemeteryInfo" placeholder="请输入墓地信息"/>
</view>
<view class="form-item">
<text class="form-label">是否有预购墓地:</text>
<picker mode="selector" :range="yesNoOptions" v-model="form.prePurchasedGrave">
<view class="picker">{{ form.prePurchasedGrave }}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">是否有预定的葬礼地点:</text>
<picker mode="selector" :range="yesNoOptions" v-model="form.preReservedFuneralLocation">
<view class="picker">{{ form.preReservedFuneralLocation }}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">是否有遗嘱或活葬指示:</text>
<picker mode="selector" :range="yesNoOptions" v-model="form.hasWillOrLivingDirective">
<view class="picker">{{ form.hasWillOrLivingDirective }}</view>
</picker>
</view>
</view>
-->
<!-- 财务信息 -->
<view class="form-section">
<view class="form-section-title">财务信息</view>
<view class="form-item">
<text class="form-label">支付方式:</text>
<input type="text" class="form-input" v-model="form.paymentMethod" placeholder="请输入支付方式"/>
</view>
<view class="form-item">
<text class="form-label">银行账户信息:</text>
<input type="text" class="form-input" v-model="form.bankAccountInfo" placeholder="请输入银行账户信息"/>
</view>
<view class="form-item">
<text class="form-label">预先支付的葬礼费用:</text>
<input type="text" class="form-input" v-model="form.prePaidFuneralCost" placeholder="请输入预先支付的葬礼费用"/>
</view>
</view>
<!-- 法律文件 -->
<view class="form-section">
<view class="form-section-title">法律文件</view>
<view class="form-item">
<text class="form-label">遗嘱复印件:</text>
<!-- 这里假设用户可以上传文件 -->
<button @click="uploadFile('willCopy')">上传文件</button>
</view>
<view class="form-item">
<text class="form-label">生前事务代理人指定书:</text>
<button @click="uploadFile('livingWill')">上传文件</button>
</view>
<view class="form-item">
<text class="form-label">医疗事务代理人指定书:</text>
<button @click="uploadFile('medicalPowerOfAttorney')">上传文件</button>
</view>
<view class="form-item">
<text class="form-label">生命维持治疗决定书:</text>
<button @click="uploadFile('lifeSustainingTreatmentDecision')">上传文件</button>
</view>
</view>
<button class="form-button" @click="submitForm">提交</button>
</view>
</template>
<script setup>
import { ref } from 'vue'
const form = ref({
// 基本信息
portfolioId: null,
userId: null,
name: '',
birthDate: null,
gender: '',
ethnicity: '',
nativePlace: '',
idCardNumber: '',
// 联系信息
address: '',
phoneNumber: '',
emailAddress: '',
emergencyContactName: '',
emergencyContactPhone: '',
// 健康信息
healthStatus: '',
medicalInsuranceInfo: '',
primaryDoctorContact: '',
longTermMedicationInfo: '',
// 预先规划的殡葬信息
funeralMethod: '',
ceremonyType: '',
cemeteryInfo: '',
prePurchasedGrave: '',
preReservedFuneralLocation: '',
hasWillOrLivingDirective: false,
// 财务信息
paymentMethod: '',
bankAccountInfo: '',
prePaidFuneralCost: 0.0,
// 法律文件
willCopy: '',
preDeathAgentDesignation: '',
medicalAgentDesignation: '',
lifeSupportDecision: '',
// 档案状态
portfolioStatus: null,
// 拒绝理由
rejectionReason: ''
})
const gender = ref(['男', '女'])
const burialMethods = ref(['火葬', '土葬', '海葬'])
const ceremonyTypes = ref(['宗教', '非宗教', '军人'])
const yesNoOptions = ref(['是', '否'])
const changeBurialMethods = (e) => {
console.log(e)
}
const submitForm = () => {
http.request({
url: '/p/user/portfolio/save',
method: 'POST',
data: form.value
})
.then(({
data
}) => {
uni.hideLoading()
uni.showToast({
title: data.data,
icon: 'none',
duration: 1500
})
})
}
const uploadFile = (key) => {
// 这里处理文件上传的逻辑，将文件的URL或者其他标识保存到form.value[key]中
}
</script>
<style scoped lang="scss">
.container {
padding: 20px;
}
.form-section {
margin-bottom: 20px;
}
.form-section-title {
margin-bottom: 10px;
font-size: 18px;
color: #333;
}
.form-item {
margin-bottom: 10px;
}
.form-label {
display: block;
font-size: 16px;
color: #666;
}
.form-input {
width: 100%;
height: 40px;
padding: 0 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-button {
width: 100%;
height: 40px;
line-height: 40px;
margin-top: 20px;
background-color: #409eff;
color: #fff;
text-align: center;
border-radius: 4px;
}
.picker {
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
padding-left: 10px;
}
</style>

63
src/pages/member-info-detail/member-info-detail.vue
Unescape View File

@ -1,22 +1,67 @@
<template> <template>
<view> <view>
<div class="detail-item">
<div class="label">姓名:</div>
<div class="value">{{ profolio.name }}</div>
</div>
<div class="detail-item">
<div class="label">手机:</div>
<div class="value">{{ profolio.phoneNumber }}</div>
</div>
<div class="detail-item">
<div class="label">民族:</div>
<div class="value">{{ profolio.ethnicity }}</div>
</div>
<div class="detail-item">
<div class="label">身份证号:</div>
<div class="value">{{ profolio.idCardNumber }}</div>
</div>
<!-- 其他详细信息的展示 -->
</view> </view>
</template> </template>
<script> <script setup>
export default { import { onMounted, ref } from 'vue'
data() {
return {
} const portfolio = ref({})
}, const portfolioId = ref(0)
methods: {
const fetchProfileDetail = (id) => {
portfolioId.value = id
// 发送请求获取档案详情数据
http.request({
url: '/p/user/portfolio/detail',
method: 'POST',
data: {
portfolioId: portfolioId.value
} }
}).then((response) => {
console.log(response.data)
portfolio.value = response.data
}).catch((error) => {
console.error('Failed to fetch profile details:', error)
})
} }
onLoad((obj) => {
// 在组件挂载时获取档案详情
fetchProfileDetail(obj.portfolioId)
})
</script> </script>
<style> <style scoped>
/* 样式可以根据你的设计进行修改 */
.detail-item {
display: flex;
margin-bottom: 10px;
}
.label {
width: 80px;
font-weight: bold;
}
.value {
flex: 1;
}
</style> </style>

94
src/pages/member-info/member-info.scss
Unescape View File

@ -1,3 +1,97 @@
.profile-list {
padding: 20px;
font-family: 'Arial', sans-serif;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
h2 {
font-size: 24px;
color: #333;
}
.add-button {
padding: 10px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: #fff;
font-size: 16px;
cursor: pointer;
}
}
.profile-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.profile-item {
display: flex;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.avatar {
width: 100px;
height: 100px;
background-color: #007bff;
}
.info {
padding: 20px;
.name {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
color: #333;
}
.details {
color: #666;
.detail {
margin-bottom: 5px;
}
}
}
.profile-item {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #f9f9f9;
}
.name {
font-size: 16px;
font-weight: bold;
}
.phone, .ethnicity, .id-card {
margin-top: 5px;
color: #666;
}
.add-button {
margin-top: 20px;
padding: 10px;
border: 1px solid #007aff;
border-radius: 5px;
background-color: #007aff;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.container { .container {
background-color: #f7f7f7; background-color: #f7f7f7;
padding-bottom: 60rpx; padding-bottom: 60rpx;

63
src/pages/member-info/member-info.vue
Unescape View File

@ -1,22 +1,63 @@
<template> <template>
<view> <div class="profile-list">
3123123 <div class="profile-container">
</view> <div class="profile-item" v-for="profile in portfolios" :key="profile.id">
<!-- <img-show class="avatar" :src="your_image_url" :alt="your_alt_text" />-->
<div class="info" @click="goToDetail(profile.portfolioId)">
<div class="name">{{ profile.name }}</div>
<div class="details">
<div class="detail">手机: {{ profile.phoneNumber }}</div>
<div class="detail">民族: {{ profile.ethnicity }}</div>
<div class="detail">身份证号: {{ profile.idCardNumber }}</div>
</div>
</div>
</div>
</div>
<div class="header">
<router-link to="/pages/member-info-add/member-info-add">
<button class="add-button">新增档案</button>
</router-link>
</div>
</div>
</template> </template>
<script> <script setup>
export default { import { onMounted, ref } from 'vue'
data() {
return {
} const portfolios = ref([])
}, onShow(() => {
methods: { fetchProfiles()
})
const fetchProfiles = () => {
http.request({
url: '/p/user/portfolio/page',
method: 'POST'
})
.then(({
data
}) => {
uni.hideLoading()
portfolios.value = data
/* uni.showToast({
title: data.data,
icon: 'none',
duration: 1500
}) */
})
} }
const goToDetail = (portfoiloId) => {
// 在这里触发页面跳转，传递档案ID作为参数
uni.navigateTo({
url: '/pages/member-info-detail/member-info-detail?portfolioId=' + portfoiloId
})
} }
// 在组件挂载时调用获取档案列表的函数
onMounted(() => {
fetchProfiles()
})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@use './member-info.scss'; @import "./member-info.scss";
</style> </style>

54
src/pages/register/register.vue
Unescape View File

@ -10,7 +10,8 @@
账号 账号
</text> </text>
<input type="text" data-type="account" placeholder-class="inp-palcehoder" placeholder="请输入账号名称" <input type="text" data-type="account" placeholder-class="inp-palcehoder" placeholder="请输入账号名称"
@input="getInputVal"> @input="getInputVal"
>
</view> </view>
<view class="password-hint"> <view class="password-hint">
至少4位 至少4位
@ -29,7 +30,8 @@
密码 密码
</text> </text>
<input type="password" data-type="password" placeholder-class="inp-palcehoder" placeholder="请输入密码" <input type="password" data-type="password" placeholder-class="inp-palcehoder" placeholder="请输入密码"
@input="getInputVal"> @input="getInputVal"
>
</view> </view>
<view class="password-hint"> <view class="password-hint">
至少6位 至少6位
@ -46,7 +48,8 @@
确认密码 确认密码
</text> </text>
<input type="password" data-type="confirmPassword" placeholder-class="inp-palcehoder" <input type="password" data-type="confirmPassword" placeholder-class="inp-palcehoder"
placeholder="请再次输入密码" @input="getInputValConfirmCredentials"> placeholder="请再次输入密码" @input="getInputValConfirmCredentials"
>
</view> </view>
<view v-if="errorTips==3" class="error-text"> <view v-if="errorTips==3" class="error-text">
<text class="warning-icon"> <text class="warning-icon">
@ -63,7 +66,8 @@
手机号 手机号
</text> </text>
<input type="tel" data-type="phone" placeholder-class="inp-palcehoder" placeholder="请输入手机号" <input type="tel" data-type="phone" placeholder-class="inp-palcehoder" placeholder="请输入手机号"
@input="getInputValPhone"> @input="getInputValPhone"
>
</view> </view>
<view v-if="errorTips==4" class="error-text"> <view v-if="errorTips==4" class="error-text">
<text class="warning-icon"> <text class="warning-icon">
@ -82,8 +86,10 @@
<text class="input-item"> <text class="input-item">
验证码 验证码
</text> </text>
<input type="number" data-type="verificationCode" placeholder-class="inp-palcehoder" placeholder="请输入验证码" <input type="number" data-type="verificationCode" placeholder-class="inp-palcehoder"
@input="getInputValCode"> placeholder="请输入验证码"
@input="getInputValCode"
>
</view> </view>
<view v-if="errorTips==5" class="error-text"> <view v-if="errorTips==5" class="error-text">
<text class="warning-icon"> <text class="warning-icon">
@ -140,18 +146,18 @@
}) })
}) })
const confirmCredentials = ref(''); // 确认密码 const confirmCredentials = ref('') // 确认密码
const phone = ref(''); // 手机号 const phone = ref('') // 手机号
const verificationCode = ref(''); // 验证码 const verificationCode = ref('') // 验证码
const codeSending = ref(false); // 是否正在发送验证码 const codeSending = ref(false) // 是否正在发送验证码
/** /**
* 发送验证码 * 发送验证码
*/ */
const sendVerificationCode = () => { const sendVerificationCode = () => {
const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
if (!phoneReg.test(phone.value)) { if (!phoneReg.test(phone.value)) {
errorTips.value = 4; errorTips.value = 4
return; return
} }
codeSending.value = true codeSending.value = true
http.request({ http.request({
@ -163,21 +169,19 @@
}) })
.then((data) => { .then((data) => {
codeSending.value = false codeSending.value = false
if (data.code === "00000" ){ if (data.code === '00000') {
uni.showToast({ uni.showToast({
title: data.data, title: data.data,
icon: 'none', icon: 'none',
duration: 1500 duration: 1500
}) })
} }
}) })
} }
const agree = ref(false); const agree = ref(false)
const handleAgreeChange = () => { const handleAgreeChange = () => {
agree.value = !agree.value; agree.value = !agree.value
} }
const principal = ref('') // 账号 const principal = ref('') // 账号
@ -220,21 +224,21 @@
// 密码确认 // 密码确认
if (credentials.value !== confirmCredentials.value) { if (credentials.value !== confirmCredentials.value) {
errorTips.value = 3; errorTips.value = 3
return; return
} }
// 手机号验证 // 手机号验证
const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
if (!phoneReg.test(phone.value)) { if (!phoneReg.test(phone.value)) {
errorTips.value = 4; errorTips.value = 4
return; return
} }
// 验证码验证 // 验证码验证
if (verificationCode.value.length !== 6) { if (verificationCode.value.length !== 6) {
errorTips.value = 5; errorTips.value = 5
return; return
} }
uni.showLoading() uni.showLoading()
http.request({ http.request({

5
src/pages/user/user.vue
Unescape View File

@ -10,10 +10,11 @@
(loginResult.pic.indexOf('http') === -1 ? picDomain + loginResult.pic : loginResult.pic) (loginResult.pic.indexOf('http') === -1 ? picDomain + loginResult.pic : loginResult.pic)
: :
'/static/images/icon/head04.png' '/static/images/icon/head04.png'
" /> "
/>
</view> </view>
<view class="userinfo-name"> <view class="userinfo-name">
<view>{{ loginResult.nickName ? loginResult.nickName : "用户昵称" }}</view> <view>{{ loginResult.nickName ? loginResult.nickName : '用户昵称' }}</view>
</view> </view>
</view> </view>
</view> </view>

Write Preview
Loading…
Cancel
Save