fix(测试跟踪): 功能用例验收问题汇总

--bug=1022772 --user=宋昌昌 【测试跟踪】功能用例-设计验收问题汇总 https://www.tapd.cn/55049933/s/1352100

framework/sdk-parent/frontend/src/components/environment/commons/variable/FileBatchMove.vue

@@ -30,9 +30,9 @@
       </el-tree>
     </div>
     <template v-slot:footer>
-      <ms-dialog-footer
-        @cancel="close"
-        @confirm="save"/>
+      <el-button @click="close" size="small">{{ $t('commons.cancel') }}</el-button>
+      <el-button v-prevent-re-click type="primary" @click="save"
+                 @keydown.enter.native.prevent size="small" style="margin-left: 12px">{{ $t('commons.confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>

framework/sdk-parent/frontend/src/components/module/ModulePublicButton.vue

@@ -4,7 +4,7 @@
       <svg-icon icon-class="icon_folder-share" style="width: 1.3em;height: 1.3em;position: relative;top: 2px;left: 1px;margin-right: 9px;"/>
       <span style="margin-right: 12px;" class="to-public-content">{{ $t('project.case_public') }}</span>
       <span style="color: #8F959E">{{ '(' + publicTotal + ')' }}</span>
-      <svg-icon icon-class="icon_arrow-right_outlined_1" class-name="enter-public" style="float: right;display: none;position: relative;top: 4px;left: 128px;width: 1.1em;height: 1.1em;"/>
+      <svg-icon icon-class="icon_arrow-right_outlined_1" class-name="enter-public" style="float: right;display: none;position: relative;top: 4px;left: 150px;width: 1.1em;height: 1.1em;"/>
     </div>
   </div>
 </template>

framework/sdk-parent/frontend/src/components/new-ui/MsNodeTree.vue

@@ -688,7 +688,7 @@ export default {
 }
 
 .node-tree {
-  height: calc(100vh - 330px);
+  height: calc(100vh - 270px);
 }
 
 .father .child {

framework/sdk-parent/frontend/src/i18n/lang/en-US.js

@@ -2189,6 +2189,7 @@ const message = {
             scene: "Scenario",
             load: "Load",
             functional: "Functional",
+            ui: "UI",
           },
         },
       },
@@ -2882,7 +2883,7 @@ const message = {
       batch_download: "Batch download",
       batch_move: "Batch move",
       local_upload: "Local upload",
-      associated_files: "Associated files",
+      associated_files: "Relate file",
       file_delete_tip: "Source file deleted",
       save_to_file_manage: "Transfer to file management",
     },

framework/sdk-parent/frontend/src/i18n/lang/zh-TW.js

@@ -2103,6 +2103,7 @@ const message = {
             scene: "場景用例",
             load: "性能用例",
             functional: "功能用例",
+            ui: "UI用例",
           },
         },
       },

test-track/frontend/src/business/case/components/TestCaseEdit.vue

@@ -1086,7 +1086,9 @@ export default {
           this.form.id = null;
           testCase.casePublic = false;
         }
-        document.title = testCase.name;
+        if (!this.isPublicShow) {
+          document.title = testCase.name;
+        }
         this.currentTestCaseInfo = testCase;
         this.setFormData(testCase);
         this.setTestCaseExtInfo(testCase);
@@ -1795,7 +1797,7 @@ export default {
             color: #646a73;
             align-items: center;
             margin-left: px2rem(8);
-            padding: -1 0.5rem;
+            padding: 0.2rem;
 
             .version-icon {
               width: 20.17px;
@@ -1914,7 +1916,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(10);
-          padding: 0 0.5rem;
+          padding: 0.2rem 0.5rem;
         }
 
         .edit-public-row.head-opt {
@@ -1962,7 +1964,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(24);
-          padding: 0 0.5rem;
+          padding: 0.2rem 0.5rem;
         }
       }
     }

test-track/frontend/src/business/case/components/TestCaseList.vue

@@ -220,8 +220,8 @@
     <ms-table-batch-operator-group v-if="selectCounts > 0" :batch-operators="batchButtons" :select-counts="selectCounts" @clear="clearTableSelect"/>
 
     <!-- 分页组件 -->
-    <home-pagination v-if="page.data.length > 0 && selectCounts == 0" :change="initTableData" :current-page.sync="page.currentPage" :page-size.sync="page.pageSize"
-                     :total="page.total" layout="total, prev, pager, next, sizes, jumper" style="margin-top: 19px"/>
+    <home-pagination v-if="page.data.length > 0 && selectCounts === 0" :change="initTableData" :current-page.sync="page.currentPage" :page-size.sync="page.pageSize"
+                     :total="page.total" layout="total, prev, pager, next, sizes, jumper" style="margin: 26px 0 9px 0"/>
 
     <!-- dialog -->
     <batch-edit ref="batchEdit" @batchEdit="batchEdit"

