diff --git a/src/assets/style/global.less b/src/assets/style/global.less
index 927ae2f5..3e814644 100644
--- a/src/assets/style/global.less
+++ b/src/assets/style/global.less
@@ -300,6 +300,10 @@ body {
   }
 }
 
+.fill-width {
+  width: 100%;
+}
+
 .font-16 {
   font-size: 16px;
 }
diff --git a/src/views/application-management/projects/components/assign-roles.vue b/src/views/application-management/members/components/assign-roles.vue
similarity index 97%
rename from src/views/application-management/projects/components/assign-roles.vue
rename to src/views/application-management/members/components/assign-roles.vue
index c9d0dba7..0d27dfdb 100644
--- a/src/views/application-management/projects/components/assign-roles.vue
+++ b/src/views/application-management/members/components/assign-roles.vue
@@ -184,9 +184,9 @@
   import { getListLabel } from '@/utils/func';
   import { RowData } from '@/views/system/config/interface';
   import { querySubjects } from '@/views/system/api/users';
-  import { queryProjectSubjects, addProjectSubjects } from '../api';
-  import { projectRoles } from '../config';
-  import { ProjectRolesRowData } from '../config/interface';
+  import { queryProjectSubjects, addProjectSubjects } from '../../projects/api';
+  import { projectRoles } from '../../projects/config';
+  import { ProjectRolesRowData } from '../../projects/config/interface';
 
   const props = defineProps({
     action: {
@@ -300,7 +300,6 @@
   const handleSubmit = async () => {
     try {
       await addProjectSubjects({ items: selectedList.value });
-      getProjectSubjects();
       emits('save');
       emits('update:show', false);
     } catch (error) {
diff --git a/src/views/application-management/members/config/index.ts b/src/views/application-management/members/config/index.ts
new file mode 100644
index 00000000..ff8b4c56
--- /dev/null
+++ b/src/views/application-management/members/config/index.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/src/views/application-management/members/config/interface.ts b/src/views/application-management/members/config/interface.ts
new file mode 100644
index 00000000..ff8b4c56
--- /dev/null
+++ b/src/views/application-management/members/config/interface.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/src/views/application-management/projects/pages/members.vue b/src/views/application-management/members/pages/list.vue
similarity index 84%
rename from src/views/application-management/projects/pages/members.vue
rename to src/views/application-management/members/pages/list.vue
index d61a7598..11593d94 100644
--- a/src/views/application-management/projects/pages/members.vue
+++ b/src/views/application-management/members/pages/list.vue
@@ -26,16 +26,27 @@
       </template>
       <template #button-group>
         <a-button
-          v-permission-app="{
-            projectID: route.params.projectId,
-            resource: Resources.ProjectSubjects,
-            actions: [Actions.POST]
-          }"
+          v-if="
+            userStore.hasProjectResourceActions({
+              resource: Resources.ProjectSubjects,
+              projectID: route.params.projectId,
+              actions: [Actions.POST]
+            }) &&
+            userStore.hasRolesActionsPermission({
+              resource: Resources.Subjects,
+              actions: [Actions.GET]
+            })
+          "
           type="primary"
           @click="handleAdd"
           >{{ $t('applications.applications.add.member') }}</a-button
         >
         <a-button
+          v-permission-app="{
+            projectID: route.params.projectId,
+            resource: Resources.ProjectSubjects,
+            actions: [Actions.DELETE]
+          }"
           type="primary"
           status="warning"
           :disabled="!selectedKeys.length"
@@ -52,7 +63,15 @@
       :data="projectVisitors"
       :pagination="false"
       row-key="id"
-      :row-selection="rowSelection"
+      :row-selection="
+        userStore.hasProjectResourceActions({
+          resource: Resources.ProjectSubjects,
+          projectID: route.params.projectId,
+          actions: [Actions.DELETE]
+        })
+          ? rowSelection
+          : null
+      "
       @selection-change="handleSelectChange"
     >
       <template #columns>
@@ -102,17 +121,22 @@
   import _ from 'lodash';
   import { Resources, Actions } from '@/permissions/config';
   import { ref, reactive, PropType } from 'vue';
+  import { useUserStore } from '@/store';
   import useCallCommon from '@/hooks/use-call-common';
   import FilterBox from '@/components/filter-box/index.vue';
   import { deleteModal, execSucceed } from '@/utils/monitor';
   import useRowSelect from '@/hooks/use-row-select';
   import { getListLabel } from '@/utils/func';
-  import { queryProjectSubjects, deleteProjectSubjects } from '../api';
-  import { projectRoles } from '../config';
-  import { ProjectRolesRowData } from '../config/interface';
+  import {
+    queryProjectSubjects,
+    deleteProjectSubjects
+  } from '../../projects/api';
+  import { projectRoles } from '../../projects/config';
+  import { ProjectRolesRowData } from '../../projects/config/interface';
   import AssignRoles from '../components/assign-roles.vue';
 
   const { route } = useCallCommon();
+  const userStore = useUserStore();
   const { rowSelection, selectedKeys, handleSelectChange } = useRowSelect();
   const loading = ref(false);
   const showModal = ref(false);
diff --git a/src/views/application-management/projects/pages/detail.vue b/src/views/application-management/projects/pages/detail.vue
index f0c6d27b..d39b961c 100644
--- a/src/views/application-management/projects/pages/detail.vue
+++ b/src/views/application-management/projects/pages/detail.vue
@@ -104,13 +104,13 @@
   import HeaderInfo from '@/components/header-info/index.vue';
   import EnviromentList from '@/views/application-management/environments/pages/list.vue';
   import variableList from '@/views/application-management/variables/pages/list.vue';
+  import members from '@/views/application-management/members/pages/list.vue';
   import basicInfo from '@/views/application-management/services/components/basic-info.vue';
   import ConnectorList from '@/views/operation-hub/connectors/components/table-list.vue';
   import useBasicInfoData from '../hooks/use-basicInfo-data';
   import { queryItemProject } from '../api';
   import { basicInfoConfig, projectDetailTabs } from '../config';
   import userProjectBreadcrumbData from '../hooks/use-project-breadcrumb-data';
-  import members from './members.vue';
 
   const {
     pageLevelMap,
diff --git a/src/views/application-management/projects/pages/list.vue b/src/views/application-management/projects/pages/list.vue
index 468b6aa8..6ab17dea 100644
--- a/src/views/application-management/projects/pages/list.vue
+++ b/src/views/application-management/projects/pages/list.vue
@@ -180,10 +180,6 @@
         :info="projectInfo"
         @save="handleSaveProject"
       ></CreateProjectModal>
-      <AssignRoles
-        v-model:show="showModal"
-        :project-i-d="projectID"
-      ></AssignRoles>
     </SpinCard>
   </div>
 </template>
@@ -191,11 +187,11 @@
 <script lang="ts" setup>
   import { PROJECT } from '@/router/config';
   import { Resources, Actions } from '@/permissions/config';
+  import QuestionPopup from '@/components/question-popup/index.vue';
   import { QAlinkMap, USER_DEFAULT_PROJECT } from '@/views/config';
   import _, { cloneDeep, map, pickBy, remove } from 'lodash';
   import { ref, reactive } from 'vue';
   import dayjs from 'dayjs';
-  import localStore from '@/utils/localStore';
   import { useUserStore, useProjectStore } from '@/store';
   import HeaderInfo from '@/components/header-info/index.vue';
   import useCallCommon from '@/hooks/use-call-common';
@@ -203,9 +199,7 @@
   import { deleteModal, execSucceed } from '@/utils/monitor';
   import { UseSortDirection } from '@/utils/common';
   import useRowSelect from '@/hooks/use-row-select';
-  import QuestionPopup from '@/components/question-popup/index.vue';
   import CreateProjectModal from '../components/create-project.vue';
-  import AssignRoles from '../components/assign-roles.vue';
   import { ProjectRowData } from '../config/interface';
   import { queryProjects, deleteProjects } from '../api';
 
@@ -226,7 +220,6 @@
   const projectInfo = ref<any>({});
   const projectID = ref('');
   const action = ref<'create' | 'edit'>('create');
-  const showModal = ref(false);
   const queryParams = reactive({
     query: '',
     page: 1,
@@ -260,12 +253,7 @@
       params: { projectId: row.id }
     });
   };
-  const handleAuthorize = (row) => {
-    projectID.value = row.id;
-    setTimeout(() => {
-      showModal.value = true;
-    }, 100);
-  };
+
   const fetchData = async () => {
     try {
       loading.value = true;
diff --git a/src/views/application-management/services/pages/list.vue b/src/views/application-management/services/pages/list.vue
index 3e6aa077..1510f2e6 100644
--- a/src/views/application-management/services/pages/list.vue
+++ b/src/views/application-management/services/pages/list.vue
@@ -134,21 +134,6 @@
             ></StatusLabel>
           </template>
         </a-table-column>
-        <!-- <a-table-column
-          ellipsis
-          :cell-style="{ minWidth: '40px' }"
-          data-index="driftResult.drifted"
-          :title="$t('applications.service.resource.drift')"
-        >
-          <template #cell="{ record }">
-            <a-link
-              v-if="record?.driftResult?.drifted"
-              @click="handleClickDriftResource(record)"
-              >{{ $t('common.button.view') }}</a-link
-            >
-            <span v-else>-</span>
-          </template>
-        </a-table-column> -->
         <a-table-column
           ellipsis
           tooltip
diff --git a/src/views/application-management/variables/components/table-list.vue b/src/views/application-management/variables/components/table-list.vue
index 4238df55..54e3c906 100644
--- a/src/views/application-management/variables/components/table-list.vue
+++ b/src/views/application-management/variables/components/table-list.vue
@@ -79,7 +79,7 @@
         :data="dataList"
         :pagination="false"
         row-key="id"
-        :row-selection="rowSelection"
+        :row-selection="rowSelectionStatue"
         @sorter-change="handleSortChange"
         @selection-change="handleSelectChange"
       >
@@ -150,11 +150,16 @@
           </a-table-column>
           <a-table-column
             v-if="
-              [
-                scopeMap.ENVIRONMENT,
-                scopeMap.GLOBAL,
-                scopeMap.PROJECT
-              ].includes(scope)
+              scope === scopeMap.GLOBAL
+                ? userStore.hasRolesActionsPermission({
+                    resource: Resources.Variables,
+                    actions: [Actions.PUT]
+                  })
+                : userStore.hasProjectResourceActions({
+                    projectID: route.params.projectId,
+                    resource: Resources.Variables,
+                    actions: [Actions.PUT]
+                  })
             "
             align="center"
             :width="210"
@@ -166,18 +171,7 @@
             <template #cell="{ record }">
               <a-space :size="16">
                 <a-tooltip
-                  v-if="
-                    scope === scopeMap.GLOBAL
-                      ? userStore.hasRolesActionsPermission({
-                          resource: Resources.Variables,
-                          actions: [Actions.PUT]
-                        })
-                      : userStore.hasProjectResourceActions({
-                          projectID: route.params.projectId,
-                          resource: Resources.Variables,
-                          actions: [Actions.PUT]
-                        }) && visibleInScope(record)
-                  "
+                  v-if="visibleInScope(record)"
                   :content="$t('common.button.edit')"
                 >
                   <a-link
@@ -292,6 +286,17 @@
     return t('applications.secret.edit');
   });
 
+  const rowSelectionStatue = computed(() => {
+    if (props.scope === scopeMap.GLOBAL) {
+      return userStore.hasRolesActionsPermission({
+        resource: Resources.Variables,
+        actions: [Actions.PUT]
+      })
+        ? rowSelection
+        : null;
+    }
+    return rowSelection;
+  });
   const visibleInScope = (row) => {
     if (props.scope === scopeMap.PROJECT) {
       return _.get(row, 'project.id') && !_.get(row, 'environment.id');
diff --git a/src/views/cost-management/analyse/pages/list.vue b/src/views/cost-management/analyse/pages/list.vue
index 76a001ba..c2dd5a32 100644
--- a/src/views/cost-management/analyse/pages/list.vue
+++ b/src/views/cost-management/analyse/pages/list.vue
@@ -28,7 +28,7 @@
         <a-button
           v-permission="{
             resource: `roles.${Resources.Perspectives}`,
-            actions: ['POST']
+            actions: [Actions.POST]
           }"
           type="primary"
           @click="handleCreate"
@@ -37,7 +37,7 @@
         <a-button
           v-permission="{
             resource: `roles.${Resources.Perspectives}`,
-            actions: ['DELETE']
+            actions: [Actions.DELETE]
           }"
           type="primary"
           status="warning"
@@ -47,7 +47,6 @@
         >
       </template>
     </FilterBox>
-    <!-- <a-divider :margin="8"></a-divider> -->
     <a-table
       column-resizable
       style="margin-bottom: 20px"
@@ -56,7 +55,14 @@
       :data="dataList"
       :pagination="false"
       row-key="id"
-      :row-selection="rowSelection"
+      :row-selection="
+        userStore.hasRolesActionsPermission({
+          resource: Resources.Perspectives,
+          actions: [Actions.DELETE]
+        })
+          ? rowSelection
+          : null
+      "
       @sorter-change="handleSortChange"
       @selection-change="handleSelectChange"
     >
@@ -73,7 +79,7 @@
               v-if="
                 userStore.hasRolesActionsPermission({
                   resource: Resources.Costs,
-                  actions: ['POST']
+                  actions: [Actions.POST]
                 })
               "
               size="small"
@@ -140,6 +146,12 @@
           </template>
         </a-table-column>
         <a-table-column
+          v-if="
+            userStore.hasRolesActionsPermission({
+              resource: Resources.Perspectives,
+              actions: [Actions.PUT]
+            })
+          "
           ellipsis
           tooltip
           :cell-style="{ minWidth: '40px' }"
@@ -177,7 +189,7 @@
 
 <script lang="ts" setup>
   import { COSTMANAGEMENT } from '@/router/config';
-  import { Resources } from '@/permissions/config';
+  import { Actions, Resources } from '@/permissions/config';
   import { useUserStore } from '@/store';
   import { map, find, toLower, pickBy, includes } from 'lodash';
   import dayjs from 'dayjs';
diff --git a/src/views/operation-hub/catalogs/components/list-view.vue b/src/views/operation-hub/catalogs/components/list-view.vue
index 9af3c73a..42c5431a 100644
--- a/src/views/operation-hub/catalogs/components/list-view.vue
+++ b/src/views/operation-hub/catalogs/components/list-view.vue
@@ -7,7 +7,14 @@
       :data="list"
       :pagination="false"
       row-key="id"
-      :row-selection="rowSelection"
+      :row-selection="
+        userStore.hasRolesActionsPermission({
+          resource: Resources.Catalogs,
+          actions: [Actions.DELETE]
+        })
+          ? rowSelection
+          : null
+      "
       @sorter-change="handleSortChange"
       @selection-change="handleSelectChange"
     >
@@ -100,6 +107,12 @@
           </template>
         </a-table-column>
         <a-table-column
+          v-if="
+            userStore.hasRolesActionsPermission({
+              resource: Resources.Catalogs,
+              actions: [Actions.PUT]
+            })
+          "
           align="center"
           :width="210"
           :title="$t('common.table.operation')"
@@ -107,28 +120,12 @@
           <template #cell="{ record }">
             <a-space :size="16">
               <a-tooltip :content="$t('common.button.edit')">
-                <a-link
-                  v-permission="{
-                    resource: `roles.${Resources.Catalogs}`,
-                    actions: [Actions.PUT]
-                  }"
-                  type="text"
-                  size="small"
-                  @click="handleEdit(record)"
-                >
+                <a-link type="text" size="small" @click="handleEdit(record)">
                   <template #icon><icon-edit /></template>
                 </a-link>
               </a-tooltip>
               <a-tooltip :content="$t('common.button.refresh')">
-                <a-link
-                  v-permission="{
-                    resource: `roles.${Resources.Catalogs}`,
-                    actions: [Actions.PUT]
-                  }"
-                  type="text"
-                  size="small"
-                  @click="handlRefresh(record)"
-                >
+                <a-link type="text" size="small" @click="handlRefresh(record)">
                   <template #icon><icon-refresh /></template>
                 </a-link>
               </a-tooltip>
@@ -137,17 +134,6 @@
         </a-table-column>
       </template>
     </a-table>
-    <!-- <a-pagination
-      size="small"
-      :total="total"
-      :page-size="queryParams.perPage"
-      :current="queryParams.page"
-      show-total
-      show-page-size
-      :hide-on-single-page="queryParams.perPage === 10"
-      @change="handlePageChange"
-      @page-size-change="handlePageSizeChange"
-    /> -->
   </div>
 </template>
 
diff --git a/src/views/operation-hub/connectors/components/table-list.vue b/src/views/operation-hub/connectors/components/table-list.vue
index 6275e31b..d872880c 100644
--- a/src/views/operation-hub/connectors/components/table-list.vue
+++ b/src/views/operation-hub/connectors/components/table-list.vue
@@ -112,7 +112,7 @@
       :data="dataList"
       :pagination="false"
       row-key="id"
-      :row-selection="rowSelection"
+      :row-selection="rowSelectionState"
       @sorter-change="handleSortChange"
       @selection-change="handleSelectChange"
     >
@@ -213,6 +213,18 @@
           </template>
         </a-table-column>
         <a-table-column
+          v-if="
+            route.params.projectId
+              ? userStore.hasProjectResourceActions({
+                  resource: Resources.Connectors,
+                  projectID: route.params.projectId,
+                  actions: [Actions.PUT]
+                })
+              : userStore.hasRolesActionsPermission({
+                  resource: Resources.Connectors,
+                  actions: [Actions.PUT]
+                })
+          "
           align="center"
           :title="$t('common.table.operation')"
           ellipsis
@@ -221,21 +233,7 @@
           :cell-style="{ minWidth: '40px' }"
         >
           <template #cell="{ record }">
-            <a-space
-              v-if="
-                route.params.projectId
-                  ? userStore.hasProjectResourceActions({
-                      resource: Resources.Connectors,
-                      projectID: route.params.projectId,
-                      actions: [Actions.PUT]
-                    })
-                  : userStore.hasRolesActionsPermission({
-                      resource: Resources.Connectors,
-                      actions: [Actions.PUT]
-                    })
-              "
-              :size="16"
-            >
+            <a-space :size="16">
               <a-dropdown-button
                 v-if="record.category === ConnectorCategory.Kubernetes"
                 size="small"
@@ -329,7 +327,6 @@
 </template>
 
 <script lang="ts" setup>
-  import { ModalAction } from '@/views/config';
   import { Resources, Actions } from '@/permissions/config';
   import { useUserStore } from '@/store';
   import { useSetChunkRequest } from '@/api/axios-chunk-request';
@@ -340,16 +337,7 @@
   import ProviderIcon from '@/components/provider-icon/index.vue';
   import dayjs from 'dayjs';
   import _, { get, map, pickBy, find, toLower, cloneDeep } from 'lodash';
-  import {
-    reactive,
-    ref,
-    onMounted,
-    onActivated,
-    watch,
-    nextTick,
-    inject,
-    PropType
-  } from 'vue';
+  import { reactive, ref, onMounted, nextTick, computed, PropType } from 'vue';
   import useCallCommon from '@/hooks/use-call-common';
   import { Message } from '@arco-design/web-vue';
   import { deleteModal, execSucceed } from '@/utils/monitor';
@@ -430,6 +418,25 @@
       return get(item, 'project.id') === route.params?.projectId;
     }
   });
