update table 高度跳转

src/App.vue

@@ -33,7 +33,7 @@
     };
 </script>
 <style lang="scss">
-    @import "./assets/css/main/main-z.scss";
+    /*@import "./assets/css/main/main-z.scss";*/
 
     #app {
         font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", sans-serif;
@@ -44,4 +44,9 @@
         align-content: center;
         min-width: 1240px;
     }
+
+    html, body {
+        margin: 0;
+        padding: 0;
+    }
 </style>

src/views/management/Advertising/components/Table.vue

@@ -4,6 +4,7 @@
             border
             class="table"
             @selection-change="handleSelectionChange"
+            height="auto"
             style="width: 100%">
         <el-table-column
                 type="selection"

src/views/management/Advertising/index.vue

@@ -7,15 +7,16 @@
                         id="id"
                         placeholder="请选择页面"
                 ></mySelect>
-                <el-button class="btn-search" size="mini" type="primary" @click="handleSearch">查询</el-button>
+                <el-button class="btn-search" size="medium" type="primary" @click="handleSearch">查询</el-button>
             </div>
             <div>
-                <el-button size="mini" type="primary" @click="handleAddNews">新增</el-button>
-                <el-button size="mini" type="primary" @click="handleDelete">删除
+                <el-button size="medium" @click="handleAddNews">新增</el-button>
+                <el-button size="medium" type="primary" @click="handleDelete">删除
                 </el-button>
             </div>
         </div>
         <myTable
+                class="my-table"
                 @editor="handleEditor"
                 @select-change="handleSelectChange"
         />
@@ -60,8 +61,8 @@
                 </el-form>
             </div>
             <span slot="footer" class="dialog-footer">
-                <el-button size="mini" @click="addDialogVisit = false">取 消</el-button>
-                <el-button size="mini" type="primary" @click="handleAddAdvertising('addForm')">确 定</el-button>
+                <el-button size="medium" @click="addDialogVisit = false">取 消</el-button>
+                <el-button size="medium" type="primary" @click="handleAddAdvertising('addForm')">确 定</el-button>
             </span>
         </el-dialog>
 
@@ -101,8 +102,8 @@
                 </el-form>
             </div>
             <span slot="footer" class="dialog-footer">
-                <el-button size="mini" @click="editorDialogVisit = false">取 消</el-button>
-                <el-button size="mini" type="primary" @click="handleEditorAdvertising('editorForm')">确 定</el-button>
+                <el-button size="medium" @click="editorDialogVisit = false">取 消</el-button>
+                <el-button size="medium" type="primary" @click="handleEditorAdvertising('editorForm')">确 定</el-button>
             </span>
         </el-dialog>
     </div>
@@ -466,6 +467,10 @@
             }
         }
 
+        .my-table {
+            height: calc(100vh - 270px) !important;
+        }
+
         .my-Pagination {
             margin-top: 20px;
         }

src/views/management/RegistrationManagement/components/SearchArea.vue

@@ -24,10 +24,10 @@
                 </el-option>
             </el-select>
 
-            <el-button class="btn-search" size="small" @click="search">查询</el-button>
+            <el-button class="btn-search" size="medium" @click="search">查询</el-button>
         </div>
         <div>
-            <el-button size="small" @click="exportResisterData">导出</el-button>
+            <el-button size="medium" type="primary" @click="exportResisterData">导出</el-button>
         </div>
     </div>
 </template>

src/views/management/RegistrationManagement/components/Table.vue

@@ -3,6 +3,7 @@
             :data="tableData"
             border
             class="table"
+            height="auto"
             @selection-change="handleSelectionChange"
             style="width: 100%">
         <el-table-column

src/views/management/RegistrationManagement/index.vue

@@ -171,6 +171,7 @@
 
         .mta-Table {
             margin-top: 20px;
+            height: calc(100vh - 274px) !important;
         }
 
         .my-Pagination {

src/views/management/XinWenFenLei/components/Table.vue

@@ -3,6 +3,7 @@
             :data="tableData"
             border
             class="table"
+            height="auto"
             @selection-change="handleSelectionChange"
             style="width: 100%">
         <el-table-column

src/views/management/XinWenFenLei/index.vue

@@ -9,11 +9,11 @@
                         v-model="searchData"
                         clearable>
                 </el-input>
-                <el-button size="mini" type="primary" @click="handleSearch">查询</el-button>
+                <el-button size="medium" type="primary" @click="handleSearch">查询</el-button>
             </div>
             <div>
-                <el-button size="mini" plain @click="handleDelete">删除</el-button>
-                <el-button size="mini" type="primary" @click="handleOpenAdd">新增</el-button>
+                <el-button size="medium" plain @click="handleDelete">删除</el-button>
+                <el-button size="medium" type="primary" @click="handleOpenAdd">新增</el-button>
             </div>
         </div>
         <!--    table    -->
@@ -337,6 +337,10 @@
             }
         }
 
