first commit

src/components/common/VersionInfo.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="version-info" style="display: none;">
+    <!-- 隐藏版本显示，只保留后台检查功能 -->
+  </div>
+</template>
+
+<script setup>
+import { versionChecker } from '@/utils/version'
+import { onMounted, onUnmounted } from 'vue'
+
+// 隐藏版本显示，只保留后台检查功能
+
+// 生命周期
+onMounted(() => {
+  // 启动后台版本检查
+  versionChecker.startAutoCheck()
+})
+
+onUnmounted(() => {
+  // 停止版本检查
+  versionChecker.stopAutoCheck()
+})
+</script>
+
+<style scoped>
+.version-info {
+  display: inline-block;
+}
+
+.version-display {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  padding: 4px 8px;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+}
+
+.version-display:hover {
+  background-color: var(--el-fill-color-light);
+}
+
+.version-icon {
+  font-size: 14px;
+  color: var(--el-text-color-secondary);
+}
+
+.version-text {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  font-weight: 500;
+}
+
+.version-details {
+  padding: 16px 0;
+}
+
+.version-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+
+.version-item:last-child {
+  border-bottom: none;
+}
+
+.version-item .label {
+  font-weight: 500;
+  color: var(--el-text-color-primary);
+}
+
+.version-item .value {
+  color: var(--el-text-color-regular);
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+</style>