merge合并master
commit
b380c9cb18
|
|
@ -57,8 +57,11 @@
|
||||||
<u-checkbox name="1" label="水库" class="checkItem"></u-checkbox>
|
<u-checkbox name="1" label="水库" class="checkItem"></u-checkbox>
|
||||||
<u-checkbox name="2" label="水电站" class="checkItem"></u-checkbox>
|
<u-checkbox name="2" label="水电站" class="checkItem"></u-checkbox>
|
||||||
</u-checkbox-group>
|
</u-checkbox-group>
|
||||||
|
<div :style="{display:'flex',alignItems:'center'}">
|
||||||
<text class="title">按上报时间</text>
|
<text class="title">按上报时间</text>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<u-switch v-model="isTime" size="20" :style="{margin:'2px 0 0 10px'}"></u-switch>
|
||||||
|
</div>
|
||||||
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showStmPicker = true"
|
@click="showStmPicker = true"
|
||||||
|
|
@ -68,7 +71,7 @@
|
||||||
</view>
|
</view>
|
||||||
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showEtmPicker = true"
|
@click="showEtmPicker = true"
|
||||||
|
|
@ -129,6 +132,7 @@ import moment from 'moment'
|
||||||
searchVal:'',
|
searchVal:'',
|
||||||
stm:Number(moment(new Date()).add(-7,'days')),
|
stm:Number(moment(new Date()).add(-7,'days')),
|
||||||
etm:Number(new Date()),
|
etm:Number(new Date()),
|
||||||
|
isTime:false,
|
||||||
check1:['1','2'],
|
check1:['1','2'],
|
||||||
list:[]
|
list:[]
|
||||||
}
|
}
|
||||||
|
|
@ -156,6 +160,7 @@ import moment from 'moment'
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
reSet() {
|
reSet() {
|
||||||
|
this.isTime = false
|
||||||
this.stm = Number(moment(new Date()).add(-7,'days'))
|
this.stm = Number(moment(new Date()).add(-7,'days'))
|
||||||
this.etm = Number(new Date())
|
this.etm = Number(new Date())
|
||||||
this.check1 = ['1','2']
|
this.check1 = ['1','2']
|
||||||
|
|
@ -171,69 +176,18 @@ import moment from 'moment'
|
||||||
}
|
}
|
||||||
try{
|
try{
|
||||||
const params = {
|
const params = {
|
||||||
timeSo:{
|
projectTypes:this.check1.length===0?['999']:this.check1,
|
||||||
|
}
|
||||||
|
if(this.isTime){
|
||||||
|
params.timeSo = {
|
||||||
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
},
|
|
||||||
projectTypes:this.check1,
|
|
||||||
}
|
}
|
||||||
console.log('params',params)
|
}
|
||||||
|
console.log('params',this.check1==[])
|
||||||
const res = await uni.$http.post('/gunshiApp/xfflood/xfProjectRun/list',params)
|
const res = await uni.$http.post('/gunshiApp/xfflood/xfProjectRun/list',params)
|
||||||
console.log('res',res)
|
console.log('res',res)
|
||||||
this.list = [...res.data.data
|
this.list = res.data.data
|
||||||
// ,
|
|
||||||
// {
|
|
||||||
// id:'1',
|
|
||||||
// projectName:'工程名称',
|
|
||||||
// projectType:'1',//工程类型(1水库 2水电站)
|
|
||||||
// reportType:'上报类型',
|
|
||||||
// isPowerGeneration:'1',//是否发电(0 否 1 是)
|
|
||||||
// isFloodRelease:'0',//是否泄洪(0 否 1 是)
|
|
||||||
// waterLevel:'10',//上报水位(m)
|
|
||||||
// inflowVolume:'21',//上报入库流量(m³/s)
|
|
||||||
// outflowVolume:'11',//上报出库流量(m³/s)
|
|
||||||
// reporter:'上报人',
|
|
||||||
// reportTime:'2011-12-12 11:11:22',//上报时间
|
|
||||||
// reportUnit:'上报单位',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明',
|
|
||||||
// isRead:0,//(0 否 1 是)
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// id:'2',
|
|
||||||
// projectName:'工程3名称3',
|
|
||||||
// projectType:'2',//工程类型(1水库 2水电站)
|
|
||||||
// reportType:'上报类型',
|
|
||||||
// isPowerGeneration:'0',//是否发电(0 否 1 是)
|
|
||||||
// isFloodRelease:'0',//是否泄洪(0 否 1 是)
|
|
||||||
// waterLevel:'3',//上报水位(m)
|
|
||||||
// inflowVolume:'1',//上报入库流量(m³/s)
|
|
||||||
// outflowVolume:'6',//上报出库流量(m³/s)
|
|
||||||
// reporter:'上报人2',
|
|
||||||
// reportTime:'2011-12-12 11:11:22',//上报时间
|
|
||||||
// reportUnit:'上报单位2',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明2',
|
|
||||||
// isRead:0,//(0 否 1 是)
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// id:'3',
|
|
||||||
// projectName:'工程3名称',
|
|
||||||
// projectType:'2',//工程类型(1水库 2水电站)
|
|
||||||
// reportType:'上报类型',
|
|
||||||
// isPowerGeneration:'0',//是否发电(0 否 1 是)
|
|
||||||
// isFloodRelease:'0',//是否泄洪(0 否 1 是)
|
|
||||||
// waterLevel:'3',//上报水位(m)
|
|
||||||
// inflowVolume:'1',//上报入库流量(m³/s)
|
|
||||||
// outflowVolume:'6',//上报出库流量(m³/s)
|
|
||||||
// reporter:'上报人2',
|
|
||||||
// reportTime:'2011-12-12 11:11:22',//上报时间
|
|
||||||
// reportUnit:'上报单位2',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明2',
|
|
||||||
// isRead:0,//(0 否 1 是)
|
|
||||||
// },
|
|
||||||
]
|
|
||||||
this.close()
|
this.close()
|
||||||
}catch(e){
|
}catch(e){
|
||||||
//TODO handle the exception
|
//TODO handle the exception
|
||||||
|
|
|
||||||
|
|
@ -68,8 +68,11 @@
|
||||||
<u-checkbox name="1" label="水库" class="checkItem"></u-checkbox>
|
<u-checkbox name="1" label="水库" class="checkItem"></u-checkbox>
|
||||||
<u-checkbox name="2" label="水电站" class="checkItem"></u-checkbox>
|
<u-checkbox name="2" label="水电站" class="checkItem"></u-checkbox>
|
||||||
</u-checkbox-group>
|
</u-checkbox-group>
|
||||||
|
<div :style="{display:'flex',alignItems:'center'}">
|
||||||
<text class="title">按上报时间</text>
|
<text class="title">按上报时间</text>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<u-switch v-model="isTime" size="20" :style="{margin:'2px 0 0 10px'}"></u-switch>
|
||||||
|
</div>
|
||||||
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showStmPicker = true"
|
@click="showStmPicker = true"
|
||||||
|
|
@ -79,7 +82,7 @@
|
||||||
</view>
|
</view>
|
||||||
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showEtmPicker = true"
|
@click="showEtmPicker = true"
|
||||||
|
|
@ -140,6 +143,7 @@ import moment from 'moment'
|
||||||
searchVal:'',
|
searchVal:'',
|
||||||
stm:Number(moment(new Date()).add(-7,'days')),
|
stm:Number(moment(new Date()).add(-7,'days')),
|
||||||
etm:Number(new Date()),
|
etm:Number(new Date()),
|
||||||
|
isTime:false,
|
||||||
check1:['1','2','3','4'],
|
check1:['1','2','3','4'],
|
||||||
check2:['1','2'],
|
check2:['1','2'],
|
||||||
list:[]
|
list:[]
|
||||||
|
|
@ -168,6 +172,7 @@ import moment from 'moment'
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
reSet() {
|
reSet() {
|
||||||
|
this.isTime = false
|
||||||
this.stm = Number(moment(new Date()).add(-7,'days'))
|
this.stm = Number(moment(new Date()).add(-7,'days'))
|
||||||
this.etm = Number(new Date())
|
this.etm = Number(new Date())
|
||||||
this.check1 = ['1','2','3','4']
|
this.check1 = ['1','2','3','4']
|
||||||
|
|
@ -184,36 +189,20 @@ import moment from 'moment'
|
||||||
}
|
}
|
||||||
try{
|
try{
|
||||||
const params = {
|
const params = {
|
||||||
timeSo:{
|
severitys:this.check1.length===0?['999']:this.check1,
|
||||||
|
projectTypes:this.check2.length===0?['999']:this.check2,
|
||||||
|
}
|
||||||
|
if(this.isTime){
|
||||||
|
params.timeSo = {
|
||||||
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
},
|
|
||||||
severitys:this.check1,
|
|
||||||
projectTypes:this.check2,
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
console.log('params',params)
|
console.log('params',params)
|
||||||
const res = await uni.$http.post('/gunshiApp/xfflood/xfProjectIncident/list',params)
|
const res = await uni.$http.post('/gunshiApp/xfflood/xfProjectIncident/list',params)
|
||||||
console.log('res',res)
|
console.log('res',res)
|
||||||
this.list = [
|
this.list = res.data.data
|
||||||
...res.data.data
|
|
||||||
// ,
|
|
||||||
// {
|
|
||||||
// id:'1',
|
|
||||||
// projectName:'工程名称',
|
|
||||||
// projectType:'1',//工程类型(1水库 2水电站)
|
|
||||||
// severity:'1',//严重程度(1一般险情 2较大险情 3重大险情 4特别重大险情)
|
|
||||||
// incidentDescription:'险情描述',
|
|
||||||
// isControlled:'1',//是否已管控(0 否 1 是)
|
|
||||||
// controlResponsiblePerson:'管控责任人',
|
|
||||||
// responsiblePersonPhone:'12328281728',//责任人电话
|
|
||||||
// reporter:'张三',//上报人
|
|
||||||
// reportTime:'2022-11-21 10:21:11',//上报时间
|
|
||||||
// reportUnit:'上报单位',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明',
|
|
||||||
// isRead:0,//是否已读(0 否 1 是)
|
|
||||||
// },
|
|
||||||
]
|
|
||||||
this.close()
|
this.close()
|
||||||
}catch(e){
|
}catch(e){
|
||||||
//TODO handle the exception
|
//TODO handle the exception
|
||||||
|
|
|
||||||
|
|
@ -16,11 +16,17 @@
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<div class="ul_list" @click="todetail(1)">
|
<div class="ul_list" @click="todetail(1)">
|
||||||
<div class="left">工情信息</div>
|
<div class="left">工情信息</div>
|
||||||
<div class="left">></div>
|
<div class="left" :style="{display:'flex',alignItems:'center'}">
|
||||||
|
<div class="redDot" v-show="gq"></div>
|
||||||
|
<text>></text>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ul_list" @click="todetail(2)">
|
<div class="ul_list" @click="todetail(2)">
|
||||||
<div class="left">灾情信息</div>
|
<div class="left">灾情信息</div>
|
||||||
<div class="left">></div>
|
<div class="left" :style="{display:'flex',alignItems:'center'}">
|
||||||
|
<div class="redDot" v-show="zq"></div>
|
||||||
|
<text>></text>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -28,7 +34,13 @@
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {}
|
return {
|
||||||
|
gq:false,
|
||||||
|
zq:false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
todetail (val) {
|
todetail (val) {
|
||||||
|
|
@ -43,6 +55,24 @@ export default {
|
||||||
url: '/pages/gqzq/zqxx/zqxx'
|
url: '/pages/gqzq/zqxx/zqxx'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
async getData() {
|
||||||
|
try{
|
||||||
|
const res = await uni.$http.get("/gunshiApp/xfflood/xfProjectRun/has/read")
|
||||||
|
const data = res.data.data
|
||||||
|
if(data){
|
||||||
|
console.log(data['1'],data['2'],data['3'])
|
||||||
|
this.gq = (data['1']||data['2'])?true:false
|
||||||
|
this.zq = data['3']?true:false
|
||||||
|
}
|
||||||
|
console.log('res',res)
|
||||||
|
}catch(e){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
type: 'error',
|
||||||
|
title: '失败主题',
|
||||||
|
message: "请求失败",
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -82,4 +112,11 @@ export default {
|
||||||
height: 48px;
|
height: 48px;
|
||||||
border-bottom: 1px solid #dfdfdf;
|
border-bottom: 1px solid #dfdfdf;
|
||||||
}
|
}
|
||||||
|
.redDot{
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -59,8 +59,11 @@
|
||||||
<u-checkbox name="3" label="重大险情" class="checkItem"></u-checkbox>
|
<u-checkbox name="3" label="重大险情" class="checkItem"></u-checkbox>
|
||||||
<u-checkbox name="4" label="特别重大险情" class="checkItem"></u-checkbox>
|
<u-checkbox name="4" label="特别重大险情" class="checkItem"></u-checkbox>
|
||||||
</u-checkbox-group>
|
</u-checkbox-group>
|
||||||
|
<div :style="{display:'flex',alignItems:'center'}">
|
||||||
<text class="title">按上报时间</text>
|
<text class="title">按上报时间</text>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<u-switch v-model="isTime" size="20" :style="{margin:'2px 0 0 10px'}"></u-switch>
|
||||||
|
</div>
|
||||||
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showStmPicker = true"
|
@click="showStmPicker = true"
|
||||||
|
|
@ -70,7 +73,7 @@
|
||||||
</view>
|
</view>
|
||||||
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showEtmPicker = true"
|
@click="showEtmPicker = true"
|
||||||
|
|
@ -131,6 +134,7 @@ import moment from 'moment'
|
||||||
searchVal:'',
|
searchVal:'',
|
||||||
stm:Number(moment(new Date()).add(-7,'days')),
|
stm:Number(moment(new Date()).add(-7,'days')),
|
||||||
etm:Number(new Date()),
|
etm:Number(new Date()),
|
||||||
|
isTime:false,
|
||||||
check1:['1','2','3','4'],
|
check1:['1','2','3','4'],
|
||||||
list:[]
|
list:[]
|
||||||
}
|
}
|
||||||
|
|
@ -144,7 +148,7 @@ import moment from 'moment'
|
||||||
},
|
},
|
||||||
getSearchVal() {
|
getSearchVal() {
|
||||||
if(this.searchVal){
|
if(this.searchVal){
|
||||||
return this.list.filter(o => (o.projectName?.indexOf(this.searchVal)>-1 || o.address?.indexOf(this.searchVal)>-1))
|
return this.list.filter(o => (o.reporter?.indexOf(this.searchVal)>-1 || o.address?.indexOf(this.searchVal)>-1))
|
||||||
}else{
|
}else{
|
||||||
return this.list
|
return this.list
|
||||||
}
|
}
|
||||||
|
|
@ -158,6 +162,7 @@ import moment from 'moment'
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
reSet() {
|
reSet() {
|
||||||
|
this.isTime = false
|
||||||
this.stm = Number(moment(new Date()).add(-7,'days'))
|
this.stm = Number(moment(new Date()).add(-7,'days'))
|
||||||
this.etm = Number(new Date())
|
this.etm = Number(new Date())
|
||||||
this.check1 = ['1','2','3','4']
|
this.check1 = ['1','2','3','4']
|
||||||
|
|
@ -173,68 +178,18 @@ import moment from 'moment'
|
||||||
}
|
}
|
||||||
try{
|
try{
|
||||||
const params = {
|
const params = {
|
||||||
timeSo:{
|
severitys:this.check1.length===0?['999']:this.check1,
|
||||||
|
}
|
||||||
|
if(this.isTime){
|
||||||
|
params.timeSo = {
|
||||||
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
start:moment(this.stm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
end:moment(this.etm).format('YYYY-MM-DD HH:mm:ss'),
|
||||||
},
|
}
|
||||||
severitys:this.check1,
|
|
||||||
}
|
}
|
||||||
console.log('params',params)
|
console.log('params',params)
|
||||||
const res = await uni.$http.post('/gunshiApp/xfflood/iaCHsfwater/queryList',params)
|
const res = await uni.$http.post('/gunshiApp/xfflood/iaCHsfwater/queryList',params)
|
||||||
console.log('res',res)
|
console.log('res',res)
|
||||||
this.list = [
|
this.list = res.data.data
|
||||||
...res.data.data
|
|
||||||
// ,{
|
|
||||||
// // id:'1',
|
|
||||||
// mtcd:'12121',//山洪灾害编码
|
|
||||||
// wscd:'22222',//小流域代码
|
|
||||||
// otime:'2022-12-12 10:22:22',//灾害发生时间
|
|
||||||
// severity:'22222',//小流域代码
|
|
||||||
// wscd:'3',//严重程度(1一般灾情 2较大灾情 3重大灾情 4特别重大灾情)
|
|
||||||
// address:'灾害发生地点',//灾害发生地点
|
|
||||||
// lgtd:'111.21',//经度
|
|
||||||
// lttd:'32.12',//纬度
|
|
||||||
// ddscrib:'灾害描述',//灾害描述
|
|
||||||
// dpcount:'2',//死亡人数(人)
|
|
||||||
// mpcount:'12',//失踪人数(人)
|
|
||||||
// spcount:'2211',//转移人数(人)
|
|
||||||
// chcount:'41',//损毁房屋(人)
|
|
||||||
// elose:'6623',//直接经济损失(万元)
|
|
||||||
// pfrain:'41',//过程降雨量(mm)
|
|
||||||
// reporter:'张三',//上报人
|
|
||||||
// reportTime:'2022-11-21 10:21:11',//上报时间
|
|
||||||
// reportUnit:'上报单位',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明',
|
|
||||||
// isRead:0,//是否已读(0 否 1 是)
|
|
||||||
// severity:'1',//严重程度(1一般险情 2较大险情 3重大险情 4特别重大险情)
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// // id:'1',
|
|
||||||
// mtcd:'12121',//山洪灾害编码
|
|
||||||
// wscd:'22222',//小流域代码
|
|
||||||
// otime:'2022-12-12 10:22:22',//灾害发生时间
|
|
||||||
// severity:'22222',//小流域代码
|
|
||||||
// wscd:'3',//严重程度(1一般灾情 2较大灾情 3重大灾情 4特别重大灾情)
|
|
||||||
// address:'灾害发生地点2',//灾害发生地点
|
|
||||||
// lgtd:'111.21',//经度
|
|
||||||
// lttd:'32.12',//纬度
|
|
||||||
// ddscrib:'灾害描述',//灾害描述
|
|
||||||
// dpcount:'2',//死亡人数(人)
|
|
||||||
// mpcount:'12',//失踪人数(人)
|
|
||||||
// spcount:'2211',//转移人数(人)
|
|
||||||
// chcount:'41',//损毁房屋(人)
|
|
||||||
// elose:'6623',//直接经济损失(万元)
|
|
||||||
// pfrain:'41',//过程降雨量(mm)
|
|
||||||
// reporter:'张三',//上报人
|
|
||||||
// reportTime:'2022-11-21 10:21:11',//上报时间
|
|
||||||
// reportUnit:'上报单位',
|
|
||||||
// moditime:'时间戳',
|
|
||||||
// remark:'情况说明',
|
|
||||||
// isRead:1,//是否已读(0 否 1 是)
|
|
||||||
// severity:'1',//严重程度(1一般险情 2较大险情 3重大险情 4特别重大险情)
|
|
||||||
// },
|
|
||||||
]
|
|
||||||
this.close()
|
this.close()
|
||||||
}catch(e){
|
}catch(e){
|
||||||
//TODO handle the exception
|
//TODO handle the exception
|
||||||
|
|
|
||||||
|
|
@ -69,6 +69,8 @@
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.rain-detail-box{
|
.rain-detail-box{
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
.nav-bar{
|
.nav-bar{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -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> -->
|
||||||
|
|
@ -13,12 +24,28 @@
|
||||||
<text :class="{'active':selactOne == 0}" @click="selactOne = 0" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">图</text>
|
<text :class="{'active':selactOne == 0}" @click="selactOne = 0" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">图</text>
|
||||||
<text :class="{'active':selactOne == 1}" @click="selactOne = 1" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">表</text>
|
<text :class="{'active':selactOne == 1}" @click="selactOne = 1" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">表</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="jcsj-content">
|
||||||
<view class="jcsj-charts" v-if="selactOne == 0">
|
<view class="jcsj-charts" v-if="selactOne == 0">
|
||||||
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
|
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
<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 +65,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 +87,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 +108,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 +133,29 @@
|
||||||
<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-content{
|
||||||
|
max-height:calc(100vh - 89px - 43px - 45px);
|
||||||
|
overflow-y:auto
|
||||||
}
|
}
|
||||||
.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;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="table_div">
|
<div class="table_div">
|
||||||
<div class="table_cur">
|
<div class="table_cur">
|
||||||
<table>
|
<table style="width:100%;display:block">
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 40px;">
|
<th style="width: 40px;">
|
||||||
序号
|
序号
|
||||||
|
|
@ -20,7 +20,8 @@
|
||||||
</view>
|
</view>
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="max-height: 480px; overflow-y: auto">
|
<!-- style="max-height: 480px; overflow-y: auto" -->
|
||||||
|
<div class="scroll-table">
|
||||||
<tr v-for="(item, index) in newList" :key="index">
|
<tr v-for="(item, index) in newList" :key="index">
|
||||||
<td style="width: 30px">{{ index + 1 }}</td>
|
<td style="width: 30px">{{ index + 1 }}</td>
|
||||||
<td style="width: 80px;">{{ item.tm }}</td>
|
<td style="width: 80px;">{{ item.tm }}</td>
|
||||||
|
|
@ -28,6 +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:180px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,6 +74,11 @@
|
||||||
empty-cells: show;
|
empty-cells: show;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 180px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
}
|
}
|
||||||
.table_cur tr {
|
.table_cur tr {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -223,13 +223,13 @@
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-show="limit != 1">
|
<view v-show="limit == 0">
|
||||||
<view class="info_24">
|
<view class="info_24">
|
||||||
<div class="heart">
|
<div class="heart">
|
||||||
<p class="title">
|
<p class="title">
|
||||||
<span class="line"></span><span class="h4">雨情</span>
|
<span class="line"></span><span class="h4">雨情</span>
|
||||||
</p>
|
</p>
|
||||||
<div class="time" style="width: 50%; color: #000">
|
<div class="time" style="width:50%; color: #000" v-if="timeList">
|
||||||
<uni-data-select
|
<uni-data-select
|
||||||
v-model="value1"
|
v-model="value1"
|
||||||
:localdata="timeList"
|
:localdata="timeList"
|
||||||
|
|
@ -239,7 +239,7 @@
|
||||||
</uni-data-select>
|
</uni-data-select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info_icon" style="height: 260px; width: 100%">
|
<div class="info_icon" style="height: 260px; width: 100%" v-if="chartData.chartData">
|
||||||
<qiun-data-charts
|
<qiun-data-charts
|
||||||
:chartData="chartData.chartData"
|
:chartData="chartData.chartData"
|
||||||
:echartsApp="true"
|
:echartsApp="true"
|
||||||
|
|
@ -252,7 +252,7 @@
|
||||||
<p class="title">
|
<p class="title">
|
||||||
<span class="line"></span><span class="h4">水情</span>
|
<span class="line"></span><span class="h4">水情</span>
|
||||||
</p>
|
</p>
|
||||||
<div class="time" style="width: 50%; color: #000">
|
<div class="time" style="width:50%; color: #000">
|
||||||
<u-subsection
|
<u-subsection
|
||||||
:list="subList"
|
:list="subList"
|
||||||
:current="current"
|
:current="current"
|
||||||
|
|
|
||||||
|
|
@ -21,15 +21,42 @@
|
||||||
type="primary"
|
type="primary"
|
||||||
text="反馈"
|
text="反馈"
|
||||||
customStyle="margin-top: 20px"
|
customStyle="margin-top: 20px"
|
||||||
@click="submit1"
|
@click="show1 = true"
|
||||||
></u-button>
|
></u-button>
|
||||||
<u-button
|
<u-button
|
||||||
type="primary"
|
type="primary"
|
||||||
text="反馈并结束"
|
text="反馈并结束"
|
||||||
customStyle="margin-top: 10px"
|
customStyle="margin-top: 10px"
|
||||||
@click="submit2"
|
@click="show2 = true"
|
||||||
></u-button>
|
></u-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<u-modal
|
||||||
|
width="250"
|
||||||
|
:show="show1"
|
||||||
|
showCancelButton
|
||||||
|
closeOnClickOverlay
|
||||||
|
@confirm="submit1"
|
||||||
|
@cancel="() => show1 = false"
|
||||||
|
@close="() => show1 = false"
|
||||||
|
>
|
||||||
|
<view class="slot-content">
|
||||||
|
<rich-text :nodes="'确认反馈?'" :style="{fontSize:'16px'}"></rich-text>
|
||||||
|
</view>
|
||||||
|
</u-modal>
|
||||||
|
<u-modal
|
||||||
|
width="250"
|
||||||
|
:show="show2"
|
||||||
|
showCancelButton
|
||||||
|
closeOnClickOverlay
|
||||||
|
@confirm="submit2"
|
||||||
|
@cancel="() => show2 = false"
|
||||||
|
@close="() => show2 = false"
|
||||||
|
>
|
||||||
|
<view class="slot-content">
|
||||||
|
<rich-text :nodes="'确认反馈并结束?'" :style="{fontSize:'16px'}"></rich-text>
|
||||||
|
</view>
|
||||||
|
</u-modal>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -46,7 +73,9 @@
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
value:'',
|
value:'',
|
||||||
list:[]
|
list:[],
|
||||||
|
show1:false,
|
||||||
|
show2:false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
@ -65,6 +94,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async submit1() {
|
async submit1() {
|
||||||
|
this.show1 = false
|
||||||
try{
|
try{
|
||||||
if(!this.value){
|
if(!this.value){
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
|
|
@ -88,6 +118,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async submit2() {
|
async submit2() {
|
||||||
|
this.show2 = false
|
||||||
try{
|
try{
|
||||||
if(!this.value){
|
if(!this.value){
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
|
|
|
||||||
|
|
@ -66,8 +66,11 @@
|
||||||
<u-checkbox name="0" label="水库调洪" class="checkItem"></u-checkbox>
|
<u-checkbox name="0" label="水库调洪" class="checkItem"></u-checkbox>
|
||||||
<u-checkbox name="1" label="人员转移" class="checkItem"></u-checkbox>
|
<u-checkbox name="1" label="人员转移" class="checkItem"></u-checkbox>
|
||||||
</u-checkbox-group>
|
</u-checkbox-group>
|
||||||
|
<div :style="{display:'flex',alignItems:'center'}">
|
||||||
<text class="title">按时间</text>
|
<text class="title">按时间</text>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<u-switch v-model="isTime" size="20" :style="{margin:'2px 0 0 10px'}"></u-switch>
|
||||||
|
</div>
|
||||||
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showStmPicker = true"
|
@click="showStmPicker = true"
|
||||||
|
|
@ -77,7 +80,7 @@
|
||||||
</view>
|
</view>
|
||||||
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
<text :style="{width:'20%',lineHeight:'32px',textAlign:'center'}">至</text>
|
||||||
</div>
|
</div>
|
||||||
<div :style="{display:'flex',marginTop:'10px'}">
|
<div :style="{display:'flex',marginTop:'10px'}" v-if="isTime">
|
||||||
<view
|
<view
|
||||||
class="tmPicker"
|
class="tmPicker"
|
||||||
@click="showEtmPicker = true"
|
@click="showEtmPicker = true"
|
||||||
|
|
@ -150,25 +153,8 @@
|
||||||
showEtmPicker:false,
|
showEtmPicker:false,
|
||||||
stm:Number(moment(new Date()).add(-7,'days')),
|
stm:Number(moment(new Date()).add(-7,'days')),
|
||||||
etm:Number(new Date()),
|
etm:Number(new Date()),
|
||||||
|
isTime:false,
|
||||||
list:[],
|
list:[],
|
||||||
// {
|
|
||||||
// serial:'10',//调度指令编号
|
|
||||||
// year:'2023',//调度令年度
|
|
||||||
// executeOrgCode:'执行单位编码',//执行单位编码
|
|
||||||
// executeOrgName:'执行单位名称',//执行单位名称
|
|
||||||
// dispatchType:'水库调洪',//调度类型
|
|
||||||
// forwardOrgName:'抄送单位',//抄送单位
|
|
||||||
// startTm:'计划执行时间',//计划执行时间
|
|
||||||
// endTm:'计划结束时间',//计划结束时间
|
|
||||||
// content:'指令内容',//指令内容
|
|
||||||
// createTm:'指令日期',//指令日期
|
|
||||||
// createUserId:'指令发起人id',//指令发起人id
|
|
||||||
// createUserName:'张三',//指令发起人
|
|
||||||
// status:'1',//调令状态,0=待下发,1=执行中,2=完成
|
|
||||||
// createTm:'2023-10-10 12:12:10',
|
|
||||||
// dispatchId: '14'
|
|
||||||
|
|
||||||
// }
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -191,6 +177,7 @@
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
reSet() {
|
reSet() {
|
||||||
|
this.isTime = false
|
||||||
this.stm = Number(moment(new Date()).add(-7,'days'))
|
this.stm = Number(moment(new Date()).add(-7,'days'))
|
||||||
this.etm = Number(new Date())
|
this.etm = Number(new Date())
|
||||||
this.check = ['0','1']
|
this.check = ['0','1']
|
||||||
|
|
@ -200,7 +187,9 @@
|
||||||
const params = {
|
const params = {
|
||||||
status:this.tabVal,
|
status:this.tabVal,
|
||||||
dispatchTypeList:this.check,
|
dispatchTypeList:this.check,
|
||||||
dateTimeRangeSo:{
|
}
|
||||||
|
if(this.isTime){
|
||||||
|
params.dateTimeRangeSo = {
|
||||||
start:moment(this.stm).format('YYYY-MM-DD HH:mm:sss'),
|
start:moment(this.stm).format('YYYY-MM-DD HH:mm:sss'),
|
||||||
end:moment(this.etm).format('YYYY-MM-DD HH:mm:sss')
|
end:moment(this.etm).format('YYYY-MM-DD HH:mm:sss')
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,8 @@
|
||||||
<th style="width: 22%">
|
<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',width:'100%'}">
|
<!-- :style="{'max-height':height + 'px', 'overflow-y': 'auto',width:'100%'}" -->
|
||||||
|
<div class="scroll-table">
|
||||||
<tr v-for="(item, index) in list" :key="index" style="width:100%">
|
<tr v-for="(item, index) in list" :key="index" style="width:100%">
|
||||||
<td style="width: 11%;">{{ index + 1 }}</td>
|
<td style="width: 11%;">{{ index + 1 }}</td>
|
||||||
<td style="width: 27%; color: #3399ef; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">
|
<td style="width: 27%; color: #3399ef; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">
|
||||||
|
|
@ -28,7 +29,9 @@
|
||||||
<td style="width: 20%">{{ item.yesDrp || 0 }}</td>
|
<td style="width: 20%">{{ item.yesDrp || 0 }}</td>
|
||||||
<td style="width:23%;">{{ item.adnm }}</td>
|
<td style="width:23%;">{{ item.adnm }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<div style="height:125px"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -68,6 +71,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
/*table样式*/
|
/*table样式*/
|
||||||
.table_cur {
|
.table_cur {
|
||||||
|
|
@ -91,7 +95,11 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 125px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
.table_cur td {
|
.table_cur td {
|
||||||
height: 65rpx;
|
height: 65rpx;
|
||||||
// border-bottom: 1px solid #d8ddeb;
|
// border-bottom: 1px solid #d8ddeb;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="rain-box" style="overflow:hidden">
|
<view class="rain-box" style="overflow:hidden;height:100vh">
|
||||||
<u-status-bar></u-status-bar>
|
<u-status-bar ></u-status-bar>
|
||||||
<!-- <view style="height: var(--status-bar-height); width: 100%;"></view> -->
|
<!-- <view style="height: var(--status-bar-height); width: 100%;"></view> -->
|
||||||
<view class="nav-bar">
|
<view class="nav-bar">
|
||||||
<u-icon name="arrow-left" color="#000" size="20" @click="backTo" style="margin-left:10px"></u-icon>
|
<u-icon name="arrow-left" color="#000" size="20" @click="backTo" style="margin-left:10px"></u-icon>
|
||||||
|
|
@ -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,13 +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:{
|
||||||
|
|
@ -245,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,21 +1,48 @@
|
||||||
<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> -->
|
||||||
|
<view class="jcsj-content">
|
||||||
<view class="jcsj-charts">
|
<view class="jcsj-charts">
|
||||||
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts"/>
|
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
|
||||||
</view>
|
</view>
|
||||||
<view class="jcsj-table">
|
<view class="jcsj-table">
|
||||||
<JcsjTable :tableData="tableData" />
|
<JcsjTable :tableData="tableData" />
|
||||||
</view>
|
</view>
|
||||||
</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>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -31,21 +58,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 +102,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 +119,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,14 +145,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-content{
|
||||||
|
max-height:calc(100vh - 89px - 43px - 45px);
|
||||||
|
overflow-y:auto
|
||||||
|
}
|
||||||
.jcsj-charts{
|
.jcsj-charts{
|
||||||
width:100%;
|
width:100%;
|
||||||
height: 300px;
|
height: 300px;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="table_div">
|
<div class="table_div">
|
||||||
<div class="table_cur">
|
<div class="table_cur">
|
||||||
<table>
|
<table style="width:100%;display:block">
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 50px;">
|
<th style="width: 50px;">
|
||||||
序号
|
序号
|
||||||
|
|
@ -11,12 +11,14 @@
|
||||||
小时雨量(mm)
|
小时雨量(mm)
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="max-height: 320px; overflow-y: auto">
|
<!-- style="max-height: 320px; overflow-y: auto" -->
|
||||||
|
<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:155px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -69,6 +71,11 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 145px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
|
|
||||||
.table_cur td {
|
.table_cur td {
|
||||||
height: 65rpx;
|
height: 65rpx;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -57,6 +57,8 @@
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.rain-detail-box{
|
.rain-detail-box{
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
.nav-bar{
|
.nav-bar{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -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> -->
|
||||||
|
|
@ -13,12 +24,28 @@
|
||||||
<text :class="{'active':selactOne == 0}" @click="selactOne = 0" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">图</text>
|
<text :class="{'active':selactOne == 0}" @click="selactOne = 0" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">图</text>
|
||||||
<text :class="{'active':selactOne == 1}" @click="selactOne = 1" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">表</text>
|
<text :class="{'active':selactOne == 1}" @click="selactOne = 1" style="display: inline-block; padding: 2px 20px; text-align: center; border: 1px solid #dfdfdf;">表</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="jcsj-content">
|
||||||
<view class="jcsj-charts" v-if="selactOne == 0">
|
<view class="jcsj-charts" v-if="selactOne == 0">
|
||||||
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
|
<qiun-data-charts :chartData="chartData.chartData" :echartsApp="true" :eopts="chartData.eopts" />
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<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 +65,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 +87,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 +108,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 +133,28 @@
|
||||||
<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-content{
|
||||||
|
max-height:calc(100vh - 89px - 43px - 45px);
|
||||||
|
overflow-y:auto
|
||||||
}
|
}
|
||||||
.jcsj-charts{
|
.jcsj-charts{
|
||||||
width:100%;
|
width:100%;
|
||||||
height: 530px;
|
height: 500px;
|
||||||
|
overflow-y: auto;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.active{
|
.active{
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="table_div">
|
<div class="table_div">
|
||||||
<div class="table_cur">
|
<div class="table_cur">
|
||||||
<table>
|
<table style="width:100%;display:block">
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 40px;">
|
<th style="width: 40px;">
|
||||||
序号
|
序号
|
||||||
|
|
@ -20,7 +20,8 @@
|
||||||
</view>
|
</view>
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<div style="max-height: 480px; overflow-y: auto">
|
<!-- style="max-height: 480px; overflow-y: auto" -->
|
||||||
|
<div class="scroll-table">
|
||||||
<tr v-for="(item, index) in newList" :key="index">
|
<tr v-for="(item, index) in newList" :key="index">
|
||||||
<td style="width: 30px">{{ index + 1 }}</td>
|
<td style="width: 30px">{{ index + 1 }}</td>
|
||||||
<td style="width: 80px;">{{ item.tm }}</td>
|
<td style="width: 80px;">{{ item.tm }}</td>
|
||||||
|
|
@ -28,6 +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:180px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -72,6 +74,11 @@
|
||||||
empty-cells: show;
|
empty-cells: show;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 180px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
}
|
}
|
||||||
.table_cur tr {
|
.table_cur tr {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -11,27 +11,29 @@
|
||||||
<uni-swiper-dot :info="Array(2).fill(0)" :current="current" field="content" :dotsStyles="dotsStyles">
|
<uni-swiper-dot :info="Array(2).fill(0)" :current="current" field="content" :dotsStyles="dotsStyles">
|
||||||
<swiper class="swiper-box" style="height: 30px;" @change="change">
|
<swiper class="swiper-box" style="height: 30px;" @change="change">
|
||||||
<swiper-item >
|
<swiper-item >
|
||||||
<view style="display: flex;">
|
<view style="display: flex;justify-content: space-between;">
|
||||||
<view class="jcsj" @click="activeOne = 0" :class="{'active':activeOne == 0}">
|
<view class="jcsj" @click="activeOne = 0" :class="{'active':activeOne == 0}">
|
||||||
监测数据
|
监测数据
|
||||||
</view>
|
</view>
|
||||||
<view class="tjsj" @click="activeOne = 1" :class="{'active':activeOne == 1}" style="margin: 0 25px;">
|
<!-- style="margin: 0 25px;" -->
|
||||||
|
<view class="tjsj" @click="activeOne = 1" :class="{'active':activeOne == 1}" style="margin: 0 4%">
|
||||||
统计数据
|
统计数据
|
||||||
</view>
|
</view>
|
||||||
<view class="tjsj" @click="activeOne = 2" :class="{'active':activeOne == 2}" style="margin: 0 25px 0 0;">
|
<!-- style="margin: 0 25px 0 0;" -->
|
||||||
|
<view class="zrtx" @click="activeOne = 2" :class="{'active':activeOne == 2}" >
|
||||||
责任体系
|
责任体系
|
||||||
</view>
|
</view>
|
||||||
<view class="tjsj" @click="activeOne = 3" :class="{'active':activeOne == 3}" >
|
<view class="txjc" @click="activeOne = 3" :class="{'active':activeOne == 3}" style="margin-left:4%">
|
||||||
图像监测
|
图像监测
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</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}">
|
<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}" style="margin-left: 25px;">
|
<view class="zbyq" @click="activeOne = 5" :class="{'active':activeOne == 5}" >
|
||||||
周边雨情
|
周边雨情
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -113,6 +115,8 @@
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.rain-detail-box{
|
.rain-detail-box{
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
.nav-bar{
|
.nav-bar{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -8,17 +8,17 @@
|
||||||
</th>
|
</th>
|
||||||
<th style="width: 32%">
|
<th style="width: 32%">
|
||||||
站名
|
站名
|
||||||
<th style="width: 32%;">
|
<th style="width: 31%;">
|
||||||
监测时间
|
监测时间
|
||||||
</th>
|
</th>
|
||||||
<th style="width: 25%;" >
|
<th style="width: 26%;" >
|
||||||
实时水位(m)
|
实时水位(m)
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}">
|
<div class="scroll-table">
|
||||||
<tr v-for="(item, index) in newList" :key="index">
|
<tr v-for="(item, index) in newList" :key="index">
|
||||||
<td style="width: 11%">{{ index + 1 }}</td>
|
<td style="width: 11%">{{ index + 1 }}</td>
|
||||||
<td style="width: 32%;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td>
|
<td style="width: 30%;color: #3399ef;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">{{ item.stnm }}</td>
|
||||||
<td style="width: 32%">{{item.tm}}</td>
|
<td style="width: 32%">{{item.tm}}</td>
|
||||||
<td style="width: 25%; position: relative;" >
|
<td style="width: 25%; position: relative;" >
|
||||||
<text :class="{'active1':item.gstate == 1,'active2':item.wstate == 1}">{{ item.z.toFixed(2) }}</text>
|
<text :class="{'active1':item.gstate == 1,'active2':item.wstate == 1}">{{ item.z.toFixed(2) }}</text>
|
||||||
|
|
@ -28,6 +28,7 @@
|
||||||
top:0px;right: 0; color: #32E48E; font-size: 18px;">↓</text>
|
top:0px;right: 0; color: #32E48E; font-size: 18px;">↓</text>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<div style="height:125px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -74,6 +75,7 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
/*table样式*/
|
/*table样式*/
|
||||||
.table_cur {
|
.table_cur {
|
||||||
|
|
@ -86,6 +88,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
}
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 125px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
.table_cur th {
|
.table_cur th {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
color: #3399ef;
|
color: #3399ef;
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<th style="width: 11%;">
|
<th style="width: 11%;">
|
||||||
序号
|
序号
|
||||||
</th>
|
</th>
|
||||||
<th style="width: 24%">
|
<th style="width: 22%">
|
||||||
站名
|
站名
|
||||||
<th style="width: 22%;">
|
<th style="width: 22%;">
|
||||||
监测时间
|
监测时间
|
||||||
|
|
@ -14,14 +14,14 @@
|
||||||
<th style="width: 25%;" >
|
<th style="width: 25%;" >
|
||||||
实时水位(m)
|
实时水位(m)
|
||||||
</th>
|
</th>
|
||||||
<th style="width: 20%;" >
|
<th style="width: 22%;" >
|
||||||
超汛限(m)
|
超汛限(m)
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<div :style="{'max-height':height + 'px', 'overflow-y': 'auto'}">
|
<div class="scroll-table">
|
||||||
<tr v-for="(item, index) in newList" :key="index">
|
<tr v-for="(item, index) in newList" :key="index">
|
||||||
<td style="width: 11%">{{ index + 1 }}</td>
|
<td style="width: 10%">{{ index + 1 }}</td>
|
||||||
<td style="width: 24%;color: #3399ef;" @click="jumpDetail(item)">{{ item.stnm }}</td>
|
<td style="width: 23%;color: #3399ef;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" @click="jumpDetail(item)">{{ item.stnm }}</td>
|
||||||
<td style="width: 22%">{{item.tm}}</td>
|
<td style="width: 22%">{{item.tm}}</td>
|
||||||
<td style="width: 25%; position: relative;" >
|
<td style="width: 25%; position: relative;" >
|
||||||
<text :class="{'active1':item.flState == 1,'active2':item.desState == 1,'active3':item.calState}">{{ item.rz.toFixed(2) }}</text>
|
<text :class="{'active1':item.flState == 1,'active2':item.desState == 1,'active3':item.calState}">{{ item.rz.toFixed(2) }}</text>
|
||||||
|
|
@ -30,8 +30,9 @@
|
||||||
<text v-else-if="item.state == 2" style="position: absolute;
|
<text v-else-if="item.state == 2" style="position: absolute;
|
||||||
top:0px;right: 0; color: #32E48E; font-size: 18px;">↓</text>
|
top:0px;right: 0; color: #32E48E; font-size: 18px;">↓</text>
|
||||||
</td>
|
</td>
|
||||||
<td style="width: 20%">{{item.afsltdz ? item.afsltdz.toFixed(2):'-'}}</td>
|
<td style="width: 22%">{{item.afsltdz ? item.afsltdz.toFixed(2):'-'}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<div style="height:125px"></div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -79,6 +80,8 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
|
padding: 0 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
/*table样式*/
|
/*table样式*/
|
||||||
.table_cur {
|
.table_cur {
|
||||||
|
|
@ -91,6 +94,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
}
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(100vh - 125px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
.table_cur th {
|
.table_cur th {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
color: #3399ef;
|
color: #3399ef;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="water-box">
|
<view class="water-box" style="overflow:hidden;height:100vh">
|
||||||
<u-status-bar></u-status-bar>
|
<u-status-bar></u-status-bar>
|
||||||
<view class="nav-bar">
|
<view class="nav-bar">
|
||||||
<u-icon name="arrow-left" color="#000" size="20" @click="backTo" style="margin-left:10px"></u-icon>
|
<u-icon name="arrow-left" color="#000" size="20" @click="backTo" style="margin-left:10px"></u-icon>
|
||||||
|
|
@ -43,7 +43,6 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onReady(){
|
onReady(){
|
||||||
console.log(123333);
|
|
||||||
let that = this
|
let that = this
|
||||||
uni.getSystemInfo({
|
uni.getSystemInfo({
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
|
|
|
||||||
|
|
@ -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