refactor: 缺陷列表样式优化

babysor · Jul 21, 2021 · 2b7109a · 2b7109a
1 parent 5178c5b
commit 2b7109a
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 19 deletions.
diff --git a/frontend/src/business/components/settings/workspace/template/CustomFieldFormList.vue b/frontend/src/business/components/settings/workspace/template/CustomFieldFormList.vue
@@ -122,6 +122,7 @@ export default {
       this.tableData.splice(index, 1);
     },
     refreshTable() {
+      this.$refs.table.reloadTable();
     },
     appendData(customFieldIds) {
       let condition = {};
@@ -148,7 +149,4 @@ export default {
 </script>
 
 <style scoped>
-/*.default-value-item >>> .custom-with {*/
-/*  width: 207px;*/
-/*}*/
 </style>
diff --git a/frontend/src/business/components/settings/workspace/template/CustomFieldList.vue b/frontend/src/business/components/settings/workspace/template/CustomFieldList.vue
@@ -18,7 +18,8 @@
       field-key="CUSTOM_FIELD"
       :screen-height="tableHeight"
       @handlePageChange="getCustomFields"
-      @refresh="getCustomFields">
+      @refresh="getCustomFields"
+      ref="table">
 
       <div v-for="(item) in fields" :key="item.key">
 
@@ -200,6 +201,7 @@ export default {
         let data = response.data;
         this.total = data.itemCount;
         this.tableData = data.listObject;
+        this.$refs.table.reloadTable();
       });
     },
     handleEdit(data) {
@@ -232,7 +234,4 @@ export default {
 </script>
 
 <style scoped>
-/deep/ .el-table__fixed-body-wrapper {
-  top: 47PX !IMPORTANT;
-}
 </style>
diff --git a/frontend/src/business/components/settings/workspace/template/CustomFieldRelateList.vue b/frontend/src/business/components/settings/workspace/template/CustomFieldRelateList.vue
@@ -159,6 +159,7 @@ export default {
             let data = response.data;
             this.total = data.itemCount;
             this.tableData = data.listObject;
+            this.$refs.table.reloadTable();
           });
       }
     },

diff --git a/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue b/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue
@@ -199,6 +199,7 @@ export default {
               }
               this.templateContainIds.add(item.fieldId);
             });
+            this.$refs.customFieldFormList.refreshTable();
           });
       } else {
         this.appendDefaultFiled();

diff --git a/frontend/src/business/components/settings/workspace/template/IssuesTemplateList.vue b/frontend/src/business/components/settings/workspace/template/IssuesTemplateList.vue
@@ -17,7 +17,8 @@
       :screen-height="tableHeight"
       :enable-selection="false"
       @handlePageChange="initTableData"
-      @refresh="initTableData">
+      @refresh="initTableData"
+      ref="table">
 
       <ms-table-column
         :label="$t('commons.name')"
@@ -147,6 +148,7 @@ export default {
           let data = response.data;
           this.total = data.itemCount;
           this.tableData = data.listObject;
+          this.$refs.table.reloadTable();
         });
     },
     handleEdit(data) {
@@ -178,7 +180,4 @@ export default {
 </script>
 
 <style scoped>
-/deep/ .el-table__fixed-body-wrapper {
-  top: 47PX !IMPORTANT;
-}
 </style>
diff --git a/frontend/src/business/components/settings/workspace/template/TestCaseTemplateList.vue b/frontend/src/business/components/settings/workspace/template/TestCaseTemplateList.vue
@@ -16,7 +16,8 @@
       :screen-height="tableHeight"
       :enable-selection="false"
       @handlePageChange="initTableData"
-      @refresh="initTableData">
+      @refresh="initTableData"
+      ref="table">
 
       <ms-table-column
         :label="$t('commons.name')"
@@ -155,6 +156,7 @@ export default {
           let data = response.data;
           this.total = data.itemCount;
           this.tableData = data.listObject;
+          this.$refs.table.reloadTable();
         });
     },
     handleEdit(data) {
@@ -186,7 +188,4 @@ export default {
 </script>
 
 <style scoped>
-/deep/ .el-table__fixed-body-wrapper {
-  top: 47PX !IMPORTANT;
-}
 </style>
diff --git a/frontend/src/business/components/track/issue/IssueEditDetail.vue b/frontend/src/business/components/track/issue/IssueEditDetail.vue
@@ -24,7 +24,7 @@
 
         <el-row class="custom-field-row">
           <el-col :span="8" v-if="hasTapdId">
-            <el-form-item :label="$t('test_track.issue.tapd_current_owner')" prop="tapdUsers">
+            <el-form-item :label-width="formLabelWidth" :label="$t('test_track.issue.tapd_current_owner')" prop="tapdUsers">
               <el-select v-model="form.tapdUsers" multiple filterable
                          :placeholder="$t('test_track.issue.please_choose_current_owner')">
                 <el-option v-for="(userInfo, index) in tapdUsers" :key="index" :label="userInfo.user"
@@ -33,7 +33,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8" v-if="hasZentaoId">
-            <el-form-item :label="$t('test_track.issue.zentao_bug_build')" prop="zentaoBuilds">
+            <el-form-item :label-width="formLabelWidth" :label="$t('test_track.issue.zentao_bug_build')" prop="zentaoBuilds">
               <el-select v-model="form.zentaoBuilds" multiple filterable
                          :placeholder="$t('test_track.issue.zentao_bug_build')">
                 <el-option v-for="(build, index) in Builds" :key="index" :label="build.name"
@@ -42,7 +42,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="8" v-if="hasZentaoId">
-            <el-form-item :label="$t('test_track.issue.zentao_bug_assigned')" prop="zentaoAssigned">
+            <el-form-item :label-width="formLabelWidth" :label="$t('test_track.issue.zentao_bug_assigned')" prop="zentaoAssigned">
               <el-select v-model="form.zentaoAssigned" filterable
                          :placeholder="$t('test_track.issue.please_choose_current_owner')">
                 <el-option v-for="(userInfo, index) in zentaoUsers" :key="index" :label="userInfo.name"
@@ -96,7 +96,7 @@ export default {
       result: {},
       relateFields: [],
       isFormAlive: true,
-      formLabelWidth: "100px",
+      formLabelWidth: "150px",
       issueTemplate: {},
       customFieldForm: {},
       customFieldRules: {},

diff --git a/frontend/src/business/components/track/issue/TestCaseIssueList.vue b/frontend/src/business/components/track/issue/TestCaseIssueList.vue
@@ -99,6 +99,7 @@ export default {
           this.tableData.forEach(item => {
             this.testCaseContainIds.add(item.id);
           });
+          this.$refs.table.reloadTable();
         });
       }
     },
-Original file line number
+Diff line change
@@ Expand Up / @@ -99,6 +99,7 @@ export default { @@
               this.tableData.forEach(item => {
                 this.testCaseContainIds.add(item.id);
               });
+              this.$refs.table.reloadTable();
             });
           }
         },
@@ Expand Down @@