【修改bug】修改高度自适应

This commit is contained in:
zhoulingpo
2023-04-27 11:20:05 +08:00
parent 25e1df5b61
commit b18da51a0e
5 changed files with 517 additions and 466 deletions
+14
View File
@@ -49,3 +49,17 @@
width: 160px !important; width: 160px !important;
overflow: hidden; overflow: hidden;
} }
/* 自定义滚动条的样式 */
.scroll-wrap {
background-color: #fff;
}
.scroll-view::-webkit-scrollbar {
width: 3px;
}
.scroll-view::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: red;
}
+32 -5
View File
@@ -104,6 +104,7 @@
<el-col :span="4" class="treeList"> <el-col :span="4" class="treeList">
<el-input placeholder="输入关键字进行过滤" v-model="filterText"> <el-input placeholder="输入关键字进行过滤" v-model="filterText">
</el-input> </el-input>
<el-scrollbar wrap-class="scroll-wrap" view-class="scroll-view">
<el-tree <el-tree
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
@@ -115,9 +116,12 @@
@check="getHalfCheckedNode" @check="getHalfCheckedNode"
> >
</el-tree> </el-tree>
</el-scrollbar>
</el-col> </el-col>
<el-col :span="19"> <el-col :span="19">
<vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 320px)'" <vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe
v-table-min-height="'calc(100vh - 320px)'"
@checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent"> @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
<vxe-column type="checkbox" width="60"></vxe-column> <vxe-column type="checkbox" width="60"></vxe-column>
<vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77"> <vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
@@ -190,7 +194,8 @@
:close-on-press-escape="false" :fullscreen="fullscreen"> :close-on-press-escape="false" :fullscreen="fullscreen">
<div slot="title" class="dialog-title"> <div slot="title" class="dialog-title">
<span>预览</span> <span>预览</span>
<img v-if="!fullscreen" class="full-screen" src="@/assets/imgs/icon-full.png" alt="" @click="fullscreen = !fullscreen"> <img v-if="!fullscreen" class="full-screen" src="@/assets/imgs/icon-full.png" alt=""
@click="fullscreen = !fullscreen">
<img v-else class="full-screen" src="@/assets/imgs/icon-small.png" alt="" @click="fullscreen = !fullscreen"> <img v-else class="full-screen" src="@/assets/imgs/icon-small.png" alt="" @click="fullscreen = !fullscreen">
</div> </div>
<div class="preview-dialog-body" :class="{'active': fullscreen}"> <div class="preview-dialog-body" :class="{'active': fullscreen}">
@@ -253,8 +258,7 @@ export default {
dialogPreview: false, // 预览 dialogPreview: false, // 预览
content: '', content: '',
filterText: '', filterText: '',
treeData: [ treeData: [],
],
checkIds: [], checkIds: [],
checkList: [], checkList: [],
checkedKeys: [], checkedKeys: [],
@@ -472,18 +476,34 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.treeList { .treeList {
padding: 20px; padding: 20px 20px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
margin-right: 20px; margin-right: 20px;
.filter-tree { .filter-tree {
margin-top: 20px; margin-top: 20px;
height: calc(100vh - 320px);
//overflow: scroll;
} }
} }
.tree {
height: 500px;
//overflow: auto;
.filter-tree {
margin-top: 20px;
}
}
.report-name { .report-name {
cursor: pointer; cursor: pointer;
} }
.report-list { .report-list {
.title { .title {
border-bottom: 1px solid #EBEEF5; border-bottom: 1px solid #EBEEF5;
@@ -497,9 +517,11 @@ export default {
color: #262626; color: #262626;
} }
} }
.tag-btn { .tag-btn {
padding: 18px 13px 11px; padding: 18px 13px 11px;
} }
.tag-search { .tag-search {
padding-top: 9px; padding-top: 9px;
@@ -651,6 +673,7 @@ export default {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.full-screen { .full-screen {
cursor: pointer; cursor: pointer;
width: 24px; width: 24px;
@@ -664,9 +687,11 @@ export default {
padding: 9px 25px 17px 22px; padding: 9px 25px 17px 22px;
height: 60vh; height: 60vh;
position: relative; position: relative;
&.active { &.active {
height: calc(100vh - 52px); height: calc(100vh - 52px);
} }
.full-screen { .full-screen {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
@@ -682,6 +707,7 @@ export default {
::v-deep .el-scrollbar { ::v-deep .el-scrollbar {
height: 100%; height: 100%;
.el-scrollbar__wrap { .el-scrollbar__wrap {
overflow-x: auto; overflow-x: auto;
} }
@@ -693,6 +719,7 @@ export default {
img { img {
max-width: 100% !important; max-width: 100% !important;
} }
table { table {
margin: 0 auto; margin: 0 auto;
} }
+7 -4
View File
@@ -45,6 +45,7 @@
<el-col :span="4" class="treeList"> <el-col :span="4" class="treeList">
<el-input placeholder="输入关键字进行过滤" v-model="filterText"> <el-input placeholder="输入关键字进行过滤" v-model="filterText">
</el-input> </el-input>
<el-scrollbar wrap-class="scroll-wrap" view-class="scroll-view">
<el-tree <el-tree
class="filter-tree" class="filter-tree"
:data="treeData" :data="treeData"
@@ -64,6 +65,7 @@
</el-tooltip> </el-tooltip>
</template> </template>
</el-tree> </el-tree>
</el-scrollbar>
</el-col> </el-col>
<el-col :span="19 "> <el-col :span="19 ">
<div class="table"> <div class="table">
@@ -157,6 +159,7 @@
</el-input> </el-input>
<el-button type="primary" class="btn" @click="add">新增</el-button> <el-button type="primary" class="btn" @click="add">新增</el-button>
</div> </div>
<el-scrollbar wrap-class="scroll-wrap" view-class="scroll-view">
<div class="tree"> <div class="tree">
<el-tree class="filter-tree" :data="treeData" default-expand-all :filter-node-method="filterNode" ref="tree"> <el-tree class="filter-tree" :data="treeData" default-expand-all :filter-node-method="filterNode" ref="tree">
<span class="custom-tree-node" slot-scope="{ node,data}"> <span class="custom-tree-node" slot-scope="{ node,data}">
@@ -171,6 +174,7 @@
</span> </span>
</el-tree> </el-tree>
</div> </div>
</el-scrollbar>
</el-dialog> </el-dialog>
<labelModalVue ref="labelModalVue" @updateList="updateList"></labelModalVue> <labelModalVue ref="labelModalVue" @updateList="updateList"></labelModalVue>
<!--报告上传--> <!--报告上传-->
@@ -946,15 +950,14 @@ export default {
.filter-tree{ .filter-tree{
margin-top: 20px; margin-top: 20px;
height: calc(100vh - 320px); height: calc(100vh - 320px);
overflow: auto;
} }
} }
.tree{ .tree{
height: 500px; height: 400px;
overflow: auto; margin: 20px 0;
.filter-tree{ .filter-tree{
margin-top: 20px;
} }
} }
@@ -207,5 +207,8 @@ export default {
line-height: 40px !important; line-height: 40px !important;
width: 100%; width: 100%;
} }
::v-deep .el-popper .el-cascader-menu .el-cascader-node__label{
width: 160px !important;
overflow: hidden;
}
</style> </style>
+6 -2
View File
@@ -201,13 +201,17 @@ export default {
// } // }
this.handleReset() this.handleReset()
} }
if (this.$store.getters.handleProcess.taskDefinitionKey == 'aid4') { // 如果是从草稿进入的
// if (this.$route.query.isDraft) {
//
// }
if (this.$store.getters.handleProcess.taskDefinitionKey == 'aid4' || this.$route.query.isDraft) {
this.taskId = this.$store.getters.handleProcess.taskId this.taskId = this.$store.getters.handleProcess.taskId
this.prcNum = this.$store.getters.handleProcess.prcNum this.prcNum = this.$store.getters.handleProcess.prcNum
this.prcId = this.$store.getters.handleProcess.prcId this.prcId = this.$store.getters.handleProcess.prcId
this.prcName = this.$store.getters.handleProcess.prcName this.prcName = this.$store.getters.handleProcess.prcName
this.initShow = true this.initShow = true
this.formControlname = true // this.formControlname = true
this.getProcessDetail().then(res => { this.getProcessDetail().then(res => {
//基础信息 //基础信息