feat(mine): 优化登录页版本更新逻辑和样式

- 重构版本检查按钮样式，新增红点提示更新状态
- 使用 UpdateModal 组件替代原有更新提示弹窗
- 实现静默检查更新功能，减少用户干扰
- 新增 compareVersion 函数用于版本号比较
- 封装下载与安装 APK 的通用函数
- 登录页显示当前年份并调整版权样式位置
- 修复本地存储版本号获取和使用逻辑
- 清理旧版本代码，提升代码可维护性和体验

assets/css/mine/login.scss

@@ -64,43 +64,48 @@
         margin-top: 33rpx;
         margin-top: 33rpx;
     }
     }
 
 
-    .check-update {
-        position: relative;
-        margin-top: 33rpx;
+    .update-btn-box {
         width: 495rpx;
         width: 495rpx;
-        font-size: 22rpx;
-
-        .tip {
-            color: #1969f9;
-        }
-
-        .version {
-            color: #919399;
-            font-size: 20rpx;
-            margin-left: 6rpx;
-        }
-
-        .online_version {
+        margin: 28rpx auto 0;
+        justify-content: flex-end;
+
+        .update-btn {
+            height: 56rpx;
+            padding: 0 20rpx;
+            background: transparent;
+            border: 1rpx solid #cbd5e1;
+            border-radius: 28rpx;
+            font-size: 24rpx;
+            color: #64748b;
             position: relative;
             position: relative;
 
 
-            &.curr {
-                &::after {
-                    position: absolute;
-                    top: -14rpx;
-                    right: -8rpx;
-                    width: 10rpx;
-                    height: 10rpx;
-                    border-radius: 50%;
-                    background-color: #f00;
-                    content: '';
-                }
+            &:active {
+                background: #f1f5f9;
+                border-color: #1969f9;
+                color: #1969f9;
+            }
+
+            .red-dot {
+                position: absolute;
+                top: -4rpx;
+                right: -4rpx;
+                width: 14rpx;
+                height: 14rpx;
+                background: #ef4444;
+                border-radius: 50%;
+                border: 2rpx solid #ffffff;
             }
             }
         }
         }
     }
     }
 
 
     .copyright {
     .copyright {
-        margin-top: 34rpx;
-        font-size: 15rpx;
-        color: #919399;
+        position: fixed;
+        bottom: 90rpx;
+        left: 0;
+        right: 0;
+        text-align: center;
+        font-size: 20rpx;
+        color: #94a3b8;
+        letter-spacing: 0.5rpx;
     }
     }
 }
 }
\ No newline at end of file

components/UpdateModal.vue

