diff --git a/test-track/frontend/src/business/case/components/TestCaseEdit.vue b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
index 74040fd61d..f719d34c8c 100644
--- a/test-track/frontend/src/business/case/components/TestCaseEdit.vue
+++ b/test-track/frontend/src/business/case/components/TestCaseEdit.vue
@@ -4,13 +4,13 @@
     <div class="case-edit-box">
       <!-- 创建 or 编辑用例 -->
       <div class="edit-header-container">
-        <div class="header-content-row">
-
+        <div class="header-content-row" :style="!isPublicShow ? 'width: 80%' : 'max-width: 65%'">
           <!-- 用例名称展示与编辑 -->
           <test-case-edit-name-view
             :is-add="isAdd"
             :editable-state="editableState"
             :is-name-edit.sync="isNameEdit"
+            :is-public-show="isPublicShow"
             :form="form"
             @save="saveCaseWithoutRefresh"
           />
@@ -1804,7 +1804,6 @@ export default {
       .header-content-row {
         display: flex;
         align-items: center;
-        width: 80%;
         .back {
           margin-left: px2rem(24);
           width: px2rem(20);
diff --git a/test-track/frontend/src/business/case/components/case/CaseDetailComponent.vue b/test-track/frontend/src/business/case/components/case/CaseDetailComponent.vue
index 3711b38f5c..79b4773ef5 100644
--- a/test-track/frontend/src/business/case/components/case/CaseDetailComponent.vue
+++ b/test-track/frontend/src/business/case/components/case/CaseDetailComponent.vue
@@ -3,7 +3,7 @@
     <!-- 基于form组件进行表单验证 -->
     <el-form ref="caseDetailForm" :rules="rules" :model="form">
       <!-- case name -->
-      <div class="case-name-row" v-on:keydown.enter.prevent v-if="editableState">
+      <div class="case-name-row" v-on:keydown.enter.prevent v-if="editable">
         <div class="case-name case-title-wrap">
           <div class="name title-wrap">{{ $t("case.case_name") }}</div>
           <div class="required required-item"></div>
diff --git a/test-track/frontend/src/business/case/components/head/TestCaseEditNameView.vue b/test-track/frontend/src/business/case/components/head/TestCaseEditNameView.vue
index 23530024e3..bf1e510c91 100644
--- a/test-track/frontend/src/business/case/components/head/TestCaseEditNameView.vue
+++ b/test-track/frontend/src/business/case/components/head/TestCaseEditNameView.vue
@@ -33,6 +33,7 @@ export default {
     isNameEdit: Boolean,
     editableState: Boolean,
     isAdd: Boolean,
+    isPublicShow: Boolean
   },
   data() {
     return {
@@ -62,6 +63,9 @@ export default {
       this.$emit('save');
     },
     handleNameClick() {
+      if (this.isPublicShow) {
+        return;
+      }
       this.$emit('update:isNameEdit', !this.isNameEdit);
     }
   }