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

This commit is contained in:
CaptainB 2022-03-27 13:12:24 +08:00 committed by jianxing
parent 42050c45d9
commit 6b8735aac7
1 changed files with 113 additions and 114 deletions

View File

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