【修改bug】修改高度自适应
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 => {
|
||||||
//基础信息
|
//基础信息
|
||||||
|
|||||||
Reference in New Issue
Block a user