+        .yqlj-table {
+            height: calc(100vh - 274px) !important;
+        }
+
         .yqlj-pagination {
             margin-top: 20px;
         }

src/views/management/XingWenZiXun/XinWenZiXunConfig/index.vue

@@ -2,7 +2,7 @@
     <div class="admin-NewsConfig">
         <!--    按钮组合    -->
         <div class="my-Config-top">
-            <el-button size="mini" type="primary" @click="back">返回</el-button>
+            <el-button size="medium" type="primary" @click="back">返回</el-button>
         </div>
         <div class="my-Config-content">
             <el-form :model="configData" :rules="configRules" ref="News" label-width="110px"
@@ -56,12 +56,13 @@
             <el-button
                     v-if="queryData && queryData.code === 'add'"
                     type="primary"
+                    size="medium"
                     @click="handleAdd('News')"
             >新增
             </el-button>
             <div v-else>
-                <el-button type="primary" @click="handleSave('News')">保存</el-button>
-                <el-button type="primary" @click="back">关闭</el-button>
+                <el-button size="medium" type="primary" @click="handleSave('News')">保存</el-button>
+                <el-button size="medium" type="primary" @click="back">关闭</el-button>
             </div>
 
         </div>

src/views/management/XingWenZiXun/components/Table.vue

@@ -3,6 +3,7 @@
             :data="tableData"
             border
             class="table"
+            height="auto"
             @selection-change="handleSelectionChange"
             style="width: 100%">
         <el-table-column
@@ -53,6 +54,7 @@
         <el-table-column
                 label="操作"
                 fixed="right"
+                width="100"
         >
             <template slot-scope="scope">
                 <el-button type="text" @click="handleEditor(scope.row)">编辑</el-button>
@@ -102,6 +104,7 @@
 
 <style lang="scss" scoped>
 .table {
+
     ::v-deep .is-leaf {
         .cell {
             text-align: center;

src/views/management/XingWenZiXun/index.vue

@@ -7,15 +7,16 @@
                         id="newsClassifyId"
                         placeholder="请选择新闻分类"
                 ></mySelect>
-                <el-button class="btn-search" size="mini" type="primary" @click="handleSearch">查询</el-button>
+                <el-button class="btn-search" size="medium" type="primary" @click="handleSearch">查询</el-button>
             </div>
             <div>
-                <el-button size="mini" type="primary" @click="handleAddNews">新增</el-button>
-                <el-button size="mini" type="primary" @click="handleDeleteNews">删除
+                <el-button size="medium" @click="handleAddNews">新增</el-button>
+                <el-button size="medium" type="primary" @click="handleDeleteNews">删除
                 </el-button>
             </div>
         </div>
         <myTable
+                class="my-table"
                 @editor="handleEditor"
                 @delete="handleDelete"
                 @select-change="handleSelectChange"
@@ -251,6 +252,10 @@
     .admin-News {
         padding: 20px;
 
+        .my-table {
+            height: calc(100vh - 262px) !important;
+        }
+
         .top {
             display: flex;
             justify-content: space-between;

src/views/management/YouQingLianJie/components/Table.vue

@@ -4,6 +4,7 @@
             border
             class="table"
             @selection-change="handleSelectionChange"
+            height="auto"
             style="width: 100%">
         <el-table-column
                 type="selection"

src/views/management/YouQingLianJie/index.vue

@@ -9,11 +9,11 @@
                         v-model="searchData"
                         clearable>
                 </el-input>
-                <el-button size="mini" type="primary" @click="handleSearch">查询</el-button>
+                <el-button size="medium" type="primary" @click="handleSearch">查询</el-button>
             </div>
             <div>
-                <el-button size="mini" plain @click="handleDelete">删除</el-button>
-                <el-button size="mini" type="primary" @click="handleOpenAdd">新增</el-button>
+                <el-button size="medium" plain @click="handleDelete">删除</el-button>
+                <el-button size="medium" type="primary" @click="handleOpenAdd">新增</el-button>
             </div>
         </div>
         <!--    table    -->
@@ -333,6 +333,10 @@
             }
         }
 
+        .yqlj-table {
+            height: calc(100vh - 274px) !important;
+        }
+
         .yqlj-pagination {
             margin-top: 20px;
         }