+  const rowSelectionState = computed(() => {
+    // for project
+    if (route.params.projectId) {
+      return userStore.hasProjectResourceActions({
+        resource: Resources.Connectors,
+        projectID: route.params.projectId,
+        actions: [Actions.DELETE]
+      })
+        ? rowSelection
+        : null;
+    }
+    // for global
+    return userStore.hasRolesActionsPermission({
+      resource: Resources.Connectors,
+      actions: [Actions.DELETE]
+    })
+      ? rowSelection
+      : null;
+  });
   const getCostStatus = (conditions) => {
     const d = find(conditions, (item) => {
       return item.type === 'CostSynced';
diff --git a/src/views/operation-hub/templates/components/list-view.vue b/src/views/operation-hub/templates/components/list-view.vue
index 276694e4..f2877ace 100644
--- a/src/views/operation-hub/templates/components/list-view.vue
+++ b/src/views/operation-hub/templates/components/list-view.vue
@@ -7,7 +7,14 @@
       :data="list"
       :pagination="false"
       row-key="id"
-      :row-selection="rowSelection"
+      :row-selection="
+        userStore.hasRolesActionsPermission({
+          resource: Resources.Templates,
+          actions: [Actions.DELETE]
+        })
+          ? rowSelection
+          : null
+      "
       @sorter-change="handleSortChange"
       @selection-change="handleSelectChange"
     >
@@ -76,6 +83,12 @@
           </template>
         </a-table-column>
         <a-table-column
+          v-if="
+            userStore.hasRolesActionsPermission({
+              resource: Resources.Templates,
+              actions: [Actions.PUT]
+            })
+          "
           align="center"
           :width="210"
           :title="$t('common.table.operation')"
@@ -85,10 +98,6 @@
               <a-tooltip :content="$t('common.button.edit')">
                 <a-link
                   v-if="!_.get(record, 'catalog.id')"
-                  v-permission="{
-                    resource: `roles.${Resources.Templates}`,
-                    actions: [Actions.PUT]
-                  }"
                   type="text"
                   size="small"
                   @click="handleEdit(record)"
@@ -97,15 +106,7 @@
                 </a-link>
               </a-tooltip>
               <a-tooltip :content="$t('common.button.refresh')">
-                <a-link
-                  v-permission="{
-                    resource: `roles.${Resources.Templates}`,
-                    actions: [Actions.PUT]
-                  }"
-                  type="text"
-                  size="small"
-                  @click="handlRefresh(record)"
-                >
+                <a-link type="text" size="small" @click="handlRefresh(record)">
                   <template #icon><icon-refresh /></template>
                 </a-link>
               </a-tooltip>
@@ -114,17 +115,6 @@
         </a-table-column>
       </template>
     </a-table>
-    <!-- <a-pagination
-      size="small"
-      :total="total"
-      :page-size="queryParams.perPage"
-      :current="queryParams.page"
-      show-total
-      show-page-size
-      :hide-on-single-page="queryParams.perPage === 10"
-      @change="handlePageChange"
-      @page-size-change="handlePageSizeChange"
-    /> -->
   </div>
 </template>
 
@@ -132,6 +122,7 @@
   import { OPERATIONHUB } from '@/router/config';
   import { Resources, Actions } from '@/permissions/config';
   import { PageAction } from '@/views/config';
+  import { useUserStore } from '@/store';
   import _, { map, get } from 'lodash';
   import dayjs from 'dayjs';
   import { reactive, ref, onMounted, PropType } from 'vue';
@@ -139,7 +130,6 @@
   import { deleteModal, execSucceed } from '@/utils/monitor';
   import useRowSelect from '@/hooks/use-row-select';
   import { UseSortDirection } from '@/utils/common';
-  import FilterBox from '@/components/filter-box/index.vue';
   import { TemplateRowData } from '../config/interface';
   import StatusLabel from '../../connectors/components/status-label.vue';
   import { queryTemplates, refreshTemplate, deleteTemplates } from '../api';
@@ -159,6 +149,7 @@
     }
   });
   type BaseType = string | number;
