隐藏一体机下部分模块 修改扫码登录页

This commit is contained in:
2025-12-17 13:42:05 +08:00
parent 8ccdcbf93b
commit 32e147e601
5 changed files with 560 additions and 612 deletions

View File

@@ -19,7 +19,7 @@ onLaunch((options) => {
useUserStore().changMachineEnv(false);
return;
}
if (isY9MachineType()) {
if (1==1) {
console.warn('求职一体机环境');
baseDB.resetAndReinit(); // 清空indexdb
useUserStore().logOutApp();

View File

@@ -1012,6 +1012,7 @@ image-margin-top = 40rpx
left: 0
padding: 10rpx 0 10rpx 30rpx
box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
z-index:1
.uploadfiles-scroll
height: 100%
.uploadfiles-list

View File

@@ -3,20 +3,21 @@
<!-- 扫码登录-->
<view class="alipay-login-container" v-if="isMachineEnv">
<view class="login-scan-area">
<view class="login-title">支付宝扫码登录</view>
<view class="login-title">扫码登录</view>
<view class="qrcode-tips">
<text class="tips-text">请将二维码对准机器下方</text>
<!-- <text class="tips-subtext">扫一扫后点击确认完成登录</text> -->
</view>
<view class="qrcode-container">
<view class="qrcode-wrapper" @click="refreshQrcode">
<view class="qrcode-border">
<view class="qrcode-content">
<view class="qrcode-pattern">
<image
class="qrcode-img"
src="@/static/icon/qrcode-example.png"
mode="scaleToFill"
/>
<image class="qrcode-img" src="@/static/icon/qrcode.png"/>
<view class="qrcode-corner top-left"></view>
<view class="qrcode-corner top-right"></view>
<view class="qrcode-corner bottom-left"></view>
<view class="qrcode-corner bottom-right"></view>
<view class="scan-line" :style="{ top: scanLineTop + 'rpx' }"></view>
</view>
@@ -29,18 +30,6 @@
</view>
</view>
</view>
<view class="qrcode-tips">
<text class="tips-text">使用支付宝扫一扫登录</text>
<text class="tips-subtext">扫一扫后点击确认完成登录</text>
</view>
</view>
</view>
<!-- 刷新提示 -->
<view class="refresh-tips" v-if="countdown > 0">
<view class="countdown-text">
<span class="countdown-num">{{ countdown }}</span>
秒后二维码过期
</view>
</view>
</view>
@@ -129,12 +118,7 @@
</view>
<view class="content-input" @click="changeArea">
<view class="input-titile">求职区域</view>
<input
class="input-con"
v-model="state.areaText"
disabled
placeholder="请选择您的求职区域"
/>
<input class="input-con" v-model="state.areaText" disabled placeholder="请选择您的求职区域" />
</view>
<view class="content-input" @click="changeJobs">
<view class="input-titile">求职岗位</view>
@@ -150,12 +134,7 @@
</view>
<view class="content-input" @click="changeSalay">
<view class="input-titile">期望薪资</view>
<input
class="input-con"
v-model="state.salayText"
disabled
placeholder="请选择您的期望薪资"
/>
<input class="input-con" v-model="state.salayText" disabled placeholder="请选择您的期望薪资" />
</view>
</view>
<view class="next-btn" @tap="complete">开启求职之旅</view>
@@ -209,11 +188,8 @@ const fromValue = reactive({
});
// 扫码登录相关状态
const qrcodeExpired = ref(false);
const scanLineTop = ref(0);
const countdown = ref(0);
let scanInterval = null;
let countdownTimer = null;
// 登录成功提示
const showSuccessTip = ref(false);
@@ -224,7 +200,6 @@ onLoad((parmas) => {
onMounted(() => {
startScanAnimation();
resetCountdown();
// 模拟扫码成功
setTimeout(() => {
// showSuccessTip.value=true
@@ -233,33 +208,8 @@ onMounted(() => {
onUnmounted(() => {
showSuccessTip.value = false;
stopScanAnimation();
clearInterval(countdownTimer);
});
// 刷新二维码
const refreshQrcode = () => {
qrcodeExpired.value = false;
resetCountdown();
startScanAnimation();
// TODO
};
// 重置倒计时
const resetCountdown = () => {
countdown.value = 60;
clearInterval(countdownTimer);
countdownTimer = setInterval(() => {
if (countdown.value > 0) {
countdown.value--;
} else {
qrcodeExpired.value = true;
clearInterval(countdownTimer);
stopScanAnimation();
}
}, 1000);
};
// 开始扫描动画
const startScanAnimation = () => {
clearInterval(scanInterval);
@@ -454,7 +404,7 @@ function complete() {
font-size: 36rpx;
font-weight: 600;
color: #1677ff;
margin-bottom: 40rpx;
margin-bottom: 20rpx;
text-align: center;
}
@@ -499,6 +449,7 @@ function complete() {
height: 300rpx;
background-color: #fff;
position: relative;
padding: 30rpx;
}
.qrcode-img {
width: 100%;
@@ -534,6 +485,13 @@ function complete() {
border-top: none;
border-radius: 0 0 0 10rpx;
}
&.bottom-right {
bottom: 0;
right: 0;
border-left: none;
border-top: none;
border-radius: 0 0 10rpx 0;
}
}
.scan-line {
@@ -542,7 +500,8 @@ function complete() {
left: 0;
width: 100%;
height: 6rpx;
background: linear-gradient(90deg, transparent, #1677ff, transparent);
background: linear-gradient(90deg, transparent, #217bf9, transparent);
box-shadow: 0 -6rpx 4rpx #ffffff;
z-index: 10;
}
@@ -599,18 +558,6 @@ function complete() {
margin-bottom: 40rpx;
}
.countdown-text {
font-size: 24rpx;
color: #999;
display: flex;
align-items: center;
}
.countdown-num {
margin-right: 5rpx;
color: #1677ff;
font-size: 30rpx;
}
.switch-method {
width: 100%;
display: flex;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
static/icon/qrcode.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB