改变故障上报路径 修改样式

This commit is contained in:
zhouyanli
2026-04-29 11:02:36 +08:00
parent e0ff09374c
commit 1464fe9d7d
11 changed files with 1146 additions and 738 deletions

View File

@@ -23,8 +23,8 @@
<uni-easyinput class="input-content verify-input" type="number" v-model="verifyCode" trim="all"
placeholder="请输入验证码" :inputBorder="false" maxlength="6" :placeholderStyle="placeholderStyle">
</uni-easyinput>
<button
class="get-verify-btn"
<button
class="get-verify-btn"
:disabled="!canGetVerify || countDown > 0"
@click="getVerifyCode"
>
@@ -32,18 +32,18 @@
</button>
</view>
<!-- 确定 -->
<button
class="forget-btn"
<button
class="forget-btn"
:disabled="!canRegister"
@click="handleConfirm"
>
确定
</button>
</view>
</template>
<script setup>
import { ref, computed, onUnmounted } from 'vue';
import { ref, computed, onUnmounted } from 'vue';
import {getSendCode} from '../api/api.js'
// ====响应式数据======
@@ -73,7 +73,7 @@ const getVerifyCode = () => {
uni.showToast({
title: '验证码已发送',
icon: 'success'
});
});
// 开始60秒倒计时
countDown.value = 60;
timer = setInterval(() => {
@@ -82,25 +82,25 @@ const getVerifyCode = () => {
clearInterval(timer);
timer = null;
}
}, 1000);
}, 1000);
}else{
uni.showToast({
title: '验证码发送失败',
icon: 'error'
});
});
}
})
};
// 是否确认
const canRegister = computed(() => {
const phoneReg = /^1[3-9]\d{9}$/; // 手机号11位
const verifyReg = /^\d{6}$/; // 验证码6位
return phoneReg.test(phoneNumber.value)
&& verifyReg.test(verifyCode.value)
return phoneReg.test(phoneNumber.value)
&& verifyReg.test(verifyCode.value)
});
// 确认
const handleConfirm = () =>{
@@ -118,7 +118,7 @@ const handleConfirm = () =>{
const goBack = () => {
uni.navigateBack();
};
</script>
<style scoped>
.forget-page{
@@ -126,7 +126,7 @@ const goBack = () => {
min-height: 100vh;
background-color: #f9f9f9;
/* background: repeating-linear-gradient(180deg, #E2F0FF, #F6FAFF ); */
}
}
.status_bar{
width: 100%;
height: 46px;
@@ -211,7 +211,7 @@ const goBack = () => {
background-color: #4D5DFA;
color: #fff;
border-radius: 8rpx;
font-size: 32rpx;
font-size: 28rpx;
margin-bottom: 40rpx;
}
.forget-btn:disabled{
@@ -223,5 +223,5 @@ button:after{
border-radius: 8px;
}
</style>