+  const userStore = useUserStore();
   const emits = defineEmits(['update:selectedList', 'update:sort', 'sort']);
   const { rowSelection, selectedKeys } = useRowSelect();
   const { router } = useCallCommon();
diff --git a/src/views/operation-hub/templates/components/template-item.vue b/src/views/operation-hub/templates/components/template-item.vue
index 45f35e06..62d988b8 100644
--- a/src/views/operation-hub/templates/components/template-item.vue
+++ b/src/views/operation-hub/templates/components/template-item.vue
@@ -51,6 +51,7 @@
       </div>
     </div>
     <a-checkbox
+      v-if="showCheckbox"
       class="check-box"
       :value="dataInfo.id"
       :model-value="checked"
@@ -92,6 +93,12 @@
         return {};
       }
     },
+    showCheckbox: {
+      type: Boolean,
+      default() {
+        return true;
+      }
+    },
     checked: {
       type: Boolean,
       default() {
diff --git a/src/views/operation-hub/templates/components/thumb-view.vue b/src/views/operation-hub/templates/components/thumb-view.vue
index 051b9678..ef951fda 100644
--- a/src/views/operation-hub/templates/components/thumb-view.vue
+++ b/src/views/operation-hub/templates/components/thumb-view.vue
@@ -11,6 +11,7 @@
           :data-info="item"
           :provider="item.icon"
           :checked="includes(checkedList, item.id)"
+          :show-checkbox="showCheckbox"
           @change="handleCheckChange"
         ></templateItem>
       </a-grid-item>
@@ -21,13 +22,10 @@
 
 <script lang="ts" setup>
   import { OPERATIONHUB } from '@/router/config';
-  import { Resources, Actions } from '@/permissions/config';
   import { MoreAction } from '@/views/config/interface';
-  import { useUserStore } from '@/store';
   import { includes, filter } from 'lodash';
-  import { ref, onMounted, PropType } from 'vue';
+  import { ref, PropType } from 'vue';
   import useCallCommon from '@/hooks/use-call-common';
-  import thumbButton from '@/components/buttons/thumb-button.vue';
   import templateItem from './template-item.vue';
   import { TemplateRowData, ModuleAction } from '../config/interface';
   import { actionList } from '../config';
@@ -44,15 +42,19 @@
       default() {
         return [];
       }
+    },
+    showCheckbox: {
+      type: Boolean,
+      default: true
     }
   });
