fix(测试跟踪): 版本对比问题汇总

--bug=1023474 --user=宋昌昌 【测试跟踪】功能用例-编辑-版本对比-问题汇总 https://www.tapd.cn/55049933/s/1356366

framework/sdk-parent/frontend/src/business/app-layout/index.vue

@@ -277,8 +277,9 @@ export default {
 }
 
 .container {
-  padding: 0px !important;
+  padding: 0!important;
   height: calc(100vh);
+  background-color: #F5F6F7;
 }
 
 .ms-aside-left {

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

@@ -1802,7 +1802,7 @@ export default {
             color: #646a73;
             align-items: center;
             margin-left: px2rem(8);
-            padding: -1px 0.2rem;
+            padding: 0.1rem 0.4rem;
 
             .version-icon {
               width: 20.17px;
@@ -1897,7 +1897,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(20.67);
-          padding: 0.2rem 0.5rem 0.2rem 0;
+          padding: 0.1rem 0.4rem 0.1rem 0;
         }
 
         .next-public-row.head-opt {
@@ -1909,7 +1909,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(20.67);
-          padding: 0.2rem 0 0.2rem 0.5rem;
+          padding: 0.1rem 0 0.1rem 0.4rem;
         }
 
         .follow-row.head-opt {
@@ -1921,7 +1921,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(10);
-          padding: 0.2rem 0.5rem;
+          padding: 0.1rem 0.4rem;
         }
 
         .edit-public-row.head-opt {
@@ -1933,7 +1933,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(20.67);
-          padding: 0.2rem 0.5rem;
+          padding: 0.1rem 0.4rem;
         }
 
         .copy-public-row.head-opt {
@@ -1945,10 +1945,10 @@ export default {
           .label-row {
           }
           margin-right: px2rem(20.67);
-          padding: 0.2rem 0.5rem;
+          padding: 0.1rem 0.4rem;
         }
         .close-row.head-opt {
-          padding: 0.2rem;
+          padding: 0.15rem;
         }
         .add-public-row.head-opt {
           .icon-row {
@@ -1971,7 +1971,7 @@ export default {
           .label-row {
           }
           margin-right: px2rem(24);
-          padding: 0.2rem 0.5rem;
+          padding: 0.1rem 0.4rem;
         }
       }
     }
@@ -2012,6 +2012,7 @@ export default {
           font-size: 14px;
           color: #783887;
           cursor: pointer;
+          padding: 0.3rem;
         }
         .diff-latest:hover{
           background: rgba(120, 56, 135, 0.1);
@@ -2027,6 +2028,7 @@ export default {
           font-size: 14px;
           color: #783887;
           cursor: pointer;
+          padding: 0.3rem;
         }
       }
     }

test-track/frontend/src/business/case/components/case/diff/CaseDiffSideViewer.vue

@@ -42,7 +42,7 @@ export default {
   props: {
     width: {
       type: Number,
-      default: 1200,
+      default: 1152,
     },
     dialogTitle: {
       type: String,
@@ -56,7 +56,7 @@ export default {
       if (!isNaN(this.width)) {
         //计算rem
         let remW = (this.width / 1440) * 100;
-        let standW = (1200 / 1440) * 100;
+        let standW = (1152 / 1440) * 100;
         return remW > standW ? remW : standW + "%";
       }
       return this.width;

test-track/frontend/src/business/case/components/case/diff/CaseDiffViewer.vue

@@ -38,7 +38,8 @@
       <div class="tab-pane-wrap">
         <el-tabs v-model="caseActiveName" @tab-click="tabClick">
           <el-tab-pane :label="$t('case.use_case_detail')" name="detail">
-            <div class="content-conatiner">
+            <el-scrollbar>
+              <div class="content-container">
                 <div class="case-name-row">
                   <div class="case-name case-title-wrap case-content-wrap">
                     <div class="name title-wrap">{{ $t("case.case_name") }}</div>
@@ -146,54 +147,65 @@
                   </div>
                 </div>
               </div>
+            </el-scrollbar>
           </el-tab-pane>
           <!-- 关联测试用例 -->
           <el-tab-pane
             :label="$t('case.associate_test_cases')"
             name="associateTestCases"
           >
-            <div class="content-conatiner">
+            <el-scrollbar>
+              <div class="content-container">
                 <case-diff-test-relate
                   :tableData="testCaseRelateData"
                 ></case-diff-test-relate>
               </div>
+            </el-scrollbar>
           </el-tab-pane>
           <!-- 关联缺陷 -->
           <el-tab-pane
             :label="$t('test_track.case.relate_issue')"
             name="associatedDefects"
           >
-            <div class="content-conatiner">
+            <el-scrollbar>
+              <div class="content-container">
                 <case-diff-issue-relate
                   :tableData="issuesData"
                 ></case-diff-issue-relate>
               </div>
+            </el-scrollbar>
           </el-tab-pane>
           <!-- 依赖关系 -->
           <el-tab-pane :label="$t('case.dependencies')" name="dependencies">
-            <div class="content-conatiner">
+            <el-scrollbar>
+              <div class="content-container">
                 <case-diff-relationship
                   :resourceId="caseId"
                   :preTableData="preTableData"
                   :postTableData="postTableData"
                 ></case-diff-relationship>
               </div>
+            </el-scrollbar>
           </el-tab-pane>
           <!-- 评论 -->
           <el-tab-pane :label="$t('case.comment')" name="comment">
-            <div class="content-conatiner">
+            <el-scrollbar>
+              <div class="content-container">
                 <case-comment-viewer
                   :readOnly="true"
                   :comments="diffCommentsData"
                 ></case-comment-viewer>
               </div>
+            </el-scrollbar>
           </el-tab-pane>
           <!-- 变更记录 -->
           <!-- <el-tab-pane :label="$t('case.change_record')" name="changeRecord">
-            <div class="content-conatiner"></div>
+            <div class="content-container"></div>
           </el-tab-pane> -->
         </el-tabs>
       </div>
+      <div class="content-base-info-wrap">
+        <el-scrollbar>
           <div class="base-info-wrap">
             <!-- 所属模块 -->
             <div class="module-row">
@@ -251,6 +263,8 @@
               <case-diff-text :diffInfo="tagDiffData.tags"></case-diff-text>
             </div>
           </div>
+        </el-scrollbar>
+      </div>
     </div>
   </div>
 </template>
@@ -914,6 +928,10 @@ export default {
   text-align: center;
   line-height: 16px;
 }
+
+.content-base-info-wrap {
+  height: calc(100vh - 110px);
+}
 </style>
 <style lang="scss" scoped>
 // 正文部分
@@ -934,22 +952,21 @@ export default {
     }
 
     :deep(.el-tabs__content) {
-      overflow: auto;
+      overflow: hidden;
     }
   }
   .base-info-wrap {
     width: px2rem(304);
-    height: calc(100vh - 130px);
-    overflow-y: scroll;
+    max-height: calc(70vh);
     padding: 24px;
     .item-row {
       margin-top: 21px;
     }
   }
-  .content-conatiner {
+  .content-container {
     padding-left: px2rem(24);
     padding-right: px2rem(24);
-    height: calc(100vh - 130px);
+    max-height: calc(70vh);
   }
 }
 .case-content-wrap {
@@ -978,9 +995,6 @@ export default {
 .attachment-preview :deep(.atta-box) {
   width: 25rem !important;
 }
-:deep(.atta-box .atta-container) {
-  width: 100% !important;
-}
 :deep(.atta-box .atta-container .icon) {
   // width: 100% !important;
 }

test-track/frontend/src/business/case/components/case/diff/version_diff.js

@@ -152,8 +152,7 @@ export default class DefaultDiffExecutor extends AbstractVersionDiffExecutor {
       {
         diffArr: DiffUtil.diffText(
           this.origin.prerequisite,
-          this.target.prerequisite,
-          true
+          this.target.prerequisite
         ),
       },
     ];
@@ -162,8 +161,7 @@ export default class DefaultDiffExecutor extends AbstractVersionDiffExecutor {
       {
         diffArr: DiffUtil.diffText(
           this.origin.stepDescription,
-          this.target.stepDescription,
-          true
+          this.target.stepDescription
         ),
       },
     ];
@@ -172,8 +170,7 @@ export default class DefaultDiffExecutor extends AbstractVersionDiffExecutor {
       {
         diffArr: DiffUtil.diffText(
           this.origin.expectedResult,
-          this.target.expectedResult,
-          true
+          this.target.expectedResult
         ),
       },
     ];
@@ -182,8 +179,7 @@ export default class DefaultDiffExecutor extends AbstractVersionDiffExecutor {
       {
         diffArr: DiffUtil.diffText(
           this.origin.remark,
-          this.target.remark,
-          true
+          this.target.remark
         ),
       },
     ];

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

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