af-mobile-client-vue3 1.3.1 → 1.3.2-2.1

package/src/components/data/XFormGroup/index.vue

@@ -2,7 +2,7 @@
 import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
 import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
 import { Button as VanButton, Tab as VanTab, Tabs as VanTabs } from 'vant'
-import { computed, defineEmits, defineProps, onBeforeMount, onMounted, ref, useSlots, watch } from 'vue'
+import { computed, defineEmits, defineProps, onBeforeMount, onMounted, ref, useSlots } from 'vue'
 
 const props = withDefaults(defineProps<{
   configName?: string
@@ -11,6 +11,7 @@ const props = withDefaults(defineProps<{
   mode?: string
   isScrollspy?: boolean
   formShow?: any
+  showTabHeader?: boolean
 }>(), {
   configName: '',
   serviceName: undefined,
@@ -18,25 +19,15 @@ const props = withDefaults(defineProps<{
   mode: '查询',
   isScrollspy: true,
   formShow: undefined,
+  showTabHeader: true,
 })
 const emit = defineEmits(['submit', 'xFormItemEmitFunc'])
 
-interface Form {
-  configName?: string
-  serviceName?: string
-  groupFormData?: object
-  mode?: string
-  isScrollspy?: boolean
-  formShow?: any
-}
-
 const groupItems = ref([])
 const formData = ref({})
 const submitGroup = ref(false)
 const submitSimple = ref(false)
 const isInit = ref(false)
-const initStatus = ref(false)
-const propsData = ref<Partial<Form>>({})
 
 const slots = useSlots()
 const renderableGroupItems = computed(() => {
@@ -55,18 +46,9 @@ const renderableGroupItems = computed(() => {
 })
 
 // 组件初始化函数
-function init(params: Form) {
-  initStatus.value = true
-  propsData.value = {
-    configName: props.configName,
-    serviceName: props.serviceName,
-    groupFormData: props.groupFormData,
-    mode: props.mode,
-    formShow: props.formShow,
-    ...params,
-  }
-  formData.value = propsData.value.groupFormData
-  getConfigByName(propsData.value.configName, (result) => {
+function init() {
+  formData.value = props.groupFormData
+  getConfigByName(props.configName, (result) => {
     if (result?.groups) {
       groupItems.value = result.groups
       result.groups.forEach((group) => {
@@ -81,14 +63,13 @@ function init(params: Form) {
       groupItems.value = [{ ...result }]
     }
     isInit.value = true
-  }, propsData.value.serviceName)
+  }, props.serviceName)
 }
-watch(() => props.groupFormData, (_val) => {
-  formData.value = { ...formData.value, ...props.groupFormData }
-})
+// watch(() => props.groupFormData, (_val) => {
+//   formData.value = { ...formData.value, ...props.groupFormData }
+// })
 onBeforeMount(() => {
-  if (!initStatus.value)
-    init(props)
+  init()
 })
 interface XFormLike {
   validate: () => Promise<void>
@@ -112,6 +93,7 @@ function removeRef(refValue: XFormLike) {
 }
 
 async function submit() {
+  console.log(props.groupFormData)
   for (const res of xFormListRef.value) {
     try {
       await res.validate()
@@ -143,7 +125,7 @@ defineExpose({ init, removeRef, xFormListRef })
 
 <template>
   <div v-if="isInit" id="x-form-group">
-    <VanTabs :scrollspy="propsData.isScrollspy" sticky :offset-top="offsetTop">
+    <VanTabs :scrollspy="props.isScrollspy" sticky :offset-top="offsetTop" :show-header="props.showTabHeader">
       <VanTab
         v-for="(item, index) in renderableGroupItems"
         :key="item.groupName ? (item.groupName + index) : index"
@@ -153,7 +135,7 @@ defineExpose({ init, removeRef, xFormListRef })
           class="x-form-group-item"
           :class="{ 'is-last': index === renderableGroupItems.length - 1 }"
         >
-          <div v-if="item.describe && propsData.isScrollspy && (item.groupName || item.slotName)" class="form-group-title">
+          <div v-if="item.describe && props.isScrollspy && (item.groupName || item.slotName)" class="form-group-title">
             <span class="form-group-bar" />
             <span class="form-group-text">{{ item.describe }}</span>
           </div>
@@ -183,9 +165,11 @@ defineExpose({ init, removeRef, xFormListRef })
         </div>
       </VanTab>
     </VanTabs>
-    <VanButton v-if="submitGroup" round block type="primary" @click="submit">
-      提交
-    </VanButton>
+    <div class="form-footer-fixed">
+      <VanButton v-if="submitGroup" round block type="primary" @click="submit">
+        提交
+      </VanButton>
+    </div>
   </div>
 </template>
 
@@ -206,6 +190,28 @@ defineExpose({ init, removeRef, xFormListRef })
   .x-form-group-item {
     margin-bottom: 20px;
   }
+  .form-footer-fixed {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+
+    padding: 12px;
+    box-sizing: border-box;
+
+    /* 阴影效果 - 向上投射 */
+    box-shadow:
+      0 -4px 12px rgba(0, 0, 0, 0.1),
+      0 -2px 4px rgba(0, 0, 0, 0.06);
+
+    /* 毛玻璃背景 (移动端高级效果) */
+    background-color: rgba(255, 255, 255, 0.85);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+    /* 边框增强立体感 */
+    border-top: 1px solid rgba(0, 0, 0, 0.05);
+  }
 }
 .x-form-group-item.is-last {
   min-height: calc(100vh - var(--van-nav-bar-height) - 40px);
@@ -215,7 +221,7 @@ defineExpose({ init, removeRef, xFormListRef })
   align-items: center;
   padding-top: 12px;
   background: none;
-  margin: 0 0 4px 4px;
+  margin: 0 0 16px 4px;
 }
 .form-group-bar {
   width: 4px;

package/src/components/data/XFormItem/index.vue

@@ -138,14 +138,14 @@ const showItem = ref(true)
 const currInst = getCurrentInstance()
 
 // 配置中心->表单项变更触发函数
-const dataChangeFunc = debounce(async () => {
+async function dataChangeFunc() {
   if (attr.dataChangeFunc) {
-    await executeStrFunctionByContext(currInst, attr.dataChangeFunc, [props.form, (formData: any) => emits('setForm', formData), attr, null, mode])
+    await executeStrFunctionByContext(currInst, attr.dataChangeFunc, [props.form, (formData: any) => emits('setForm', formData), attr, null, mode, runLogic, getConfigByNameAsync])
   }
-}, 500)
-
+}
+const dataChangeFuncdebounce = debounce(dataChangeFunc, 300)
 // 配置中心->表单项展示函数
-const showFormItemFunc = debounce(async () => {
+async function showFormItemFunc() {
   if (attr.showFormItemFunc) {
     const obj = await executeStrFunctionByContext(currInst, attr.showFormItemFunc, [form, attr, null, mode])
     // 判断是 bool 还是  obj  兼容
@@ -157,8 +157,8 @@ const showFormItemFunc = debounce(async () => {
       showItem.value = obj?.show
     }
   }
-}, 500)
-
+}
+const showFormItemFuncdebounce = debounce(showFormItemFunc, 300)
 /**
  * 检测是否传入了有效的值
  * @returns any
@@ -328,7 +328,7 @@ watch(
       debouncedUpdateOptions()
     }
     if (props.attr.showFormItemFunc) {
-      showFormItemFunc()
+      showFormItemFuncdebounce()
     }
   },
   { deep: true },
@@ -340,7 +340,7 @@ watch(
   (newVal, oldVal) => {
     // 避免初始化时的调用
     if (newVal !== oldVal) {
-      dataChangeFunc()
+      dataChangeFuncdebounce()
     }
   },
   { deep: true },
@@ -1203,7 +1203,7 @@ function findOptionInTree(options, value) {
       :label-align="labelAlign"
       :input-align="attr.inputAlign ? attr.inputAlign : 'left'"
       :type="attr.type as FieldType"
-      :readonly="readonly || (attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|'))"
+      :readonly="readonly"
       :disabled="attr.disabled"
       :placeholder="placeholder"
       :error-message="errorMessage"
@@ -1215,7 +1215,7 @@ function findOptionInTree(options, value) {
       <template #input>
         <input
           :value="modelData"
-          :readonly="readonly || (attr.inputOnAfterName && attr.inputOnAfterFunc && !attr.inputOnAfterName.includes('|'))"
+          :readonly="readonly"
           class="van-field__control"
           :placeholder="placeholder"
           style="flex: 1; min-width: 0;"

package/src/components/data/XOlMap/README.md

@@ -35,32 +35,28 @@ npm install ol vant
 ## 使用示例
 
 ```vue
-<template>
-  <XOlMap ref="mapRef" @centerChange="handleCenterChange" />
-</template>
-
 <script setup lang="ts">
-import { ref } from 'vue'
 import type { InitParams } from './types'
+import { ref } from 'vue'
 import XOlMap from '@/components/data/XOlMap/index.vue'
 
 const mapRef = ref()
 
 // 初始化参数
 const initParams: InitParams = {
-  center: [116.404, 39.915],  // 初始中心点
-  zoom: 12,                   // 初始缩放级别
-  maxZoom: 18,               // 最大缩放级别
-  minZoom: 4,                // 最小缩放级别
+  center: [116.404, 39.915], // 初始中心点
+  zoom: 12, // 初始缩放级别
+  maxZoom: 18, // 最大缩放级别
+  minZoom: 4, // 最小缩放级别
 }
 
 // 中心点变化回调
-const handleCenterChange = (center: [number, number]) => {
+function handleCenterChange(center: [number, number]) {
   console.log('地图中心点变化:', center)
 }
 
 // 添加点位示例
-const addPoints = () => {
+function addPoints() {
   mapRef.value?.addVectorPoints({
     id: 1,
     value: '测试点位',
@@ -77,47 +73,51 @@ const addPoints = () => {
   })
 }
 </script>
+
+<template>
+  <XOlMap ref="mapRef" @center-change="handleCenterChange" />
+</template>
 ```
 
 ## API
 
 ### Props
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| initParams | 初始化参数 | InitParams | - |
+| 参数       | 说明       | 类型       | 默认值 |
+| ---------- | ---------- | ---------- | ------ |
+| initParams | 初始化参数 | InitParams | -      |
 
 ### InitParams 类型定义
 
 ```typescript
 interface InitParams {
-  center?: [number, number]     // 地图中心点坐标 [经度, 纬度]
-  zoom?: number                 // 地图缩放级别
-  maxZoom?: number             // 最大缩放级别
-  minZoom?: number             // 最小缩放级别
-  tianDiTuKey?: string         // 天地图密钥
-  amapKey?: string             // 高德地图 API key
+  center?: [number, number] // 地图中心点坐标 [经度, 纬度]
+  zoom?: number // 地图缩放级别
+  maxZoom?: number // 最大缩放级别
+  minZoom?: number // 最小缩放级别
+  tianDiTuKey?: string // 天地图密钥
+  amapKey?: string // 高德地图 API key
 }
 ```
 
 ### 事件
 
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
+| 事件名       | 说明                 | 回调参数                   |
+| ------------ | -------------------- | -------------------------- |
 | centerChange | 地图中心点变化时触发 | (center: [number, number]) |
 
 ### 方法
 
-| 方法名 | 说明 | 参数 | 返回值 |
-| --- | --- | --- | --- |
-| init | 初始化地图 | (params: InitParams) | void |
-| setCenter | 设置地图中心点 | (center: [number, number], animate?: boolean) | void |
-| setZoom | 设置缩放级别 | (zoom: number, animate?: boolean) | void |
-| getZoom | 获取当前缩放级别 | - | number |
-| setCenterAndZoom | 同时设置中心点和缩放级别 | (center: [number, number], zoom: number, animate?: boolean) | void |
-| addVectorPoints | 添加矢量点位 | (config: PointLayerConfig) | VectorLayer |
-| addWMSLayers | 添加 WMS 图层 | (options: WMSOptions) | void |
-| handleLocation | 触发定位功能 | - | Promise<void> |
+| 方法名           | 说明                     | 参数                                                        | 返回值        |
+| ---------------- | ------------------------ | ----------------------------------------------------------- | ------------- |
+| init             | 初始化地图               | (params: InitParams)                                        | void          |
+| setCenter        | 设置地图中心点           | (center: [number, number], animate?: boolean)               | void          |
+| setZoom          | 设置缩放级别             | (zoom: number, animate?: boolean)                           | void          |
+| getZoom          | 获取当前缩放级别         | -                                                           | number        |
+| setCenterAndZoom | 同时设置中心点和缩放级别 | (center: [number, number], zoom: number, animate?: boolean) | void          |
+| addVectorPoints  | 添加矢量点位             | (config: PointLayerConfig)                                  | VectorLayer   |
+| addWMSLayers     | 添加 WMS 图层            | (options: WMSOptions)                                       | void          |
+| handleLocation   | 触发定位功能             | -                                                           | Promise<void> |
 
 ## 注意事项
 
@@ -133,18 +133,9 @@ interface InitParams {
 ### 使用示例
 
 ```vue
-<template>
-  <XLocationPicker
-    v-model:visible="showPicker"
-    :init-location="initLocation"
-    @confirm="handleConfirm"
-    @cancel="handleCancel"
-  />
-</template>
-
 <script setup lang="ts">
-import { ref } from 'vue'
 import type { LocationResult } from './types'
+import { ref } from 'vue'
 import { XLocationPicker } from '@/components/data/XOlMap'
 
 // 控制选择器显示
@@ -158,7 +149,7 @@ const initLocation = {
 }
 
 // 确认选择回调
-const handleConfirm = (location: LocationResult) => {
+function handleConfirm(location: LocationResult) {
   console.log('选择的位置:', location)
   // location 包含:
   // - longitude: 经度
@@ -168,42 +159,51 @@ const handleConfirm = (location: LocationResult) => {
 }
 
 // 取消选择回调
-const handleCancel = () => {
+function handleCancel() {
   showPicker.value = false
 }
 
 // 打开选择器
-const openPicker = () => {
+function openPicker() {
   showPicker.value = true
 }
 </script>
+
+<template>
+  <XLocationPicker
+    v-model:visible="showPicker"
+    :init-location="initLocation"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+  />
+</template>
 ```
 
 ### Props
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| visible | 是否显示选择器 | boolean | false |
-| initLocation | 初始位置 | LocationResult | - |
-| title | 选择器标题 | string | '选择位置' |
-| confirmText | 确认按钮文字 | string | '确定' |
-| cancelText | 取消按钮文字 | string | '取消' |
+| 参数         | 说明           | 类型           | 默认值     |
+| ------------ | -------------- | -------------- | ---------- |
+| visible      | 是否显示选择器 | boolean        | false      |
+| initLocation | 初始位置       | LocationResult | -          |
+| title        | 选择器标题     | string         | '选择位置' |
+| confirmText  | 确认按钮文字   | string         | '确定'     |
+| cancelText   | 取消按钮文字   | string         | '取消'     |
 
 ### 事件
 
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| confirm | 点击确认按钮时触发 | (location: LocationResult) |
-| cancel | 点击取消按钮时触发 | - |
-| update:visible | 更新 visible 值 | (visible: boolean) |
+| 事件名         | 说明               | 回调参数                   |
+| -------------- | ------------------ | -------------------------- |
+| confirm        | 点击确认按钮时触发 | (location: LocationResult) |
+| cancel         | 点击取消按钮时触发 | -                          |
+| update:visible | 更新 visible 值    | (visible: boolean)         |
 
 ### LocationResult 类型定义
 
 ```typescript
 interface LocationResult {
-  longitude: number    // 经度
-  latitude: number     // 纬度
-  address: string      // 地址描述
+  longitude: number // 经度
+  latitude: number // 纬度
+  address: string // 地址描述
 }
 ```
 
@@ -224,4 +224,4 @@ interface LocationResult {
 
 ## 贡献
 
-如果你有任何问题或建议，欢迎提出 Issue 或 Pull Request。 
+如果你有任何问题或建议，欢迎提出 Issue 或 Pull Request。

package/src/components/data/XOlMap/XLocationPicker/index.vue

@@ -177,7 +177,8 @@ watch(() => props.modelValue, (newVal) => {
   .marker-icon {
     width: 24px;
     height: 24px;
-    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzE5ODlmYSIgZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVjLTEuMzggMC0yLjUtMS4xMi0yLjUtMi41czEuMTItMi41IDIuNS0yLjUgMi41IDEuMTIgMi41IDIuNS0xLjEyIDIuNS0yLjUgMi41eiIvPjwvc3ZnPg==') no-repeat center;
+    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzE5ODlmYSIgZD0iTTEyIDJDOC4xMyAyIDUgNS4xMyA1IDljMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2MwLTMuODctMy4xMy03LTctN3ptMCA5LjVjLTEuMzggMC0yLjUtMS4xMi0yLjUtMi41czEuMTItMi41IDIuNS0yLjUgMi41IDEuMTIgMi41IDIuNS0xLjEyIDIuNS0yLjUgMi41eiIvPjwvc3ZnPg==')
+      no-repeat center;
     background-size: contain;
   }
 }

package/src/components/data/XReportGrid/XAddReport/index.md

@@ -21,32 +21,33 @@ export default {
 ## 代码演示
 
 ```html
-<x-add-report
-
->
-</x-add-report>
+<x-add-report> </x-add-report>
 ```
 
 ## API
 
-| 参数              | 说明                       | 类型      | 默认值   |
-|-----------------|--------------------------|---------|-------|
-| businessTitle   | 业务标题                     | String  | ''    |
-| businessType    | 业务类型                     | String  | ''    |
-| visible         | 是否显示模态框                  | Boolean | false |
-| jsonData        | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}    |
-| modifyModelData | 修改操作前查询出的业务数据            | Object  | {}    |
-| loading         | 新增或修改业务是否执行中             | Boolean | false |
-| fixedAddForm    | 固定新增表单，会和新增表单合并          | Object  | {}    |
-| getDataParams | 调用logic获取数据源的追加参数 | Object | - |
-| @onSubmit       | 表单的提交事件                  | event   | -     |
+| 参数            | 说明                                      | 类型    | 默认值 |
+| --------------- | ----------------------------------------- | ------- | ------ |
+| businessTitle   | 业务标题                                  | String  | ''     |
+| businessType    | 业务类型                                  | String  | ''     |
+| visible         | 是否显示模态框                            | Boolean | false  |
+| jsonData        | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}     |
+| modifyModelData | 修改操作前查询出的业务数据                | Object  | {}     |
+| loading         | 新增或修改业务是否执行中                  | Boolean | false  |
+| fixedAddForm    | 固定新增表单，会和新增表单合并            | Object  | {}     |
+| getDataParams   | 调用logic获取数据源的追加参数             | Object  | -      |
+| @onSubmit       | 表单的提交事件                            | event   | -      |
 
 ## 例子1
-----
+
+---
+
 参考XFormTable组件
+
 ```
 
 注意事项
 ----
 
 > 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
+```

package/src/components/data/XReportGrid/index.md

@@ -20,20 +20,24 @@ export default {
 
 ## API
 
-| 参数              | 说明   | 类型    | 默认值       |
-|-----------------|------|-------|-----------|
-| configName | 配置文件名 | String | 无（必填）     |
-| activatedSlotName| 激活插槽名 | String | undefined |
-| files | 文件列表 | Array | []        |
-| authority | 权限控制 | String | user |
-| localConfig | 本地配置 | Object | undefined |
-| dontFormat | 禁止已经格式化后的配置格式化| Boolean | false|
-| configData | 配置中的Data | Object | undefined |
+| 参数              | 说明                         | 类型    | 默认值     |
+| ----------------- | ---------------------------- | ------- | ---------- |
+| configName        | 配置文件名                   | String  | 无（必填） |
+| activatedSlotName | 激活插槽名                   | String  | undefined  |
+| files             | 文件列表                     | Array   | []         |
+| authority         | 权限控制                     | String  | user       |
+| localConfig       | 本地配置                     | Object  | undefined  |
+| dontFormat        | 禁止已经格式化后的配置格式化 | Boolean | false      |
+| configData        | 配置中的Data                 | Object  | undefined  |
+
 ## 例子1
-----
+
+---
+
 ```vue
 <XReport :config-name="'test_tableConfig'" :activated-slot-name="'test_tableConfig_slot'" />
 ```
+
 ## 注意事项
 
 > 在某些情况下，比如手机端，只需要输入表格中一部分的内容。

package/src/components/data/XSignature/index.vue

@@ -226,8 +226,7 @@ onBeforeUnmount(() => {
       display: flex;
       justify-content: center;
       align-items: center;
-      padding: env(safe-area-inset-top) env(safe-area-inset-right)
-              env(safe-area-inset-bottom) env(safe-area-inset-left);
+      padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 
       :deep(.van-signature) {
         // 隐藏原有的底部按钮

package/src/font-style/font.css

@@ -1,4 +1,4 @@
 @font-face {
   font-family: 'PingFangSC-Regular-woff2';
   src: url('./PingFangSC-Regular.woff2') format('woff2');
-}
+}

package/src/hooks/useBoolean.ts

@@ -0,0 +1,26 @@
+import { ref } from 'vue'
+
+export default function useBoolean(initValue = false) {
+  const bool = ref(initValue)
+
+  function setBool(value: boolean) {
+    bool.value = value
+  }
+  function setTrue() {
+    setBool(true)
+  }
+  function setFalse() {
+    setBool(false)
+  }
+  function toggle() {
+    setBool(!bool.value)
+  }
+
+  return {
+    bool,
+    setBool,
+    setTrue,
+    setFalse,
+    toggle,
+  }
+}

package/src/hooks/useLoading.ts

@@ -0,0 +1,16 @@
+import useBoolean from './useBoolean'
+
+/**
+ * 加载状态管理 Hook
+ * @param initValue 初始加载状态，默认为 false
+ * @returns {object} 包含 loading 状态和控制方法
+ */
+export default function useLoading(initValue = false) {
+  const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initValue)
+
+  return {
+    loading,
+    startLoading,
+    endLoading,
+  }
+}

package/src/plugins/collectIcons.ts

@@ -0,0 +1,10 @@
+import { defaultRecordEntries } from '../components/data/UserDetail/recordEntries'
+
+const collectUsedIcons = [
+  ...defaultRecordEntries.map(entry => entry.icon),
+  ...defaultRecordEntries.map(entry => entry.bgColor),
+  ...defaultRecordEntries.map(entry => entry.textColor),
+]
+
+// 默认导出
+export default collectUsedIcons

package/src/router/README.md

@@ -1,6 +1,6 @@
 # `File-based Routing`
 
-Routes will be auto-generated for Vue files in the  **src/views** dir with the same file structure.
+Routes will be auto-generated for Vue files in the **src/views** dir with the same file structure.
 Check out [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) for more details.
 
 在 **src/views** 目录下的 Vue 文件会自动生成相同结构的路由。

package/src/router/guards.ts

@@ -5,7 +5,7 @@ import { showToast } from 'vant'
 // 不需要登录拦截的路由配置
 const loginIgnore = {
   names: ['404', '403', 'user-appointment', 'appointment-form', 'appointment-history'], // 根据路由名称匹配
-  paths: ['/login', '/XReportFormIframeView', '/invoiceShow'], // 根据路由fullPath匹配
+  paths: ['/login', '/XReportFormIframeView', '/invoiceShow', '/register'], // 根据路由fullPath匹配
   /**
    * 判断路由是否包含在该配置中
    * @param route vue-router 的 route 对象

package/src/router/index.ts

@@ -24,7 +24,7 @@ router.beforeEach((to: EnhancedRouteLocation) => {
   routeCacheStore.addRoute(to)
 
   // 页面 title
-  setPageTitle(to.meta.title)
+  setPageTitle(to.meta.title as string)
 })
 
 router.afterEach(() => {