Просмотр исходного кода

fix:取消文件信息查阅换页固定高

liujiayin 2 лет назад
Родитель
Сommit
e23c3e4d6c

+ 2 - 6
src/views/infosManage/externalFiles/externalFiles.vue

@@ -9,6 +9,7 @@
         </el-input>
         <div class="treeDiv">
           <el-tree ref="tree"
+                   :width="width"
                    :data="paramsTypeData"
                    :props="defaultProps"
                    @node-click="handleNodeClick"
@@ -271,7 +272,7 @@ export default {
 </script>
 <style lang="less" scoped>
 .box {
-  width: 210px;
+  width: 230px;
 }
 
 .title {
@@ -280,11 +281,6 @@ export default {
   padding: 0;
 }
 
-.treeDiv {
-  height: 800px;
-  overflow-y: auto;
-}
-
 /deep/ .el-tree-node__content {
   display: block;
 }

+ 8 - 7
src/views/infosManage/internalFiles/internalFiles.vue

@@ -1,5 +1,5 @@
 <template>
-  <ibps-layout ref="layout">
+  <div class="main-container">
     <!-- 外部 -->
     <div slot="west">
       <div class="box">
@@ -9,6 +9,7 @@
         </el-input>
         <div class="treeDiv">
           <el-tree ref="tree"
+                   :width="width"
                    :data="paramsTypeData"
                    :props="defaultProps"
                    @node-click="handleNodeClick"
@@ -48,18 +49,21 @@
       </ibps-container>
 
     </div>
-  </ibps-layout>
+
+  </div>
 </template>
 <script>
 import ActionUtils from '@/utils/action'
 import { getFileType, getFileByUserId } from '@/api/permission/file'
 import IbpsAttachment from '@/business/platform/file/attachment/selector'
 import curdPost from '@/business/platform/form/utils/custom/joinCURD.js'
+import FixHeight from '@/mixins/height'
 
 export default {
   components: {
     'ibps-attachment': IbpsAttachment
   },
+  mixins: [FixHeight],
   data() {
     return {
       show: '',
@@ -69,6 +73,7 @@ export default {
       orgId: '',
       oldorgId: '',
       orgName: '',
+      height: document.clientHeight,
       loading: false,
       //   typeData: [
       //     { id: '0', label: '质量管理手册(QM)' },
@@ -288,6 +293,7 @@ export default {
 }
 </script>
 <style lang="less" scoped>
+
 .box {
   width: 230px;
 }
@@ -298,11 +304,6 @@ export default {
   padding: 0;
 }
 
-.treeDiv {
-  height: 800px;
-  overflow-y: auto;
-}
-
 /deep/ .el-tree-node__content {
   display: block;
 }