test-track/frontend/src/business/case/components/case/CaseAttachmentComponent.vue

@@ -303,13 +303,9 @@ export default {
     },
     handleDelete(file, index) {
       this.$alert(
-        (this.cancelFileToken.length > 0
-          ? this.$t("load_test.delete_file_when_uploading") + "<br/>"
-          : "") +
-          this.$t("load_test.delete_file_confirm") +
-          file.name +
-          "?",
-        "",
+        (this.cancelFileToken.length > 0 ? this.$t("load_test.delete_file_when_uploading") + "<br/>" : "") +
+                    this.$t("load_test.delete_file_confirm") + file.name + "?",
+        this.$t("attachment.delete_confirm_tips"),
         {
           confirmButtonText: this.$t("commons.confirm"),
           dangerouslyUseHTMLString: true,
@@ -521,6 +517,7 @@ export default {
   /* identical to box height, or 157% */
   width: 100%;
   color: #8f959e;
+  margin-top: 2px;
 }
 .el-button--small {
   font-family: "PingFang SC";

test-track/frontend/src/business/case/components/case/CaseAttachmentItem.vue

@@ -440,8 +440,9 @@ export default {
       img:hover {
         background-color: rgba(31, 35, 41, 0.1);
         border-radius: 4px;
-        width: 18px;
-        height: 18px;
+        width: 20px;
+        height: 20px;
+        padding: 3px;
       }
 
       .opt-item {

test-track/frontend/src/business/case/components/case/CaseCommentEdit.vue

@@ -181,6 +181,14 @@ export default {
     }
   }
 
+  .options .cancel:hover {
+    background-color: whitesmoke;
+  }
+
+  .options .submit:hover {
+    background-color: rgb(147, 96, 159)!important;
+  }
+
   .state-ready-row:hover {
     border: 1px solid #783887;
   }

test-track/frontend/src/business/case/components/case/CaseIssueRelate.vue

@@ -3,7 +3,7 @@
     <div class="relate-header">
       <div class="menu-left-row">
         <el-dropdown placement="bottom" :disabled="readOnly">
-          <div style="line-height: 32px; color: #783887; cursor: pointer">
+          <div style="line-height: 32px; color: #1F2329; cursor: pointer">
             <i class="el-icon-connection" style="margin-right: 4.3px"></i
             >{{ $t("case.associated_defect") }}
           </div>
@@ -31,8 +31,7 @@
               >
                 {{ $t("case.associate_existing_defects") }}
               </div>
-            </el-dropdown-item
-            >
+            </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -425,7 +424,7 @@ export default {
       left: 112px;
       top: 251px;
       background: #ffffff;
-      border: 1px solid #783887;
+      border: 1px solid #DCDFE6;
       border-radius: 4px;
       text-align: center;
       color: #783887;
@@ -437,6 +436,10 @@ export default {
   }
 }
 
+.relate-box .relate-header .menu-left-row:hover {
+  background-color: whitesmoke;
+}
+
 .el-dropdown-menu__item:hover {
   background-color: rgba(31, 35, 41, 0.1) !important;
 }

test-track/frontend/src/business/case/components/case/CaseRelationshipViewer.vue

@@ -128,13 +128,14 @@ export default {
     min-width: 98px;
     height: 32px;
     background: #ffffff;
-    border: 1px solid #bbbfc4;
+    border: 1px solid #DCDFE6;
     border-radius: 4px;
     gap: 4px;
     .header-row {
       display: flex;
       color: #1f2329;
-      margin-left: 12.58px;
+      border-radius: 4px;
+      padding-left: 12.58px;
       align-items: center;
       height: 100%;
       cursor: pointer;
@@ -160,4 +161,8 @@ export default {
     }
   }
 }
+
+.dependencies-container .dep-header-wrap .header-row:hover {
+  background-color: whitesmoke;
+}
 </style>

test-track/frontend/src/business/case/components/case/CaseStepChange.vue

@@ -43,7 +43,7 @@ export default {
 .el-dropdown-link {
   cursor: pointer;
   color: #646a73;
-  padding: 0.2rem 0.5rem;
+  padding: 0.3rem 0.6rem;
 }
 
 .el-dropdown-link:hover {

test-track/frontend/src/business/case/components/case/CaseStepItem.vue

@@ -95,11 +95,13 @@
       </el-table-column>
     </el-table>
     <div class="add-step-row" :class="{'disable-row' : readOnly}">
-      <div class="add-icon" @click="handleAddStepStandAlone">
-        <i class="el-icon-plus"></i>
-      </div>
-      <div class="add-label" @click="handleAddStepStandAlone">
-        {{ $t("case.add_steps") }}
+      <div class="add-step-hover" style="display: flex; padding-right: 1rem">
+        <div class="add-icon" @click="handleAddStepStandAlone">
+          <i class="el-icon-plus"></i>
+        </div>
+        <div class="add-label" @click="handleAddStepStandAlone">
+          {{ $t("case.add_steps") }}
+        </div>
       </div>
     </div>
   </el-form-item>
@@ -383,4 +385,7 @@ i.el-icon-more:hover {
   color: #fab6b6;
   cursor: not-allowed;
 }
+.add-step-hover:hover{
+  background-color: rgba(117, 36, 101, 0.1);
+}
 </style>

test-track/frontend/src/business/case/components/case/CaseTestRelate.vue

@@ -3,9 +3,8 @@
     <div class="header-wrap">
       <div class="menu-row">
         <el-dropdown placement="bottom" @command="handleCommand" :disabled="readOnly" :class="{'disable-row' : readOnly}">
-          <div style="line-height: 32px; color: #783887; cursor: pointer">
-            <i class="el-icon-connection" style="margin-right: 4.3px"></i
-            >{{$t("test_track.case.relate_test")}}
+          <div style="line-height: 32px; color: #1F2329; cursor: pointer">
+            <i class="el-icon-connection" style="margin-right: 4.3px"></i>{{$t("test_track.case.relate_test")}}
           </div>
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item command="api">{{
@@ -267,12 +266,11 @@ export default {
       left: 112px;
       top: 251px;
       background: #ffffff;
-      border: 1px solid #783887;
+      border: 1px solid #DCDFE6;
       border-radius: 4px;
       text-align: center;
       color: #783887;
     }
-
     .opt-row {
     }
   }
@@ -281,6 +279,10 @@ export default {
   }
 }
 
+.relate-container .header-wrap .menu-row:hover {
+  background-color: whitesmoke;
+}
+
 .disable-row {
   cursor: not-allowed;
 }

test-track/frontend/src/business/case/components/common/CaseRelationshipList.vue

@@ -16,7 +16,6 @@
           icon="el-icon-plus"
           v-permission="['PROJECT_TRACK_CASE:READ+EDIT']"
           :disabled="readOnly || !resourceId"
-          type="primary"
           @click="openRelevance"
           >{{ $t($t("commons.add")) }}</el-button
         >
@@ -114,18 +113,15 @@ export default {
     .opt-add-row {
       .el-button--small {
         background: #ffffff;
-        border: 1px solid #783887;
         border-radius: 4px;
-        color: #783887;
         height: 32px;
         line-height: 32px;
-        padding: 0px 18.17px 0px 18.17px !important;
+        padding: 0 18.17px 0 18.17px !important;
         font-size: 14px !important;
       }
       :deep(.el-icon-plus:before) {
         width: 11.67px;
         height: 11.67px;
-        color: #783887;
       }
     }
   }
@@ -137,5 +133,8 @@ export default {
     background-color: rgba(31, 35, 41, 0.15);
     margin-top: px2rem(24);
   }
+  .opt-add-row .el-button--small:hover {
+    background-color: whitesmoke;
+  }
 }
 </style>

test-track/frontend/src/business/case/components/head/TestCaseEditNameView.vue

@@ -94,7 +94,7 @@ export default {
 
 .name-text {
   width: auto;
-  padding-right: 0.5rem;
+  padding: 0.2rem;
 }
 
 .input-error :deep(.el-input__inner) {

test-track/frontend/src/i18n/lang/en-US.js

@@ -109,12 +109,12 @@ const message = {
     previous_public_case: "Previous",
     next_public_case: "Next",
     add_to_public_case: "Add to Common Use Case Library",
-    added_to_public_case: "Added to public use case library",
+    added_to_public_case: "Add to public",
     make_comment: "Make comment",
     please_enter_comment: "Please enter a comment",
     associated_defect: "Associated",
-    create_defect: "Create defect",
-    associate_existing_defects: "Associate existing defects",
+    create_defect: "Create",
+    associate_existing_defects: "Associate",
     search_by_id: "Search by ID or Name",
     relieve: "Relieve",
     content_before_change: "Content before change",