-  const userStore = useUserStore();
   const emits = defineEmits(['create', 'change']);
   const { router } = useCallCommon();
   const moduleActions = ref<MoreAction[]>([]);
   const handleCreate = () => {
     emits('create');
   };
+
   const handleCheckChange = (checked, id) => {
     emits('change', checked, id);
   };
diff --git a/src/views/operation-hub/templates/pages/list.vue b/src/views/operation-hub/templates/pages/list.vue
index 13348179..709f4eca 100644
--- a/src/views/operation-hub/templates/pages/list.vue
+++ b/src/views/operation-hub/templates/pages/list.vue
@@ -41,7 +41,7 @@
           <a-button
             v-permission="{
               resource: `roles.${Resources.TemplateCompletions}`,
-              actions: ['POST']
+              actions: [Actions.POST]
             }"
             type="primary"
             @click="handleDraftModule"
@@ -54,7 +54,7 @@
           <a-button
             v-permission="{
               resource: `roles.${Resources.Templates}`,
-              actions: ['POST']
+              actions: [Actions.POST]
             }"
             type="primary"
             @click="handleCreate"
@@ -64,7 +64,7 @@
           <a-button
             v-permission="{
               resource: `roles.${Resources.Templates}`,
-              actions: ['DELETE']
+              actions: [Actions.DELETE]
             }"
             type="primary"
             status="warning"