+<template>
+    <uni-popup ref="updatePopup" type="center" :mask-click="false">
+        <view class="update-modal">
+            <view class="modal-header">
+                <view class="header-decoration">
+                    <view class="decoration-circle circle-1"></view>
+                    <view class="decoration-circle circle-2"></view>
+                    <view class="decoration-circle circle-3"></view>
+                </view>
+                <view class="icon-wrapper">
+                    <uni-icons type="cloud-download" size="48" color="#ffffff"></uni-icons>
+                </view>
+                <text class="title">更新提示</text>
+            </view>
+            <view class="modal-body">
+                <scroll-view scroll-y="true" class="content-scroll">
+                    <view class="content-text">{{ remark }}</view>
+                </scroll-view>
+            </view>
+            <view class="modal-footer">
+                <view class="btn-cancel" @click="handleCancel">
+                    <text>取消更新</text>
+                </view>
+                <view class="btn-confirm" @click="handleConfirm">
+                    <text>确定更新</text>
+                </view>
+            </view>
+        </view>
+    </uni-popup>
+</template>
+
+<script>
+    import { downloadApk } from '@/util/util.js';
+
+    export default {
+        name: 'UpdateModal',
+        data() {
+            return {
+                remark: '',
+                downloadUrl: '',
+                onlineVersion: '',
+                successCallback: null
+            };
+        },
+        methods: {
+            /**
+             * 显示更新弹窗
+             * @param {string} remark 更新说明
+             * @param {string} downloadUrl 下载地址
+             * @param {string} onlineVersion 线上版本号
+             * @param {function} successCallback 成功回调
+             */
+            show(remark, downloadUrl, onlineVersion, successCallback) {
+                this.remark = remark || '发现新版本，请更新';
+                this.downloadUrl = downloadUrl;
+                this.onlineVersion = onlineVersion;
+                this.successCallback = successCallback;
+                this.$refs.updatePopup.open();
+            },
+
+            /**
+             * 隐藏弹窗
+             */
+            hide() {
+                this.$refs.updatePopup.close();
+            },
+
+            /**
+             * 确认更新
+             */
+            handleConfirm() {
+                this.hide();
+                downloadApk(this.downloadUrl, this.onlineVersion, this.successCallback);
+                this.$emit('confirm');
+            },
+
+            /**
+             * 取消更新
+             */
+            handleCancel() {
+                this.hide();
+                this.$emit('cancel');
+            }
+        }
+    };
+</script>
+
+<style scoped lang="scss">
+    .update-modal {
+        width: 600rpx;
+        background: #ffffff;
+        border-radius: 24rpx;
+        overflow: hidden;
+        box-shadow: 0 20rpx 60rpx rgba(0, 0, 0, 0.15);
+    }
+
+    .modal-header {
+        position: relative;
+        background: linear-gradient(135deg, #197adb 0%, #1565c0 50%, #0d47a1 100%);
+        padding: 48rpx 40rpx 40rpx;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        overflow: hidden;
+
+        .header-decoration {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            pointer-events: none;
+        }
+
+        .decoration-circle {
+            position: absolute;
+            border-radius: 50%;
+            background: rgba(255, 255, 255, 0.08);
+        }
+
+        .circle-1 {
+            width: 200rpx;
+            height: 200rpx;
+            top: -60rpx;
+            right: -40rpx;
+        }
+
+        .circle-2 {
+            width: 120rpx;
+            height: 120rpx;
+            top: 40rpx;
+            left: -30rpx;
+        }
+
+        .circle-3 {
+            width: 80rpx;
+            height: 80rpx;
+            bottom: 20rpx;
+            right: 60rpx;
+        }
+
+        .icon-wrapper {
+            position: relative;
+            z-index: 1;
+            width: 100rpx;
+            height: 100rpx;
+            background: rgba(255, 255, 255, 0.2);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 20rpx;
+        }
+
+        .title {
+            position: relative;
+            z-index: 1;
+            font-size: 36rpx;
+            font-weight: 600;
+            color: #ffffff;
+            letter-spacing: 2rpx;
+        }
+    }
+
+    .modal-body {
+        padding: 40rpx;
+        background: #ffffff;
+
+        .content-scroll {
+            max-height: 400rpx;
+        }
+
+        .content-text {
+            font-size: 28rpx;
+            color: #4a4a4a;
+            line-height: 1.8;
+            text-align: left;
+            white-space: pre-wrap;
+            word-break: break-word;
+        }
+    }
+
+    .modal-footer {
+        display: flex;
+        padding: 24rpx 32rpx 32rpx;
+        gap: 20rpx;
+        border-top: 1rpx solid #f0f0f0;
+
+        .btn-cancel,
+        .btn-confirm {
+            flex: 1;
+            height: 76rpx;
+            border-radius: 38rpx;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28rpx;
+            font-weight: 500;
+            transition: opacity 0.2s ease;
+
+            &:active {
+                opacity: 0.8;
+            }
+        }
+
+        .btn-cancel {
+            background: #f7f8fa;
+            color: #646566;
+
+            &:active {
+                background: #f2f3f5;
+            }
+        }
+
+        .btn-confirm {
+            background: #197adb;
+            color: #ffffff;
+
+            &:active {
+                background: #1565c0;
+            }
+        }
+    }
+</style>

util/util.js

@@ -96,10 +96,86 @@ const formatDate = (date) => {
 };
 };
 
 
 
 
+/**
+ * 版本号比较函数
+ * @param {string} version1 版本号1
+ * @param {string} version2 版本号2
+ * @returns {boolean} true: 版本号相等, false: 版本号不相等
+ */
+const compareVersion = (version1, version2) => {
+  return version1 === version2;
+}
+
+/**
+ * 下载apk文件
+ * @param {string} url 下载地址
+ * @param {string} onlineVersion 线上版本号
+ * @param {function} successCallback 成功回调
+ */
+const downloadApk = (url, onlineVersion, successCallback) => {
+  if (!url) {
+    uni.showToast({
+      title: '下载地址无效',
+      icon: 'error'
+    });
+    return;
+  }
+
+  uni.showLoading({
+    title: '下载安装文件',
+    mask: true
+  });
+
+  var dtask = plus.downloader.createDownload(url, {}, (d, status) => {
+    if (status == 200) {
+      uni.setStorageSync('wms_version', onlineVersion);
+      uni.hideLoading();
+      installApk(d.filename);
+      if (successCallback) successCallback();
+    } else {
+      uni.hideLoading();
+      uni.showToast({
+        title: '下载失败',
+        icon: 'error'
+      });
+      console.log('下载失败');
+    }
+  });
+  dtask.setRequestHeader('Referer', 'wms-liexin2026');
+  dtask.start();
+}
+
+/**
+ * 安装apk文件（强制覆盖安装）
+ * @param {string} filePath 文件路径
+ */
+const installApk = (filePath) => {
+  plus.runtime.install(
+    filePath, { force: true },
+    () => {
+      console.log('更新成功');
+      plus.cache.clear(() => {
+        console.log('缓存已清空');
+      });
+      plus.runtime.restart();
+    },
+    e => {
+      uni.showToast({
+        title: '安装失败',
+        icon: 'error'
+      });
+      console.log(`安装失败：${JSON.stringify(e)}`);
+    }
+  );
+}
+
 module.exports = {
 module.exports = {
   request,
   request,
   getPlatform,
   getPlatform,
   createArray,
   createArray,
   getFirstEightChars,
   getFirstEightChars,
-  formatDate
+  formatDate,
+  compareVersion,
+  downloadApk,
+  installApk
 }
 }
\ No newline at end of file