From 9f3c01d50c2cc88a509cb61a793cab3375c90f6a Mon Sep 17 00:00:00 2001
From: tianfeng <769204422@qq.com>
Date: Fri, 15 Aug 2025 15:57:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=8E=AF=E5=A2=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                    |   4 +
 .env.development        |   4 +
 .env.production         |   4 +
 .env.test               |   4 +
 package.json            |   9 +-
 src/main.js             |   4 +
 src/utils/env.js        |  69 ++++++
 src/utils/http.js       |  24 +-
 src/views/ApplyView.vue | 529 ----------------------------------------
 9 files changed, 116 insertions(+), 535 deletions(-)
 create mode 100644 .env
 create mode 100644 .env.development
 create mode 100644 .env.production
 create mode 100644 .env.test
 create mode 100644 src/utils/env.js

diff --git a/.env b/.env
new file mode 100644
index 0000000..f115942
--- /dev/null
+++ b/.env
@@ -0,0 +1,4 @@
+# 默认环境（开发环境）
+VITE_NODE_ENV=development
+VITE_API_BASE_URL=https://dev-api.likeichat.com
+VITE_APP_TITLE=Likei H5 (Development)
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..c244cc9
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+# 开发环境
+VITE_NODE_ENV=development
+VITE_API_BASE_URL=https://dev-api.likeichat.com
+VITE_APP_TITLE=Likei H5 (Development)
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..08397ec
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,4 @@
+# 生产环境
+VITE_NODE_ENV=production
+VITE_API_BASE_URL=https://api.likeichat.com
+VITE_APP_TITLE=Likei H5
diff --git a/.env.test b/.env.test
new file mode 100644
index 0000000..d619a22
--- /dev/null
+++ b/.env.test
@@ -0,0 +1,4 @@
+# 测试环境
+VITE_NODE_ENV=test
+VITE_API_BASE_URL=https://test-api.likeichat.com
+VITE_APP_TITLE=Likei H5 (Test)
diff --git a/package.json b/package.json
index 1809dbc..87ac99e 100644
--- a/package.json
+++ b/package.json
@@ -7,8 +7,13 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite --mode development",
+    "dev:test": "vite --mode test",
+    "dev:prod": "vite --mode production",
+    "build": "vite build --mode production",
+    "build:dev": "vite build --mode development",
+    "build:test": "vite build --mode test",
+    "build:prod": "vite build --mode production",
     "preview": "vite preview",
     "lint": "eslint . --fix"
   },
diff --git a/src/main.js b/src/main.js
index 5a5dbdb..c90e333 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,13 @@
 import './assets/main.css'
+import { logEnvInfo } from './utils/env.js'
 
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 
+// 初始化环境信息
+logEnvInfo()
+
 const app = createApp(App)
 
 app.use(router)
diff --git a/src/utils/env.js b/src/utils/env.js
new file mode 100644
index 0000000..51ca1c4
--- /dev/null
+++ b/src/utils/env.js
@@ -0,0 +1,69 @@
+/**
+ * 环境配置工具
+ */
+
+// 环境类型
+export const ENV_TYPES = {
+  DEVELOPMENT: 'development',
+  TEST: 'test',
+  PRODUCTION: 'production'
+}
+
+// 获取当前环境
+export function getCurrentEnv() {
+  return import.meta.env.VITE_NODE_ENV || import.meta.env.MODE || ENV_TYPES.DEVELOPMENT
+}
+
+// 获取 API 基础 URL
+export function getApiBaseUrl() {
+  return import.meta.env.VITE_API_BASE_URL || 'https://api.likeichat.com'
+}
+
+// 获取应用标题
+export function getAppTitle() {
+  return import.meta.env.VITE_APP_TITLE || 'Likei H5'
+}
+
+// 是否为开发环境
+export function isDevelopment() {
+  return getCurrentEnv() === ENV_TYPES.DEVELOPMENT
+}
+
+// 是否为测试环境
+export function isTest() {
+  return getCurrentEnv() === ENV_TYPES.TEST
+}
+
+// 是否为生产环境
+export function isProduction() {
+  return getCurrentEnv() === ENV_TYPES.PRODUCTION
+}
+
+// 是否启用调试模式
+export function isDebugMode() {
+  return isDevelopment() || isTest()
+}
+
+// 获取完整的环境配置
+export function getEnvConfig() {
+  return {
+    env: getCurrentEnv(),
+    apiBaseUrl: getApiBaseUrl(),
+    appTitle: getAppTitle(),
+    isDevelopment: isDevelopment(),
+    isTest: isTest(),
+    isProduction: isProduction(),
+    isDebugMode: isDebugMode()
+  }
+}
+
+// 打印环境信息
+export function logEnvInfo() {
+  const config = getEnvConfig()
+  console.group('🔧 Environment Configuration')
+  console.log('📦 Environment:', config.env)
+  console.log('🌐 API Base URL:', config.apiBaseUrl)
+  console.log('📱 App Title:', config.appTitle)
+  console.log('🐛 Debug Mode:', config.isDebugMode)
+  console.groupEnd()
+}
diff --git a/src/utils/http.js b/src/utils/http.js
index 27a7b44..7ec4844 100644
--- a/src/utils/http.js
+++ b/src/utils/http.js
@@ -1,5 +1,15 @@
 // HTTP请求配置
