fix: DEFECT-1221 修复客户拥有公共接口权限

 <script setup lang="ts">
   import { List, Card, Button, PaginationProps, Tooltip } from 'ant-design-vue';
   import { ReloadOutlined } from '@ant-design/icons-vue';
-  import { onMounted, reactive, ref, unref } from 'vue';
+  import { computed, onMounted, reactive, ref, unref } from 'vue';
   import { OrganizationIdTree, useResetOrganizationTree } from '../common/organizationIdTree';
   import {
     bigScreenCancelPublish,
@@ -30,6 +30,8 @@
   import { ViewTypeNameEnum } from '../common/ShareModal/config';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { ViewType } from '../visual/board/config/panelDetail';
+  import { useUserStore } from '/@/store/modules/user';
+  import { RoleEnum } from '/@/enums/roleEnum';
 
   const listColumn = ref(5);
 
@@ -173,6 +175,11 @@
     return `${origin}${largeDesignerPrefix}/#/share/preview/${record.id}/${record.publicId}`;
   };
 
+  const userStore = useUserStore();
+  const hasPublicInterfacePermission = computed(() => {
+    return userStore.getUserInfo.roles![0] !== RoleEnum.CUSTOMER_USER;
+  });
+
   const { clipboardRef, isSuccessRef } = useCopyToClipboard();
   const handleCreateShareUrl = (record: BigScreenCenterItemsModel) => {
     clipboardRef.value = createShareUrl(record);
@@ -214,7 +221,7 @@
             <Authority :value="ConfigurationPermission.CREATE">
               <Button type="primary" @click="handleCreateOrUpdate()">新增大屏</Button>
             </Authority>
-            <Authority :value="ConfigurationPermission.CREATE">
+            <Authority v-if="hasPublicInterfacePermission" :value="ConfigurationPermission.CREATE">
               <Button type="primary" @click="handleCreateOrUpdatePublicApi()">公共接口管理</Button>
             </Authority>
             <CardLayoutButton v-model:value="listColumn" @change="handleCardLayoutChange" />