xielei
/
xytSk-App
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat():适配

master
李神峰 2024-06-13 13:55:33 +08:00
parent 80c2dec37f
commit 6d521c1dcc
8 changed files with 104 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/homeIndex/index.vue
View File

@ -5,9 +5,9 @@
<div class="left"> <div class="left">
<div class="icon"> <div class="icon">
<image <image
style="width: 100%; height: 100%" style="width: 100%; height: 100%;border-radius: 50%;"
src="../../static/tabs/touxiang.png" :src="default_src || default_img"
mode="aspectFit" mode="aspectFill"
></image> ></image>
</div> </div>
<div class="info_name"> <div class="info_name">
@ -284,6 +284,7 @@ import moment from 'moment'
import {level} from "../../pages/utils/dicType" import {level} from "../../pages/utils/dicType"
import {disType} from "../utils/dicType.js" import {disType} from "../utils/dicType.js"
import drpOption from "./chartOption.js" import drpOption from "./chartOption.js"
import default_img from "../../static/tabs/touxiang.png"
export default { export default {
data () { data () {
return { return {
@ -330,7 +331,9 @@ export default {
hdList:[], hdList:[],
skList:[], skList:[],
readStatus:false, readStatus:false,
readYjStatus:false readYjStatus:false,
default_src: uni.getStorageSync('avatar'),
default_img
} }
}, },
computed: { computed: {

26
pages/rain/Table.vue
View File

@ -1,32 +1,32 @@
<template> <template>
<div class="table_div"> <div class="table_div">
<div class="table_cur"> <div class="table_cur">
<table> <table style="width:100%">
<tr> <tr>
<th style="width: 50px;"> <th style="width: 10%;">
<div style="margin-top: 6px;">序号</div> <div style="margin-top: 6px;">序号</div>
</th> </th>
<th style="width: 100px"> <th style="width: 28%">
<div style="margin-top: 6px;">站名</div></th> <div style="margin-top: 6px;">站名</div></th>
<th style="width: 70px;"> <th style="width: 20%;">
<div>时段雨量</div> <div>时段雨量</div>
<div style="margin-top: -12px;">(mm)</div> <div style="margin-top: -12px;">(mm)</div>
</th> </th>
<th style="width: 70px;" > <th style="width: 20%;" >
<div>昨日降雨</div> <div>昨日降雨</div>
<div style="margin-top: -12px;">(mm)</div> <div style="margin-top: -12px;">(mm)</div>
</th> </th>
<th style="width: 100px"> <th style="width: 22%">
<div style="margin-top: 6px;">所属政区</div></th> <div style="margin-top: 6px;">所属政区</div></th>
</tr> </tr>
<div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}"> <div :style="{'max-height':height + 'px', 'overflow-y': 'auto',width:'100%'}">
<tr v-for="(item, index) in list" :key="index"> <tr v-for="(item, index) in list" :key="index" style="width:100%">
<td style="width: 50px;">{{ index + 1 }}</td> <td style="width: 10%;">{{ index + 1 }}</td>
<td style="width: 100px;color: #3399ef; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)"> <td style="width: 28%; color: #3399ef; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">
{{ item.stnm }}</td> {{ item.stnm }}</td>
<td style="width: 70px">{{ item.drp || 0 }}</td> <td style="width: 20%">{{ item.drp || 0 }}</td>
<td style="width: 70px">{{ item.yesDrp || 0 }}</td> <td style="width: 20%">{{ item.yesDrp || 0 }}</td>
<td style="width: 100px;">{{ item.adnm }}</td> <td style="width:23%;">{{ item.adnm }}</td>
</tr> </tr>
</div> </div>
</table> </table>

71
pages/rain/rain.vue
View File

@ -51,12 +51,12 @@
<u-icon name="arrow-down-fill" color="#000" size="20" v-show="!jiangyu"></u-icon> <u-icon name="arrow-down-fill" color="#000" size="20" v-show="!jiangyu"></u-icon>
<u-icon name="arrow-up-fill" color="#000" size="20" v-show="jiangyu"></u-icon> <u-icon name="arrow-up-fill" color="#000" size="20" v-show="jiangyu"></u-icon>
<view class="jiangyu-dropdown" v-show="this.jiangyu"> <view class="jiangyu-dropdown" v-show="this.jiangyu">
<view :class="{'active': formData.orderType == 0}" @click="rainsort(0)" style="border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding: 10px 0; display: flex; align-items: center;"> <view :class="{'active': formData.orderType == 0,'no_f':true}" @click="rainsort(0)" style="border-top: 1px solid #dfdfdf;">
<text style="margin-right: 220px;">按时段降雨降序</text> <text >按时段降雨降序</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.orderType == 0"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.orderType == 0"></u-icon>
</view> </view>
<view :class="{'active':formData.orderType == 1}" @click="rainsort(1)" style="border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; display: flex; align-items: center;"> <view :class="{'active':formData.orderType == 1,'no_f':true}" @click="rainsort(1)" >
<text style="margin-right: 220px;">按昨日降雨降序</text> <text>按昨日降雨降序</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.orderType == 1"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.orderType == 1"></u-icon>
</view> </view>
</view> </view>
@ -72,24 +72,24 @@
<u-icon name="arrow-down-fill" color="#000" size="20" v-show="!rainTime"></u-icon> <u-icon name="arrow-down-fill" color="#000" size="20" v-show="!rainTime"></u-icon>
<u-icon name="arrow-up-fill" color="#000" size="20" v-show="rainTime"></u-icon> <u-icon name="arrow-up-fill" color="#000" size="20" v-show="rainTime"></u-icon>
<view class="rain-time-dropdown" v-show="rainTime"> <view class="rain-time-dropdown" v-show="rainTime">
<view :class="{'active': formData.timeType == 1}" @click="timesort(1)" style="border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding: 10px 0; display: flex; align-items: center;"> <view :class="{'active': formData.timeType == 1,'no_f':true}" @click="timesort(1)" style="border-top: 1px solid #dfdfdf;">
<text style="margin-right: 300px;">1h</text> <text >1h</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 1"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 1"></u-icon>
</view> </view>
<view :class="{'active': formData.timeType == 3}" @click="timesort(3)" style="border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; display: flex; align-items: center;"> <view :class="{'active': formData.timeType == 3,'no_f':true}" @click="timesort(3)" >
<text style="margin-right: 300px;">3h</text> <text >3h</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 3"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 3"></u-icon>
</view> </view>
<view :class="{'active': formData.timeType == 6}" @click="timesort(6)" style="border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; display: flex; align-items: center;"> <view :class="{'active': formData.timeType == 6,'no_f':true}" @click="timesort(6)" >
<text style="margin-right: 300px;">6h</text> <text >6h</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 6"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 6"></u-icon>
</view> </view>
<view :class="{'active': formData.timeType == 12}" @click="timesort(12)" style="border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; display: flex; align-items: center;"> <view :class="{'active': formData.timeType == 12,'no_f':true}" @click="timesort(12)" >
<text style="margin-right: 300px;">12h</text> <text >12h</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 12"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 12"></u-icon>
</view> </view>
<view :class="{'active': formData.timeType == 24}" @click="timesort(24)" style="border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; display: flex; align-items: center;"> <view :class="{'active': formData.timeType == 24,'no_f':true}" @click="timesort(24)" >
<text style="margin-right: 300px;">24h</text> <text>24h</text>
<u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 24"></u-icon> <u-icon name="checkmark" color="#02a7f0" size="20" v-show="formData.timeType == 24"></u-icon>
</view> </view>
</view> </view>
@ -127,7 +127,7 @@
> >
</u-picker> </u-picker>
<u-popup :show="popupOpen" mode="right" @close="popupOpen=false" > <u-popup :show="popupOpen" mode="right" @close="popupOpen=false" >
<view style="padding: 30px 20px;"> <view style="padding: 30px 20px; ">
<text style="font-weight: bold;">按类型</text> <text style="font-weight: bold;">按类型</text>
<view style="margin-bottom: 10px; margin-left: -5px;"> <view style="margin-bottom: 10px; margin-left: -5px;">
<u-checkbox-group <u-checkbox-group
@ -158,7 +158,7 @@
<u-button class="first-btn" text="昨日08:00~当前时间"></u-button> <u-button class="first-btn" text="昨日08:00~当前时间"></u-button>
<u-button class="second-btn" text="今天08:00~当前时间"></u-button> <u-button class="second-btn" text="今天08:00~当前时间"></u-button>
</view> --> </view> -->
<view style="display: flex; margin-top: 240%;"> <view style="display: flex; position:absolute;bottom:20px;right:20px">
<u-button text="重置" class="bottom-btn1" <u-button text="重置" class="bottom-btn1"
@click="formData = {...formData,source}"></u-button> @click="formData = {...formData,source}"></u-button>
<u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popupOpen = false"></u-button> <u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popupOpen = false"></u-button>
@ -477,37 +477,54 @@
display: flex; display: flex;
column-gap: 5px; column-gap: 5px;
margin-right: 20px; margin-right: 20px;
} }
.jiangyu{ .jiangyu{
position: relative; // position: relative;
.jiangyu-dropdown{ .jiangyu-dropdown{
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
width: 100vw; width: 100vw;
left: -72px; left: 0;
top: 35px; top: 35px;
.active{ .active{
color:#02a7f0 color:#02a7f0
} }
view{ text{
margin-top: 10px; margin-right: 58%;
} }
.no_f{
border-bottom: 1px solid #dfdfdf;
// border-top: 1px solid #dfdfdf;
padding: 10px 15px;
display: flex;
align-items: center;
// justify-content: space-around;
}
} }
} }
.rain-time{ .rain-time{
position: relative; // position: relative;
.rain-time-dropdown{ .rain-time-dropdown{
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
width: 100vw; width: 100vw;
left: -230px; // left: -10%;
left: 0;
top: 35px; top: 35px;
.active{ .active{
color:#02a7f0 color:#02a7f0;
text{
margin-right: 80%;
}
} }
view{ .no_f{
margin-top: 10px; border-bottom: 1px solid #dfdfdf;
// border-top: 1px solid #dfdfdf;
padding: 10px 15px;
display: flex;
align-items: center;
// justify-content: space-around;
} }
} }
} }

13
pages/water/hdWater/hdWater.vue
View File

@ -18,10 +18,10 @@
</image> </image>
</view> </view>
<view class="content"> <view class="content">
<Table :list="list" /> <Table :list="list" :height="height" />
</view> </view>
<u-popup :show="popupOpen" mode="right" @close="popupOpen=false" > <u-popup :show="popupOpen" mode="right" @close="popupOpen=false" >
<view style="padding: 30px 20px;"> <view style="padding: 30px 20px; width:250px">
<text style="font-weight: bold;">按类型</text> <text style="font-weight: bold;">按类型</text>
<view style="margin-bottom: 10px; margin-left: -5px;"> <view style="margin-bottom: 10px; margin-left: -5px;">
<u-checkbox-group <u-checkbox-group
@ -38,7 +38,7 @@
</u-checkbox> </u-checkbox>
</u-checkbox-group> </u-checkbox-group>
</view> </view>
<view style="display: flex; margin-top: 240%;"> <view style="display: flex;position:absolute;bottom:20px;right:20px">
<u-button text="重置" class="bottom-btn1" <u-button text="重置" class="bottom-btn1"
@click="formData = {...formData,sources}"></u-button> @click="formData = {...formData,sources}"></u-button>
<u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popConfirm"></u-button> <u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popConfirm"></u-button>
@ -56,6 +56,7 @@
export default { export default {
props:{ props:{
stcd:String, stcd:String,
height:Number,
default:'' default:''
}, },
components:{ components:{
@ -81,7 +82,8 @@
adcd:type == 1 ? undefined :adcd, adcd:type == 1 ? undefined :adcd,
}, },
list:[], //搜索结果 list:[], //搜索结果
saveList:[] //保存搜索结果 saveList:[], //保存搜索结果
tableHeight:0
} }
}, },
@ -118,7 +120,8 @@
}, },
mounted() { mounted() {
this.getList() this.getList()
} },
} }
</script> </script>

10
pages/water/hdWater/table.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="table_div"> <div class="table_div">
<div class="table_cur"> <div class="table_cur">
<table> <table>
<tr> <tr>
<th style="width: 50px;"> <th style="width: 50px;">
@ -15,7 +15,7 @@
实时水位(m) 实时水位(m)
</th> </th>
</tr> </tr>
<div style="max-height: 500px; overflow-y: auto"> <div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}">
<tr v-for="(item, index) in newList" :key="index"> <tr v-for="(item, index) in newList" :key="index">
<td style="width: 50px">{{ index + 1 }}</td> <td style="width: 50px">{{ index + 1 }}</td>
<td style="width: 130px;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td> <td style="width: 130px;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td>
@ -42,7 +42,11 @@
list:{ list:{
type:Array, type:Array,
default:[], default:[],
} },
height:{
type:Number,
default:0
}
}, },
computed:{ computed:{
newList(){ newList(){

7
pages/water/skWater/skWater.vue
View File

@ -18,10 +18,10 @@
</image> </image>
</view> </view>
<view class="content"> <view class="content">
<Table :list="list" /> <Table :list="list" :height="height"/>
</view> </view>
<u-popup :show="popupOpen" mode="right" @close="popupOpen=false" > <u-popup :show="popupOpen" mode="right" @close="popupOpen=false" >
<view style="padding: 30px 20px;"> <view style="padding: 30px 20px; width:250px">
<text style="font-weight: bold;">按类型</text> <text style="font-weight: bold;">按类型</text>
<view style="margin-bottom: 10px; margin-left: -5px;"> <view style="margin-bottom: 10px; margin-left: -5px;">
<u-checkbox-group <u-checkbox-group
@ -38,7 +38,7 @@
</u-checkbox> </u-checkbox>
</u-checkbox-group> </u-checkbox-group>
</view> </view>
<view style="display: flex; margin-top: 240%;"> <view style="display: flex;position:absolute;bottom:20px;right:20px">
<u-button text="重置" class="bottom-btn1" <u-button text="重置" class="bottom-btn1"
@click="formData = {...formData,sources}"></u-button> @click="formData = {...formData,sources}"></u-button>
<u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popConfirm"></u-button> <u-button text="确认" color="#d9001b" class="bottom-btn2" @click="popConfirm"></u-button>
@ -55,6 +55,7 @@
const type = disType(adcd) const type = disType(adcd)
export default { export default {
props:{ props:{
height:Number,
stcd:String, stcd:String,
default:'' default:''
}, },

6
pages/water/skWater/table.vue
View File

@ -18,7 +18,7 @@
超汛限(m) 超汛限(m)
</th> </th>
</tr> </tr>
<div style="max-height: 500px; overflow-y: auto"> <div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}">
<tr v-for="(item, index) in newList" :key="index"> <tr v-for="(item, index) in newList" :key="index">
<td style="width: 40px">{{ index + 1 }}</td> <td style="width: 40px">{{ index + 1 }}</td>
<td style="width: 90px;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td> <td style="width: 90px;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td>
@ -46,6 +46,10 @@
list:{ list:{
type:Array, type:Array,
default:[], default:[],
},
height:{
type:Number,
default:0,
} }
}, },
computed:{ computed:{

20
pages/water/water.vue
View File

@ -15,8 +15,8 @@
</view> </view>
</view> </view>
<view class="water-detail-content"> <view class="water-detail-content">
<HdWater v-if="activeOne == 0"/> <HdWater v-if="activeOne == 0" :height="tableHeight"/>
<SkWater v-if="activeOne == 1"/> <SkWater v-if="activeOne == 1" :height="tableHeight"/>
</view> </view>
</view> </view>
</template> </template>
@ -27,18 +27,30 @@
export default { export default {
data() { data() {
return { return {
activeOne:0 activeOne:0,
tableHeight:0
} }
}, },
components:{ components:{
HdWater, HdWater,
SkWater SkWater
}, },
methods: { methods: {
backTo(){ backTo(){
uni.navigateBack({delta:1}) uni.navigateBack({delta:1})
} }
} },
onReady(){
console.log(123333);
let that = this
uni.getSystemInfo({
success: (res) => {
that.tableHeight = res.windowHeight - 240;
console.log("that.tableHeight",that.tableHeight);
}
})
}
} }
</script> </script>