-const API_BASE_URL = 'https://api.likeichat.com'
+import { getApiBaseUrl, getCurrentEnv, isDebugMode } from './env.js'
+
+const API_BASE_URL = getApiBaseUrl()
+const NODE_ENV = getCurrentEnv()
+const DEBUG_MODE = isDebugMode()
+
+// 环境信息日志
+if (DEBUG_MODE) {
+  console.log('🌍 Current Environment:', NODE_ENV)
+  console.log('🔗 API Base URL:', API_BASE_URL)
+}
 
 // 默认公共请求头配置
 let COMMON_HEADERS = {
@@ -103,7 +113,9 @@ export async function request(url, options = {}) {
   }
 
   try {
-    console.log('🚀 API Request:', fullUrl, config)
+    if (DEBUG_MODE) {
+      console.log('🚀 API Request:', fullUrl, config)
+    }
 
     const response = await fetch(fullUrl, config)
 
@@ -113,7 +125,9 @@ export async function request(url, options = {}) {
 
     const result = await response.json()
 
-    console.log('✅ API Response:', result)
+    if (DEBUG_MODE) {
+      console.log('✅ API Response:', result)
+    }
 
     // 检查业务状态
     if (result.status === false) {
@@ -122,7 +136,9 @@ export async function request(url, options = {}) {
 
     return result
   } catch (error) {
-    console.error('❌ API Error:', error)
+    if (DEBUG_MODE) {
+      console.error('❌ API Error:', error)
+    }
     throw error
   }
 }
diff --git a/src/views/ApplyView.vue b/src/views/ApplyView.vue
index 36f70d4..2982390 100644
--- a/src/views/ApplyView.vue
+++ b/src/views/ApplyView.vue
@@ -158,31 +158,6 @@ const submitApplyJoin = async () => {
   }
 }
 
-// 取消申请
-const cancelApplication = async () => {
-  if (!applyMessageId.value) {
-    return
-  }
-
-  try {
-    cancelling.value = true
-    await post('/team/user/join-apply-cancel', {
-      id: applyMessageId.value
-    })
-
-    // 清空团队信息
-    Object.assign(teamProfile, {})
-    Object.assign(teamOwnUserProfile, {})
-    applyMessageId.value = ''
-
-    alert('Application cancelled successfully')
-  } catch (error) {
-    console.error('Failed to cancel application:', error)
-  } finally {
-    cancelling.value = false
-  }
-}
-
 // 加载邀请消息
 const loadInviteMessage = async () => {
   try {
@@ -200,21 +175,6 @@ const loadInviteMessage = async () => {
   }
 }
 
-// 处理邀请
-const processInvite = async (type, item) => {
-  Object.assign(processingItem, item)
-  contactForm.id = item.id
-
-  if (type === 'PASS') {
-    contactForm.status = 1
-    showContactModal.value = true
-    return
-  }
-
-  contactForm.status = 2
-  await submitInviteProcess()
-}
-
 // 提交邀请处理
 const submitInviteProcess = async () => {
   try {
@@ -237,59 +197,17 @@ const submitInviteProcess = async () => {
   }
 }
 
-// 工具函数
-const getAvatarColor = (name) => {
-  if (!name) return '#8B5CF6'
-  const colors = ['#8B5CF6', '#3B82F6', '#10B981', '#F59E0B', '#EF4444', '#8B5CF6']
-  const index = name.charCodeAt(0) % colors.length
-  return colors[index]
-}
-
-const formatAccount = (userProfile) => {
-  if (!userProfile) return ''
-  if (userProfile.ownSpecialId && userProfile.ownSpecialId.account) {
-    return userProfile.ownSpecialId.account
-  }
-  return userProfile.account || ''
-}
-
-const truncateName = (name) => {
-  if (!name) return ''
-  return name.length > 12 ? name.substring(0, 12) + '...' : name
-}
 
 // 事件处理
 const showHelp = () => {
   showHelpModal.value = true
 }
 
-const goBackToSearch = () => {
-  Object.assign(teamProfile, {})
-  Object.assign(teamOwnUserProfile, {})
-  applyMessageId.value = ''
-}
-
-const showInviteMessages = () => {
-  showInviteModal.value = true
-  loadInviteMessage()
-}
-
-const closeInviteModal = () => {
-  showInviteModal.value = false
-}
-
 const closeContactModal = () => {
   showContactModal.value = false
   contactForm.contact = ''
 }
 
-const submitContactInfo = () => {
-  if (!contactForm.contact.trim()) {
-    alert('Please enter WhatsApp number')
-    return
-  }
-  submitInviteProcess()
-}
 
 // 组件挂载时执行
 onMounted(() => {
@@ -401,189 +319,6 @@ onMounted(() => {
   cursor: not-allowed;
 }
 
-.apply-tips {
-  background-color: #F0F9FF;
-  padding: 12px;
-  border-radius: 8px;
-  border-left: 4px solid #3B82F6;
-}
-
-.apply-tips p {
-  margin: 0;
-  font-size: 14px;
-  color: #1E40AF;
-}
-
-/* 团队信息区域 */
-.team-profile-section {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.team-profile-card {
-  background-color: white;
-  padding: 20px;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-  text-align: center;
-}
-
-.team-owner-info {
-  margin-bottom: 24px;
-}
-
-.avatar-wrapper {
-  margin: 0 auto 12px auto;
-  width: 80px;
-  height: 80px;
-}
-
-.owner-avatar {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.name-avatar {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 32px;
-  font-weight: 600;
-}
-
-.owner-details {
-  text-align: center;
-}
-
-.owner-name {
-  font-size: 18px;
-  font-weight: 600;
-  color: #333;
-  margin-bottom: 4px;
-}
-
-.owner-id {
-  font-size: 14px;
-  color: #666;
-}
-
-.action-buttons {
-  display: flex;
-  gap: 12px;
-  justify-content: center;
-}
-
-.btn-cancel,
-.btn-confirm,
-.btn-cancel-apply {
-  padding: 12px 24px;
-  border: none;
-  border-radius: 8px;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.btn-cancel {
-  background-color: #F3F4F6;
-  color: #374151;
-}
-
-.btn-cancel:hover {
-  background-color: #E5E7EB;
-}
-
-.btn-confirm {
-  background-color: #10B981;
-  color: white;
-}
-
-.btn-confirm:hover:not(:disabled) {
-  background-color: #059669;
-}
-
-.btn-cancel-apply {
-  background-color: #EF4444;
-  color: white;
-}
-
-.btn-cancel-apply:hover:not(:disabled) {
-  background-color: #DC2626;
-}
-
-.btn-cancel:disabled,
-.btn-confirm:disabled,
-.btn-cancel-apply:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-/* 底部消息栏 */
-.bottom-bar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: white;
-  border-top: 1px solid #E5E7EB;
-  padding: 12px 16px;
-  z-index: 10;
-}
-
-.message-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-  padding: 12px;
-  background-color: #8B5CF6;
-  color: white;
-  border: none;
-  border-radius: 8px;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  position: relative;
-  transition: background-color 0.2s;
-}
-
-.message-btn:hover {
-  background-color: #7C3AED;
-}
-
-.message-btn.has-unread {
-  background-color: #EF4444;
-}
-
-.message-btn.has-unread:hover {
-  background-color: #DC2626;
-}
-
-.unread-badge {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  background-color: #FBBF24;
-  color: #92400E;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  font-size: 12px;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 /* 模态框样式 */
 .modal-overlay {
   position: fixed;
@@ -599,24 +334,6 @@ onMounted(() => {
   padding: 16px;
 }
 
-.help-modal,
-.invite-modal,
-.contact-modal {
-  background: white;
-  border-radius: 12px;
-  width: 100%;
-  max-width: 400px;
-  max-height: 80vh;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.help-modal {
-  padding: 20px;
-  text-align: center;
-  max-width: 300px;
-}
 
 .help-modal h3 {
   margin: 0 0 16px 0;
@@ -638,188 +355,12 @@ onMounted(() => {
   cursor: pointer;
 }
 
-/* 邀请和联系模态框 */
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px;
-  border-bottom: 1px solid #E5E7EB;
-}
-
 .modal-header h3 {
   margin: 0;
   font-size: 18px;
   font-weight: 600;
 }
 
-.close-btn {
-  background: none;
-  border: none;
-  font-size: 24px;
-  cursor: pointer;
-  color: #666;
-  padding: 0;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modal-body {
-  padding: 16px;
-  overflow-y: auto;
-  flex: 1;
-}
-
-/* 邀请列表 */
-.invite-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.invite-item {
-  background-color: #F6FAFA;
-  padding: 16px;
-  border-radius: 8px;
-}
-
-.invite-profile {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 8px;
-}
-
-.invite-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.invite-details {
-  flex: 1;
-}
-
-.invite-name {
-  font-size: 14px;
-  font-weight: 600;
-  color: #333;
-}
-
-.invite-id,
-.invite-country {
-  font-size: 12px;
-  color: #666;
-  margin-top: 2px;
-}
-
-.invite-status {
-  margin-bottom: 8px;
-}
-
-.status-pending {
-  background-color: #FEF3C7;
-  color: #D97706;
-  padding: 2px 8px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.status-passed {
-  background-color: #D1FAE5;
-  color: #059669;
-  padding: 2px 8px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.status-refused {
-  background-color: #FEE2E2;
-  color: #DC2626;
-  padding: 2px 8px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.invite-message-text {
-  font-size: 14px;
-  color: #666;
-  margin-bottom: 12px;
-  word-break: break-word;
-}
-
-.invite-actions {
-  display: flex;
-  gap: 8px;
-}
-
-.btn-refuse,
-.btn-accept {
-  flex: 1;
-  padding: 8px 16px;
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-
-.btn-refuse {
-  background-color: #FEE2E2;
-  color: #DC2626;
-}
-
-.btn-refuse:hover {
-  background-color: #FECACA;
-}
-
-.btn-accept {
-  background-color: #D1FAE5;
-  color: #059669;
-}
-
-.btn-accept:hover {
-  background-color: #A7F3D0;
-}
-
-/* 联系方式表单 */
-.contact-profile {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-}
-
-.contact-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.contact-details {
-  flex: 1;
-}
-
-.contact-name {
-  font-size: 14px;
-  font-weight: 600;
-  color: #333;
-}
-
-.contact-id {
-  font-size: 12px;
-  color: #666;
-  margin-top: 2px;
-}
 
 .contact-form .form-group {
   margin-bottom: 16px;
@@ -833,74 +374,11 @@ onMounted(() => {
   margin-bottom: 6px;
 }
 
-.contact-input {
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid #D1D5DB;
-  border-radius: 6px;
-  font-size: 14px;
-}
-
-.contact-input:focus {
-  outline: none;
-  border-color: #8B5CF6;
-}
-
-.form-actions {
-  display: flex;
-  gap: 12px;
-}
-
-.btn-submit {
-  flex: 1;
-  padding: 8px 16px;
-  background-color: #8B5CF6;
-  color: white;
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-}
-
-.btn-submit:hover:not(:disabled) {
-  background-color: #7C3AED;
-}
-
-.btn-submit:disabled {
-  background-color: #9CA3AF;
-  cursor: not-allowed;
-}
-
-/* 加载和空状态 */
-.loading-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 40px 20px;
-  color: #666;
-}
-
-.loading-spinner {
-  width: 32px;
-  height: 32px;
-  border: 3px solid #f3f3f3;
-  border-top: 3px solid #8B5CF6;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  margin-bottom: 12px;
-}
-
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
-.empty-invites {
-  text-align: center;
-  padding: 40px 20px;
-  color: #666;
-}
 
 .empty-invites p {
   margin: 0;
@@ -919,12 +397,5 @@ onMounted(() => {
     margin-top: 8px;
   }
 
-  .action-buttons {
-    flex-direction: column;
-  }
-
-  .bottom-bar {
-    padding-bottom: calc(12px + env(safe-area-inset-bottom));
-  }
 }
 </style>