fix: DEFECT-1226 可视化管理客户角色只允许查看权限

@@ -31,6 +31,6 @@
   <Icon
     v-bind="getBindProps"
     class="justify-center items-center"
-    :class="getHasPermission ? '' : '!cursor-not-allowed !text-gray-200'"
+    :class="getHasPermission ? '' : '!cursor-not-allowed !text-gray-200 !dark:text-gray-700'"
   />
 </template>

@@ -29,11 +29,14 @@
   import { useModal } from '/@/components/Modal';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { ViewType } from '../../visual/board/config/panelDetail';
+  import { useRole } from '/@/hooks/business/useRole';
 
   const listColumn = ref(5);
 
   const { createMessage } = useMessage();
 
+  const { isCustomerUser } = useRole();
+
   const organizationId = ref<Nullable<number>>(null);
 
   const pagination = reactive<PaginationProps>({
@@ -219,7 +222,7 @@
       >
         <template #header>
           <div class="flex gap-3 justify-end">
-            <Authority :value="ConfigurationPermission.CREATE">
+            <Authority v-if="!isCustomerUser" :value="ConfigurationPermission.CREATE">
               <Button type="primary" @click="handleCreateOrUpdate()">新增组态</Button>
             </Authority>
             <CardLayoutButton v-model:value="listColumn" @change="handleCardLayoutChange" />
@@ -265,7 +268,7 @@
                     @click="handlePreview(item)"
                   />
                 </Tooltip>
-                <Tooltip title="设计">
+                <Tooltip v-if="!isCustomerUser" title="设计">
                   <AuthIcon
                     :auth="ConfigurationPermission.DESIGN"
                     class="!text-lg"
@@ -283,6 +286,7 @@
                   />
                 </Tooltip>
                 <AuthDropDown
+                  v-if="!isCustomerUser"
                   :dropMenuList="[
                     {
                       text: '分享',

@@ -32,6 +32,7 @@
   import { ViewType } from '../visual/board/config/panelDetail';
   import { useUserStore } from '/@/store/modules/user';
   import { RoleEnum } from '/@/enums/roleEnum';
+  import { useRole } from '/@/hooks/business/useRole';
 
   const listColumn = ref(5);
 
@@ -51,6 +52,7 @@
   });
 
   const loading = ref(false);
+  const { isCustomerUser } = useRole();
 
   const dataSource = ref<BigScreenCenterItemsModel[]>([]);
 
@@ -218,8 +220,8 @@
       >
         <template #header>
           <div class="flex gap-3 justify-end">
-            <Authority :value="ConfigurationPermission.CREATE">
-              <Button type="primary" @click="handleCreateOrUpdate()">新增大屏</Button>
+            <Authority v-if="!isCustomerUser" :value="ConfigurationPermission.CREATE">
+              <Button type="primary" @click="handleCreateOrUpdate()"> 新增大屏 </Button>
             </Authority>
             <Authority v-if="hasPublicInterfacePermission" :value="ConfigurationPermission.CREATE">
               <Button type="primary" @click="handleCreateOrUpdatePublicApi()">公共接口管理</Button>
@@ -281,7 +283,7 @@
                     @click="handlePreview(item)"
                   />
                 </Tooltip>
-                <Tooltip title="设计">
+                <Tooltip v-if="!isCustomerUser" title="设计">
                   <AuthIcon
                     :disabled="item.state === 1"
                     icon="ant-design:edit-outlined"
@@ -298,6 +300,7 @@
                   />
                 </Tooltip>
                 <AuthDropDown
+                  v-if="!isCustomerUser"
                   :dropMenuList="[
                     {
                       text: '分享',

@@ -12,6 +12,7 @@
   import { usePermission } from '/@/hooks/web/usePermission';
   import { DataSource } from '/@/api/dataBoard/model';
   import { useRoute } from 'vue-router';
+  import { useRole } from '/@/hooks/business/useRole';
 
   const emit = defineEmits(['action']);
   const props = defineProps<{
@@ -19,6 +20,7 @@
     record: DataSource[];
     panelName?: string;
   }>();
+  const { isCustomerUser } = useRole();
   const { hasPermission } = usePermission();
   const dropMenuList = computed<DropMenu[]>(() => {
     const basicMenu: DropMenu[] = [];
@@ -82,7 +84,7 @@
       <div class="flex items-center gap-5">
         <slot name="moreAction"></slot>
         <Dropdown
-          v-if="dropMenuList.length"
+          v-if="!isCustomerUser && dropMenuList.length"
           :drop-menu-list="dropMenuList"
           :trigger="['click']"
           @menu-event="handleMenuEvent"

@@ -337,7 +337,7 @@
         v-for="item in dataSource"
         :data-id="item.id"
         :key="item.id"
-        class="flex bg-neutral-100 dark:text-gray-300 dark:bg-dark-700"
+        class="flex bg-light-50 dark:text-gray-300 dark:bg-dark-700"
       >
         <div class="w-24 text-right flex justify-end" style="flex: 0 0 96px"> 选择设备 </div>
         <div class="pl-2 flex-auto">

@@ -47,6 +47,7 @@
   import { useScript } from '/@/hooks/web/useScript';
   import { BAI_DU_MAP_GL_LIB, BAI_DU_MAP_TRACK_ANIMATION } from '/@/utils/fnUtils';
   import { useAppStore } from '/@/store/modules/app';
+  import { useRole } from '/@/hooks/business/useRole';
 
   const userStore = useAppStore();
 
@@ -60,6 +61,7 @@
 
   const ROUTER = useRouter();
 
+  const { isCustomerUser } = useRole();
   const { toPromise: injectBaiDuMapLib } = useScript({ src: BAI_DU_MAP_GL_LIB });
   const { toPromise: injectBaiDuMapTrackAniMationLib } = useScript({
     src: BAI_DU_MAP_TRACK_ANIMATION,
@@ -400,7 +402,11 @@
       </template>
       <template #extra>
         <Authority :value="VisualComponentPermission.CREATE">
-          <Button v-if="!getIsSharePage" type="primary" @click="handleOpenCreatePanel">
+          <Button
+            v-if="!getIsSharePage && !isCustomerUser"
+            type="primary"
+            @click="handleOpenCreatePanel"
+          >
             创建组件
           </Button>
         </Authority>
@@ -456,7 +462,7 @@
                   @action="handleMoreAction"
                 >
                   <template #moreAction>
-                    <Tooltip title="趋势">
+                    <Tooltip v-if="!isCustomerUser" title="趋势">
                       <img
                         :src="trendIcon"
                         v-if="!getIsSharePage && hasHistoryTrend(item)"

@@ -24,6 +24,7 @@
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ModalParamsType } from '/#/utils';
   import { DataActionModeEnum } from '/@/enums/toolEnum';
+  import { useRole } from '/@/hooks/business/useRole';
 
   const ListItem = List.Item;
   const router = useRouter();
@@ -92,6 +93,7 @@
     unref(clipboardRef) ? createMessage.success('复制成功') : createMessage.error('未找到分享链接');
   };
 
+  const { isCustomerUser } = useRole();
   const { hasPermission } = usePermission();
   const dropMenuList = computed<DropMenu[]>(() => {
     const hasUpdatePermission = hasPermission(VisualBoardPermission.UPDATE);
@@ -213,7 +215,9 @@
     <div class="flex items-center mb-3 bg-light-100 h-78px dark:text-gray-300 dark:bg-dark-900">
       <div class="text-lg ml-30px mr-9px font-bold">自定义看板</div>
       <Authority value="api:yt:data_board:add:post">
-        <Button type="primary" @click="handleOpenDetailModal">创建看板</Button>
+        <Button v-if="!isCustomerUser" type="primary" @click="handleOpenDetailModal"
+          >创建看板</Button
+        >
       </Authority>
     </div>
     <div class="bg-light-100 mb-6 w-full p-3 search-form dark:text-gray-300 dark:bg-dark-900">
@@ -235,7 +239,7 @@
               </template>
               <template #extra>
                 <Dropdown
-                  v-if="dropMenuList.length"
+                  v-if="!isCustomerUser && dropMenuList.length"
                   :trigger="['click']"
                   @menu-event="(event) => handleMenuEvent(event, item)"
                   :drop-menu-list="dropMenuList"