修复bug
This commit is contained in:
@@ -1,15 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="contentStyle">
|
<view class="contentStyle">
|
||||||
<view class="status-bar"></view>
|
|
||||||
<uni-nav-bar
|
|
||||||
title="更改手机号码"
|
|
||||||
left-icon="left"
|
|
||||||
@click-left="goBack"
|
|
||||||
background-color="transparent"
|
|
||||||
:border="false"
|
|
||||||
>
|
|
||||||
</uni-nav-bar>
|
|
||||||
|
|
||||||
<scroll-view class="page" scroll-y>
|
<scroll-view class="page" scroll-y>
|
||||||
<!-- 表单区域 -->
|
<!-- 表单区域 -->
|
||||||
<view class="form-container">
|
<view class="form-container">
|
||||||
@@ -59,7 +49,6 @@ import { ref, onUnmounted } from 'vue'
|
|||||||
import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js'
|
import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js'
|
||||||
|
|
||||||
// 响应式数据
|
// 响应式数据
|
||||||
const statusBarHeight = ref(20)
|
|
||||||
const phone = ref('')
|
const phone = ref('')
|
||||||
const code = ref('')
|
const code = ref('')
|
||||||
const countdown = ref(0)
|
const countdown = ref(0)
|
||||||
@@ -147,6 +136,7 @@ onUnmounted(() => {
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
page {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -154,7 +144,7 @@ page {
|
|||||||
.contentStyle {
|
.contentStyle {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100%;
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -208,10 +198,6 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.code-btn {
|
.code-btn {
|
||||||
position: absolute;
|
|
||||||
right: 10rpx;
|
|
||||||
top: 13%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 66rpx;
|
height: 66rpx;
|
||||||
line-height: 66rpx;
|
line-height: 66rpx;
|
||||||
@@ -221,6 +207,7 @@ page {
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-btn[disabled] {
|
.code-btn[disabled] {
|
||||||
@@ -252,9 +239,4 @@ page {
|
|||||||
border: none;
|
border: none;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-bar {
|
|
||||||
width: 100vw;
|
|
||||||
height: 46px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -1,10 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="contentStyle" style="">
|
<view class="contentStyle" style="">
|
||||||
<view class="status-bar"></view>
|
|
||||||
<uni-nav-bar title="修改密码" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
|
|
||||||
</uni-nav-bar>
|
|
||||||
|
|
||||||
|
|
||||||
<scroll-view class="page" scroll-y>
|
<scroll-view class="page" scroll-y>
|
||||||
|
|
||||||
<!-- 表单区域 -->
|
<!-- 表单区域 -->
|
||||||
@@ -39,7 +34,6 @@ import { ref } from 'vue'
|
|||||||
import { authChangePassword } from '../api/apiSub.js'
|
import { authChangePassword } from '../api/apiSub.js'
|
||||||
|
|
||||||
|
|
||||||
const statusBarHeight = ref(20);
|
|
||||||
const oldPwd = ref('');
|
const oldPwd = ref('');
|
||||||
const newPwd = ref('');
|
const newPwd = ref('');
|
||||||
const confirmPwd = ref('')
|
const confirmPwd = ref('')
|
||||||
@@ -87,6 +81,7 @@ import { authChangePassword } from '../api/apiSub.js'
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
page {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -94,7 +89,7 @@ import { authChangePassword } from '../api/apiSub.js'
|
|||||||
.contentStyle {
|
.contentStyle {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100%;
|
||||||
/* 关键:占满屏幕高度 */
|
/* 关键:占满屏幕高度 */
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
@@ -193,9 +188,4 @@ import { authChangePassword } from '../api/apiSub.js'
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-bar {
|
|
||||||
width: 100vw;
|
|
||||||
height: 46px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@@ -1,9 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="contentStyle">
|
<view class="contentStyle">
|
||||||
<view class="status-bar"></view>
|
|
||||||
<uni-nav-bar title="注销账号" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
|
|
||||||
</uni-nav-bar>
|
|
||||||
|
|
||||||
<scroll-view class="page" scroll-y>
|
<scroll-view class="page" scroll-y>
|
||||||
<!-- 提示信息 -->
|
<!-- 提示信息 -->
|
||||||
<view class="warning-box">
|
<view class="warning-box">
|
||||||
@@ -111,6 +107,7 @@ onUnload(() => {
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
page {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@@ -118,7 +115,7 @@ page {
|
|||||||
.contentStyle {
|
.contentStyle {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 100%;
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -199,8 +196,4 @@ page {
|
|||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.status-bar {
|
|
||||||
width: 100vw;
|
|
||||||
height: 46px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -31,7 +31,9 @@
|
|||||||
<view class="form-section">
|
<view class="form-section">
|
||||||
|
|
||||||
<view class="form-item">
|
<view class="form-item">
|
||||||
<view class="label">访客姓名</view>
|
<view class="label">
|
||||||
|
<text class="required">*</text>访客姓名
|
||||||
|
</view>
|
||||||
<input class="input" placeholder="请输入访客姓名" v-model="form.name" maxlength="20" @input="onNameInput" />
|
<input class="input" placeholder="请输入访客姓名" v-model="form.name" maxlength="20" @input="onNameInput" />
|
||||||
</view>
|
</view>
|
||||||
<view class="form-item">
|
<view class="form-item">
|
||||||
@@ -65,9 +67,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="form-item">
|
<view class="form-item">
|
||||||
<view class="label">
|
<view class="label">随行人数</view>
|
||||||
<text class="required">*</text>随行人数
|
|
||||||
</view>
|
|
||||||
<input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" maxlength="2" @input="onPeopleNumInput" />
|
<input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" maxlength="2" @input="onPeopleNumInput" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -196,7 +196,7 @@ const pageFixed = ref(false);
|
|||||||
try {
|
try {
|
||||||
const res = await getHouseList({ pageNum: 1, pageSize: 10 })
|
const res = await getHouseList({ pageNum: 1, pageSize: 10 })
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
addressList.value = (res.rows || []).map(item => ({
|
addressList.value = (res.data || []).map(item => ({
|
||||||
...item,
|
...item,
|
||||||
label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim()
|
label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim()
|
||||||
}))
|
}))
|
||||||
@@ -391,13 +391,13 @@ const pageFixed = ref(false);
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) {
|
// if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) {
|
||||||
uni.showToast({
|
// uni.showToast({
|
||||||
title: '请输入随行人数',
|
// title: '请输入随行人数',
|
||||||
icon: 'none'
|
// icon: 'none'
|
||||||
});
|
// });
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
if (!form.visitTime) {
|
if (!form.visitTime) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '请选择来访时间',
|
title: '请选择来访时间',
|
||||||
@@ -472,8 +472,12 @@ const pageFixed = ref(false);
|
|||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.visitor-invite {
|
.visitor-invite {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
min-height: 100vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-scroll {
|
.no-scroll {
|
||||||
@@ -482,7 +486,6 @@ const pageFixed = ref(false);
|
|||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 导航栏 */
|
/* 导航栏 */
|
||||||
@@ -502,6 +505,7 @@ const pageFixed = ref(false);
|
|||||||
/* 标签切换 */
|
/* 标签切换 */
|
||||||
.tab-wrap {
|
.tab-wrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-shrink: 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-bottom: 1rpx solid #eee;
|
border-bottom: 1rpx solid #eee;
|
||||||
}
|
}
|
||||||
@@ -522,7 +526,10 @@ const pageFixed = ref(false);
|
|||||||
|
|
||||||
/* 表单区域 */
|
/* 表单区域 */
|
||||||
.form-wrap {
|
.form-wrap {
|
||||||
padding: 10rpx;
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 10rpx 10rpx 180rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-section {
|
.form-section {
|
||||||
@@ -608,7 +615,14 @@ const pageFixed = ref(false);
|
|||||||
|
|
||||||
/* 底部按钮 */
|
/* 底部按钮 */
|
||||||
.btn-wrap {
|
.btn-wrap {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10;
|
||||||
padding: 20rpx 40rpx 50rpx;
|
padding: 20rpx 40rpx 50rpx;
|
||||||
|
padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
|
||||||
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
@@ -646,6 +660,8 @@ const pageFixed = ref(false);
|
|||||||
.gender-list {
|
.gender-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
max-height: 60vh;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-item,
|
.address-item,
|
||||||
@@ -669,3 +685,11 @@ const pageFixed = ref(false);
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* 页面容器撑满并禁止整体滚动,让表单区域单独滚动 */
|
||||||
|
page {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -151,8 +151,9 @@ const addInvitation = () => {
|
|||||||
.visitor-page {
|
.visitor-page {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
background: linear-gradient(135deg, #e2f0ff 0%, #f9f9f9 50%);
|
background: linear-gradient(135deg, #e2f0ff 0%, #f9f9f9 50%);
|
||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
}
|
}
|
||||||
@@ -296,16 +297,21 @@ const addInvitation = () => {
|
|||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 列表底部占位 */
|
/* 列表底部占位(为固定的按钮预留高度,保证最后一项能滚到按钮上方) */
|
||||||
.list-bottom-space {
|
.list-bottom-space {
|
||||||
height: 24rpx;
|
height: 180rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 新增邀请按钮 */
|
/* 新增邀请按钮 */
|
||||||
.add-btn-wrapper {
|
.add-btn-wrapper {
|
||||||
flex-shrink: 0;
|
position: fixed;
|
||||||
padding: 20rpx 0;
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 10;
|
||||||
|
padding: 20rpx 30rpx;
|
||||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||||
|
background-color: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-btn {
|
.add-btn {
|
||||||
@@ -325,3 +331,11 @@ const addInvitation = () => {
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* 页面容器撑满并禁止整体滚动,让内部 scroll-view 单独滚动 */
|
||||||
|
page {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -213,22 +213,19 @@
|
|||||||
{
|
{
|
||||||
"path": "changePhone",
|
"path": "changePhone",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "更改手机号码"
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "changePwd",
|
"path": "changePwd",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "修改密码"
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "deleteAccount",
|
"path": "deleteAccount",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "注销账号"
|
||||||
"navigationStyle": "custom"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user