style(测试计划): 去掉测试计划功能用力编辑页面滚动条

frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue

@@ -1,5 +1,4 @@
 <template>
-
   <el-drawer
     :before-close="handleClose"
     :visible.sync="showDialog"
@@ -10,12 +9,11 @@
     v-loading="result.loading">
 
     <template v-slot:default="scope">
-      <el-row :gutter="10">
-        <div class="container">
+      <el-row>
           <el-col :span="17">
+            <div class="container">
               <el-card>
                 <el-scrollbar>
-
                   <el-header>
                     <el-row type="flex" class="head-bar">
 
@@ -53,7 +51,6 @@
                       </el-col>
                     </el-row>
                   </el-header>
-
                   <div class="case_container">
 
                     <el-form :model="testCase">
@@ -117,12 +114,13 @@
 
                     </el-form>
                   </div>
-
                 </el-scrollbar>
               </el-card>
+            </div>
           </el-col>
           <el-col :span="7">
-            <el-card class="comment-card">
+            <div class="comment-card">
+            <el-card>
               <template slot="header">
                 <span style="font-size: 15px; color: #1E90FF">{{ $t('test_track.review.comment') }}</span>
                 <i class="el-icon-refresh" @click="getComments(testCase)"
@@ -131,19 +129,11 @@
               <review-comment :comments="comments" :case-id="testCase.caseId" :review-id="testCase.reviewId"
                               @getComments="getComments"/>
             </el-card>
-            <!--            <case-comment :case-id="testCase ? testCase.caseId : ''" class="comment-card"/>-->
-          </el-col>
-
-
             </div>
+          </el-col>
       </el-row>
-
-
     </template>
-
   </el-drawer>
-
-
 </template>
 
 <script>
@@ -558,10 +548,17 @@ export default {
 
 .container {
   height: 100vh;
+  padding-right: 10px;
 }
 
 .container >>> .el-card__body {
-  height: calc(100vh - 60px);
+  height: calc(100vh - 50px);
+}
+
+.comment-card {
+  padding-left: 0;
+  padding-right: 15px;
+  padding-top: 15px;
 }
 
 .comment-card >>> .el-card__header {
@@ -588,9 +585,7 @@ p {
 .head-bar {
   z-index: 999;
 }
-</style>
 
-<style>
 .issues-popover {
   height: 550px;
   overflow: auto;
@@ -608,4 +603,8 @@ p {
 .test-case-name {
   padding: 0;
 }
+
+/deep/ .el-drawer__body {
+  overflow: unset;
+}
 </style>