@@ -75,7 +75,7 @@
         </template>
       </FilterBox>
       <a-divider :margin="8"></a-divider>
-      <a-spin :loading="loading" fill>
+      <a-spin :loading="loading" class="fill-width">
         <a-tabs
           lazy-load
           default-active-key="currentView"
@@ -85,6 +85,12 @@
             <ThumbView
               :list="dataList"
               :checked-list="selectedKeys"
+              :show-checkbox="
+                userStore.hasRolesActionsPermission({
+                  resource: Resources.Templates,
+                  actions: [Actions.DELETE]
+                })
+              "
               @change="handleCheckChange"
             ></ThumbView>
           </a-tab-pane>
@@ -117,7 +123,8 @@
 
 <script lang="ts" setup>
   import { OPERATIONHUB } from '@/router/config';
-  import { Resources } from '@/permissions/config';
+  import { Resources, Actions } from '@/permissions/config';
+  import { useUserStore } from '@/store';
   import _, { map, pickBy, remove } from 'lodash';
   import { ref, reactive, onMounted, nextTick } from 'vue';
   import useCallCommon from '@/hooks/use-call-common';
@@ -139,6 +146,7 @@
     }
   });
   let timer: any = null;
+  const userStore = useUserStore();
   const { setChunkRequest } = useSetChunkRequest();
   const { router } = useCallCommon();
   const loading = ref(false);
