feat():工程概况模块开发
parent
ea82eb0296
commit
ff3efc5b66
12
pages.json
12
pages.json
|
|
@ -77,6 +77,18 @@
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/gcgk/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/syq/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/zhjs/index",
|
"path": "pages/zhjs/index",
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
<template>
|
||||||
|
<view :style="{height:'100vh',overflow:'auto',backgroundColor:'#fff',padding:'0 10px'}">
|
||||||
|
<u-status-bar></u-status-bar>
|
||||||
|
<u-navbar title="工程概况" :autoBack="true" :titleStyle="{
|
||||||
|
fontSize:'18px'
|
||||||
|
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
||||||
|
</u-navbar>
|
||||||
|
<view class="project-gk">
|
||||||
|
<h4>一、项目概况</h4>
|
||||||
|
<p>工程名称：荆州市新建盐卡闸工程</p>
|
||||||
|
<p>建设地点：位于湖北省荆州市经济开发区，荆江河段左岸桩号745+614，紧挨盐卡泵站防洪闸。</p>
|
||||||
|
<p>工程类型：新建工程</p>
|
||||||
|
<p>主要建设内容：包括水工建筑物（如闸室、穿堤箱涵、消力池、海漫、进出口岸墙等）、机电设备、金属结构设备等。</p>
|
||||||
|
</view>
|
||||||
|
<view class="project-gm">
|
||||||
|
<h4>二、工程规模</h4>
|
||||||
|
<p>全长：890米</p>
|
||||||
|
<p>主要结构尺寸</p>
|
||||||
|
<p>进水渠：总长177.64米，包括进水渠明渠段和进水渠U型槽段。</p>
|
||||||
|
<p>箱涵段：总长626.36米，包括穿堤箱涵段和堤内箱涵段。</p>
|
||||||
|
<p>消力池：采用底流式消能设计，池深1.5米，池宽19.2米，池长25.0米。</p>
|
||||||
|
</view>
|
||||||
|
<view class="project-jd">
|
||||||
|
<h4>三、工程投资与进度</h4>
|
||||||
|
<p>工程总投资：19922.32万元，其中土建投资12650.59万元。</p>
|
||||||
|
<p>水土保持总投资：567.98万元（含主体已有投资408.79万元）。</p>
|
||||||
|
<p>开工时间：2024年6月</p>
|
||||||
|
<p>预计完工时间：2025年7月（另有说法为2025年8月），总工期14个月。</p>
|
||||||
|
</view>
|
||||||
|
<view class="project-fa">
|
||||||
|
<h4>四、水土保持方案</h4>
|
||||||
|
<p>水土流失防治标准：执行南方红壤区一级标准。</p>
|
||||||
|
<p>水土流失防治目标：水土流失治理度98%，土壤流失控制比达到1.0，渣土防护率达到99%，表土保护率92%，林草植被恢复率达到98%，林草覆盖率达到27%。</p>
|
||||||
|
<p>水土保持措施：包括工程措施、植物措施和临时措施等。</p>
|
||||||
|
</view>
|
||||||
|
<view class="project-bz">
|
||||||
|
<h4>五、防洪与灌溉标准</h4>
|
||||||
|
<p>防洪标准：盐卡闸防洪标准为百年一遇。</p>
|
||||||
|
<p>设计流量：每秒55立方米。</p>
|
||||||
|
<p>灌溉保障率：85%。</p>
|
||||||
|
</view>
|
||||||
|
<view class="project-xy">
|
||||||
|
<h4>六、工程效益</h4>
|
||||||
|
<p>灌溉效益：提高四湖流域中、下游灌溉保障率。</p>
|
||||||
|
<p>生态环境效益：有效改善荆州中心城区和四湖流域水生态环境。</p>
|
||||||
|
</view>
|
||||||
|
<view style="margin-bottom:10px">
|
||||||
|
<h4>七、其他信息</h4>
|
||||||
|
<p>公示情况：该工程的受理情况已在水利部长江水利委员会网站进行公示，公示期为10个工作日（2024年10月23日至2024年11月6日）。</p>
|
||||||
|
<p>建设目标：于2024年12月底具备应急通水能力。</p>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<style lang="scss">
|
||||||
|
.project-gk{
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
.project-gm,
|
||||||
|
.project-jd,
|
||||||
|
.project-fa,
|
||||||
|
.project-bz,
|
||||||
|
.project-xy
|
||||||
|
{
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,424 +1,463 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<!-- 个人信息 -->
|
<!-- 个人信息 -->
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<image style="width: 100%; height: 100%; border-radius: 50%" :src="default_src" mode="aspectFill">
|
<image
|
||||||
</image>
|
style="width: 100%; height: 100%; border-radius: 50%"
|
||||||
</div>
|
:src="default_src"
|
||||||
<div class="info_name">
|
mode="aspectFill"
|
||||||
<div v-if="userList.userName">{{ userList.nickName }}</div>
|
>
|
||||||
<div v-if="userList.dept">
|
</image>
|
||||||
{{ userList.dept.deptName || '' }}
|
</div>
|
||||||
</div>
|
<div class="info_name">
|
||||||
</div>
|
<div v-if="userList.userName">{{ userList.nickName }}</div>
|
||||||
</div>
|
<div v-if="userList.dept">
|
||||||
<div class="right">
|
{{ userList.dept.deptName || "" }}
|
||||||
<u-icon name="bell-fill" size="30" color="#fff" @click="todetailmessgae()">
|
</div>
|
||||||
|
</div>
|
||||||
</u-icon>
|
</div>
|
||||||
<u-badge bgColor=" #de2433" :offset='[25,20]' :value="messagelist.length" :absolute='true'></u-badge>
|
<div class="right">
|
||||||
</div>
|
<u-icon
|
||||||
</view>
|
name="bell-fill"
|
||||||
<!-- nav -->
|
size="30"
|
||||||
<view class="navBar" style="display: flex;flex-wrap: wrap;">
|
color="#fff"
|
||||||
<div class="navList" v-for="(item, index) in getNavList" :key="index">
|
@click="todetailmessgae()"
|
||||||
<div @click="myNavigateTo(item.url,item.value)"
|
>
|
||||||
style="display:flex;flex-direction: column;align-items: center;">
|
</u-icon>
|
||||||
<div class="navIcon">
|
<u-badge
|
||||||
<image style="width: 100%; height: 100%" :src="item.icon" mode="aspectFit"></image>
|
bgColor=" #de2433"
|
||||||
<div class="readStatus" v-show="
|
:offset="[25, 20]"
|
||||||
(warnStatus && item.key == 2)
|
:value="messagelist.length"
|
||||||
"></div>
|
:absolute="true"
|
||||||
</div>
|
></u-badge>
|
||||||
<div class="navTxt">{{ item.value }}</div>
|
</div>
|
||||||
</div>
|
</view>
|
||||||
</div>
|
<!-- nav -->
|
||||||
</view>
|
<view class="navBar" style="display: flex; flex-wrap: wrap">
|
||||||
<view class="warn">
|
<div class="navList" v-for="(item, index) in getNavList" :key="index">
|
||||||
<sk-info />
|
<div
|
||||||
</view>
|
@click="myNavigateTo(item.url, item.value)"
|
||||||
<view class="warn1" v-for="item in Ylzlist" :key="item.stnm">
|
style="display: flex; flex-direction: column; align-items: center"
|
||||||
<ylz-list :item='item' />
|
>
|
||||||
</view>
|
<div class="navIcon">
|
||||||
<view class="warn1" v-for="item in swzList" :key="item.stcd">
|
<image
|
||||||
<SwzList :item='item'/>
|
style="width: 100%; height: 100%"
|
||||||
</view>
|
:src="item.icon"
|
||||||
<view class="info_24"
|
mode="aspectFit"
|
||||||
:style="{display:'flex',justifyContent:'center',alignItems:'center',padding:'5px 0',margin:'0'}">
|
></image>
|
||||||
<image :style="{width:'20px',height:'20px',marginRight:'10px'}" src="../../static/logoc.png"></image>
|
<div class="readStatus" v-show="warnStatus && item.key == 2"></div>
|
||||||
<div>技术支持: 湖北鲧石物联科技有限公司</div>
|
</div>
|
||||||
</view>
|
<div class="navTxt">{{ item.value }}</div>
|
||||||
</view>
|
</div>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
|
<view class="warn">
|
||||||
|
<sk-info />
|
||||||
|
</view>
|
||||||
|
<view class="warn1" v-for="item in Ylzlist" :key="item.stnm">
|
||||||
|
<ylz-list :item="item" />
|
||||||
|
</view>
|
||||||
|
<view class="warn1" v-for="item in swzList" :key="item.stcd">
|
||||||
|
<SwzList :item="item" />
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
class="info_24"
|
||||||
|
:style="{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '5px 0',
|
||||||
|
margin: '0',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:style="{ width: '20px', height: '20px', marginRight: '10px' }"
|
||||||
|
src="../../static/logoc.png"
|
||||||
|
></image>
|
||||||
|
<div>技术支持: 湖北鲧石物联科技有限公司</div>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment'
|
import moment from "moment";
|
||||||
const warnStm = moment().subtract(1, "days").format("YYYY-MM-DD HH:mm:ss")
|
const warnStm = moment().subtract(1, "days").format("YYYY-MM-DD HH:mm:ss");
|
||||||
const warnetm = moment().format("YYYY-MM-DD HH:mm:ss")
|
const warnetm = moment().format("YYYY-MM-DD HH:mm:ss");
|
||||||
import SkInfo from '../skInfo/index.vue'
|
import SkInfo from "../skInfo/index.vue";
|
||||||
import YlzList from '../ylzList/index.vue'
|
import YlzList from "../ylzList/index.vue";
|
||||||
import SwzList from "../sws/index.vue"
|
import SwzList from "../sws/index.vue";
|
||||||
let timer = null;
|
let timer = null;
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
SkInfo,
|
SkInfo,
|
||||||
YlzList,
|
YlzList,
|
||||||
SwzList
|
SwzList,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
Ylzlist: [],
|
Ylzlist: [],
|
||||||
userList: uni.getStorageSync('value'),
|
userList: uni.getStorageSync("value"),
|
||||||
default_src: uni.getStorageSync('avatar'),
|
default_src: uni.getStorageSync("avatar"),
|
||||||
messagelist: [],
|
messagelist: [],
|
||||||
ylzList: [],
|
ylzList: [],
|
||||||
swzList:[],
|
swzList: [],
|
||||||
warnStatus: false, //预警
|
warnStatus: false, //预警
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
this.getYjData();
|
this.getYjData();
|
||||||
uni.$showMsg("刷新成功");
|
uni.$showMsg("刷新成功");
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
getNavList() {
|
getNavList() {
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
value: '综合监视',
|
value: "工程概况",
|
||||||
key: 1,
|
key: 1,
|
||||||
icon: '../../static/tabs/zhjs.png',
|
icon: "../../static/tabs/zhjs.png",
|
||||||
url: '/pages/zhjs/index'
|
url: "/pages/gcgk/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '预警',
|
value: "巡查任务",
|
||||||
key: 2,
|
key: 5,
|
||||||
icon: '../../static/tabs/yujing_icon@2x2.png',
|
icon: "../../static/tabs/xcrw.png",
|
||||||
url: '/pages/yj/index'
|
url: "/pages/xcrw/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '视频监控',
|
value: "安全监测",
|
||||||
key: 3,
|
key: 4,
|
||||||
icon: '../../static/tabs/spjk.png',
|
icon: "../../static/tabs/aqjc.png",
|
||||||
url: '/pages/spjk/index'
|
url: "/pages/aqjc/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '安全监测',
|
value: "预(报)警",
|
||||||
key: 4,
|
key: 2,
|
||||||
icon: '../../static/tabs/aqjc.png',
|
icon: "../../static/tabs/yujing_icon@2x2.png",
|
||||||
url: '/pages/aqjc/index'
|
url: "/pages/yj/index",
|
||||||
},
|
},
|
||||||
]
|
{
|
||||||
}
|
value: "视频监控",
|
||||||
},
|
key: 3,
|
||||||
methods: {
|
icon: "../../static/tabs/spjk.png",
|
||||||
getYlzList() {
|
url: "/pages/spjk/index",
|
||||||
uni.$http.post('/gunshiApp/tsg/stPptnRReal/list').then(res => {
|
},
|
||||||
if (res.data.code == 200) {
|
{
|
||||||
this.Ylzlist = res.data.data
|
value: "水雨情",
|
||||||
}
|
key: 6,
|
||||||
})
|
icon: "../../static/tabs/spjk.png",
|
||||||
},
|
url: "/pages/syq/index",
|
||||||
getList() {
|
},
|
||||||
uni.$http.post('/gunshiApp/tsg/messageCenter/list', {
|
];
|
||||||
start: '',
|
},
|
||||||
end: ''
|
},
|
||||||
}).then(res => {
|
methods: {
|
||||||
if (res.data.code == 200) {
|
getYlzList() {
|
||||||
this.messagelist = res.data.data
|
uni.$http.post("/gunshiApp/tsg/stPptnRReal/list").then((res) => {
|
||||||
}
|
if (res.data.code == 200) {
|
||||||
})
|
this.Ylzlist = res.data.data;
|
||||||
},
|
}
|
||||||
getSwList(){
|
});
|
||||||
uni.$http.post('/gunshiApp/tsg/reservoir/water/list').then(res=>{
|
},
|
||||||
this.swzList=res.data.data
|
getList() {
|
||||||
})
|
uni.$http
|
||||||
},
|
.post("/gunshiApp/tsg/messageCenter/list", {
|
||||||
todetailmessgae() {
|
start: "",
|
||||||
uni.navigateTo({
|
end: "",
|
||||||
url: '/pages/messageList/index'
|
})
|
||||||
})
|
.then((res) => {
|
||||||
},
|
if (res.data.code == 200) {
|
||||||
|
this.messagelist = res.data.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getSwList() {
|
||||||
|
uni.$http.post("/gunshiApp/tsg/reservoir/water/list").then((res) => {
|
||||||
|
this.swzList = res.data.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
todetailmessgae() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/messageList/index",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
async setInsert(menu2) {
|
async setInsert(menu2) {
|
||||||
try {
|
try {
|
||||||
const params = {
|
const params = {
|
||||||
createId: uni.getStorageSync('value').userId,
|
createId: uni.getStorageSync("value").userId,
|
||||||
loginType: 1,
|
loginType: 1,
|
||||||
menu1: '首页',
|
menu1: "首页",
|
||||||
menu2: menu2 || '首页',
|
menu2: menu2 || "首页",
|
||||||
}
|
};
|
||||||
const {
|
const { data } = await uni.$http.post(
|
||||||
data
|
"/gunshiApp/tsg/visitMenuLog/insert",
|
||||||
} = await uni.$http.post('/gunshiApp/tsg/visitMenuLog/insert', params)
|
params
|
||||||
} catch (error) {}
|
);
|
||||||
},
|
} catch (error) {}
|
||||||
myNavigateTo(url, menu2) {
|
},
|
||||||
uni.navigateTo({
|
myNavigateTo(url, menu2) {
|
||||||
url: url // 跳转到对应路径的页面
|
uni.navigateTo({
|
||||||
})
|
url: url, // 跳转到对应路径的页面
|
||||||
this.setInsert(menu2)
|
});
|
||||||
},
|
this.setInsert(menu2);
|
||||||
// 预警
|
},
|
||||||
async getYjData() {
|
// 预警
|
||||||
const params = {
|
async getYjData() {
|
||||||
start: warnStm,
|
const params = {
|
||||||
end: warnetm
|
start: warnStm,
|
||||||
}
|
end: warnetm,
|
||||||
try {
|
};
|
||||||
const res = await uni.$http.post("/gunshiApp/tsg/stQxWarnR/home/warn", params)
|
try {
|
||||||
const {
|
const res = await uni.$http.post(
|
||||||
flowWarn,
|
"/gunshiApp/tsg/stQxWarnR/home/warn",
|
||||||
pressWarn,
|
params
|
||||||
qxWarn,
|
);
|
||||||
shiftWarn
|
const { flowWarn, pressWarn, qxWarn, shiftWarn } = res.data.data;
|
||||||
} = res.data.data
|
const arr = [...flowWarn, ...pressWarn, ...qxWarn, ...shiftWarn];
|
||||||
const arr = [...flowWarn, ...pressWarn, ...qxWarn, ...shiftWarn]
|
if (arr.length > 0) {
|
||||||
if (arr.length > 0) {
|
this.warnStatus = true;
|
||||||
this.warnStatus = true
|
}
|
||||||
}
|
} catch (error) {
|
||||||
} catch (error) {
|
uni.$showMsg();
|
||||||
uni.$showMsg();
|
}
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
|
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.getYlzList();
|
this.getYlzList();
|
||||||
},
|
},
|
||||||
|
|
||||||
onShow() {
|
onShow() {
|
||||||
var that = this;
|
var that = this;
|
||||||
that.getList();
|
that.getList();
|
||||||
timer = setInterval(function () {
|
timer = setInterval(function () {
|
||||||
that.getList();
|
that.getList();
|
||||||
}, 10000);
|
}, 10000);
|
||||||
|
|
||||||
this.setInsert()
|
this.setInsert();
|
||||||
this.getYjData();
|
this.getYjData();
|
||||||
this.getSwList()
|
this.getSwList();
|
||||||
},
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
clearInterval(timer)
|
clearInterval(timer);
|
||||||
timer = null;
|
timer = null;
|
||||||
},
|
},
|
||||||
|
};
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container {
|
.container {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
background-color: #f3f5f8;
|
background-color: #f3f5f8;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.info {
|
||||||
|
height: 100rpx;
|
||||||
|
background-color: #007afd;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.info {
|
.left {
|
||||||
height: 100rpx;
|
display: flex;
|
||||||
background-color: #007afd;
|
justify-content: space-around;
|
||||||
display: flex;
|
align-items: center;
|
||||||
align-items: center;
|
}
|
||||||
justify-content: space-between;
|
|
||||||
padding: 20px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left {
|
.icon {
|
||||||
display: flex;
|
width: 50px;
|
||||||
justify-content: space-around;
|
height: 50px;
|
||||||
align-items: center;
|
border-radius: 50%;
|
||||||
}
|
background-color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
color: #007afd;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
.icon {
|
.info_name {
|
||||||
width: 50px;
|
margin-left: 16rpx;
|
||||||
height: 50px;
|
}
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
color: #007afd;
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info_name {
|
.right {
|
||||||
margin-left: 16rpx;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.navBar {
|
||||||
text-align: center;
|
padding: 13px;
|
||||||
}
|
padding-bottom: 0;
|
||||||
|
/* text-align: center; */
|
||||||
|
display: flex;
|
||||||
|
background-color: #fff;
|
||||||
|
// justify-content: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.navBar {
|
.navList {
|
||||||
padding: 13px;
|
text-align: center;
|
||||||
padding-bottom: 0;
|
margin-right: 0px;
|
||||||
/* text-align: center; */
|
margin-bottom: 10px;
|
||||||
display: flex;
|
}
|
||||||
background-color: #fff;
|
|
||||||
// justify-content: center;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navList {
|
.navIcon {
|
||||||
text-align: center;
|
position: relative;
|
||||||
margin-right: 0px;
|
width: 82px;
|
||||||
margin-bottom: 10px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navIcon {
|
.readStatus {
|
||||||
position: relative;
|
position: absolute;
|
||||||
width: 82px;
|
top: 0;
|
||||||
height: 50px;
|
right: 17px;
|
||||||
}
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #de2433;
|
||||||
|
}
|
||||||
|
|
||||||
.readStatus {
|
.warn {
|
||||||
position: absolute;
|
padding: 18rpx 20rpx;
|
||||||
top: 0;
|
text-align: left;
|
||||||
right: 17px;
|
margin-bottom: 12rpx;
|
||||||
width: 10px;
|
background: #fff;
|
||||||
height: 10px;
|
}
|
||||||
border-radius: 50%;
|
|
||||||
background: #de2433;
|
|
||||||
}
|
|
||||||
|
|
||||||
.warn {
|
.warn1 {
|
||||||
padding: 18rpx 20rpx;
|
padding: 18rpx 20rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-bottom: 12rpx;
|
margin-bottom: 5px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warn1 {
|
.info_24 {
|
||||||
padding: 18rpx 20rpx;
|
width: 100%;
|
||||||
text-align: left;
|
// position: fixed;
|
||||||
margin-bottom: 5px;
|
// padding: 15px;
|
||||||
background: #fff;
|
background-color: #fff;
|
||||||
}
|
// margin-bottom: 12rpx;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
.info_24 {
|
.title .line {
|
||||||
width: 100%;
|
border: 2px solid #3380ff;
|
||||||
// position: fixed;
|
border-radius: 3rpx;
|
||||||
// padding: 15px;
|
margin-right: 20rpx;
|
||||||
background-color: #fff;
|
}
|
||||||
// margin-bottom: 12rpx;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title .line {
|
.title .h4 {
|
||||||
border: 2px solid #3380ff;
|
font-weight: 400;
|
||||||
border-radius: 3rpx;
|
font-size: 32rpx;
|
||||||
margin-right: 20rpx;
|
color: #121b3d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title .h4 {
|
.time {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32rpx;
|
font-size: 24rpx;
|
||||||
color: #121b3d;
|
color: #a2a2a2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.g1 {
|
||||||
font-weight: 400;
|
color: #545556;
|
||||||
font-size: 24rpx;
|
}
|
||||||
color: #a2a2a2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.g1 {
|
.ye {
|
||||||
color: #545556;
|
color: #ff1717;
|
||||||
}
|
/* font-weight: 600; */
|
||||||
|
}
|
||||||
|
|
||||||
.ye {
|
.b1 {
|
||||||
color: #ff1717;
|
color: #3380ff;
|
||||||
/* font-weight: 600; */
|
padding: 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b1 {
|
.uni-group {
|
||||||
color: #3380ff;
|
display: flex;
|
||||||
padding: 0 2px;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-group {
|
/* 表格 */
|
||||||
display: flex;
|
.tableBox {
|
||||||
align-items: center;
|
width: 100%;
|
||||||
}
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
/* 表格 */
|
.leftTab {
|
||||||
.tableBox {
|
width: 80px;
|
||||||
width: 100%;
|
/* border-bottom: 1px solid #ccc; */
|
||||||
position: relative;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.leftTab {
|
.rightTab {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
/* border-bottom: 1px solid #ccc; */
|
/* border: 1px solid #ccc;
|
||||||
}
|
|
||||||
|
|
||||||
.rightTab {
|
|
||||||
width: 80px;
|
|
||||||
/* border: 1px solid #ccc;
|
|
||||||
border-radius: 0 3px 3px 0;
|
border-radius: 0 3px 3px 0;
|
||||||
border-left: 0; */
|
border-left: 0; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.activetextTypeTab,
|
.activetextTypeTab,
|
||||||
.activetextTypeTab:hover {
|
.activetextTypeTab:hover {
|
||||||
border-bottom: 3rpx solid #2286f6;
|
border-bottom: 3rpx solid #2286f6;
|
||||||
color: #026be0;
|
color: #026be0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_div {
|
.table_div {
|
||||||
widows: 100%;
|
widows: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-width: calc(100% - 0px);
|
max-width: calc(100% - 0px);
|
||||||
max-height: calc(100vh - 24px);
|
max-height: calc(100vh - 24px);
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*table样式*/
|
/*table样式*/
|
||||||
.table_cur {
|
.table_cur {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
empty-cells: show;
|
empty-cells: show;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_cur tr {
|
.table_cur tr {
|
||||||
display: flex;
|
display: flex;
|
||||||
line-height: 56rpx;
|
line-height: 56rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_cur th {
|
.table_cur th {
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
color: #2f4056;
|
color: #2f4056;
|
||||||
background: #f5f6f8;
|
background: #f5f6f8;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table_cur td {
|
.table_cur td {
|
||||||
height: 56rpx;
|
height: 56rpx;
|
||||||
border-bottom: 1px solid #e5e9f2;
|
border-bottom: 1px solid #e5e9f2;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #2f4056;
|
color: #2f4056;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*table样式 end*/
|
/*table样式 end*/
|
||||||
.noData {
|
.noData {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<template>
|
||||||
|
<view :style="{ height: '100vh', overflow: 'hidden' }">
|
||||||
|
<u-status-bar></u-status-bar>
|
||||||
|
<u-navbar
|
||||||
|
title="水雨情"
|
||||||
|
:autoBack="true"
|
||||||
|
:titleStyle="{
|
||||||
|
fontSize: '18px',
|
||||||
|
}"
|
||||||
|
:height="44"
|
||||||
|
:safeAreaInsetTop="true"
|
||||||
|
leftIconSize="20"
|
||||||
|
leftIconColor="rgb(153, 153, 153)"
|
||||||
|
>
|
||||||
|
</u-navbar>
|
||||||
|
<view style="margin-top:50px;padding:10px">
|
||||||
|
<SlTable :tableData="slData"></SlTable>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import SlTable from "./slTable.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
SlTable,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
slData:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
uni.$http.post("/gunshiApp/ykz/stPptnRReal/data").then((res) => {
|
||||||
|
if(res.data.code == 200){
|
||||||
|
this.slData = res.data.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,104 @@
|
||||||
|
<template>
|
||||||
|
<div class="table_div">
|
||||||
|
<div class="table_cur">
|
||||||
|
<table style="width:100%;display:block">
|
||||||
|
<tr>
|
||||||
|
<th style="width: 30%;">
|
||||||
|
监测项目
|
||||||
|
</th>
|
||||||
|
<th style="width: 28%;">
|
||||||
|
监测值
|
||||||
|
</th>
|
||||||
|
<th style="width: 42%;">
|
||||||
|
监测时间
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
<!-- style="max-height: 480px; overflow-y: auto" -->
|
||||||
|
<div class="scroll-table">
|
||||||
|
<tr v-for="(item, index) in tableData" :key="index">
|
||||||
|
<td style="width: 30%;">{{simpleData(item.typeName)}}</td>
|
||||||
|
<td style="width:28%;">{{ item.val }}</td>
|
||||||
|
<td style="width: 42%;">{{item.tm}}</td>
|
||||||
|
</tr>
|
||||||
|
<div style="height:180px"></div>
|
||||||
|
</div>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import moment from "moment"
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
tableData:{
|
||||||
|
type:Array,
|
||||||
|
default:[],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
simpleData(tm){
|
||||||
|
let unit ='(m³/s)';
|
||||||
|
if(tm == '闸后流量'){
|
||||||
|
unit =tm +'(m³/s)';
|
||||||
|
}else if(tm == '雨量'){
|
||||||
|
unit =tm +'(mm)';
|
||||||
|
}else{
|
||||||
|
unit =tm +'(m)';
|
||||||
|
}
|
||||||
|
return unit
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.table_div {
|
||||||
|
height: 100%;
|
||||||
|
max-width: calc(100% - 0px);
|
||||||
|
// max-height: calc(80vh);
|
||||||
|
flex: 1;
|
||||||
|
padding-top: 0px;
|
||||||
|
// overflow-x: scroll;
|
||||||
|
}
|
||||||
|
/*table样式*/
|
||||||
|
.table_cur {
|
||||||
|
width: 100%;
|
||||||
|
empty-cells: show;
|
||||||
|
border-collapse: collapse;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.scroll-table{
|
||||||
|
height: calc(55vh - 180px);
|
||||||
|
overflow-y: auto;
|
||||||
|
width:'100%'
|
||||||
|
}
|
||||||
|
.table_cur tr {
|
||||||
|
display: flex;
|
||||||
|
line-height: 75rpx;
|
||||||
|
}
|
||||||
|
.table_cur th {
|
||||||
|
height: 85rpx;
|
||||||
|
color: #3399ef;
|
||||||
|
background: #e1f3ff;
|
||||||
|
font-size: 14px;
|
||||||
|
// font-weight: bold;
|
||||||
|
padding: 0px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table_cur td {
|
||||||
|
height: 65rpx;
|
||||||
|
// border-bottom: 1px solid #d8ddeb;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #2f4056;
|
||||||
|
padding: 0 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
/*table样式 end*/
|
||||||
|
</style>
|
||||||
|
|
@ -1,33 +1,29 @@
|
||||||
<template>
|
<template>
|
||||||
<view :style="{height:'100vh',overflow:'hidden',backgroundColor: '#f0f0f0'}">
|
<view :style="{height:'100vh',overflow:'hidden',backgroundColor: '#f0f0f0'}">
|
||||||
<u-status-bar></u-status-bar>
|
<u-status-bar></u-status-bar>
|
||||||
<u-navbar title="位移告警" :autoBack="true" :titleStyle="{
|
<u-navbar :title="list[0].typeName" :autoBack="true" :titleStyle="{
|
||||||
fontSize:'18px'
|
fontSize:'18px'
|
||||||
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="" style="margin-top: 44px;border-top: 1px solid #f0f0f0;">
|
<view class="" style="margin-top: 44px;border-top: 1px solid #f0f0f0;">
|
||||||
<view class="" v-for="item in list" style="margin: 10px;background-color: #fff;padding: 10px;">
|
<view class="" v-for="(item,i) in list" :key="i" style="margin: 10px;background-color: #fff;padding: 10px;">
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<text>{{item.stationCode}}</text>
|
<text>{{item.typeName}}</text>
|
||||||
<text>{{item.tm}}</text>
|
<text>{{item.warnTime}}</text>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="contentItem">
|
<view class="contentItem">
|
||||||
<view class="itemC">
|
<view class="itemC">
|
||||||
<text>预警级别:</text>
|
<text>阈值上限:</text>
|
||||||
<text>{{item.level===1?'黄色':'红色'}}</text>
|
<text>{{item.upperLimit}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="itemC">
|
<view class="itemC">
|
||||||
<text>监测值(mm):</text>
|
<text>监测值({{getUnit(item.typeName)}}):</text>
|
||||||
<text>{{item.value}}</text>
|
<text>{{item.val}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="itemC">
|
<view class="itemC">
|
||||||
<text>阈值:</text>
|
<text>阈值下限:</text>
|
||||||
<text>{{item.time}}</text>
|
<text>{{item.lowerLimit}}</text>
|
||||||
</view>
|
|
||||||
<view class="itemC">
|
|
||||||
<text>校验规则描述:</text>
|
|
||||||
<text>{{item.ruleDesc}}</text>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -51,25 +47,11 @@
|
||||||
customStyle: {
|
customStyle: {
|
||||||
background: '#000'
|
background: '#000'
|
||||||
},
|
},
|
||||||
list: [{
|
list: []
|
||||||
title: '5-29日常巡检',
|
|
||||||
state: 0,
|
|
||||||
xjx: '上游坝面、坝顶',
|
|
||||||
name: '王自荣',
|
|
||||||
time: '2024-05-30 09:31:23'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '5-29日常巡检',
|
|
||||||
state: 1,
|
|
||||||
xjx: '上游坝面、坝顶',
|
|
||||||
name: '王自荣',
|
|
||||||
time: '2024-05-30 09:31:23'
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(options){
|
onLoad(options){
|
||||||
// this.list = JSON.parse(decodeURIComponent(options.arr))
|
this.list = JSON.parse(decodeURIComponent(options.list))
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
confirm(e) {
|
confirm(e) {
|
||||||
|
|
@ -81,11 +63,17 @@
|
||||||
cancel() {
|
cancel() {
|
||||||
this.show = false
|
this.show = false
|
||||||
},
|
},
|
||||||
toDetail(){
|
getUnit(type){
|
||||||
uni.navigateTo({
|
let unit = 'm³/s';
|
||||||
url:'/pages/wtcl/detail/index'
|
if(type == '闸后流量'){
|
||||||
})
|
unit = 'm³/s';
|
||||||
|
}else if(type == '结构缝开度'){
|
||||||
|
unit = 'mm'
|
||||||
|
}else{
|
||||||
|
unit = 'm'
|
||||||
}
|
}
|
||||||
|
return unit;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,152 +1,221 @@
|
||||||
<template>
|
<template>
|
||||||
<view :style="{height:'100vh',overflow:'hidden'}">
|
<view :style="{ height: '100vh', overflow: 'hidden' }">
|
||||||
<u-status-bar></u-status-bar>
|
<u-status-bar></u-status-bar>
|
||||||
<u-navbar title="预警" :autoBack="true" :titleStyle="{
|
<u-navbar
|
||||||
fontSize:'18px'
|
title="预警"
|
||||||
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
|
:autoBack="true"
|
||||||
</u-navbar>
|
:titleStyle="{
|
||||||
|
fontSize: '18px',
|
||||||
<view class="" style="margin-top:44px;border-top: 1px solid #f0f0f0;">
|
}"
|
||||||
<view class="align-center" style="height: 44px;background-color: #f0f0f0;font-size: 12px;padding: 0 10px;">
|
:height="44"
|
||||||
预警时间：{{model.start}} 至 {{model.end}}
|
:safeAreaInsetTop="true"
|
||||||
</view>
|
leftIconSize="20"
|
||||||
<view class="itemYj">
|
leftIconColor="rgb(153, 153, 153)"
|
||||||
<view class="itemYjCont" v-for="(value,key) of list" >
|
>
|
||||||
<view class="item" @click="todetail(key,value)">
|
</u-navbar>
|
||||||
<view :style="`color:${!getValue(value)?'#D9001B':'#04D919'} ;`" class="num">
|
|
||||||
{{getValue(value)}}
|
|
||||||
</view>
|
|
||||||
<view class="title">
|
|
||||||
{{mapType[key]}}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
<view class="" style="margin-top: 44px; border-top: 1px solid #f0f0f0">
|
||||||
<u-calendar :show="show" mode="range" @confirm="confirm" @cancel='cancel'></u-calendar>
|
<view
|
||||||
</view>
|
class="align-center"
|
||||||
|
style="
|
||||||
|
height: 44px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 0 10px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
预警时间：{{ model.start }} 至 {{ model.end }}
|
||||||
|
</view>
|
||||||
|
<view class="itemYj">
|
||||||
|
<view class="itemYjCont" v-for="(value, key) of list" :key="key">
|
||||||
|
<view class="item" @click="todetail(key, value)">
|
||||||
|
<view
|
||||||
|
:style="`color:${!getValue(value) ? '#D9001B' : '#04D919'} ;`"
|
||||||
|
class="num"
|
||||||
|
>
|
||||||
|
{{ getValue(value) }}
|
||||||
|
</view>
|
||||||
|
<view class="title">
|
||||||
|
{{ mapType[key] }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-calendar
|
||||||
|
:show="show"
|
||||||
|
mode="range"
|
||||||
|
@confirm="confirm"
|
||||||
|
@cancel="cancel"
|
||||||
|
></u-calendar>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import moment from 'moment'
|
import moment from "moment";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
show: false,
|
show: false,
|
||||||
model: {
|
model: {
|
||||||
start: moment().subtract(1,'day').format('YYYY-MM-DD HH:mm:ss'),
|
start: moment().subtract(1, "day").format("YYYY-MM-DD HH:mm:ss"),
|
||||||
end: moment().format('YYYY-MM-DD HH:mm:ss')
|
end: moment().format("YYYY-MM-DD HH:mm:ss"),
|
||||||
},
|
},
|
||||||
mapType:{
|
mapType: {
|
||||||
aiWarnCount:'AI告警',
|
zhll: "闸后流量告警",
|
||||||
rzWarn:"水位告警",
|
zqsw: "闸前水位告警",
|
||||||
qxWarn:'气象告警',
|
zhsw: "闸后水位告警",
|
||||||
pressWarn:'渗流告警',
|
spwy: "水平位移告警",
|
||||||
flowWarn:'渗压告警',
|
jgfkd: "结构缝开度告警",
|
||||||
shiftWarn:'位移告警'
|
sljc: "渗流监测告警",
|
||||||
},
|
},
|
||||||
list: {rzWarn:"正常(-4.031)",flowWarn:[],pressWarn:[],qxWarn:[],shiftWarn:[],aiWarnCount: 0,}
|
list: {
|
||||||
};
|
zhll: [],
|
||||||
},
|
zqsw: [],
|
||||||
onLoad() {
|
zhsw: [],
|
||||||
|
spwy: [],
|
||||||
this.getList()
|
jgfkd: [],
|
||||||
},
|
sljc:[]
|
||||||
methods: {
|
},
|
||||||
getValue(value){
|
};
|
||||||
if(Array.isArray(value)){
|
},
|
||||||
return value.length
|
|
||||||
}else{
|
methods: {
|
||||||
return value
|
getValue(value) {
|
||||||
}
|
if (Array.isArray(value)) {
|
||||||
},
|
return value.length;
|
||||||
confirm(e) {
|
} else {
|
||||||
console.log(e);
|
return value;
|
||||||
this.model.stm = e[0]
|
}
|
||||||
this.model.etm = e[1]
|
},
|
||||||
this.show = false
|
confirm(e) {
|
||||||
},
|
console.log(e);
|
||||||
cancel() {
|
this.model.stm = e[0];
|
||||||
this.show = false
|
this.model.etm = e[1];
|
||||||
},
|
this.show = false;
|
||||||
todetail(key,e){
|
},
|
||||||
let arr = encodeURIComponent(JSON.stringify(e))
|
cancel() {
|
||||||
console.log(key,e.length?.length);
|
this.show = false;
|
||||||
if(!e.length?.length){
|
},
|
||||||
return;
|
todetail(key, e) {
|
||||||
}
|
let arr = encodeURIComponent(JSON.stringify(e));
|
||||||
if(key=='qxWarn'){
|
if (!e.length) {
|
||||||
uni.navigateTo({
|
return;
|
||||||
url:'/pages/yj/detail/qxyj?list='+arr
|
}
|
||||||
})
|
uni.navigateTo({
|
||||||
}
|
url: "/pages/yj/detail/wyyj?list=" + arr,
|
||||||
if(key == 'shiftWarn'){
|
});
|
||||||
uni.navigateTo({
|
// if (key == "qxWarn") {
|
||||||
url:'/pages/yj/detail/wyyj?list='+arr
|
// uni.navigateTo({
|
||||||
})
|
// url: "/pages/yj/detail/qxyj?list=" + arr,
|
||||||
}
|
// });
|
||||||
if(key == 'flowWarn'){
|
// }
|
||||||
uni.navigateTo({
|
// if (key == "zhll") {
|
||||||
url:'/pages/yj/detail/wyyj?list='+arr
|
// uni.navigateTo({
|
||||||
})
|
// url: "/pages/yj/detail/wyyj?list=" + arr,
|
||||||
}
|
// });
|
||||||
if(key == 'pressWarn'){
|
// }
|
||||||
uni.navigateTo({
|
// if (key == "flowWarn") {
|
||||||
url:'/pages/yj/detail/wyyj?list='+arr
|
// uni.navigateTo({
|
||||||
})
|
// url: "/pages/yj/detail/wyyj?list=" + arr,
|
||||||
}
|
// });
|
||||||
if(key == 'aiWarnCount'){
|
// }
|
||||||
uni.navigateTo({
|
// if (key == "pressWarn") {
|
||||||
url:'/pages/yj/detail/aiyj?list='+arr
|
// uni.navigateTo({
|
||||||
})
|
// url: "/pages/yj/detail/wyyj?list=" + arr,
|
||||||
}
|
// });
|
||||||
},
|
// }
|
||||||
getList(){
|
// if (key == "aiWarnCount") {
|
||||||
uni.$http.post('/gunshiApp/tsg/stQxWarnR/home/warn',this.model).then(res=>{
|
// uni.navigateTo({
|
||||||
this.list = res.data.data
|
// url: "/pages/yj/detail/aiyj?list=" + arr,
|
||||||
})
|
// });
|
||||||
},
|
// }
|
||||||
}
|
},
|
||||||
|
getList() {
|
||||||
|
uni.$http
|
||||||
|
.post("/gunshiApp/tsg/stQxWarnR/home/warn", this.model)
|
||||||
|
.then((res) => {
|
||||||
|
this.list = res.data.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 闸前
|
||||||
|
getZqList() {
|
||||||
|
return uni.$http
|
||||||
|
.post("/gunshiApp/ykz/warnRecord/page", {
|
||||||
|
pageSo: {
|
||||||
|
pageSize: 999,
|
||||||
|
pageNumber: 1,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
// 安全类型
|
||||||
|
getAqList() {
|
||||||
|
return uni.$http
|
||||||
|
.post("/gunshiApp/ykz/osmoticWarnRecord/page", {
|
||||||
|
pageSo: {
|
||||||
|
pageSize: 999,
|
||||||
|
pageNumber: 1,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
getAllList(){
|
||||||
|
Promise.all([this.getZqList(),this.getAqList()]).then(res => {
|
||||||
|
const result = res.map(item => item.data?.data?.records).flat();
|
||||||
|
const foldData = {
|
||||||
|
zhll:result.filter(item => item.typeName == '闸后流量'), //闸后流量
|
||||||
|
zqsw:result.filter(item => item.typeName == '闸前水位'), //闸前水位
|
||||||
|
zhsw:result.filter(item => item.typeName == '闸后水位'),//闸后水位
|
||||||
|
spwy:result.filter(item => item.typeName == '水平位移'),
|
||||||
|
jgfkd:result.filter(item => item.typeName == '结构缝开度'),
|
||||||
|
sljc:result.filter(item => item.typeName == '渗流监测'),
|
||||||
|
}
|
||||||
|
this.list = {...foldData}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
// this.getList();
|
||||||
|
this.getAllList();
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.itemYj{
|
.itemYj {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
.itemYjCont{
|
.itemYjCont {
|
||||||
border-width: 0px;
|
border-width: 0px;
|
||||||
width: 112px;
|
width: 112px;
|
||||||
height: 85px;
|
height: 85px;
|
||||||
background: inherit;
|
background: inherit;
|
||||||
background-color: rgba(234, 244, 254, 1);
|
background-color: rgba(234, 244, 254, 1);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
-moz-box-shadow: none;
|
-moz-box-shadow: none;
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
.item{
|
.item {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.normal{
|
.normal {
|
||||||
color: #04D919;
|
color: #04d919;
|
||||||
}
|
}
|
||||||
.bj{
|
.bj {
|
||||||
color:#D9001B;
|
color: #d9001b;
|
||||||
}
|
}
|
||||||
// width: 30%;
|
// width: 30%;
|
||||||
// margin: 5px;
|
// margin: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue