af-mobile-client-vue3 1.3.12 → 1.3.14

package/src/views/userRecords/operateRecordDetail/operateRecordDetails/WechatPayDetail.vue

@@ -0,0 +1,192 @@
+<script setup lang="ts">
+import { Col, Row } from 'vant'
+
+const props = defineProps<{
+  data: Record<any, any>
+}>()
+</script>
+
+<template>
+  <div class="detail-container">
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            客户名称
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_name }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            上期底数
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_last_tablebase }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            本期底数
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_tablebase }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            用气量
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_pregas }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            用气金额
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_preamount }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            本期剩余气量
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_surplus_gas }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            本期扣减气量
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_haircut_gas }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            上期结余
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_user_balance }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            本期结余
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_curbalance }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作人
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operator }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+
+    <Row>
+      <Col span="24">
+        <div class="detail-item">
+          <p class="detail-label">
+            操作时间
+          </p>
+          <p class="detail-value">
+            {{ props.data.f_operate_date }}
+          </p>
+        </div>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<style scoped lang="less">
+.detail-container {
+  padding: 8px;
+  background: #ffffff;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(100, 101, 102, 0.08);
+
+  :deep(.van-row) {
+    margin-bottom: 2px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.detail-item {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+
+  .detail-label {
+    font-size: 13px;
+    color: #969799;
+    margin: 0;
+    min-width: 70px;
+  }
+
+  .detail-value {
+    font-size: 13px;
+    color: #323233;
+    margin: 0 0 0 8px;
+    flex: 1;
+    word-break: break-all;
+  }
+}
+</style>

package/src/views/userRecords/types.ts

@@ -0,0 +1,66 @@
+export interface RecordBaseInfo {
+  id: string
+  date: string
+  status?: string
+}
+
+export interface PaymentRecord extends RecordBaseInfo {
+  type: string
+  amount: string
+  gas: string
+  paymentMethod: string
+}
+
+export interface MeterRecord extends RecordBaseInfo {
+  lastReading: string
+  currentReading: string
+  usage: string
+  reader: string
+}
+
+export interface TransferRecord extends RecordBaseInfo {
+  oldUser: string
+  newUser: string
+  reason: string
+  operator: string
+}
+
+export interface SafetyRecord extends RecordBaseInfo {
+  inspector: string
+  type: string
+  issues: string
+  suggestions: string
+}
+
+export interface ReplacementRecord extends RecordBaseInfo {
+  oldMeterNumber: string
+  newMeterNumber: string
+  reason: string
+  operator: string
+  remark: string
+}
+
+export interface OtherChargeRecord extends RecordBaseInfo {
+  type: string
+  item: string
+  amount: string
+  operator: string
+  paymentMethod: string
+  remark: string
+}
+
+export interface TransactionRecord extends RecordBaseInfo {
+  type: string
+  amount: string
+  status: string
+  remark: string
+}
+
+// 记录查询通用请求参数
+export interface RecordQueryParams {
+  userId: string
+  pageNo?: number
+  pageSize?: number
+  startDate?: string
+  endDate?: string
+}

package/tsconfig.json

@@ -1,39 +1,39 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "jsx": "preserve",
-    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
-    "experimentalDecorators": true,
-    "baseUrl": ".",
-    "module": "esnext",
-    "moduleResolution": "Bundler",
-    "paths": {
-      "@af-mobile-client-vue3/*": ["src/*"],
-      "~root/*": ["./*"]
-    },
-    "types": [
-      "node",
-      "vite-plugin-pwa/client"
-    ],
-    "allowJs": true,
-    "strictNullChecks": false,
-    "noImplicitAny": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "importHelpers": true,
-    "sourceMap": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "src/App.vue",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "src/types/components.d.ts",
-    "src/types/auto-imports.d.ts",
-    "src/types/typed-router.d.ts"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "jsx": "preserve",
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "module": "esnext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@af-mobile-client-vue3/*": ["src/*"],
+      "~root/*": ["./*"]
+    },
+    "types": [
+      "node",
+      "vite-plugin-pwa/client"
+    ],
+    "allowJs": true,
+    "strictNullChecks": false,
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "importHelpers": true,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/App.vue",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/types/components.d.ts",
+    "src/types/auto-imports.d.ts",
+    "src/types/typed-router.d.ts"
+  ]
+}

package/uno.config.ts