@@ -155,6 +163,7 @@
     perPage: 10
   });
   const { updateChunkedList } = useUpdateChunkedList(dataList);
+
   const handleCreate = () => {
     router.push({
       name: OPERATIONHUB.TemplateDetail,
diff --git a/src/views/system/pages/users.vue b/src/views/system/pages/users.vue
index 8c2ae1ca..14d93988 100644
--- a/src/views/system/pages/users.vue
+++ b/src/views/system/pages/users.vue
@@ -99,6 +99,12 @@
           </template>
         </a-table-column>
         <a-table-column
+          v-if="
+            userStore.hasRolesActionsPermission({
+              resource: Resources.Subjects,
+              actions: [Actions.PUT, Actions.DELETE]
+            })
+          "
           align="center"
           :width="210"
           :title="$t('common.table.operation')"
@@ -163,6 +169,7 @@
   import { Resources, Actions } from '@/permissions/config';
   import _ from 'lodash';
   import dayjs from 'dayjs';
+  import { useUserStore } from '@/store';
   import { ref, reactive, onMounted } from 'vue';
   import FilterBox from '@/components/filter-box/index.vue';
   import useRowSelect from '@/hooks/use-row-select';
@@ -173,6 +180,7 @@
   import { querySubjects, deleteSubjects, queryRoles } from '../api/users';
   import CreateAccountModal from '../components/create-account-modal.vue';
 
+  const userStore = useUserStore();
   const { rowSelection, selectedKeys, handleSelectChange } = useRowSelect();
   const dataList = ref<RowData[]>([]);
   const loading = ref(false);