fix(测试跟踪): 右侧评论框折叠的问题

--bug=1016839 --user=宋昌昌 【测试跟踪】测试计划-执行用例页面评论框建议可以折叠起来 https://www.tapd.cn/55049933/s/1245682

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

@@ -10,18 +10,22 @@
 
     <template v-slot:default="scope">
       <el-row>
-          <el-col :span="17">
+          <el-col :span="fold ? 24 : 17">
             <div class="container">
               <el-card>
                 <el-scrollbar>
                   <el-header>
                     <el-row type="flex" class="head-bar">
 
-                      <el-col :span="4">
+                      <el-col :span="6">
                         <el-button plain size="mini"
                                    icon="el-icon-back"
                                    @click="cancel">{{ $t('test_track.return') }}
                         </el-button>
+                        <el-button type="primary" size="mini"
+                                   @click="handleRightCollapse">
+                          {{fold ? $t('test_track.expand_right_collapse') : $t('test_track.fold_right_collapse')}}
+                        </el-button>
                       </el-col>
 
                       <el-col class="head-right" :span="20">
@@ -122,7 +126,7 @@
               </el-card>
             </div>
           </el-col>
-          <el-col :span="7">
+          <el-col :span="7" v-if="!fold">
             <div class="comment-card">
             <el-card>
               <template slot="header">
@@ -224,7 +228,11 @@ export default {
       default: 1
     },
     nextPageData: Object,
-    prePageData: Object
+    prePageData: Object,
+    fold: {
+      type: Boolean,
+      default: false
+    }
   },
   computed: {
     projectId() {
@@ -262,6 +270,9 @@ export default {
       this.handleClose();
       this.$emit('refreshTable');
     },
+    handleRightCollapse() {
+      this.fold = !this.fold;
+    },
     statusChange(status) {
       this.originalStatus = this.testCase.status;
       this.testCase.status = status;

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

@@ -252,6 +252,7 @@
       :test-cases="tableData"
       :is-read-only="isReadOnly"
       :total="total"
+      :fold="false"
       @refreshTable="search"/>
 
     <batch-edit ref="batchEdit" @batchEdit="batchEdit"

frontend/src/i18n/en-US.js

@@ -2002,6 +2002,8 @@ export default {
     date: "Date"
   },
   test_track: {
+    fold_right_collapse: 'Fold Right',
+    expand_right_collapse: 'Expand Right',
     sync_add_api_load: 'Synchronously add associated api and load tests',
     next: 'Next',
     total_size: 'Total {0}',

frontend/src/i18n/zh-CN.js

@@ -830,7 +830,7 @@ export default {
     },
     timing_clean_plan_report: "定时清理测试计划报告",
     timing_clean_api_report: "定时清理接口测试报告",
-    timing_clean_load_report: "定时清理性能测试报告",  
+    timing_clean_load_report: "定时清理性能测试报告",
     timing_clean_ui_report: "定时清理UI测试报告",
     keep_recent: "保留最近",
     please_select_cleaning_time: "请选择清理时间！"
@@ -2006,6 +2006,8 @@ export default {
     date: "日期"
   },
   test_track: {
+    fold_right_collapse: '右侧折叠',
+    expand_right_collapse: '右侧展开',
     sync_add_api_load: '同步添加关联的接口和性能测试',
     next: '下一条',
     total_size: '共 {0} 条',

frontend/src/i18n/zh-TW.js

@@ -2006,6 +2006,8 @@ export default {
     date: "日期"
   },
   test_track: {
+    fold_right_collapse: '右侧折叠',
+    expand_right_collapse: '右側展開',
     sync_add_api_load: '同步添加關聯的接口和性能測試',
     next: '下一條',
     total_size: '共 {0} 條',