@@ -1,78 +1,82 @@
-import * as fs from 'node:fs'
-
-import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
-import { createRemToPxProcessor } from '@unocss/preset-wind4/utils'
-import {
-  defineConfig,
-  presetAttributify,
-  presetIcons,
-  presetWind4,
-  transformerDirectives,
-  transformerVariantGroup,
-} from 'unocss'
-
-// 本地 SVG 图标存放目录
-const iconsDir = './src/icons/svg'
-
-const BASE_FONT_SIZE = 4
-
-// 读取本地 SVG 目录，自动生成 `safelist`
-function generateSafeList() {
-  try {
-    return fs
-      .readdirSync(iconsDir)
-      .filter(file => file.endsWith('.svg'))
-      .map(file => `i-svg:${file.replace('.svg', '')}`)
-  }
-  catch (error) {
-    console.error('无法读取图标目录:', error)
-    return []
-  }
-}
-
-export default defineConfig({
-  shortcuts: [
-    ['btn', 'px-6 py-3 rounded-4 border-none inline-block bg-green-400 text-white cursor-pointer outline-hidden hover:bg-green-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
-  ],
-  presets: [
-    presetWind4({
-      preflights: {
-        theme: {
-          process: createRemToPxProcessor(BASE_FONT_SIZE),
-        },
-      },
-    }),
-    presetAttributify(),
-    presetIcons(
-      {
-        scale: 1.2,
-        warn: true,
-        extraProperties: {
-          'display': 'inline-block',
-          'vertical-align': 'middle',
-          'width': 'var(--van-font-size-md)',
-          'height': 'var(--van-font-size-md)',
-        },
-        // 注册本地 SVG 图标
-        collections: {
-          // svg 是图标集合名称，使用 `i-svg:图标名` 调用
-          svg: FileSystemIconLoader(iconsDir, (svg) => {
-            // 如果 SVG 文件未定义 `fill` 属性，则默认填充 `currentColor`
-            // 这样图标颜色会继承文本颜色，方便在不同场景下适配
-            return svg.includes('fill="')
-              ? svg
-              : svg.replace(/^<svg /, '<svg fill="currentColor" ')
-          }),
-        },
-      },
-    ),
-  ],
-  safelist: generateSafeList(), // 动态生成 `safelist`
-  postprocess: [
-    createRemToPxProcessor(BASE_FONT_SIZE),
-  ],
-  transformers: [
-    transformerDirectives(),
-    transformerVariantGroup(),
-  ],
-})
+import * as fs from 'node:fs'
+
+import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
+import { createRemToPxProcessor } from '@unocss/preset-wind4/utils'
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetWind4,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+import collectUsedIcons from './src/plugins/collectIcons'
+
+// 本地 SVG 图标存放目录
+const iconsDir = './src/icons/svg'
+
+const BASE_FONT_SIZE = 4
+
+// 读取本地 SVG 目录，自动生成 `safelist`
+function generateSafeList() {
+  try {
+    return fs
+      .readdirSync(iconsDir)
+      .filter(file => file.endsWith('.svg'))
+      .map(file => `i-svg:${file.replace('.svg', '')}`)
+  }
+  catch (error) {
+    console.error('无法读取图标目录:', error)
+    return []
+  }
+}
+
+export default defineConfig({
+  shortcuts: [
+    ['btn', 'px-6 py-3 rounded-4 border-none inline-block bg-green-400 text-white cursor-pointer outline-hidden hover:bg-green-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
+  ],
+  presets: [
+    presetWind4({
+      preflights: {
+        theme: {
+          process: createRemToPxProcessor(BASE_FONT_SIZE),
+        },
+      },
+    }),
+    presetAttributify(),
+    presetIcons(
+      {
+        scale: 1.2,
+        warn: true,
+        extraProperties: {
+          'display': 'inline-block',
+          'vertical-align': 'middle',
+          'width': 'var(--van-font-size-md)',
+          'height': 'var(--van-font-size-md)',
+        },
+        // 注册本地 SVG 图标
+        collections: {
+          // svg 是图标集合名称，使用 `i-svg:图标名` 调用
+          svg: FileSystemIconLoader(iconsDir, (svg) => {
+            // 如果 SVG 文件未定义 `fill` 属性，则默认填充 `currentColor`
+            // 这样图标颜色会继承文本颜色，方便在不同场景下适配
+            return svg.includes('fill="')
+              ? svg
+              : svg.replace(/^<svg /, '<svg fill="currentColor" ')
+          }),
+        },
+      },
+    ),
+  ],
+  safelist: [
+    ...generateSafeList(),
+    ...collectUsedIcons,
+  ], // 动态生成 `safelist`
+  postprocess: [
+    createRemToPxProcessor(BASE_FONT_SIZE),
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+  ],
+})