fix(DEFECT-1227): 修复客户角色只拥有可视化管理的查看权限

@@ -4,7 +4,7 @@ import { defineStore } from 'pinia';
 import { pinia as store } from '@/store';
 import { RoleEnum } from '@/enums/external/roleEnum';
 import { JWT_TOKEN_KEY, REFRESH_TOKEN_KEY, ROLES_KEY, SHARE_JWT_TOKEN_KEY, SHARE_REFRESH_TOKEN_KEY, USER_INFO_KEY } from '@/enums/external/cacheEnum';
-import { getAuthCache, getJwtToken, getRefreshToken, setAuthCache } from '@/utils/external/auth';
+import { getAuthCache, getJwtToken, getRefreshToken, getUserInfo, setAuthCache } from '@/utils/external/auth';
 import {
   LoginParams,
   LoginResultModel,
@@ -43,7 +43,7 @@ export const useUserStore = defineStore({
     enterPriseInfo: storage.get('enterPriseInfo') || null,
 
     // user info
-    userInfo: null,
+    userInfo: getUserInfo() || null,
     userUpdateInfo: null,
     // token
     jwtToken: getJwtToken() as string || undefined,

 import { Persistent, BasicKeys } from '@/utils/external/cache/persistent';
-import { CacheTypeEnum, SHARE_JWT_TOKEN_KEY, SHARE_REFRESH_TOKEN_KEY } from '@/enums/external/cacheEnum';
+import { CacheTypeEnum, SHARE_JWT_TOKEN_KEY, SHARE_REFRESH_TOKEN_KEY, USER_INFO_KEY } from '@/enums/external/cacheEnum';
 import projectSetting from '@/settings/external/projectSetting';
 import { JWT_TOKEN_KEY, REFRESH_TOKEN_KEY } from '@/enums/external/cacheEnum';
+import { UserInfo } from '/#/external/store';
 
 const { permissionCacheType } = projectSetting;
 const isLocal = permissionCacheType === CacheTypeEnum.LOCAL;
@@ -30,7 +31,11 @@ export function getRefreshToken(): string {
 export function getShareJwtToken(): string {
   return getAuthCache(SHARE_JWT_TOKEN_KEY);
 }
+
 export function getShareRefreshToken(): string {
   return getAuthCache(SHARE_REFRESH_TOKEN_KEY);
 }
 
+export function getUserInfo(): UserInfo {
+  return getAuthCache(USER_INFO_KEY)
+}

@@ -31,7 +31,7 @@
       </n-tooltip>
       <n-divider vertical />
       <!-- 保存 -->
-      <n-tooltip placement="bottom" trigger="hover">
+      <n-tooltip v-if="!isCustomerUser" placement="bottom" trigger="hover">
         <template #trigger>
           <div class="save-btn">
             <n-button size="small" type="primary" ghost @click="dataSyncUpdate()">
@@ -64,6 +64,7 @@ import { HistoryStackEnum } from '@/store/modules/chartHistoryStore/chartHistory
 import { useSyncRemote } from '../../../hooks/external/useRemote.hook'
 import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
 import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
+import { useRole } from '@/views/chart/hooks/external/business/useRole'
 
 const { LayersIcon, BarChartIcon, PrismIcon, HomeIcon, ArrowBackIcon, ArrowForwardIcon } = icon.ionicons5
 const { setItem } = useChartLayoutStore()
@@ -71,6 +72,7 @@ const { getLayers, getCharts, getDetails } = toRefs(useChartLayoutStore())
 const chartEditStore = useChartEditStore()
 const chartHistoryStore = useChartHistoryStore()
 const { dataSyncUpdate } = useSyncRemote()
+const { isCustomerUser } = useRole()
 
 interface ItemType<T> {
   key: T

+import { RoleEnum } from '@/enums/external/roleEnum';
+import { useUserStore } from '@/store/external/modules/user';
+import { computed, unref } from 'vue'; 
+
+export const useRole = () => {
+  const userStore = useUserStore();
+
+  const getRole = computed(() => {
+    return userStore.userInfo?.roles![0] as RoleEnum;
+  });
+
+  const isPlatformAdmin = computed(() => {
+    return unref(getRole) === RoleEnum.PLATFORM_ADMIN;
+  });
+
+  const isCustomerUser = computed(() => {
+    return unref(getRole) === RoleEnum.CUSTOMER_USER;
+  });
+
+  const isTenantAdmin = computed(() => {
+    return unref(getRole) === RoleEnum.TENANT_ADMIN;
+  });
+
+  const isSysadmin = computed(() => {
+    return unref(getRole) === RoleEnum.SYS_ADMIN;
+  });
+
+  return { getRole, isPlatformAdmin, isCustomerUser, isTenantAdmin, isSysadmin };
+};

 import { fetchRouteParamsLocation, JSONStringify, JSONParse } from '@/utils'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { ProjectInfoEnum } from '@/store/external/modules/projectInfo.d'
-import { onUnmounted } from 'vue'
+import { onUnmounted, unref } from 'vue'
 import { saveInterval } from '@/settings/designSetting'
 import throttle from 'lodash/throttle'
 import html2canvas from 'html2canvas'
@@ -11,6 +11,7 @@ import { SyncEnum } from '@/enums/external/editPageEnum'
 import { useProjectInfoStore } from '@/store/external/modules/projectInfo'
 import { useSync } from '../useSync.hook'
 import { BaseUpdateContentParams, DateViewConfigurationInfoType } from '@/api/external/contentSave/model/contentModel'
+import { useRole } from './business/useRole'
 
 /**
  * * base64转file
@@ -37,6 +38,7 @@ export const useSyncRemote = () => {
   const chartEditStore = useChartEditStore()
   const projectInfoStore = useProjectInfoStore()
   const { updateComponent } = useSync()
+  const { isCustomerUser } = useRole()
 
   /**
    * * 赋值全局数据
@@ -71,6 +73,10 @@ export const useSyncRemote = () => {
   // 数据保存
   const dataSyncUpdate = throttle(async (updateImg = true) => {
     if (!fetchRouteParamsLocation()) return
+
+    // 客户角色只有查看权限
+    if (unref(isCustomerUser)) return
+
     const { dataViewId, state, organizationId, dataViewName, dataViewContent } = projectInfoStore.getProjectInfo
 
     if (dataViewId === null || dataViewId === '') {