af-mobile-client-vue3 1.3.58 → 1.3.60

package/src/services/v3Api.ts

@@ -9,7 +9,7 @@ function getLeafNodes(nodes) {
     if (node.children && node.children.length) {
       // 递归处理子节点并合并结果
       leaves.push(...getLeafNodes(node.children))
-    }
+    }
     else {
       // 当前节点是叶子节点时，直接加入结果
       leaves.push(node)
@@ -45,7 +45,7 @@ function getLeafNodesByCondition(type, nodes, parent = null) {
       }
       // 递归处理子节点
       leaves.push(...getLeafNodesByCondition(type, node.children, updatedParent))
-    }
+    }
     else if (isValidNode) {
       // 无子节点但符合条件时，直接加入叶子节点列表
       if (node.resourcetype === 'organization') {
@@ -53,7 +53,7 @@ function getLeafNodesByCondition(type, nodes, parent = null) {
           ...node,
           name: parent ? `${node.name}-${parent}` : node.name,
         })
-      }
+      }
       else if (node.resourcetype === 'department' && !nodeArray.includes(node.name)) {
         // console.log('数组',nodeArray.includes(node.name))
         leaves.push({
@@ -86,16 +86,16 @@ function getResData(params, toCallback) {
   const data = { userId: params.userid, roleName: params.roleName }
   if (params.source === '获取分公司') {
     runLogic('getOrgBySearch', data, 'af-system').then(res => toCallback(res))
-  }
+  }
   else if (params.source === '获取部门') {
     runLogic('getDepBySearch', data, 'af-system').then(res => toCallback(res))
-  }
+  }
   else if (params.source === '获取人员') {
     runLogic('getUserBySearch', data, 'af-system').then(res => toCallback(res))
-  }
+  }
   else if (params.source === '根据角色获取人员') {
     runLogic('getUserBySearchRole', data, 'af-system').then(res => toCallback(res))
-  }
+  }
   else {
     return search(params).then(res => toCallback(res))
   }
@@ -107,15 +107,15 @@ export async function searchToOption(params, callback) {
       if (res[0].children && res[0].children.length) {
         if (res[0].children[0].children) {
           callback(transformData(res[0].children[0].children))
-        }
+        }
         else {
           callback(transformData(res[0].children))
         }
-      }
+      }
       else {
         callback(res[0].children)
       }
-    }
+    }
     else {
       callback(res)
     }
