diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index a50e5b06c..9f0766fdf 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -20,18 +20,23 @@
           v-model="data.is_active"
           :before-change="() => changeState(data)"
           size="small"
+          v-if="permissionPrecise.doc_edit(id)" 
         />
 
         <el-divider direction="vertical" />
         <span class="mr-8">
-          <el-button link @click.stop="editParagraph(data)">
+          <el-button link @click.stop="editParagraph(data)"
+            v-if="permissionPrecise.doc_edit(id)"
+          >
             <el-icon :size="16" :title="$t('common.edit')">
               <EditPen />
             </el-icon>
           </el-button>
         </span>
         <span class="mr-8">
-          <el-button link @click.stop="addParagraph(data)">
+          <el-button link @click.stop="addParagraph(data)"
+            v-if="permissionPrecise.doc_edit(id)"
+          >
             <el-icon :size="16" :title="$t('common.add')">
               <el-icon><CirclePlus /></el-icon>
             </el-icon>
@@ -43,15 +48,19 @@
           </el-button>
           <template #dropdown>
             <el-dropdown-menu style="min-width: 140px;">
-              <el-dropdown-item @click.stop="openGenerateDialog(data)">
+              <el-dropdown-item @click.stop="openGenerateDialog(data)"
+                v-if="permissionPrecise.doc_generate(id)"
+              >
                 <el-icon><Connection /></el-icon>
                 {{ $t('views.document.generateQuestion.title') }}</el-dropdown-item
               >
-              <el-dropdown-item @click.stop="openSelectDocumentDialog(data)">
+              <el-dropdown-item @click.stop="openSelectDocumentDialog(data)"
+                v-if="permissionPrecise.doc_edit(id)"
+              >
                 <AppIcon iconName="app-migrate"></AppIcon>
                 {{ $t('views.document.setting.migration') }}</el-dropdown-item
               >
-               <el-dropdown-item>
+               <el-dropdown-item v-if="permissionPrecise.doc_edit(id)">
                 <el-dropdown class="w-full" trigger="hover" :show-arrow="false" placement="right-start" popper-class="move-position-popper">
                   <div class="w-full flex-between" style="line-height: 22px;">
                     <div class="flex align-center">
@@ -79,7 +88,9 @@
                   </template>
                 </el-dropdown>
               </el-dropdown-item>
-              <el-dropdown-item icon="Delete" @click.stop="deleteParagraph(data)">{{
+              <el-dropdown-item icon="Delete" @click.stop="deleteParagraph(data)"
+                v-if="permissionPrecise.doc_edit(id)"
+              >{{
                 $t('common.delete')
               }}</el-dropdown-item>
             </el-dropdown-menu>
@@ -119,6 +130,7 @@ import ParagraphDialog from '@/views/paragraph/component/ParagraphDialog.vue'
 import SelectDocumentDialog from '@/views/paragraph/component/SelectDocumentDialog.vue'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+import permissionMap from '@/permission'
 import { t } from '@/locales'
 const props = defineProps<{
   data: any
@@ -127,6 +139,8 @@ const props = defineProps<{
   showMoveDown?: boolean
 }>()
 
+console.log(props)
+
 const route = useRoute()
 const {
   params: { id, documentId },
@@ -137,6 +151,10 @@ const apiType = computed(() => {
   return type as 'systemShare' | 'workspace' | 'systemManage'
 })
 
+const permissionPrecise = computed (() => {
+  return permissionMap['knowledge'][apiType.value]
+})
+
 const emit = defineEmits(['clickCard','changeState', 'deleteParagraph', 'refresh', 'refreshMigrateParagraph','move'])
 const loading = ref(false)
 const changeStateloading = ref(false)
@@ -202,7 +220,11 @@ function editParagraph(row: any) {
   }
 }
 
+const cardClick = permissionPrecise.value.doc_edit(id)
+
 function handleClickCard(row: any) {
+  if (!cardClick) 
+  {return }
   if (!props.disabled) {
     editParagraph(row)
   }else {
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index ea511c53e..43f4f34e5 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -12,7 +12,7 @@
         >）
       </el-text>
     </div>
-    <div class="header-button" v-if="!shareDisabled">
+    <div class="header-button" v-if="!shareDisabled &&  permissionPrecise.doc_edit(id)">
       <el-button @click="batchSelectedHandle(true)" v-if="isBatch === false">
         {{ $t('views.paragraph.setting.batchSelected') }}
       </el-button>
@@ -172,6 +172,7 @@ import GenerateRelatedDialog from '@/components/generate-related-dialog/index.vu
 import { VueDraggable } from 'vue-draggable-plus'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
+import permissionMap from '@/permission'
 import { t } from '@/locales'
 const route = useRoute()
 const {
@@ -185,6 +186,10 @@ const apiType = computed(() => {
 const shareDisabled = computed(() => {
   return isShared === 'true'
 })
+const permissionPrecise = computed(() => {
+  return permissionMap['knowledge'][apiType.value]
+})
+
 
 const SelectDocumentDialogRef = ref()
 const ParagraphDialogRef = ref()