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>

65
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;

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

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

@ -1,7 +1,7 @@
<template> <template>
<view class="register"> <view class="register">
<view class="con"> <view class="con">
<image src="@/static/logo.png" style="display: none;" /> <image src="@/static/logo.png" style="display: none;"/>
<!-- 登录 --> <!-- 登录 -->
<view class="login-form"> <view class="login-form">
<view :class="['item',errorTips==1? 'error':'']"> <view :class="['item',errorTips==1? 'error':'']">
@ -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">
@ -103,7 +109,7 @@
<view> <view>
<checkbox-group @change="handleAgreeChange" class="authorized-argee"> <checkbox-group @change="handleAgreeChange" class="authorized-argee">
<checkbox :value="agree" :checked="agree" /> <checkbox :value="agree" :checked="agree"/>
<span class="agree-text"> <span class="agree-text">
我已阅读并同意 我已阅读并同意
<router-link @tap="toAgree" to="/pages/argeement/argeement"> <router-link @tap="toAgree" to="/pages/argeement/argeement">
@ -126,32 +132,32 @@
</template> </template>
<script setup> <script setup>
import { import {
encrypt encrypt
} from '@/utils/crypto.js' } from '@/utils/crypto.js'
/** /**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow(() => { onShow(() => {
// 头部导航标题 // 头部导航标题
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '用户注册' title: '用户注册'
}) })
}) })
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,54 +169,52 @@
}) })
.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('') // 账号
const credentials = ref('') // 密码 const credentials = ref('') // 密码
/** /**
* 输入框的值 * 输入框的值
*/ */
const getInputVal = (e) => { const getInputVal = (e) => {
const type = e.currentTarget.dataset.type const type = e.currentTarget.dataset.type
if (type == 'account') { if (type == 'account') {
principal.value = e.detail.value principal.value = e.detail.value
} else if (type == 'password') { } else if (type == 'password') {
credentials.value = e.detail.value credentials.value = e.detail.value
} }
} }
const getInputValConfirmCredentials = (e) => { const getInputValConfirmCredentials = (e) => {
confirmCredentials.value = e.detail.value confirmCredentials.value = e.detail.value
} }
const getInputValCode = (e)=>{ const getInputValCode = (e) => {
verificationCode.value = e.detail.value verificationCode.value = e.detail.value
} }
const getInputValPhone = (e) => { const getInputValPhone = (e) => {
phone.value = e.detail.value phone.value = e.detail.value
} }
const errorTips = ref(0) // 输入错误提示: 1账号输入 2密码输入 const errorTips = ref(0) // 输入错误提示: 1账号输入 2密码输入
/** /**
* 注册 * 注册
*/ */
const toRegister = () => { const toRegister = () => {
if (principal.value.length == 0 || principal.value.length < 4) { if (principal.value.length == 0 || principal.value.length < 4) {
errorTips.value = 1 errorTips.value = 1
} else if (credentials.value.length == 0 || credentials.value.length < 6) { } else if (credentials.value.length == 0 || credentials.value.length < 6) {
@ -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({
@ -243,8 +247,8 @@
data: { data: {
userName: principal.value, userName: principal.value,
passWord: encrypt(credentials.value), passWord: encrypt(credentials.value),
verificationCode:verificationCode.value, verificationCode: verificationCode.value,
phone:phone.value phone: phone.value
} }
}) })
.then(() => { .then(() => {
@ -261,30 +265,30 @@
}, 1800) }, 1800)
}) })
} }
} }
/** /**
* 去登陆 * 去登陆
*/ */
const toLogin = () => { const toLogin = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/accountLogin/accountLogin' url: '/pages/accountLogin/accountLogin'
}) })
} }
const toAgree = () => { const toAgree = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/agreement/agreement' url: '/pages/agreement/agreement'
}) })
} }
/** /**
* 回到首页 * 回到首页
*/ */
const toIndex = () => { const toIndex = () => {
uni.switchTab({ uni.switchTab({
url: '/pages/index/index' url: '/pages/index/index'
}) })
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./register.scss"; @import "./register.scss";
</style> </style>

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

@ -10,17 +10,18 @@
(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>
<view v-if="!isAuthInfo" class="userinfo-none"> <view v-if="!isAuthInfo" class="userinfo-none">
<view class="default-pic" @tap="toLogin"> <view class="default-pic" @tap="toLogin">
<image src="@/static/images/icon/head04.png" /> <image src="@/static/images/icon/head04.png"/>
</view> </view>
<view class="none-login" @tap="toLogin"> <view class="none-login" @tap="toLogin">
<button class="unlogin"> <button class="unlogin">
@ -42,40 +43,40 @@
</text> </text>
<view class="checkmore" data-sts="0" @tap="toOrderListPage"> <view class="checkmore" data-sts="0" @tap="toOrderListPage">
<text>查看全部</text> <text>查看全部</text>
<text class="arrowhead" /> <text class="arrowhead"/>
</view> </view>
</view> </view>
<view class="procedure"> <view class="procedure">
<view class="items" data-sts="1" @tap="toOrderListPage"> <view class="items" data-sts="1" @tap="toOrderListPage">
<image src="@/static/images/icon/toPay.png" /> <image src="@/static/images/icon/toPay.png"/>
<text>待支付</text> <text>待支付</text>
<text v-if="orderAmount.unPay>0" class="num-badge"> <text v-if="orderAmount.unPay>0" class="num-badge">
{{ orderAmount.unPay }} {{ orderAmount.unPay }}
</text> </text>
</view> </view>
<view class="items" data-sts="2" @tap="toOrderListPage"> <view class="items" data-sts="2" @tap="toOrderListPage">
<image src="@/static/images/icon/toDelivery.png" /> <image src="@/static/images/icon/toDelivery.png"/>
<text>待发货</text> <text>待发货</text>
<text v-if="orderAmount.payed>0" class="num-badge"> <text v-if="orderAmount.payed>0" class="num-badge">
{{ orderAmount.payed }} {{ orderAmount.payed }}
</text> </text>
</view> </view>
<view class="items" data-sts="3" @tap="toOrderListPage"> <view class="items" data-sts="3" @tap="toOrderListPage">
<image src="@/static/images/icon/toTake.png" /> <image src="@/static/images/icon/toTake.png"/>
<text>待收货</text> <text>待收货</text>
<text v-if="orderAmount.consignment>0" class="num-badge"> <text v-if="orderAmount.consignment>0" class="num-badge">
{{ orderAmount.consignment }} {{ orderAmount.consignment }}
</text> </text>
</view> </view>
<view class="items" data-sts="5" @tap="toOrderListPage"> <view class="items" data-sts="5" @tap="toOrderListPage">
<image src="@/static/images/icon/toComment.png" /> <image src="@/static/images/icon/toComment.png"/>
<text>已完成</text> <text>已完成</text>
</view> </view>
</view> </view>
</view> </view>
<!--end 订单状态 --> <!--end 订单状态 -->
<view class="prod-col" style="display: none;" > <view class="prod-col" style="display: none;">
<view class="col-item" @tap="myCollectionHandle"> <view class="col-item" @tap="myCollectionHandle">
<view v-if="loginResult" class="num"> <view v-if="loginResult" class="num">
{{ collectionCount }} {{ collectionCount }}
@ -114,52 +115,52 @@
<view class="my-menu"> <view class="my-menu">
<view class="memu-item" @tap="toMemberInfoPage"> <view class="memu-item" @tap="toMemberInfoPage">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/promotion.png" /> <image src="@/static/images/icon/promotion.png"/>
<text>档案信息</text> <text>档案信息</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toScorePage"> <view class="memu-item" @tap="toScorePage">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/myCoupon.png" /> <image src="@/static/images/icon/myCoupon.png"/>
<text>积分商城</text> <text>积分商城</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toMemberPage"> <view class="memu-item" @tap="toMemberPage">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/getCoupon.png" /> <image src="@/static/images/icon/getCoupon.png"/>
<text>会员专区</text> <text>会员专区</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toDistCenter" style="display: none;" > <view class="memu-item" @tap="toDistCenter" style="display: none;">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/promotion.png" /> <image src="@/static/images/icon/promotion.png"/>
<text>分销中心</text> <text>分销中心</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toCouponCenter" style="display: none;" > <view class="memu-item" @tap="toCouponCenter" style="display: none;">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/getCoupon.png" /> <image src="@/static/images/icon/getCoupon.png"/>
<text>领券中心</text> <text>领券中心</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toMyCouponPage" style="display: none;" > <view class="memu-item" @tap="toMyCouponPage" style="display: none;">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/myCoupon.png" /> <image src="@/static/images/icon/myCoupon.png"/>
<text>我的优惠券</text> <text>我的优惠券</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
<view class="memu-item" @tap="toAddressList"> <view class="memu-item" @tap="toAddressList">
<view class="i-name"> <view class="i-name">
<image src="@/static/images/icon/myAddr.png" /> <image src="@/static/images/icon/myAddr.png"/>
<text>收货地址</text> <text>收货地址</text>
</view> </view>
<view class="arrowhead" /> <view class="arrowhead"/>
</view> </view>
</view> </view>
<!--end 列表项 --> <!--end 列表项 -->
@ -174,15 +175,15 @@
</template> </template>
<script setup> <script setup>
const picDomain = import.meta.env.VITE_APP_RESOURCES_URL const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
const isAuthInfo = ref(false) const isAuthInfo = ref(false)
const loginResult = ref('') const loginResult = ref('')
const orderAmount = ref('') const orderAmount = ref('')
/** /**
* 生命周期函数--监听页面显示 * 生命周期函数--监听页面显示
*/ */
onShow(() => { onShow(() => {
loginResult.value = uni.getStorageSync('loginResult') loginResult.value = uni.getStorageSync('loginResult')
isAuthInfo.value = !!loginResult.value isAuthInfo.value = !!loginResult.value
// 加载订单数字 // 加载订单数字
@ -201,35 +202,35 @@
}) })
showCollectionCount() showCollectionCount()
} }
}) })
const toMemberInfoPage = () => { const toMemberInfoPage = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/member-info/member-info' url: '/pages/member-info/member-info'
}) })
} }
const toScorePage = () => { const toScorePage = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/score/score' url: '/pages/score/score'
}) })
} }
const toMemberPage = () => { const toMemberPage = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/member/member' url: '/pages/member/member'
}) })
} }
const toDistCenter = () => { const toDistCenter = () => {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '该功能未开源' title: '该功能未开源'
}) })
} }
const toCouponCenter = () => { const toCouponCenter = () => {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '该功能未开源' title: '该功能未开源'
}) })
} }
const toMyCouponPage = () => { const toMyCouponPage = () => {
/* uni.showToast({ /* uni.showToast({
icon: 'none', icon: 'none',
title: '该功能未开源' title: '该功能未开源'
@ -237,31 +238,31 @@
uni.navigateTo({ uni.navigateTo({
url: '/pages/delivery-address/delivery-address' url: '/pages/delivery-address/delivery-address'
}) })
} }
const handleTips = () => { const handleTips = () => {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '该功能未开源' title: '该功能未开源'
}) })
} }
const toAddressList = () => { const toAddressList = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/delivery-address/delivery-address' url: '/pages/delivery-address/delivery-address'
}) })
} }
const toOrderListPage = (e) => { const toOrderListPage = (e) => {
const sts = e.currentTarget.dataset.sts const sts = e.currentTarget.dataset.sts
uni.navigateTo({ uni.navigateTo({
url: '/pages/orderList/orderList?sts=' + sts url: '/pages/orderList/orderList?sts=' + sts
}) })
} }
const collectionCount = ref(0) const collectionCount = ref(0)
/** /**
* 查询所有的收藏量 * 查询所有的收藏量
*/ */
const showCollectionCount = () => { const showCollectionCount = () => {
uni.showLoading() uni.showLoading()
http.request({ http.request({
url: '/p/user/collection/count', url: '/p/user/collection/count',
@ -274,12 +275,12 @@
uni.hideLoading() uni.hideLoading()
collectionCount.value = data collectionCount.value = data
}) })
} }
/** /**
* 我的收藏跳转 * 我的收藏跳转
*/ */
const myCollectionHandle = () => { const myCollectionHandle = () => {
let url = '/pages/prod-classify/prod-classify?sts=5' let url = '/pages/prod-classify/prod-classify?sts=5'
const id = 0 const id = 0
const title = '我的收藏商品' const title = '我的收藏商品'
@ -289,21 +290,21 @@
uni.navigateTo({ uni.navigateTo({
url url
}) })
} }
/** /**
* 去登陆 * 去登陆
*/ */
const toLogin = () => { const toLogin = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/accountLogin/accountLogin' url: '/pages/accountLogin/accountLogin'
}) })
} }
/** /**
* 退出登录 * 退出登录
*/ */
const logout = () => { const logout = () => {
http.request({ http.request({
url: '/logOut', url: '/logOut',
method: 'post' method: 'post'
@ -323,9 +324,9 @@
}) })
}, 1000) }, 1000)
}) })
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@use './user.scss'; @use './user.scss';
</style> </style>

Write Preview
Loading…
Cancel
Save