diff --git a/test-track/frontend/src/business/case/components/TestCaseEdit.vue b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
index 2de2483878..289f8af06e 100644
--- a/test-track/frontend/src/business/case/components/TestCaseEdit.vue
+++ b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
@@ -90,6 +90,7 @@
             class="edit-public-row head-opt"
             v-if="isPublicShow"
             @click="editPublicCase"
+            :class="[!hasReadonlyPermission === true ? '' : 'div-readOnly']"
           >
             <div class="icon-row">
               <img src="/assets/module/figma/icon_edit_outlined.svg" alt="" />
@@ -100,6 +101,7 @@
             class="copy-public-row head-opt"
             v-if="isPublicShow"
             @click="copyPublicCase"
+            :class="[hasCopyPermission === true ? '' : 'div-readOnly']"
           >
             <div class="icon-row">
               <img src="/assets/module/figma/icon_copy_outlined.svg" alt="" />
@@ -1766,7 +1768,9 @@ export default {
 
 <style scoped lang="scss">
 @import "@/business/style/index.scss";
-
+.div-readOnly{
+  pointer-events: none;
+}
 .case-edit-wrap {
   padding: 12px 24px 0px;
   box-sizing: border-box;