Merge branch 'lsf-dev'
commit
7f4a56e1ca
|
|
@ -1,11 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="jcsj-box">
|
<view class="jcsj-box">
|
||||||
<view class="time-ranger">
|
<view class="time-ranger">
|
||||||
<uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
<view class="start-time">
|
||||||
|
<text>开始时间</text>
|
||||||
|
<text @click="showTime=true" style="margin-left:15%;color:#3399ef">{{stm}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="end-time">
|
||||||
|
<text>结束时间</text>
|
||||||
|
<text @click="showTime1=true" style="margin:0 15%;color:#3399ef">{{etm}}</text>
|
||||||
<view class="search-btn" @click="searchHandle">
|
<view class="search-btn" @click="searchHandle">
|
||||||
搜索
|
搜索
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- <uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
||||||
|
<view class="search-btn" @click="searchHandle">
|
||||||
|
搜索
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
||||||
|
|
||||||
" </view> -->
|
" </view> -->
|
||||||
|
|
@ -19,6 +30,20 @@
|
||||||
<view style="margin-top: 20px;" v-if="selactOne == 1">
|
<view style="margin-top: 20px;" v-if="selactOne == 1">
|
||||||
<JcsjTable :tableData="tableData" />
|
<JcsjTable :tableData="tableData" />
|
||||||
</view>
|
</view>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime"
|
||||||
|
v-model="startTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleStartTime"
|
||||||
|
@cancel="showTime=false"
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime1"
|
||||||
|
v-model="endTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleEndTime"
|
||||||
|
@cancel="showTime1=false"
|
||||||
|
></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -38,7 +63,12 @@
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tm:[stm,etm],
|
startTime:stm,
|
||||||
|
endTime:etm,
|
||||||
|
stm,
|
||||||
|
etm,
|
||||||
|
showTime:false,
|
||||||
|
showTime1:false,
|
||||||
tableData:[],
|
tableData:[],
|
||||||
chartData: {},
|
chartData: {},
|
||||||
rainChartData:[],
|
rainChartData:[],
|
||||||
|
|
@ -55,6 +85,16 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleStartTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.stm = time
|
||||||
|
this.showTime = false
|
||||||
|
},
|
||||||
|
handleEndTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.etm = time;
|
||||||
|
this.showTime1 = false
|
||||||
|
},
|
||||||
handleRanger(e){
|
handleRanger(e){
|
||||||
console.log(e);
|
console.log(e);
|
||||||
this.tm = [...e]
|
this.tm = [...e]
|
||||||
|
|
@ -66,8 +106,8 @@
|
||||||
"/gunshiApp/xfflood/river/water/monitor/data",
|
"/gunshiApp/xfflood/river/water/monitor/data",
|
||||||
{
|
{
|
||||||
stcd:this.stcd,
|
stcd:this.stcd,
|
||||||
stm:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"),
|
stm:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
etm:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"),
|
etm:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
source:this.source
|
source:this.source
|
||||||
})
|
})
|
||||||
if(data.code == 200){
|
if(data.code == 200){
|
||||||
|
|
@ -91,18 +131,25 @@
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.jcsj-box{
|
.jcsj-box{
|
||||||
.time-ranger{
|
.time-ranger{
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.start-time, .end-time{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 10px;
|
padding: 10px 0;
|
||||||
|
border-bottom: 1px solid #dfdfdf;
|
||||||
|
}
|
||||||
.search-btn{
|
.search-btn{
|
||||||
margin: 3px 0 0 5px;
|
margin: 3px 0 0 5px;
|
||||||
color: #3399ef;
|
// color: #3399ef;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.jcsj-charts{
|
.jcsj-charts{
|
||||||
width:100%;
|
width:100%;
|
||||||
height: 530px;
|
height: 500px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
.active{
|
.active{
|
||||||
border-color: #68bbff !important;
|
border-color: #68bbff !important;
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<td style="width: 100px">{{ item.z ? item.z.toFixed(2) : "-" }}</td>
|
<td style="width: 100px">{{ item.z ? item.z.toFixed(2) : "-" }}</td>
|
||||||
<td style="width: 80px">{{ item.tq ? item.tq : "-" }}</td>
|
<td style="width: 80px">{{ item.tq ? item.tq : "-" }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="height:125px"></div>
|
<div style="height:180px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -76,7 +76,7 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.scroll-table{
|
.scroll-table{
|
||||||
height: calc(100vh - 125px);
|
height: calc(100vh - 180px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
width:'100%'
|
width:'100%'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
></u--input>
|
></u--input>
|
||||||
<text>(km)</text>
|
<text>(km)</text>
|
||||||
</view>
|
</view>
|
||||||
<view style="display: flex; margin-top: 211%;">
|
<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,distance:1}"></u-button>
|
@click="formData = {...formData,sources,distance:1}"></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>
|
||||||
|
|
|
||||||
|
|
@ -176,7 +176,6 @@
|
||||||
import moment from "moment"
|
import moment from "moment"
|
||||||
import {disType} from "../utils/dicType.js"
|
import {disType} from "../utils/dicType.js"
|
||||||
const adcd = uni.getStorageSync('value').adcd
|
const adcd = uni.getStorageSync('value').adcd
|
||||||
const type = disType(adcd)
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -226,14 +225,14 @@
|
||||||
basCode:'',
|
basCode:'',
|
||||||
source:["SH","SW","QX","SK"],
|
source:["SH","SW","QX","SK"],
|
||||||
stArg:'',
|
stArg:'',
|
||||||
adcd:type == 1 ? undefined :adcd,
|
adcd:disType(uni.getStorageSync('value').adcd) == 1 ? undefined :uni.getStorageSync('value').adcd,
|
||||||
etm:moment().format("YYYY-MM-DD HH:mm"),
|
etm:moment().format("YYYY-MM-DD HH:mm"),
|
||||||
stm:moment().subtract(1, 'day').format("YYYY-MM-DD HH:mm")
|
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"),
|
// 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")
|
// stm:moment().subtract(1, 'day').set({ hour: 8, minute: 0, second: 0, millisecond: 0 }).format("YYYY-MM-DD HH:mm")
|
||||||
},
|
},
|
||||||
tableHeight:0,
|
tableHeight:0,
|
||||||
|
limit:disType(uni.getStorageSync('value').adcd)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components:{
|
components:{
|
||||||
|
|
@ -246,9 +245,6 @@
|
||||||
etm:moment().format("YYYY-MM-DD HH:mm")
|
etm:moment().format("YYYY-MM-DD HH:mm")
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
limit(){
|
|
||||||
return disType(adcd)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
formData(newV, oldV){
|
formData(newV, oldV){
|
||||||
|
|
|
||||||
|
|
@ -35,14 +35,15 @@ export default function DrpOption(echartData) {
|
||||||
xAxis: [
|
xAxis: [
|
||||||
{
|
{
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: echartData?.time.map(item => item.substr('2020--'.length)),
|
// data: echartData?.time.map(item => item.substr('2020--'.length)),
|
||||||
|
data: echartData?.time,
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
color: '#333',
|
color: '#333',
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
formatter: val => val.substr('2020-'.length, 11)
|
format: 'xAxisFormat'
|
||||||
},
|
},
|
||||||
axisLine: {
|
axisLine: {
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="jcsj-box">
|
<view class="jcsj-box">
|
||||||
<view class="time-ranger">
|
<view class="time-ranger">
|
||||||
<uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
<view class="start-time">
|
||||||
|
<text>开始时间</text>
|
||||||
|
<text @click="showTime=true" style="margin-left:15%;color:#3399ef">{{stm}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="end-time">
|
||||||
|
<text>结束时间</text>
|
||||||
|
<text @click="showTime1=true" style="margin:0 15%;color:#3399ef">{{etm}}</text>
|
||||||
<view class="search-btn" @click="searchHandle">
|
<view class="search-btn" @click="searchHandle">
|
||||||
搜索
|
搜索
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- <uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
||||||
|
<view class="search-btn" @click="searchHandle">
|
||||||
|
搜索
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
||||||
|
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
@ -15,6 +26,20 @@
|
||||||
<view class="jcsj-table">
|
<view class="jcsj-table">
|
||||||
<JcsjTable :tableData="tableData" />
|
<JcsjTable :tableData="tableData" />
|
||||||
</view>
|
</view>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime"
|
||||||
|
v-model="startTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleStartTime"
|
||||||
|
@cancel="showTime=false"
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime1"
|
||||||
|
v-model="endTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleEndTime"
|
||||||
|
@cancel="showTime1=false"
|
||||||
|
></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -31,21 +56,39 @@
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tm:[stm,etm],
|
startTime:stm,
|
||||||
|
endTime:etm,
|
||||||
|
stm,
|
||||||
|
etm,
|
||||||
tableData:[],
|
tableData:[],
|
||||||
chartData: {},
|
chartData: {chartData:{},eopts:{}},
|
||||||
rainChartData:{},
|
rainChartData:{},
|
||||||
|
showTime:false,
|
||||||
|
showTime1:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components:{
|
components:{
|
||||||
JcsjTable
|
JcsjTable
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
rainChartData(newV, oldV){
|
rainChartData:{
|
||||||
|
handler(newV){
|
||||||
this.chartData = {...drpOption(newV)}
|
this.chartData = {...drpOption(newV)}
|
||||||
|
},
|
||||||
|
deep:true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleStartTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.stm = time
|
||||||
|
this.showTime = false
|
||||||
|
},
|
||||||
|
handleEndTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.etm = time;
|
||||||
|
this.showTime1 = false
|
||||||
|
},
|
||||||
handleRanger(e){
|
handleRanger(e){
|
||||||
console.log(e);
|
console.log(e);
|
||||||
this.tm = [...e]
|
this.tm = [...e]
|
||||||
|
|
@ -57,8 +100,8 @@
|
||||||
"/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHour/StcdAndStartTimeAndEndTime",
|
"/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHour/StcdAndStartTimeAndEndTime",
|
||||||
{
|
{
|
||||||
stcd:this.stcd,
|
stcd:this.stcd,
|
||||||
startTime:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"),
|
startTime:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
endTime:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"),
|
endTime:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
})
|
})
|
||||||
if(data.code == 200){
|
if(data.code == 200){
|
||||||
this.tableData = [...data.data]
|
this.tableData = [...data.data]
|
||||||
|
|
@ -74,10 +117,9 @@
|
||||||
"/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHourChart/StcdAndStartTimeAndEndTime",
|
"/gunshiApp/xfflood/attResBase/rainBasinDivision/queryStStbprpPerHourChart/StcdAndStartTimeAndEndTime",
|
||||||
{
|
{
|
||||||
stcd:this.stcd,
|
stcd:this.stcd,
|
||||||
startTime:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"),
|
startTime:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
endTime:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"),
|
endTime:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
})
|
})
|
||||||
console.log("data",data);
|
|
||||||
if(data.code == 200){
|
if(data.code == 200){
|
||||||
this.rainChartData = {...data.data}
|
this.rainChartData = {...data.data}
|
||||||
}
|
}
|
||||||
|
|
@ -101,12 +143,18 @@
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.jcsj-box{
|
.jcsj-box{
|
||||||
.time-ranger{
|
.time-ranger{
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.start-time, .end-time{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 10px;
|
padding: 10px 0;
|
||||||
|
border-bottom: 1px solid #dfdfdf;
|
||||||
|
}
|
||||||
.search-btn{
|
.search-btn{
|
||||||
margin: 3px 0 0 5px;
|
margin: 3px 0 0 5px;
|
||||||
color: #3399ef;
|
// color: #3399ef;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.jcsj-charts{
|
.jcsj-charts{
|
||||||
|
|
|
||||||
|
|
@ -12,13 +12,13 @@
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<!-- style="max-height: 320px; overflow-y: auto" -->
|
<!-- style="max-height: 320px; overflow-y: auto" -->
|
||||||
<div class="scroll-table">
|
<div style="max-height: 250px; overflow-y: auto">
|
||||||
<tr v-for="(item, index) in tableData" :key="index">
|
<tr v-for="(item, index) in tableData" :key="index">
|
||||||
<td style="width: 50px">{{ index + 1 }}</td>
|
<td style="width: 50px">{{ index + 1 }}</td>
|
||||||
<td style="width: 200px;">{{ item.time }}</td>
|
<td style="width: 200px;">{{ item.time }}</td>
|
||||||
<td style="width: 150px">{{ item.sumDrp }}</td>
|
<td style="width: 150px">{{ item.sumDrp }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="height:125px"></div>
|
<div style="height:155px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
.scroll-table{
|
.scroll-table{
|
||||||
height: calc(100vh - 125px);
|
height: calc(100vh - 145px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
width:'100%'
|
width:'100%'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -8,13 +8,13 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="tab-bar" >
|
<view class="tab-bar" >
|
||||||
<view class="jcsj" @click="()=>this.activeOne = 0" :class="{'active':this.activeOne == 0}">
|
<view class="jcsj" @click="activeOne = 0" :class="{'active':activeOne == 0}">
|
||||||
监测数据
|
监测数据
|
||||||
</view>
|
</view>
|
||||||
<view class="tjsj" @click="()=>this.activeOne = 1" :class="{'active':this.activeOne == 1}">
|
<view class="tjsj" @click="activeOne = 1" :class="{'active':activeOne == 1}">
|
||||||
统计数据
|
统计数据
|
||||||
</view>
|
</view>
|
||||||
<view class="zbyq" @click="()=>this.activeOne = 2" :class="{'active':this.activeOne == 2}">
|
<view class="zbyq" @click="activeOne = 2" :class="{'active':activeOne == 2}">
|
||||||
周边雨情
|
周边雨情
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
></u--input>
|
></u--input>
|
||||||
<text>(km)</text>
|
<text>(km)</text>
|
||||||
</view>
|
</view>
|
||||||
<view style="display: flex; margin-top: 211%;">
|
<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,distance:1}"></u-button>
|
@click="formData = {...formData,sources,distance:1}"></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>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="jcsj-box">
|
<view class="jcsj-box">
|
||||||
<view class="time-ranger">
|
<view class="time-ranger">
|
||||||
<uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
<view class="start-time">
|
||||||
|
<text>开始时间</text>
|
||||||
|
<text @click="showTime=true" style="margin-left:15%;color:#3399ef">{{stm}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="end-time">
|
||||||
|
<text>结束时间</text>
|
||||||
|
<text @click="showTime1=true" style="margin:0 15%;color:#3399ef">{{etm}}</text>
|
||||||
<view class="search-btn" @click="searchHandle">
|
<view class="search-btn" @click="searchHandle">
|
||||||
搜索
|
搜索
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- <uni-datetime-picker type="datetimerange" v-model="tm" @change="handleRanger"></uni-datetime-picker>
|
||||||
|
<view class="search-btn" @click="searchHandle">
|
||||||
|
搜索
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
<!-- <view class="" style="width: 100%; height: 3px; background-color: #dfdfdf; margin-bottom: 2px;">
|
||||||
|
|
||||||
" </view> -->
|
" </view> -->
|
||||||
|
|
@ -19,6 +30,20 @@
|
||||||
<view style="margin-top: 20px;" v-if="selactOne == 1">
|
<view style="margin-top: 20px;" v-if="selactOne == 1">
|
||||||
<JcsjTable :tableData="tableData" />
|
<JcsjTable :tableData="tableData" />
|
||||||
</view>
|
</view>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime"
|
||||||
|
v-model="startTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleStartTime"
|
||||||
|
@cancel="showTime=false"
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime1"
|
||||||
|
v-model="endTime"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="handleEndTime"
|
||||||
|
@cancel="showTime1=false"
|
||||||
|
></u-datetime-picker>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -38,7 +63,12 @@
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tm:[stm,etm],
|
startTime:stm,
|
||||||
|
endTime:etm,
|
||||||
|
stm,
|
||||||
|
etm,
|
||||||
|
showTime:false,
|
||||||
|
showTime1:false,
|
||||||
tableData:[],
|
tableData:[],
|
||||||
chartData: {},
|
chartData: {},
|
||||||
rainChartData:[],
|
rainChartData:[],
|
||||||
|
|
@ -55,6 +85,16 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleStartTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.stm = time
|
||||||
|
this.showTime = false
|
||||||
|
},
|
||||||
|
handleEndTime(e){
|
||||||
|
let time = moment(e.value).format("YYYY-MM-DD HH:mm")
|
||||||
|
this.etm = time;
|
||||||
|
this.showTime1 = false
|
||||||
|
},
|
||||||
handleRanger(e){
|
handleRanger(e){
|
||||||
console.log(e);
|
console.log(e);
|
||||||
this.tm = [...e]
|
this.tm = [...e]
|
||||||
|
|
@ -66,8 +106,8 @@
|
||||||
"/gunshiApp/xfflood/reservoir/water/monitor/data",
|
"/gunshiApp/xfflood/reservoir/water/monitor/data",
|
||||||
{
|
{
|
||||||
stcd:this.stcd,
|
stcd:this.stcd,
|
||||||
stm:moment(this.tm[0]).format("YYYY-MM-DD HH:mm:ss"),
|
stm:moment(this.stm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
etm:moment(this.tm[1]).format("YYYY-MM-DD HH:mm:ss"),
|
etm:moment(this.etm).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
source:this.source
|
source:this.source
|
||||||
})
|
})
|
||||||
if(data.code == 200){
|
if(data.code == 200){
|
||||||
|
|
@ -91,17 +131,24 @@
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.jcsj-box{
|
.jcsj-box{
|
||||||
.time-ranger{
|
.time-ranger{
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
.start-time, .end-time{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 10px;
|
padding: 10px 0;
|
||||||
|
border-bottom: 1px solid #dfdfdf;
|
||||||
|
}
|
||||||
.search-btn{
|
.search-btn{
|
||||||
margin: 3px 0 0 5px;
|
margin: 3px 0 0 5px;
|
||||||
color: #3399ef;
|
// color: #3399ef;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.jcsj-charts{
|
.jcsj-charts{
|
||||||
width:100%;
|
width:100%;
|
||||||
height: 530px;
|
height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.active{
|
.active{
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<td style="width: 100px">{{ item.rz ? item.rz.toFixed(2) : "-" }}</td>
|
<td style="width: 100px">{{ item.rz ? item.rz.toFixed(2) : "-" }}</td>
|
||||||
<td style="width: 80px">{{ item.w ? item.w : "-" }}</td>
|
<td style="width: 80px">{{ item.w ? item.w : "-" }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="height:125px"></div>
|
<div style="height:180px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -76,7 +76,7 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
.scroll-table{
|
.scroll-table{
|
||||||
height: calc(100vh - 125px);
|
height: calc(100vh - 180px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
width:'100%'
|
width:'100%'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,7 @@
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<swiper-item >
|
<swiper-item >
|
||||||
<view style="display: flex;">
|
<view style="display: flex;">
|
||||||
<view class="spjk" @click="activeOne = 4" :class="{'active':activeOne == 4}" style="margin-right:4%">
|
<view class="spjk" @click="activeOne = 4" :class="{'active':activeOne == 4}" style="margin:0 4%">
|
||||||
视频监控
|
视频监控
|
||||||
</view>
|
</view>
|
||||||
<view class="zbyq" @click="activeOne = 5" :class="{'active':activeOne == 5}" >
|
<view class="zbyq" @click="activeOne = 5" :class="{'active':activeOne == 5}" >
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
></u--input>
|
></u--input>
|
||||||
<text>(km)</text>
|
<text>(km)</text>
|
||||||
</view>
|
</view>
|
||||||
<view style="display: flex; margin-top: 211%;">
|
<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,distance:1}"></u-button>
|
@click="formData = {...formData,sources,distance:1}"></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>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
{{dic}}
|
{{dic}}
|
||||||
</view>
|
</view>
|
||||||
<view class="table_cur">
|
<view class="table_cur">
|
||||||
<table>
|
<table style="width:100%;display:block">
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 50px;">
|
<th style="width: 50px;">
|
||||||
姓名
|
姓名
|
||||||
|
|
@ -17,13 +17,15 @@
|
||||||
联系方式
|
联系方式
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<view style="max-height: 500px; overflow-y: auto">
|
<!-- style="max-height: 500px; overflow-y: auto" -->
|
||||||
|
<view >
|
||||||
<tr>
|
<tr>
|
||||||
<td style="width: 50px">{{info.personName}}</td>
|
<td style="width: 50px">{{info.personName}}</td>
|
||||||
<td style="width: 130px;">{{info.orgName}}</td>
|
<td style="width: 130px;">{{info.orgName}}</td>
|
||||||
<td style="width: 80px">{{info.position}}</td>
|
<td style="width: 80px">{{info.position}}</td>
|
||||||
<td style="width: 100px;color: #62bafa;" @click="show = true">{{info.tel}}</td>
|
<td style="width: 100px;color: #62bafa;" @click="show = true">{{info.tel}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
@ -119,6 +121,11 @@
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 125px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
.table_cur tr {
|
.table_cur tr {
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 65rpx;
|
line-height: 65rpx;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<view style="max-height: 620px; overflow-y: auto;">
|
<view class="scroll-table">
|
||||||
<view v-for="(item,index) in list" :key="index" >
|
<view v-for="(item,index) in list" :key="index" >
|
||||||
<Card :info="item" />
|
<Card :info="item" />
|
||||||
</view>
|
</view>
|
||||||
|
<view style="height:50px"></view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -45,6 +46,10 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="scss" scoped>
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 100px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -54,6 +54,9 @@ const cfe = {
|
||||||
legendFormat:function(name){
|
legendFormat:function(name){
|
||||||
return "自定义图例+"+name;
|
return "自定义图例+"+name;
|
||||||
},
|
},
|
||||||
|
"xAxisFormat": function (value) {
|
||||||
|
return value.substr('2020--'.length, 11)
|
||||||
|
},
|
||||||
yAxisFormatDemo:function (value, index) {
|
yAxisFormatDemo:function (value, index) {
|
||||||
return value + '元';
|
return value + '元';
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue