verce-vue-test 0.0.26 → 0.0.28

package/mini2.0-main/env.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
+  readonly BASE_URL: string
   readonly VITE_APP_ENV: 'development' | 'test' | 'production'
   readonly VITE_API_BASE_URL: string
   readonly VITE_PROXY_TARGET?: string

package/mini2.0-main/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "@iconify/vue": "^5.0.1",
         "@vueuse/core": "^14.3.0",
+        "adm-zip": "^0.5.17",
         "axios": "^1.16.1",
         "clipboard": "^2.0.11",
         "crypto-js": "^4.2.0",
@@ -25,6 +26,7 @@
       },
       "devDependencies": {
         "@tsconfig/node24": "^24.0.4",
+        "@types/adm-zip": "^0.5.8",
         "@types/node": "^24.12.2",
         "@vitejs/plugin-vue": "^6.0.6",
         "@vue/eslint-config-typescript": "^14.7.0",
@@ -1463,6 +1465,16 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.8.tgz",
+      "integrity": "sha512-RVVH7QvZYbN+ihqZ4kX/dMiowf6o+Jk1fNwiSdx0NahBJLU787zkULhGhJM8mf/obmLGmgdMM0bXsQTmyfbR7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/esrecurse": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
@@ -2198,6 +2210,15 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/adm-zip": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.17.tgz",
+      "integrity": "sha512-+Ut8d9LLqwEvHHJl1+PIHqoyDxFgVN847JTVM3Izi3xHDWPE4UtzzXysMZQs64DMcrJfBeS/uoEP4AD3HQHnQQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
     "node_modules/agent-base": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",

package/mini2.0-main/package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@iconify/vue": "^5.0.1",
     "@vueuse/core": "^14.3.0",
+    "adm-zip": "^0.5.17",
     "axios": "^1.16.1",
     "clipboard": "^2.0.11",
     "crypto-js": "^4.2.0",
@@ -37,6 +38,7 @@
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
+    "@types/adm-zip": "^0.5.8",
     "@types/node": "^24.12.2",
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/eslint-config-typescript": "^14.7.0",

package/mini2.0-main/plugins/bump-version.ts

@@ -1,7 +1,7 @@
-import { readFileSync, writeFileSync, cpSync } from 'node:fs'
+import { readFileSync, writeFileSync, cpSync, rmSync } from 'node:fs'
 import { resolve, basename } from 'node:path'
-import { execSync } from 'node:child_process'
 import type { Plugin } from 'vite'
+import AdmZip from 'adm-zip'
 
 /**
  * 打包时自增版本号、复制配置文件、压缩 dist 为 zip
@@ -23,10 +23,14 @@ export function bumpVersion(mode: string): Plugin {
       const oldCode = Number(match[1])
       const newCode = oldCode + 1
 
-      const major = Math.floor(newCode / 100000)
-      const minor = Math.floor((newCode % 100000) / 1000)
-      const patch = String(newCode % 1000).padStart(3, '0')
-      const versionName = `${major}.${minor}.${patch}`
+      // 版本号规则：5位 version_code → 4位版本名
+      // version_code: ABCDD  A=major B=minor C=patch DD=hotfix
+      // version_name: A.B.C.DD  示例 66102 → 6.6.1.02
+      const major = Math.floor(newCode / 10000)
+      const minor = Math.floor((newCode / 1000) % 10)
+      const patch = Math.floor((newCode / 100) % 10)
+      const hotfix = String(newCode % 100).padStart(2, '0')
+      const versionName = `${major}.${minor}.${patch}.${hotfix}`
 
       content = content
         .replace(/version_code=\d+/, `version_code=${newCode}`)
@@ -40,10 +44,17 @@ export function bumpVersion(mode: string): Plugin {
 
       console.log(`[plugin.properties] version: ${oldCode} → ${newCode} (${versionName})`)
 
-      // 压缩 dist 为 zip
+      // 压缩 dist 为 zip（使用 adm-zip，跨平台兼容）
       const distDir = resolve(outDir, '..')
       const zipName = `dist_${newCode}.zip`
-      execSync(`cd ${distDir} && zip -r ${zipName} www plugin.properties config.properties`, { stdio: 'inherit' })
+      const zipPath = resolve(distDir, zipName)
+      const zip = new AdmZip()
+
+      zip.addLocalFolder(resolve(distDir, 'www'), 'www')
+      zip.addLocalFile(resolve(distDir, 'plugin.properties'))
+
+      rmSync(zipPath, { force: true })
+      zip.writeZip(zipPath)
       console.log(`[zip] 已生成 ${basename(distDir)}/${zipName}`)
     },
   }

package/mini2.0-main/src/App.vue

@@ -1,7 +1,20 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useAppStore } from '@/stores/app'
+
+const appStore = useAppStore()
+
+onMounted(async () => {
+  await appStore.initNativeDetection()
+
+  // 测试环境 + 原生设备：加载 vConsole 调试面板
+  if (import.meta.env.VITE_APP_ENV === 'test' && appStore.isNative) {
+    import('vconsole').then(({ default: VConsole }) => new VConsole())
+  }
+})
+</script>
 
 <template>
-  <router-view v-slot="{ Component }">
+  <router-view v-if="appStore.ready" v-slot="{ Component }">
     <keep-alive include="Home">
       <component :is="Component" />
     </keep-alive>

package/mini2.0-main/src/config/plugin.properties.pro

@@ -1,6 +1,6 @@
 app_id=vue_demo;
-version_code=315015;
-version_name=3.15.015;
+version_code=10000;
+version_name=1.0.0.00;
 type=html5;
 frame=vue;
 platform=[mac,win,ios,android];

package/mini2.0-main/src/config/plugin.properties.test

@@ -1,6 +1,6 @@
 app_id=vue_demo;
-version_code=315018;
-version_name=3.15.018;
+version_code=10000;
+version_name=1.0.0.00;
 type=html5;
 frame=vue;
 platform=[mac,win,ios,android];

package/mini2.0-main/src/core/mxApi/index.ts

@@ -232,6 +232,33 @@ export const ajaxPut = <T = unknown>(url: string, data?: unknown): Promise<MXAja
 export const ajaxDelete = <T = unknown>(url: string, id: string): Promise<MXAjaxResponse<T>> =>
   ajax<T>({ type: 'DELETE', url: `${url}/${id}` })
 
-/** 检测是否在原生环境 */
+let nativeReady = false
+let resolveNativeReady: (() => void) | null = null
+
+const nativeReadyPromise = new Promise<void>((resolve) => {
+  resolveNativeReady = resolve
+})
+
+document.addEventListener('deviceready', () => {
+  nativeReady = true
+  resolveNativeReady?.()
+}, false)
+
+/**
+ * 等待原生设备就绪（deviceready 事件触发后 resolve）
+ *
+ * native 环境下 deviceready 触发后 window.MXCommon 才注入完成，
+ * 之后 isNativeApp() 才能拿到正确结果。
+ */
+export const whenNativeReady = (): Promise<boolean> => {
+  if (nativeReady) return Promise.resolve(isNativeApp())
+
+  return Promise.race([
+    nativeReadyPromise.then(() => isNativeApp()),
+    new Promise<boolean>((resolve) => setTimeout(() => resolve(false), 3000)),
+  ])
+}
+
+/** 检测是否在原生环境（需在 deviceready 之后调用才准确） */
 export const isNativeApp = (): boolean =>
   typeof window.MXCommon !== 'undefined'

package/mini2.0-main/src/main.ts

@@ -1,15 +1,11 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-import 'vant/lib/index.css' // Vant 基础样式，必须引入否则组件无样式
+import 'vant/lib/index.css'
 
 import App from './App.vue'
 import router from './router'
 
-if (import.meta.env.VITE_APP_ENV !== 'production') {
-  import('vconsole').then(({ default: VConsole }) => new VConsole())
-}
-
 const app = createApp(App)
 const pinia = createPinia()
 

package/mini2.0-main/src/router/index.ts

@@ -1,8 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import { useUserStore } from '@/stores/user'
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/',

package/mini2.0-main/src/stores/app.ts

@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia'
+import { whenNativeReady } from '@/core/mxApi'
+
+/**
+ * 应用级状态 Store
+ *
+ * 存放全局共享的运行时状态，不持久化。
+ */
+export const useAppStore = defineStore('app', () => {
+  /** 原生环境检测是否已完成（App.vue onMounted 后变为 true） */
+  const ready = ref(false)
+
+  /** 是否在原生 APP WebView 环境中（由 App.vue 初始化时检测并写入） */
+  const isNative = ref(false)
+
+  /**
+   * 初始化原生环境检测
+   *
+   * 等待 deviceready 事件后判断 window.MXCommon 是否存在，
+   * 浏览器环境下 3 秒超时后返回 false。
+   * 应在 App.vue onMounted 中调用，全局只需一次。
+   */
+  async function initNativeDetection() {
+    isNative.value = await whenNativeReady()
+    ready.value = true
+  }
+
+  return { ready, isNative, initNativeDetection }
+})

package/mini2.0-main/src/stores/user.ts

@@ -13,7 +13,7 @@ export const useUserStore = defineStore(
     // -------------------------------- State --------------------------------
 
     /** 登录凭证，登录成功后由后端返回，后续请求通过请求头携带 */
-    const token = ref('')
+    const token = ref('7')
 
     // ------------------------------ Actions --------------------------------
 

package/mini2.0-main/src/views/home/index.vue

@@ -7,44 +7,44 @@ type HomeFeature = {
 
 defineOptions({ name: 'HomePage' })
 
-const bannerImage = '/images/img.png'
+const bannerImage = `${import.meta.env.BASE_URL}images/img.png`
 
 const router = useRouter()
 
 const features: HomeFeature[] = [
   {
     title: ['人民币头寸', '预报及查询'],
-    image: '/images/f5876785-b927-4347-ba19-999114240649.png',
+    image: `${import.meta.env.BASE_URL}images/f5876785-b927-4347-ba19-999114240649.png`,
     route: '/rmb-position',
   },
   {
     title: ['外币头寸', '预报及查询'],
-    image: '/images/12a73787-86a9-4891-a65f-66104746f6a8.png',
+    image: `${import.meta.env.BASE_URL}images/12a73787-86a9-4891-a65f-66104746f6a8.png`,
     route: '/foreign-position',
   },
   {
     title: ['人行头寸', '余额查询'],
-    image: '/images/73fef1e4-0fd0-4a1a-9b8b-a70a5b6acbbc.png',
+    image: `${import.meta.env.BASE_URL}images/73fef1e4-0fd0-4a1a-9b8b-a70a5b6acbbc.png`,
     route: '/pbc-position',
   },
   {
     title: ['头寸匡算'],
-    image: '/images/ea745a10-42aa-4f44-8d7f-3ab02cc0adcd.png',
+    image: `${import.meta.env.BASE_URL}images/ea745a10-42aa-4f44-8d7f-3ab02cc0adcd.png`,
     route: '/position-estimate',
   },
   {
     title: ['人民币净借记', '可用额度管理'],
-    image: '/images/5798d7aa-ba8b-4605-8079-58b35495ac55.png',
+    image: `${import.meta.env.BASE_URL}images/5798d7aa-ba8b-4605-8079-58b35495ac55.png`,
     route: '/net-debit',
   },
   {
     title: ['人民币小额网银', '清算场次明细'],
-    image: '/images/c3dbbd9d-be56-490e-b9f4-6ee17ebefffc.png',
+    image: `${import.meta.env.BASE_URL}images/c3dbbd9d-be56-490e-b9f4-6ee17ebefffc.png`,
     route: '/clearing-detail',
   },
   {
     title: ['预警信息'],
-    image: '/images/bc685b4c-0cca-4a79-924c-a8ee10e6f8eb.png',
+    image: `${import.meta.env.BASE_URL}images/bc685b4c-0cca-4a79-924c-a8ee10e6f8eb.png`,
     route: '/warning',
   },
 ]

package/mini2.0-main/src/views/login/index.vue

@@ -3,11 +3,12 @@ import { useRouter } from 'vue-router'
 import { login } from '@/api/user'
 import { showToast } from 'vant'
 import { useUserStore } from '@/stores/user'
-import { isNativeApp, getEncryptString } from '@/core/mxApi'
+import { useAppStore } from '@/stores/app'
+import { getEncryptString } from '@/core/mxApi'
 
 const router = useRouter()
 const userStore = useUserStore()
-const isNative = isNativeApp()
+const appStore = useAppStore()
 
 const form = ref({
   username: '',
@@ -18,12 +19,12 @@ const loading = ref(false)
 
 // 原生环境：从客户端获取密钥，直接交换 token
 onMounted(async () => {
-  if (!isNativeApp()) return
+  if (!appStore.isNative) return
 
   loading.value = true
   try {
     const secret = await getEncryptString()
-  console.log(secret)
+    console.log(secret)
   } catch {
     // 错误已由 request.ts 拦截器统一处理
   } finally {
@@ -49,7 +50,7 @@ async function onSubmit() {
 <template>
   <div class="login-page">
     <!-- 原生环境：自动登录，只显示加载状态 -->
-    <van-loading v-if="isNative" vertical class="native-loading">
+    <van-loading v-if="appStore.isNative" vertical class="native-loading">
       正在登录...
     </van-loading>
 

package/mini2.0-main/vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig(({ mode }) => {
   const apiBaseUrl = env.VITE_API_BASE_URL || '/api'
 
   return {
+    base: './',
     plugins: [
       vue(),
       vueDevTools(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verce-vue-test",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "private": false,
   "type": "module",
   "scripts": {

package/src/App.vue

@@ -89,6 +89,10 @@ function toggleCollapse() {
             <el-icon><TrendCharts /></el-icon>
             <span>总行管理员首页</span>
           </el-menu-item>
+          <el-menu-item index="/fund-cockpit">
+            <el-icon><TrendCharts /></el-icon>
+            <span>资金驾驶舱</span>
+          </el-menu-item>
           <el-menu-item index="/notice-announcement">
             <el-icon><Bell /></el-icon>
             <span>通知公告</span>

package/src/components/ElButtonPro.vue

@@ -0,0 +1,215 @@
+<script setup lang="ts">
+import { ref, computed, useAttrs } from 'vue'
+import { ElMessageBox, ElMessage } from 'element-plus'
+
+/**
+ * 增强版按钮组件
+ * 基于 el-button，提供权限控制、防抖、确认对话框等功能
+ */
+defineOptions({
+  name: 'ElButtonPro',
+  inheritAttrs: false,
+})
+
+const attrs = useAttrs()
+
+const props = withDefaults(
+  defineProps<{
+    /** 权限码，用于权限控制 */
+    permission?: string | string[]
+    /** 是否启用防抖，单位毫秒 */
+    debounce?: number
+    /** 是否启用节流，单位毫秒 */
+    throttle?: number
+    /** 点击前是否显示确认对话框 */
+    confirm?: boolean | string
+    /** 确认对话框标题 */
+    confirmTitle?: string
+    /** 确认对话框类型 */
+    confirmType?: 'warning' | 'info' | 'success' | 'error'
+    /** 是否显示取消按钮 */
+    showCancelButton?: boolean
+    /** 取消按钮文本 */
+    cancelButtonText?: string
+    /** 确认按钮文本 */
+    confirmButtonText?: string
+    /** 确认按钮类型 */
+    confirmButtonType?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+    /** 是否显示成功提示 */
+    showSuccessMessage?: boolean | string
+    /** 成功提示文本 */
+    successMessage?: string
+    /** 是否显示失败提示 */
+    showErrorMessage?: boolean
+    /** 失败提示文本 */
+    errorMessage?: string
+    /** 是否自动处理错误 */
+    autoHandleError?: boolean
+  }>(),
+  {
+    debounce: 0,
+    throttle: 0,
+    confirm: false,
+    confirmTitle: '提示',
+    confirmType: 'warning',
+    showCancelButton: true,
+    cancelButtonText: '取消',
+    confirmButtonText: '确定',
+    confirmButtonType: 'primary',
+    showSuccessMessage: false,
+    successMessage: '操作成功',
+    showErrorMessage: true,
+    errorMessage: '操作失败',
+    autoHandleError: true,
+  },
+)
+
+const emit = defineEmits<{
+  /** 点击事件 */
+  'click': [event: MouseEvent]
+  /** 确认后点击事件 */
+  'confirm': [event: MouseEvent]
+  /** 成功事件 */
+  'success': [data?: any]
+  /** 失败事件 */
+  'error': [error: Error]
+}>()
+
+/** 内部加载状态 */
+const internalLoading = ref(false)
+
+/** 从 attrs 中提取 disabled */
+const disabled = computed(() => attrs.disabled as boolean | undefined)
+
+/** 从 attrs 中提取外部 loading */
+const externalLoading = computed(() => attrs.loading as boolean | undefined)
+
+/** 最终的加载状态（合并外部 loading 和内部 loading） */
+const finalLoading = computed(() => externalLoading.value || internalLoading.value)
+
+/** 过滤后的 attrs（移除 loading 和 disabled） */
+const filteredAttrs = computed(() => {
+  const { loading, disabled: _, ...rest } = attrs
+  return rest
+})
+
+/** 防抖/节流定时器 */
+let timer: ReturnType<typeof setTimeout> | null = null
+let lastTime = 0
+
+/**
+ * 处理点击事件
+ */
+const handleClick = async (event: MouseEvent) => {
+  // 如果按钮被禁用或正在加载，不处理点击
+  if (disabled.value || finalLoading.value) {
+    return
+  }
+
+  // 防抖处理
+  if (props.debounce > 0) {
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(() => {
+      handleConfirmClick(event)
+    }, props.debounce)
+    return
+  }
+
+  // 节流处理
+  if (props.throttle > 0) {
+    const now = Date.now()
+    if (now - lastTime < props.throttle) {
+      return
+    }
+    lastTime = now
+  }
+
+  await handleConfirmClick(event)
+}
+
+/**
+ * 处理确认后的点击事件
+ */
+const handleConfirmClick = async (event: MouseEvent) => {
+  // 如果需要确认对话框
+  if (props.confirm) {
+    try {
+      const confirmText = typeof props.confirm === 'string' ? props.confirm : '确定要执行此操作吗？'
+      await ElMessageBox.confirm(confirmText, props.confirmTitle, {
+        confirmButtonText: props.confirmButtonText,
+        cancelButtonText: props.cancelButtonText,
+        type: props.confirmType,
+        showCancelButton: props.showCancelButton,
+        confirmButtonClass: `el-button--${props.confirmButtonType}`,
+      })
+    } catch {
+      // 用户取消操作
+      return
+    }
+  }
+
+  // 触发点击事件
+  emit('click', event)
+  emit('confirm', event)
+}
+
+/**
+ * 执行异步操作
+ */
+const execute = async <T = any>(fn: () => Promise<T>): Promise<T | undefined> => {
+  if (finalLoading.value) {
+    return
+  }
+
+  internalLoading.value = true
+
+  try {
+    const result = await fn()
+    
+    // 显示成功提示
+    if (props.showSuccessMessage) {
+      const message = typeof props.showSuccessMessage === 'string' ? props.showSuccessMessage : props.successMessage
+      ElMessage.success(message)
+    }
+    
+    emit('success', result)
+    return result
+  } catch (error) {
+    const err = error instanceof Error ? error : new Error(String(error))
+    
+    // 显示失败提示
+    if (props.showErrorMessage) {
+      const message = props.errorMessage || err.message
+      ElMessage.error(message)
+    }
+    
+    emit('error', err)
+    
+    if (!props.autoHandleError) {
+      throw err
+    }
+  } finally {
+    internalLoading.value = false
+  }
+}
+
+/**
+ * 暴露方法给父组件
+ */
+defineExpose({
+  execute,
+  loading: finalLoading,
+})
+</script>
+
+<template>
+  <el-button
+    :loading="finalLoading"
+    v-bind="filteredAttrs"
+    @click="handleClick"
+  >
+    <slot />
+  </el-button>
+</template>