@@ -129,7 +129,7 @@ export async function searchToListOption(params, callback) {
     if (params.source.includes('人员')) {
       // console.log('ren---------',res)
       callback(transformData(getLeafNodes(res)))
-    }
+    }
     else {
       const type = params.source.includes('公司') ? 'organization' : 'department'
       // console.log('bumenpgonngsi',res)

package/src/stores/modules/homeApp/README.md

@@ -0,0 +1,124 @@
+# HomeApp Store 使用说明
+
+## 概述
+`useHomeAppStore` 是一个专门用于管理首页应用列表的 Pinia store，与 `useSettingStore` 配合使用。
+
+## 特性
+- 独立管理 `homeAppList` 数据
+- 提供完整的 CRUD 操作
+- 与 setting store 自动同步数据
+- 支持类型安全的 TypeScript 接口
+
+## 基本使用
+
+### 1. 导入和使用
+```typescript
+import { useHomeAppStore } from '@/stores'
+
+const homeAppStore = useHomeAppStore()
+```
+
+### 2. 获取应用列表
+```typescript
+// 获取所有应用
+const apps = homeAppStore.getHomeAppList()
+
+// 直接访问响应式数据
+const apps = homeAppStore.homeAppList
+```
+
+### 3. 添加应用
+```typescript
+homeAppStore.addHomeApp({
+  id: 'new-app',
+  name: '新应用',
+  icon: '/icon.png',
+  url: 'https://example.com',
+  description: '应用描述'
+})
+```
+
+### 4. 更新应用
+```typescript
+homeAppStore.updateHomeApp('app-id', {
+  name: '更新后的名称',
+  description: '新的描述'
+})
+```
+
+### 5. 删除应用
+```typescript
+homeAppStore.removeHomeApp('app-id')
+```
+
+### 6. 清空列表
+```typescript
+homeAppStore.clearHomeAppList()
+```
+
+## 数据同步
+
+### 自动同步
+- 当 `useSettingStore.init()` 被调用时，`homeAppList` 会自动同步到 `useHomeAppStore`
+- 无需手动同步，数据会自动保持一致
+
+### 手动同步
+```typescript
+import { useSettingStore, useHomeAppStore } from '@/stores'
+
+const settingStore = useSettingStore()
+const homeAppStore = useHomeAppStore()
+
+// 手动同步数据
+homeAppStore.setHomeAppList(settingStore.getSetting()?.homeAppList || [])
+```
+
+## 在组件中使用
+
+### Vue 组件示例
+```vue
+<template>
+  <div class="home-apps">
+    <div 
+      v-for="app in homeAppStore.homeAppList" 
+      :key="app.id"
+      class="app-item"
+      @click="openApp(app)"
+    >
+      <img :src="app.icon" :alt="app.name" />
+      <span>{{ app.name }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useHomeAppStore } from '@/stores'
+
+const homeAppStore = useHomeAppStore()
+
+function openApp(app) {
+  // 处理应用点击
+  window.open(app.url, '_blank')
+}
+</script>
+```
+
+## 注意事项
+
+1. **初始化顺序**：确保先调用 `useSettingStore.init()`，再使用 `useHomeAppStore`
+2. **数据一致性**：两个 store 中的数据会自动保持同步
+3. **类型安全**：使用 TypeScript 接口确保类型安全
+4. **响应式**：所有数据都是响应式的，可以直接在模板中使用
+
+## 接口定义
+
+```typescript
+export interface HomeApp {
+  id: string          // 应用唯一标识
+  name: string        // 应用名称
+  icon: string        // 应用图标
+  url: string         // 应用链接
+  description?: string // 应用描述（可选）
+  [key: string]: any  // 其他属性
+}
+```

package/src/utils/authority-utils.ts

@@ -1,84 +1,84 @@
-/**
- * 判断是否有路由的权限
- * @param authority 路由权限配置
- * @param permissions 用户权限集合
- */
-function hasPermission(authority: any, permissions: any): boolean {
-  let required: string = '*'
-  if (typeof authority === 'string')
-    required = authority
-  else if (Array.isArray(authority))
-    required = authority.toString()
-  else if (typeof authority === 'object')
-    required = authority.permission
-
-  return required === '*' || hasAnyItem(required, permissions, (r, t) => !!(r === t || r === t.id))
-}
-
-/**
- * 判断是否有路由需要的角色
- * @param authority 路由权限配置
- * @param roles 用户角色集合
- */
-function hasRole(authority, roles) {
-  let required
-  if (typeof authority === 'object')
-    required = authority.role
-
-  return authority === '*' || hasAnyItem(required, roles, (r, t) => !!(r === t || r === t.id))
-}
-
-/**
- * 判断目标数组是否有所需元素
- * @param {string | string[]}required 所需元素，数组或单个元素
- * @param {string[] | object[]} source 目标数组
- * @param {Function} filter 匹配条件
- * (r: String, s: String|Object) => boolean
- */
-function hasAnyItem(required, source, filter): boolean {
-  if (!required)
-    return false
-
-  const checkedList = Array.isArray(required) ? required : [required]
-  return !!source.find(s => checkedList.find(r => filter(r, s)))
-}
-
-/**
- * 路由权限校验
- * @param route 路由
- * @param permissions 用户权限集合
- * @param roles 用户角色集合
- */
-function hasAuthority(route, permissions, roles) {
-  // TODO 此处判断可能有问题
-  if (!route.meta.pAuthorities)
-    return true
-
-  const authorities = [...route.meta.pAuthorities, route.meta.authority]
-  for (const authority of authorities) {
-    if (!hasPermission(authority, permissions) && !hasRole(authority, roles))
-      return false
-  }
-  return true
-}
-
-/**
- * 根据权限配置过滤菜单数据
- * @param menuData
- * @param permissions
- * @param roles
- */
-function filterMenu(menuData, permissions, roles) {
-  return menuData.filter((menu) => {
-    if (menu.meta && menu.meta.invisible === undefined) {
-      if (!hasAuthority(menu, permissions, roles))
-        return false
-    }
-    if (menu.children && menu.children.length > 0)
-      menu.children = filterMenu(menu.children, permissions, roles)
-
-    return true
-  })
-}
-
-export { filterMenu, hasAuthority }
+/**
+ * 判断是否有路由的权限
+ * @param authority 路由权限配置
+ * @param permissions 用户权限集合
+ */
+function hasPermission(authority: any, permissions: any): boolean {
+  let required: string = '*'
+  if (typeof authority === 'string')
+    required = authority
+  else if (Array.isArray(authority))
+    required = authority.toString()
+  else if (typeof authority === 'object')
+    required = authority.permission
+
+  return required === '*' || hasAnyItem(required, permissions, (r, t) => !!(r === t || r === t.id))
+}
+
+/**
+ * 判断是否有路由需要的角色
+ * @param authority 路由权限配置
+ * @param roles 用户角色集合
+ */
+function hasRole(authority, roles) {
+  let required
+  if (typeof authority === 'object')
+    required = authority.role
+
+  return authority === '*' || hasAnyItem(required, roles, (r, t) => !!(r === t || r === t.id))
+}
+
+/**
+ * 判断目标数组是否有所需元素
+ * @param {string | string[]}required 所需元素，数组或单个元素
+ * @param {string[] | object[]} source 目标数组
+ * @param {Function} filter 匹配条件
+ * (r: String, s: String|Object) => boolean
+ */
+function hasAnyItem(required, source, filter): boolean {
+  if (!required)
+    return false
+
+  const checkedList = Array.isArray(required) ? required : [required]
+  return !!source.find(s => checkedList.find(r => filter(r, s)))
+}
+
+/**
+ * 路由权限校验
+ * @param route 路由
+ * @param permissions 用户权限集合
+ * @param roles 用户角色集合
+ */
+function hasAuthority(route, permissions, roles) {
+  // TODO 此处判断可能有问题
+  if (!route.meta.pAuthorities)
+    return true
+
+  const authorities = [...route.meta.pAuthorities, route.meta.authority]
+  for (const authority of authorities) {
+    if (!hasPermission(authority, permissions) && !hasRole(authority, roles))
+      return false
+  }
+  return true
+}
+
+/**
+ * 根据权限配置过滤菜单数据
+ * @param menuData
+ * @param permissions
+ * @param roles
+ */
+function filterMenu(menuData, permissions, roles) {
+  return menuData.filter((menu) => {
+    if (menu.meta && menu.meta.invisible === undefined) {
+      if (!hasAuthority(menu, permissions, roles))
+        return false
+    }
+    if (menu.children && menu.children.length > 0)
+      menu.children = filterMenu(menu.children, permissions, roles)
+
+    return true
+  })
+}
+
+export { filterMenu, hasAuthority }

package/src/utils/crypto.ts

@@ -1,39 +1,39 @@
-import AesEncryptJS from 'crypto-js'
-
-export default {
-  /**
-   * AES加密
-   *
-   * @param word
-   * @param encryKey
-   */
-  AESEncrypt(word: string, encryKey: string): string {
-    const key = AesEncryptJS.enc.Utf8.parse(encryKey)
-    const srcs = AesEncryptJS.enc.Utf8.parse(word)
-    const encrypted = AesEncryptJS.AES.encrypt(srcs, key, {
-      mode: AesEncryptJS.mode.ECB,
-      padding: AesEncryptJS.pad.Pkcs7,
-    })
-    return encrypted.toString()
-  },
-  /**
-   * AES解密
-   *
-   * @param word
-   * @param encryKey
-   */
-  AESDecrypt(word: string, encryKey: string): any {
-    const key = AesEncryptJS.enc.Utf8.parse(encryKey)
-    const decrypt = AesEncryptJS.AES.decrypt(word, key, {
-      mode: AesEncryptJS.mode.ECB,
-      padding: AesEncryptJS.pad.Pkcs7,
-    })
-    const ret = AesEncryptJS.enc.Utf8.stringify(decrypt).toString()
-    try {
-      return JSON.parse(ret)
-    }
-    catch {
-      return ret
-    }
-  },
-}
+import AesEncryptJS from 'crypto-js'
+
+export default {
+  /**
+   * AES加密
+   *
+   * @param word
+   * @param encryKey
+   */
+  AESEncrypt(word: string, encryKey: string): string {
+    const key = AesEncryptJS.enc.Utf8.parse(encryKey)
+    const srcs = AesEncryptJS.enc.Utf8.parse(word)
+    const encrypted = AesEncryptJS.AES.encrypt(srcs, key, {
+      mode: AesEncryptJS.mode.ECB,
+      padding: AesEncryptJS.pad.Pkcs7,
+    })
+    return encrypted.toString()
+  },
+  /**
+   * AES解密
+   *
+   * @param word
+   * @param encryKey
+   */
+  AESDecrypt(word: string, encryKey: string): any {
+    const key = AesEncryptJS.enc.Utf8.parse(encryKey)
+    const decrypt = AesEncryptJS.AES.decrypt(word, key, {
+      mode: AesEncryptJS.mode.ECB,
+      padding: AesEncryptJS.pad.Pkcs7,
+    })
+    const ret = AesEncryptJS.enc.Utf8.stringify(decrypt).toString()
+    try {
+      return JSON.parse(ret)
+    }
+    catch {
+      return ret
+    }
+  },
+}

package/src/utils/runEvalFunction.ts

@@ -1,13 +1,13 @@
-export function executeStrFunction(funcString, args) {
-  // 使用 eval 执行传入的函数字符串
-  // eslint-disable-next-line no-eval
-  return eval(`(${funcString})`)(...args)
-}
-
-export function executeStrFunctionByContext(context, fnStr, args) {
-  // 使用 new Function 创建函数，并绑定 context 作为 this
-  // eslint-disable-next-line no-new-func
-  const fn = new Function(`return (${fnStr});`)()
-  // 使用 bind 绑定 context，并立即调用
-  return fn.bind(context)(...args)
-}
+export function executeStrFunction(funcString, args) {
+  // 使用 eval 执行传入的函数字符串
+  // eslint-disable-next-line no-eval
+  return eval(`(${funcString})`)(...args)
+}
+
+export function executeStrFunctionByContext(context, fnStr, args) {
+  // 使用 new Function 创建函数，并绑定 context 作为 this
+  // eslint-disable-next-line no-new-func
+  const fn = new Function(`return (${fnStr});`)()
+  // 使用 bind 绑定 context，并立即调用
+  return fn.bind(context)(...args)
+}

package/src/views/component/EvaluateRecordView/index.vue

@@ -1,40 +1,40 @@
-<script setup lang="ts">
-import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-
-import {
-  Icon as VanIcon,
-} from 'vant'
-import { ref } from 'vue'
-
-const configName = ref('get_evaluate_by_id')
-</script>
-
-<template>
-  <NormalDataLayout title="评价纪录">
-    <template #layout_header_row_right_col>
-      <VanIcon class="header_row_icon" name="filter-o" />
-    </template>
-    <template #layout_content>
-      <XCellList :config-name="configName" id-key="t_id" service-name="af-revenue" />
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-.header_row_icon {
-  font-size: 18px;
-}
-//.van-tabs {
-//  display: flex;
-//  flex-flow: column;
-//  height: 100%;
-//}
-//:deep(.van-tabs__content) {
-//  flex: 1;
-//}
-//:deep(.van-tab__panel) {
-//  height: 100%;
-//  max-height: 100vh;
-//}
-</style>
+<script setup lang="ts">
+import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+
+import {
+  Icon as VanIcon,
+} from 'vant'
+import { ref } from 'vue'
+
+const configName = ref('get_evaluate_by_id')
+</script>
+
+<template>
+  <NormalDataLayout title="评价纪录">
+    <template #layout_header_row_right_col>
+      <VanIcon class="header_row_icon" name="filter-o" />
+    </template>
+    <template #layout_content>
+      <XCellList :config-name="configName" id-key="t_id" service-name="af-revenue" />
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+.header_row_icon {
+  font-size: 18px;
+}
+//.van-tabs {
+//  display: flex;
+//  flex-flow: column;
+//  height: 100%;
+//}
+//:deep(.van-tabs__content) {
+//  flex: 1;
+//}
+//:deep(.van-tab__panel) {
+//  height: 100%;
+//  max-height: 100vh;
+//}
+</style>