af-mobile-client-vue3 1.1.2 → 1.1.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Vue + Vite component lib",
   "license": "MIT",
   "engines": {

package/src/stores/modules/user.ts

@@ -30,7 +30,7 @@ interface IUserState {
   token?: string
   userInfo: UserInfo
   lastUpdateTime: number
-  permissions: [{ id: string, operation: string[] }]
+  permissions: string[]
   roles: [{ id: string, operation: string[] }]
   routesConfig: Array<any>
   single: Array<ExtraRouteRecordRaw>
@@ -119,13 +119,13 @@ export const useUserStore = defineStore('app-user', () => {
       userState.value.single.push(page)
     }
   }
-  const setPermissions = (permissions: [{ id: string, operation: string[] }]) => {
+  const setPermissions = (permissions: []) => {
     userState.value.permissions = permissions
     Storage.set(APP_PERMISSIONS_KEY, permissions)
   }
   const setRoles = (roles: [{ id: string, operation: string[] }]) => {
     userState.value.roles = roles
-    Storage.set(APP_PERMISSIONS_KEY, roles)
+    Storage.set(APP_ROLES_KEY, roles)
   }
   const setRoutesConfig = (routesConfig: Array<any>) => {
     userState.value.routesConfig = routesConfig

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

@@ -1,17 +1,23 @@
 <script setup lang="ts">
 import { queryProse } from '@af-mobile-client-vue3/api/mock'
+import { getUserPermissions } from '@af-mobile-client-vue3/services/api/search'
 import { post } from '@af-mobile-client-vue3/services/restTools'
+import useUserStore from '@af-mobile-client-vue3/stores/modules/user'
 import { showToast, Button as VanButton, Cell as VanCell, CellGroup as VanCellGroup } from 'vant'
 import { reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 // 路由
 const router = useRouter()
+// 用户store
+const userStore = useUserStore()
 
 // 数据定义
 const requestTypes = ref('GET, POST, DELETE')
 const getResult = ref('')
 const postResult = ref('')
+const permissionsResult = ref('')
+const storePermissionsResult = ref('')
 const postData = reactive({
   name: '',
   value: '',
@@ -36,6 +42,31 @@ async function handleGetRequest() {
   }
 }
 
+// 获取用户权限
+async function handleGetPermissions() {
+  try {
+    const userInfo = userStore.getUserInfo()
+    if (!userInfo || !userInfo.id) {
+      showToast('请先登录')
+      return
+    }
+
+    // 从API获取权限
+    const permissions = await getUserPermissions(userInfo.id.toString())
+    permissionsResult.value = JSON.stringify(permissions, null, 2)
+
+    // 从Store获取权限
+    const storePermissions = userStore.getPermissions()
+    storePermissionsResult.value = JSON.stringify(storePermissions, null, 2)
+
+    showToast('获取权限成功')
+  }
+  catch (error) {
+    console.error('获取权限失败:', error)
+    showToast('获取权限失败')
+  }
+}
+
 // 定义请求数据类型
 interface RequestData {
   name: string
@@ -118,6 +149,24 @@ const userInfo = await get<UserInfo>('/api/user/info')
           </div>
         </div>
 
+        <!-- 用户权限部分 -->
+        <div class="request-section">
+          <h3>用户权限获取</h3>
+          <VanButton type="primary" size="small" @click="handleGetPermissions">
+            获取用户权限
+          </VanButton>
+
+          <div v-if="permissionsResult" class="result-box">
+            <h4>API请求权限结果：</h4>
+            <pre>{{ permissionsResult }}</pre>
+          </div>
+
+          <div v-if="storePermissionsResult" class="result-box">
+            <h4>Store缓存权限结果：</h4>
+            <pre>{{ storePermissionsResult }}</pre>
+          </div>
+        </div>
+
         <!-- 类型定义说明 -->
         <div class="code-section">
           <h3>类型定义</h3>

package/src/views/user/login/LoginForm.vue

@@ -172,7 +172,6 @@ async function afterGeneral(result) {
   // 如果result中没有返回 权限 需要主动获取权限列表
   if (!result.permissions) {
     result.permissions = await getUserPermissions(result.id)
-    console.log(result.permissions, '====')
   }
   userState.setPermissions(result.permissions)
   userState.setRoles([{ id: 'admin', operation: ['add', 'edit', 'delete'] }])