Переглянути джерело

履职内容库定义界面优化

jiawuxian 2 роки тому
батько
коміт
678262f0a7
1 змінених файлів з 17 додано та 3 видалено
  1. 17 3
      src/views/resumption/rule/index.vue

+ 17 - 3
src/views/resumption/rule/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="20">
+    <el-row :gutter="20" class="el-row-ex">
       <!--机构数据-->
       <el-col :span="4" :xs="24">
         <org-tree
@@ -12,7 +12,7 @@
         ></org-tree>
       </el-col>
 
-      <el-col :span="20" :xs="24">
+      <el-col :span="20" :xs="24" class="el-col-ex">
         <!--    搜索条件    -->
         <el-form
           :model="queryParams"
@@ -85,6 +85,7 @@
           v-loading="loading"
           :data="pageData"
           @selection-change="handleSelectionChange"
+          max-height="calc(100% - 150px)"
         >
           <el-table-column
             type="index"
@@ -291,4 +292,17 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.el-table {
+  display: flex;
+  flex-direction: column;
+}
+  .el-row-ex{
+    height:100%;
+
+    ::v-deep .el-col-ex{
+      height:100%;
+    }
+  }
+
+</style>