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

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); useUserStore().changMachineEnv(false);
return; return;
} }
if (isY9MachineType()) { if (1==1) {
console.warn('求职一体机环境'); console.warn('求职一体机环境');
baseDB.resetAndReinit(); // 清空indexdb baseDB.resetAndReinit(); // 清空indexdb
useUserStore().logOutApp(); useUserStore().logOutApp();

View File

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

View File

@@ -3,20 +3,21 @@
<!-- 扫码登录--> <!-- 扫码登录-->
<view class="alipay-login-container" v-if="isMachineEnv"> <view class="alipay-login-container" v-if="isMachineEnv">
<view class="login-scan-area"> <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-container">
<view class="qrcode-wrapper" @click="refreshQrcode"> <view class="qrcode-wrapper" @click="refreshQrcode">
<view class="qrcode-border"> <view class="qrcode-border">
<view class="qrcode-content"> <view class="qrcode-content">
<view class="qrcode-pattern"> <view class="qrcode-pattern">
<image <image class="qrcode-img" src="@/static/icon/qrcode.png"/>
class="qrcode-img"
src="@/static/icon/qrcode-example.png"
mode="scaleToFill"
/>
<view class="qrcode-corner top-left"></view> <view class="qrcode-corner top-left"></view>
<view class="qrcode-corner top-right"></view> <view class="qrcode-corner top-right"></view>
<view class="qrcode-corner bottom-left"></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 class="scan-line" :style="{ top: scanLineTop + 'rpx' }"></view>
</view> </view>
@@ -29,18 +30,6 @@
</view> </view>
</view> </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> </view>
</view> </view>
@@ -129,12 +118,7 @@
</view> </view>
<view class="content-input" @click="changeArea"> <view class="content-input" @click="changeArea">
<view class="input-titile">求职区域</view> <view class="input-titile">求职区域</view>
<input <input class="input-con" v-model="state.areaText" disabled placeholder="请选择您的求职区域" />
class="input-con"
v-model="state.areaText"
disabled
placeholder="请选择您的求职区域"
/>
</view> </view>
<view class="content-input" @click="changeJobs"> <view class="content-input" @click="changeJobs">
<view class="input-titile">求职岗位</view> <view class="input-titile">求职岗位</view>
@@ -150,12 +134,7 @@
</view> </view>
<view class="content-input" @click="changeSalay"> <view class="content-input" @click="changeSalay">
<view class="input-titile">期望薪资</view> <view class="input-titile">期望薪资</view>
<input <input class="input-con" v-model="state.salayText" disabled placeholder="请选择您的期望薪资" />
class="input-con"
v-model="state.salayText"
disabled
placeholder="请选择您的期望薪资"
/>
</view> </view>
</view> </view>
<view class="next-btn" @tap="complete">开启求职之旅</view> <view class="next-btn" @tap="complete">开启求职之旅</view>
@@ -209,11 +188,8 @@ const fromValue = reactive({
}); });
// 扫码登录相关状态 // 扫码登录相关状态
const qrcodeExpired = ref(false);
const scanLineTop = ref(0); const scanLineTop = ref(0);
const countdown = ref(0);
let scanInterval = null; let scanInterval = null;
let countdownTimer = null;
// 登录成功提示 // 登录成功提示
const showSuccessTip = ref(false); const showSuccessTip = ref(false);
@@ -224,7 +200,6 @@ onLoad((parmas) => {
onMounted(() => { onMounted(() => {
startScanAnimation(); startScanAnimation();
resetCountdown();
// 模拟扫码成功 // 模拟扫码成功
setTimeout(() => { setTimeout(() => {
// showSuccessTip.value=true // showSuccessTip.value=true
@@ -233,33 +208,8 @@ onMounted(() => {
onUnmounted(() => { onUnmounted(() => {
showSuccessTip.value = false; showSuccessTip.value = false;
stopScanAnimation(); 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 = () => { const startScanAnimation = () => {
clearInterval(scanInterval); clearInterval(scanInterval);
@@ -454,7 +404,7 @@ function complete() {
font-size: 36rpx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
color: #1677ff; color: #1677ff;
margin-bottom: 40rpx; margin-bottom: 20rpx;
text-align: center; text-align: center;
} }
@@ -499,6 +449,7 @@ function complete() {
height: 300rpx; height: 300rpx;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
padding: 30rpx;
} }
.qrcode-img { .qrcode-img {
width: 100%; width: 100%;
@@ -534,6 +485,13 @@ function complete() {
border-top: none; border-top: none;
border-radius: 0 0 0 10rpx; 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 { .scan-line {
@@ -542,7 +500,8 @@ function complete() {
left: 0; left: 0;
width: 100%; width: 100%;
height: 6rpx; 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; z-index: 10;
} }
@@ -599,18 +558,6 @@ function complete() {
margin-bottom: 40rpx; 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 { .switch-method {
width: 100%; width: 100%;
display: flex; 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