浏览代码

页面高度控制完善。

zhengqiang 4 年之前
父节点
当前提交
66a2b95269
共有 3 个文件被更改,包括 10 次插入7 次删除
  1. 4 4
      src/views/bus/driverInfo-list.vue
  2. 5 0
      src/views/bus/passengerInfo-list.vue
  3. 1 3
      src/views/bus/vehicleInfo-list.vue

+ 4 - 4
src/views/bus/driverInfo-list.vue

@@ -94,7 +94,7 @@
       <el-table-column
         prop="companyName"
         label="公司名称"
-        width="200"
+        width="150"
       ></el-table-column>
       <el-table-column
         prop="name"
@@ -125,14 +125,14 @@
       <el-table-column
         prop="remark"
         label="备注"
-        width="180"
+        width="150"
       ></el-table-column>
       <el-table-column
         prop="createTime"
         label="创建时间"
         width="150"
       ></el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="操作" width="150">
         <template slot-scope="{ row }">
             <el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
             <el-button size="mini" type="danger" @click="handleDelete(row)">删除</el-button>
@@ -312,7 +312,7 @@ export default {
           //45为分页栏的高度
           //页面高度-列表上面的高度-分页栏高度
           self.tableHeight =
-            window.innerHeight - self.$refs.formTable.$el.offsetTop - 100;
+            window.innerHeight - self.$refs.formTable.$el.offsetTop - 110;
         })
         .catch((error) => {
           self.loading = false;

+ 5 - 0
src/views/bus/passengerInfo-list.vue

@@ -79,8 +79,10 @@
       
     </el-row> -->
     <el-table
+      ref="formTable"
       :data="tableData"
       style="min-height: 400px"
+      :height="tableHeight"
       v-loading="loading"
       stripe
       @sort-change="sortChange"
@@ -201,6 +203,7 @@ export default {
         userName: "",
         status: "",
         payStatus: "",
+        tableHeight: 300
       },
       loading: false,
       tableData: [],
@@ -266,6 +269,8 @@ export default {
           self.tableData = jsonData.data;
           self.totalPages = jsonData.totalPages;
           self.totalElements = jsonData.recordsTotal;
+
+          self.tableHeight = window.innerHeight - self.$refs.formTable.$el.offsetTop - 100;
         })
         .catch((error) => {
           self.loading = false;

+ 1 - 3
src/views/bus/vehicleInfo-list.vue

@@ -391,8 +391,6 @@ export default {
       formData.append("gpsDeviceNo", self.queryModel.gpsDeviceNo);
       formData.append("deviceNo", self.queryModel.deviceNo);
 
-
-
       vehicleInfoApi
         .pageList(formData)
         .then(function (response) {
@@ -406,7 +404,7 @@ export default {
           //45为分页栏的高度
           //页面高度-列表上面的高度-分页栏高度
           self.tableHeight =
-            window.innerHeight - self.$refs.formTable.$el.offsetTop - 100;
+            window.innerHeight - self.$refs.formTable.$el.offsetTop - 110;
         })
         .catch((error) => {
           self.loading = false;