style: 调整系统设置中表格的高度适配紧凑布局 (#4274)

* style: 修改用例评审及测试计划编辑用例样式问题 * style: 调整系统设置中表格的高度适配紧凑布局 Co-authored-by: BugKing <wangzhen@fit2cloud.com>
2021-07-01 18:27:04 +08:00 · 2021-07-01 18:27:04 +08:00 · a11c6add15
parent 27d0ba097b
commit a11c6add15
21 changed files with 37 additions and 24 deletions
--- a/frontend/src/business/components/settings/operatinglog/OperatingLog.vue
+++ b/frontend/src/business/components/settings/operatinglog/OperatingLog.vue
@ -139,7 +139,7 @@
        condition: {},
        tableData: [],
        userList: [],
-        screenHeight: 'calc(100vh - 275px)',
+        screenHeight: 'calc(100vh - 215px)',
        LOG_TYPE: [
          {id: 'CREATE', label: this.$t('api_test.definition.request.create_info')},
          {id: 'DELETE', label: this.$t('commons.delete')},
--- a/frontend/src/business/components/settings/organization/OrganizationMember.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationMember.vue
@ -121,7 +121,7 @@
        result: {},
        createVisible: false,
        updateVisible: false,
-        screenHeight: 'calc(100vh - 255px)',
+        screenHeight: 'calc(100vh - 195px)',
        form: {},
        queryPath: "/user/org/member/list",
        condition: {},
--- a/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
@ -422,7 +422,7 @@ export default {
      dialogTotal: 0,
      memberLineData: [],
      memberForm: {},
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      form: {
        // name: "",
        // description: ""
--- a/frontend/src/business/components/settings/project/EnvironmentList.vue
+++ b/frontend/src/business/components/settings/project/EnvironmentList.vue
@ -149,7 +149,7 @@
        total: 0,
        projectIds: [],   //当前工作空间所拥有的所有项目id
        projectFilters: [],
-        screenHeight: 'calc(100vh - 255px)',
+        screenHeight: 'calc(100vh - 195px)',
      }
    },
    created() {
--- a/frontend/src/business/components/settings/project/Member.vue
+++ b/frontend/src/business/components/settings/project/Member.vue
@ -105,7 +105,7 @@ export default {
      result: {},
      dialogResult: {},
      tableData: [],
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      currentPage: 1,
      pageSize: 10,
      total: 0,
--- a/frontend/src/business/components/settings/project/ProjectList.vue
+++ b/frontend/src/business/components/settings/project/ProjectList.vue
@ -214,7 +214,7 @@ export default {
        // caseTemplateId: [{required: true}],
        // issueTemplateId: [{required: true}],
      },
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      labelWidth: '150px'
    };
  },
--- a/frontend/src/business/components/settings/system/Organization.vue
+++ b/frontend/src/business/components/settings/system/Organization.vue
@ -214,7 +214,7 @@ export default {
      dialogPageSize: 10,
      dialogTotal: 0,
      currentRow: {},
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      condition: {},
      dialogCondition: {},
      tableData: [],
--- a/frontend/src/business/components/settings/system/SystemWorkspace.vue
+++ b/frontend/src/business/components/settings/system/SystemWorkspace.vue
@ -449,7 +449,7 @@ export default {
      dialogTotal: 0,
      memberLineData: [],
      memberForm: {},
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      form: {
        // name: "",
        // description: ""
--- a/frontend/src/business/components/settings/system/TestResourcePool.vue
+++ b/frontend/src/business/components/settings/system/TestResourcePool.vue
@ -244,7 +244,7 @@ export default {
      pageSize: 10,
      total: 0,
      form: {performance: true, api: true},
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      requiredRules: [{required: true, message: this.$t('test_resource_pool.fill_the_data'), trigger: 'blur'}],
      rule: {
        name: [
--- a/frontend/src/business/components/settings/system/User.vue
+++ b/frontend/src/business/components/settings/system/User.vue
@ -189,7 +189,7 @@ export default {
          id: ''
        }]
      },
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      checkPasswordForm: {},
      ruleForm: {},
      buttons: [
--- a/frontend/src/business/components/settings/system/group/UserGroup.vue
+++ b/frontend/src/business/components/settings/system/group/UserGroup.vue
@ -94,7 +94,7 @@ export default {
      currentPage: 1,
      pageSize: 10,
      total: 0,
-      screenHeight: 'calc(100vh - 275px)',
+      screenHeight: 'calc(100vh - 200px)',
      groups: [],
      currentGroup: {}
    };
--- a/frontend/src/business/components/settings/workspace/MsProject.vue
+++ b/frontend/src/business/components/settings/workspace/MsProject.vue
@ -296,7 +296,7 @@ export default {
        // caseTemplateId: [{required: true}],
        // issueTemplateId: [{required: true}],
      },
-      screenHeight: 'calc(100vh - 255px)',
+      screenHeight: 'calc(100vh - 195px)',
      dialogCondition: {},
      memberVisible: false,
      memberLineData: [],
--- a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
+++ b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
@ -136,7 +136,7 @@
            {required: true, message: this.$t('group.please_select_group'), trigger: ['blur']}
          ]
        },
-        screenHeight: 'calc(100vh - 255px)',
+        screenHeight: 'calc(100vh - 195px)',
        multipleSelection: [],
        currentPage: 1,
        pageSize: 10,
--- a/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
+++ b/frontend/src/business/components/settings/workspace/WsEnvironmentList.vue
@ -149,7 +149,7 @@
        total: 0,
        projectIds: [],   //当前工作空间所拥有的所有项目id
        projectFilters: [],
-        screenHeight: 'calc(100vh - 255px)',
+        screenHeight: 'calc(100vh - 195px)',
      }
    },
    created() {
--- a/frontend/src/business/components/settings/workspace/template/CustomFieldList.vue
+++ b/frontend/src/business/components/settings/workspace/template/CustomFieldList.vue
@ -233,6 +233,6 @@ export default {

 <style scoped>
 /deep/ .el-table__fixed-body-wrapper {
-  top: 58PX !IMPORTANT;
+  top: 47PX !IMPORTANT;
 }
 </style>
--- a/frontend/src/business/components/settings/workspace/template/IssuesTemplateList.vue
+++ b/frontend/src/business/components/settings/workspace/template/IssuesTemplateList.vue
@ -179,6 +179,6 @@ export default {

 <style scoped>
 /deep/ .el-table__fixed-body-wrapper {
-  top: 58PX !IMPORTANT;
+  top: 47PX !IMPORTANT;
 }
 </style>
--- a/frontend/src/business/components/settings/workspace/template/TestCaseTemplateList.vue
+++ b/frontend/src/business/components/settings/workspace/template/TestCaseTemplateList.vue
@ -187,6 +187,6 @@ export default {

 <style scoped>
 /deep/ .el-table__fixed-body-wrapper {
-  top: 58PX !IMPORTANT;
+  top: 47PX !IMPORTANT;
 }
 </style>
--- a/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/functional/FunctionalTestCaseEdit.vue
@ -38,7 +38,7 @@
                  <el-row class="head-bar">
                    <el-col>
                      <el-divider content-position="left">
-                        <el-button type="text" @click="openTestTestCase(testCase)">{{ testCase.name }}</el-button>
+                        <el-button class="test-case-name" type="text" @click="openTestTestCase(testCase)">{{ testCase.name }}</el-button>
                      </el-divider>
                    </el-col>
                  </el-row>
@ -501,7 +501,7 @@ export default {
 }

 .container >>> .el-card__body {
-  height: calc(100vh - 70px);
+  height: calc(100vh - 50px);
 }

 .comment-card >>> .el-card__header {
@ -509,7 +509,7 @@ export default {
 }

 .comment-card >>> .el-card__body {
-  height: calc(100vh - 120px);
+  height: calc(100vh - 100px);
 }

 .case_container > .el-row {
@ -543,4 +543,13 @@ p {
 .save-btn {
  margin-left: 10px;
 }
+
+
+.el-divider__text {
+  line-height: normal;
+}
+
+.test-case-name {
+  padding: 0;
+}
 </style>
--- a/frontend/src/business/components/track/plan/view/comonents/report/statistics/TestCaseStatisticsReportView.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/statistics/TestCaseStatisticsReportView.vue
@ -222,7 +222,7 @@
 <style scoped>

  .el-main {
-    height: calc(100vh - 70px);
+    height: calc(100vh - 50px);
    width: 100%;
  }

--- a/frontend/src/business/components/track/review/view/components/TestReviewTestCaseEdit.vue
+++ b/frontend/src/business/components/track/review/view/components/TestReviewTestCaseEdit.vue
@ -494,7 +494,7 @@ export default {
 }

 .container >>> .el-card__body {
-  height: calc(100vh - 70px);
+  height: calc(100vh - 50px);
 }

 .comment-card >>> .el-card__header {
@ -502,7 +502,7 @@ export default {
 }

 .comment-card >>> .el-card__body {
-  height: calc(100vh - 120px);
+  height: calc(100vh - 100px);
 }

 .tb-edit >>> .el-textarea__inner {
@ -515,4 +515,8 @@ export default {
  padding-left: 40px;
  padding-right: 15px;
 }
+
+.el-divider__text {
+  line-height: normal;
+}
 </style>
--- a/frontend/src/common/js/utils.js
+++ b/frontend/src/common/js/utils.js
@ -506,5 +506,5 @@ export function getNodePath(id, moduleOptions) {
 }

 export function getDefaultTableHeight() {
-  return document.documentElement.clientHeight - 280;
+  return document.documentElement.clientHeight - 200;
 }