feat():雨情

pages/rain/Table.vue

@@ -19,7 +19,7 @@
                     <th style="width: 100px">
                       <div style="margin-top: 6px;">所属政区</div></th>
                   </tr>
-                  <div style="max-height: 460px; overflow-y: auto">
+                  <div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}">
                 <tr v-for="(item, index) in list" :key="index">
                       <td style="width: 50px;">{{ index + 1 }}</td>
                       <td style="width: 100px;color: #3399ef; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">
@@ -41,8 +41,13 @@
        list:{
          type:Array,
          default:[],
+       },
+       height:{
+        type:Number,
+        default:0,
        }
      },
+   
      methods:{
        jumpDetail(params){
          console.log(123)
@@ -50,7 +55,8 @@
            url:`/pages/rainDetail/rainDetail?stcd=${params.stcd}&stnm=${params.stnm}`
          })
        }
-     }
+     },
+   
    }
 </script>
 

pages/rain/rain.vue

@@ -1,5 +1,5 @@
 <template>
- <view class="rain-box">
+ <view class="rain-box" style="overflow:hidden">
     <view class="nav-bar">
           <u-icon name="arrow-left" color="#000" size="28" @click="backTo"></u-icon>
           <view>
@@ -105,7 +105,7 @@
       统计时段：{{tm.stm}}至{{tm.etm}}
     </view>
     <view style="margin: 0 10px;">
-      <Table :list="rainList"/>  
+      <Table :list="rainList" :height='tableHeight'/>  
     </view>
     <u-picker
         :show="show" 
@@ -229,7 +229,8 @@
             stm:moment().subtract(1, 'day').format("YYYY-MM-DD HH:mm")
             // etm:moment().set({ hour: 8, minute: 0, second: 0, millisecond: 0 }).format("YYYY-MM-DD HH:mm"),
             // stm:moment().subtract(1, 'day').set({ hour: 8, minute: 0, second: 0, millisecond: 0 }).format("YYYY-MM-DD HH:mm")
-          }
+          },
+          tableHeight:0
   			}
   		},
       components:{
@@ -421,6 +422,15 @@
         this.adnmList();
         this.basNameList()
         this.getRainList()
+      },
+        onReady(){
+      let that = this
+        uni.getSystemInfo({
+          success: (res) => {
+            that.tableHeight = res.windowHeight - 300;
+            console.log("this.tableHeight", that.tableHeight);
+          }
+        })
       }
   	}
 </script>