门类管理 排序对话框滚动调修改

src/views/category/fileNoFormat/module/sortDialog.vue

@@ -5,7 +5,7 @@
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
       <i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i>
-      <el-table :data="sortTableData" class="fileno-format-sort" style="width: 100%;max-height: 70vh;" row-key="id">
+      <el-table :data="sortTableData" class="fileno-format-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
         <el-table-column prop="fieldCnName" label="字段名称" />
       </el-table>
@@ -27,6 +27,11 @@ export default {
       sortTableData: []
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
   methods: {
     // 行拖拽
     rowDrop(className, targetName) {

src/views/category/listBrowsing/module/sortDialog.vue

@@ -5,7 +5,7 @@
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
       <i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i>
-      <el-table :data="sortTableData" class="list-browsing-sort" style="width: 100%;max-height: 70vh;" row-key="id">
+      <el-table :data="sortTableData" class="list-browsing-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
         <el-table-column prop="fieldCnName" label="字段名称" />
       </el-table>
@@ -24,9 +24,15 @@ export default {
   data() {
     return {
       sortVisible: false,
-      sortTableData: []
+      sortTableData: [],
+      tableHeight: 0
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
   methods: {
     // 行拖拽
     rowDrop(className, targetName) {

src/views/category/orderingRule/module/sortDialog.vue

@@ -5,7 +5,7 @@
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
       <i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i>
-      <el-table :data="sortTableData" class="ordering-rule-sort" style="width: 100%;max-height: 70vh;" row-key="id">
+      <el-table :data="sortTableData" class="ordering-rule-sort" style="width: 100%;;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
         <el-table-column prop="fieldCnName" label="字段名称" />
       </el-table>
@@ -27,6 +27,11 @@ export default {
       sortTableData: []
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
   methods: {
     // 行拖拽
     rowDrop(className, targetName) {

src/views/category/sortDialog.vue

@@ -5,7 +5,7 @@
     <span class="dialog-left-bottom" />
     <div class="setting-dialog">
       <i class="drag-tip">提示：请通过拖动鼠标来调整当前顺序</i>
-      <el-table :data="sortTableData" :tree-props="{children: 'childrens'}" class="category-sort" style="width: 100%;max-height: 70vh;" row-key="id">
+      <el-table :data="sortTableData" :tree-props="{children: 'childrens'}" class="category-sort" style="width: 100%;" :max-height="tableHeight" row-key="id">
         <el-table-column type="index" label="序号" width="100" align="center" />
         <el-table-column prop="cnName" label="门类名称" />
       </el-table>
@@ -24,9 +24,15 @@ export default {
   data() {
     return {
       sortVisible: false,
-      sortTableData: []
+      sortTableData: [],
+      tableHeight: 0
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight * 0.6
+    })
+  },
   methods: {
     // 行拖拽
     rowDrop(className, targetName) {