vue2server7 7.0.50 → 7.0.52

package/frontEnd/src/components/MoneyInput.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="money-input">
+    <el-input
+      v-model="inputDisplayValue"
+      :class="{ 'is-error': showError }"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      clearable
+      @input="onInput"
+      @focus="onFocus"
+      @blur="onBlur"
+      @clear="onClear"
+    />
+    <span v-if="showError" class="money-input__error">{{ errorMessage }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElMessageBox } from 'element-plus'
+
+const FORMAT_REG = /^(?:0|[1-9]\d{0,15})\.\d{2}$/
+
+const props = withDefaults(defineProps<{
+  modelValue?: string | null
+  placeholder?: string
+  disabled?: boolean
+  errorMessage?: string
+  showChineseUppercase?: boolean
+}>(), {
+  modelValue: null,
+  placeholder: '请输入金额',
+  disabled: false,
+  errorMessage: '金额格式应为最多 16 位整数 + 2 位小数（如 1.00）',
+  showChineseUppercase: false
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string | null]
+  'validate': [valid: boolean]
+}>()
+
+const displayValue = ref('')
+const focused = ref(false)
+const hasBlurred = ref(false)
+
+// 千分位格式化（用于显示）
+function toThousands(numStr: string): string {
+  if (!numStr) return ''
+  const [intPart, decPart] = numStr.split('.')
+  const formatted = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  return decPart ? `${formatted}.${decPart}` : formatted
+}
+
+// 移除千分位（用于编辑）
+function fromThousands(str: string): string {
+  return str.replace(/,/g, '')
+}
+
+const inputDisplayValue = computed(() => {
+  if (!displayValue.value) return ''
+  return focused.value ? displayValue.value : toThousands(displayValue.value)
+})
+
+const isValid = computed(() => {
+  if (!displayValue.value) return true
+  return FORMAT_REG.test(displayValue.value)
+})
+
+const showError = computed(() => hasBlurred.value && !focused.value && !isValid.value)
+
+function normalizeIntegerPart(rawInt: string): string {
+  const digits = rawInt.replace(/\D/g, '').slice(0, 16)
+  if (!digits) return ''
+  const trimmed = digits.replace(/^0+/, '')
+  return trimmed || '0'
+}
+
+function sanitizeInput(raw: string): string {
+  if (!raw) return ''
+
+  const cleaned = raw.replace(/[^\d.]/g, '')
+  const dotIndex = cleaned.indexOf('.')
+
+  if (dotIndex === -1) {
+    return normalizeIntegerPart(cleaned)
+  }
+
+  const intPart = normalizeIntegerPart(cleaned.slice(0, dotIndex))
+  const decPart = cleaned.slice(dotIndex + 1).replace(/\./g, '').slice(0, 2)
+  return `${intPart || '0'}.${decPart}`
+}
+
+function formatToMoney(raw: string): string {
+  const sanitized = sanitizeInput(raw)
+  if (!sanitized) return ''
+
+  const [intPartRaw, decPartRaw = ''] = sanitized.split('.')
+  const intPart = normalizeIntegerPart(intPartRaw || '0') || '0'
+  const decPart = decPartRaw.padEnd(2, '0').slice(0, 2)
+  return `${intPart}.${decPart}`
+}
+
+function emitValue() {
+  const val = displayValue.value || null
+  emit('update:modelValue', val)
+  emit('validate', !val || FORMAT_REG.test(val))
+}
+
+function onInput(val: string | number) {
+  // 输入时移除千分位逗号
+  displayValue.value = sanitizeInput(fromThousands(String(val)))
+}
+
+function onFocus() {
+  focused.value = true
+  hasBlurred.value = false
+}
+
+function numberToChineseUppercase(numStr: string): string {
+  if (!numStr) return ''
+  
+  const num = parseFloat(numStr)
+  if (isNaN(num) || num < 0) return ''
+  
+  const fraction = ['角', '分']
+  const digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
+  const unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']]
+  
+  let s = ''
+  const parts = numStr.split('.')
+  const intPart = parts[0]
+  const decPart = parts[1] || ''
+  
+  // 处理整数部分
+  let intNum = parseInt(intPart)
+  if (intNum === 0) {
+    s = '零元'
+  } else {
+    let tmp = ''
+    let zeroCount = 0
+    
+    for (let i = 0; i < intPart.length; i++) {
+      const p = intPart.length - 1 - i
+      const d = parseInt(intPart[i])
+      
+      if (d === 0) {
+        zeroCount++
+      } else {
+        if (zeroCount > 0) {
+          tmp += digit[0]
+        }
+        zeroCount = 0
+        tmp += digit[d] + unit[1][p % 4]
+      }
+      
+      if (p % 4 === 0 && zeroCount < 4) {
+        const unitIndex = Math.floor(p / 4)
+        if (unitIndex < unit[0].length) {
+          tmp += unit[0][unitIndex]
+          zeroCount = 0
+        }
+      }
+    }
+    
+    s = tmp.replace(/零+$/, '') + '元'
+  }
+  
+  // 处理小数部分
+  if (decPart) {
+    for (let i = 0; i < decPart.length && i < 2; i++) {
+      const d = parseInt(decPart[i])
+      if (d !== 0) {
+        s += digit[d] + fraction[i]
+      }
+    }
+  }
+  
+  if (s === '零元') s = '零元整'
+  else if (!decPart || decPart === '00') s += '整'
+  
+  return s
+}
+
+function onBlur() {
+  focused.value = false
+  hasBlurred.value = true
+  if (displayValue.value) {
+    displayValue.value = formatToMoney(displayValue.value)
+  }
+  emitValue()
+  
+  // 如果启用了中文大写显示，则弹出消息框
+  if (props.showChineseUppercase && displayValue.value) {
+    const chineseUppercase = numberToChineseUppercase(displayValue.value)
+    if (chineseUppercase) {
+      ElMessageBox.alert(
+        chineseUppercase,
+        '金额大写',
+        {
+          confirmButtonText: '确定',
+          type: 'info'
+        }
+      )
+    }
+  }
+}
+
+function onClear() {
+  displayValue.value = ''
+  hasBlurred.value = false
+  emitValue()
+}
+
+function validate(): boolean {
+  hasBlurred.value = true
+  if (displayValue.value) {
+    displayValue.value = formatToMoney(displayValue.value)
+    emitValue()
+  }
+  return !displayValue.value || FORMAT_REG.test(displayValue.value)
+}
+
+function reset() {
+  displayValue.value = ''
+  hasBlurred.value = false
+  emitValue()
+}
+
+defineExpose({ validate, reset })
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    const next = val ? formatToMoney(String(val)) : ''
+    if (next !== displayValue.value) {
+      displayValue.value = next
+    }
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped>
+.money-input {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+}
+
+.is-error :deep(.el-input__wrapper) {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+
+.money-input__error {
+  color: var(--el-color-danger);
+  font-size: 12px;
+  line-height: 1.4;
+  padding-top: 4px;
+}
+</style>

package/frontEnd/src/pages/MoneyInputPage.vue

@@ -0,0 +1,101 @@
+<template>
+  <section class="page money-input-page">
+    <h1 class="title">金额输入组件</h1>
+    <p class="desc">
+      固定金额格式：整数最多 16 位，小数固定 2 位，禁止前导零（如 <code>01.00</code>）。
+    </p>
+
+    <el-card class="demo-card" shadow="never">
+      <template #header>
+        <span>基础示例</span>
+      </template>
+
+      <el-form label-width="100px">
+        <el-form-item label="金额">
+          <MoneyInput
+		          :showChineseUppercase="true"
+            ref="moneyInputRef"
+            v-model="amount"
+            placeholder="请输入金额，如 1.00"
+            @validate="onValidate"
+          />
+        </el-form-item>
+      </el-form>
+
+      <div class="demo-output">
+        当前值：<code>{{ amount ?? 'null' }}</code>
+      </div>
+      <div class="demo-output">
+        校验状态：<code>{{ valid ? '通过' : '不通过' }}</code>
+      </div>
+
+      <div class="demo-actions">
+        <el-button type="primary" @click="doValidate">手动校验</el-button>
+        <el-button @click="doReset">重置</el-button>
+      </div>
+    </el-card>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import MoneyInput from '../components/MoneyInput.vue'
+
+const moneyInputRef = ref<InstanceType<typeof MoneyInput>>()
+const amount = ref<string | null>(null)
+const valid = ref(true)
+
+function onValidate(v: boolean) {
+  valid.value = v
+}
+
+function doValidate() {
+  valid.value = moneyInputRef.value?.validate() ?? true
+}
+
+function doReset() {
+  moneyInputRef.value?.reset()
+  amount.value = null
+  valid.value = true
+}
+</script>
+
+<style scoped>
+.page.money-input-page {
+  padding: 20px 24px;
+  max-width: 720px;
+}
+
+.title {
+  margin: 0 0 8px;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.desc {
+  margin: 0 0 20px;
+  color: var(--el-text-color-secondary);
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.demo-card {
+  margin-bottom: 16px;
+}
+
+.demo-output {
+  margin-top: 12px;
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+}
+
+.demo-output code {
+  font-size: 12px;
+}
+
+.demo-actions {
+  margin-top: 12px;
+  display: flex;
+  gap: 8px;
+}
+</style>

package/frontEnd/src/router/routes.js

@@ -5,6 +5,7 @@ import ImportTablePage from '../pages/ImportTablePage.vue'
 import PositionReportPage from '../pages/PositionReportPage.vue'
 import DateRangePage from '../pages/DateRangePage.vue'
 import OrgTreeSelectPage from '../pages/OrgTreeSelectPage.vue'
+import MoneyInputPage from '../pages/MoneyInputPage.vue'
 
 export const routes = [
   {
@@ -73,5 +74,14 @@ export const routes = [
       title: '机构树选择',
       showInMenu: true
     }
+  },
+  {
+    path: '/money-input',
+    name: 'MoneyInput',
+    component: MoneyInputPage,
+    meta: {
+      title: '金额输入',
+      showInMenu: true
+    }
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2server7",
-  "version": "7.0.50",
+  "version": "7.0.52",
   "description": "",
   "scripts": {
     "dev": "nodemon --watch src --ext ts --exec \"ts-node src/app.ts\"",

package/test/111

@@ -1,52 +0,0 @@
-// src/directives/permission.ts
-import type { Directive } from 'vue'
-
-function getPermissions(): string[] {
-  return JSON.parse(localStorage.getItem('permissions') || '[]')
-}
-
-export const permissionDirective: Directive = {
-  mounted(el, binding) {
-    const { value } = binding
-    const permissions = getPermissions()
-
-    if (!value) return
-
-    const hasPermission = Array.isArray(value)
-      ? value.some(p => permissions.includes(p))
-      : permissions.includes(value)
-
-    if (!hasPermission) {
-      el.parentNode?.removeChild(el)
-    }
-  }
-}
-
-
-// main.ts
-import { createApp } from 'vue'
-import App from './App.vue'
-import { permissionDirective } from '@/directives/permission'
-
-const app = createApp(App)
-
-app.directive('permission', permissionDirective)
-
-app.mount('#app')
-
-
-<el-button v-permission="'user:add'">新增</el-button>
-
-<el-button v-permission="['user:edit', 'user:update']">
-  编辑
-</el-button>
-
-
-
-
-<el-button v-permission="'user:add'">新增</el-button>
-
-<el-button v-permission="['user:edit', 'user:update']">
-  编辑
-</el-button>
-

package/test/111.txt

@@ -1,44 +0,0 @@
-import axios from "axios";
-
-const service = axios.create({
-  baseURL: import.meta.env.VITE_API_BASE,
-  timeout: 15000,
-  headers: {
-    "Content-Type": "application/json",
-  },
-});
-
-// 分页字段
-const PAGE_KEYS = ["pageIndex", "pageSize"];
-
-// 拆分函数
-function splitHeadBody(params = {}, tranCode) {
-  const head = {
-    tranCode, // 关键：接口地址放进 head.tranCode
-  };
-  const body = {};
-
-  Object.keys(params).forEach((key) => {
-    if (PAGE_KEYS.includes(key)) {
-      head[key] = params[key];
-    } else {
-      body[key] = params[key];
-    }
-  });
-
-  return { head, body };
-}
-
-const request = {
-  post(tranCode, params = {}, config = {}) {
-    const { head, body } = splitHeadBody(params, tranCode);
-
-    return service.post(
-      "/gateway", // 实际统一请求地址
-      { head, body },
-      config
-    );
-  },
-};
-
-export default request;

package/test/11111111111

@@ -1,24 +0,0 @@
-let el = $0
-while (el) {
-  if (el.__vueParentComponent) {
-    console.log('找到了 Vue3 实例：', el)
-    console.log(el.__vueParentComponent)
-    break
-  }
-  el = el.parentElement
-}
-
-el.__vueParentComponent.setupState
-
-let el = $0
-while (el) {
-  const comp = el.__vueParentComponent
-  if (comp) {
-    const data = comp.setupState || comp.ctx
-    if (data && data.forrcats) {
-      console.log('找到了 forrcats:', data.forrcats)
-      break
-    }
-  }
-  el = el.parentElement
-}

package/test/111111111111111112222

@@ -1,60 +0,0 @@
-// scripts/check-permission-duplicate.js
-import fs from 'fs'
-import path from 'path'
-
-const rootDir = path.resolve(process.cwd(), 'src')
-
-const permissionMap = new Map()
-
-function scanFile(filePath) {
-  const content = fs.readFileSync(filePath, 'utf-8')
-
-  // 匹配 v-permission="xxx" 或 v-permission="'xxx'"
-  const regex = /v-permission\s*=\s*["']([^"']+)["']/g
-
-  let match
-  while ((match = regex.exec(content))) {
-    const permission = match[1].trim()
-
-    if (!permissionMap.has(permission)) {
-      permissionMap.set(permission, [])
-    }
-
-    permissionMap.get(permission).push(filePath)
-  }
-}
-
-function scanDir(dir) {
-  const files = fs.readdirSync(dir)
-
-  for (const file of files) {
-    const fullPath = path.join(dir, file)
-    const stat = fs.statSync(fullPath)
-
-    if (stat.isDirectory()) {
-      scanDir(fullPath)
-    } else if (/\.(vue|js|ts|jsx|tsx)$/.test(file)) {
-      scanFile(fullPath)
-    }
-  }
-}
-
-scanDir(rootDir)
-
-// 输出重复
-console.log('\n🔍 重复的权限指令如下：\n')
-
-let hasDuplicate = false
-
-for (const [key, files] of permissionMap.entries()) {
-  if (files.length > 1) {
-    hasDuplicate = true
-    console.log(`🚨 权限：${key}`)
-    files.forEach(f => console.log(`   - ${f}`))
-    console.log('')
-  }
-}
-
-if (!hasDuplicate) {
-  console.log('✅ 没有发现重复权限')
-}

package/test/12.js

@@ -1,115 +0,0 @@
-const fs = require("fs");
-
-const content = fs.readFileSync("input.txt", "utf8");
-
-// Java → TS 类型
-function javaToTsType(javaType) {
-    const map = {
-        String: "string",
-        Integer: "number",
-        Long: "number",
-        Double: "number",
-        Float: "number",
-        BigDecimal: "number",
-        Boolean: "boolean",
-        Date: "string",
-        LocalDate: "string",
-        LocalDateTime: "string",
-    };
-    return map[javaType] || "any";
-}
-
-// TS 类型默认值
-function defaultValue(tsType) {
-    switch (tsType) {
-        case "string":
-            return `""`;
-        case "number":
-            return `0`;
-        case "boolean":
-            return `false`;
-        default:
-            return `null`;
-    }
-}
-
-/**
- * 解析策略：
- * - 按“字段声明”逐个找：private Type field;
- * - 然后回看它前面一段文本（最多回看 10 行左右）抓 label
- * - label 优先级：ApiModelProperty.value > CheckV.desc > 兜底 field 名
- */
-const fieldRegex = /private\s+(\w+)\s+(\w+)\s*;/g;
-
-const lines = content.split(/\r?\n/);
-const jsonResult = [];
-const tsFields = [];
-const formFields = [];
-
-// 为了“回看”，我们把每一行的起始偏移算出来，方便从 match.index 找到行号
-const lineStartOffsets = [];
-let offset = 0;
-for (const line of lines) {
-    lineStartOffsets.push(offset);
-    offset += line.length + 1; // +1 for \n（\r\n 也足够用来定位）
-}
-
-function findLineIndexByOffset(idx) {
-    // 二分找 <= idx 的最大 lineStartOffsets
-    let l = 0, r = lineStartOffsets.length - 1, ans = 0;
-    while (l <= r) {
-        const m = (l + r) >> 1;
-        if (lineStartOffsets[m] <= idx) { ans = m; l = m + 1; }
-        else r = m - 1;
-    }
-    return ans;
-}
-
-function extractLabelAround(lineIndex) {
-    // 往上最多找 12 行（你可以按需调大）
-    const start = Math.max(0, lineIndex - 12);
-    const window = lines.slice(start, lineIndex).join("\n");
-
-    // 先找 ApiModelProperty(value="xxx")
-    const api = /@ApiModelProperty\s*\(\s*value\s*=\s*"([^"]+)"/.exec(window);
-    if (api?.[1]) return api[1];
-
-    // 再找 CheckV(desc="xxx")
-    const check = /@CheckV\s*\(\s*desc\s*=\s*"([^"]+)"/.exec(window);
-    if (check?.[1]) return check[1];
-
-    return null;
-}
-
-let match;
-while ((match = fieldRegex.exec(content)) !== null) {
-    const javaType = match[1];
-    const field = match[2];
-
-    const lineIndex = findLineIndexByOffset(match.index);
-    const label = extractLabelAround(lineIndex) || field;
-
-    const tsType = javaToTsType(javaType);
-
-    jsonResult.push({ field, label });
-
-    tsFields.push(`  /** ${label} */\n  ${field}: ${tsType};`);
-    formFields.push(`  /** ${label} */\n  ${field}: ${defaultValue(tsType)}`);
-}
-
-// 写文件
-fs.writeFileSync("output.json", JSON.stringify(jsonResult, null, 2), "utf8");
-
-fs.writeFileSync(
-    "model.ts",
-    `export interface Model {\n${tsFields.join("\n\n")}\n}\n`,
-    "utf8"
-);
-
-fs.writeFileSync(
-    "form.js",
-    `export const formModel = {\n${formFields.join(",\n\n")}\n};\n`,
-    "utf8"
-);
-
-console.log("✅ 已生成 output.json / model.ts / form.js");