feat(): 新增汛情简报
parent
f41bf1d1e0
commit
60b3e4449a
3
main.js
3
main.js
|
|
@ -8,7 +8,8 @@ import {
|
||||||
} from '@escook/request-miniprogram'
|
} from '@escook/request-miniprogram'
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
uni.$http = $http
|
uni.$http = $http
|
||||||
$http.baseUrl = 'http://223.75.53.141:83'
|
// $http.baseUrl = 'http://223.75.53.141:83'
|
||||||
|
$http.baseUrl = 'http://local.gunshiiot.com:18083'
|
||||||
// 请求拦截器
|
// 请求拦截器
|
||||||
$http.beforeRequest = function (options) {
|
$http.beforeRequest = function (options) {
|
||||||
if (options.url.indexOf('/doLogin') == -1) {
|
if (options.url.indexOf('/doLogin') == -1) {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
"name" : "檀树岗水库",
|
"name" : "檀树岗水库",
|
||||||
"appid" : "__UNI__33ED56F",
|
"appid" : "__UNI__33ED56F",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.0.0",
|
"versionName" : "1.0.1",
|
||||||
"versionCode" : 1,
|
"versionCode" : 1,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
|
|
|
||||||
12
pages.json
12
pages.json
|
|
@ -201,6 +201,18 @@
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/briefList/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/briefList/detail/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/messageList/detail/index",
|
"path": "pages/messageList/detail/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,204 @@
|
||||||
|
<template>
|
||||||
|
<view
|
||||||
|
:style="{ height: '100vh', overflow: 'hidden', backgroundColor: '#f0f0f0' }"
|
||||||
|
>
|
||||||
|
<u-navbar
|
||||||
|
title="汛情简报"
|
||||||
|
:autoBack="true"
|
||||||
|
:titleStyle="{
|
||||||
|
fontSize: '18px',
|
||||||
|
}"
|
||||||
|
:height="44"
|
||||||
|
:safeAreaInsetTop="true"
|
||||||
|
leftIconSize="20"
|
||||||
|
leftIconColor="rgb(153, 153, 153)"
|
||||||
|
>
|
||||||
|
</u-navbar>
|
||||||
|
<view
|
||||||
|
class=""
|
||||||
|
style="
|
||||||
|
margin-top: 44px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-top: 1px solid #f0f0f0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
class=""
|
||||||
|
v-for="item in list"
|
||||||
|
style="margin: 10px; background-color: #fff; padding: 10px"
|
||||||
|
>
|
||||||
|
<view class="contentItem">
|
||||||
|
<view class="itemC">
|
||||||
|
<text>标题</text>
|
||||||
|
<text>{{ getTitleDate(item.date) }}汛情简报</text>
|
||||||
|
</view>
|
||||||
|
<view class="itemC">
|
||||||
|
<text>发布时间</text>
|
||||||
|
<text>{{ item.date }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="itemC">
|
||||||
|
<view class="itemNo" style="flex-direction: column">
|
||||||
|
<text>消息内容</text>
|
||||||
|
<view class="textContent">
|
||||||
|
<span style="margin-left: 15px">{{ briefTime(item.date) }}</span
|
||||||
|
>8时，过去24小时最大累计降雨量
|
||||||
|
<span class="xqjb-redColor">{{ item.drp24Sum }}mm</span>(<span
|
||||||
|
class="xqjb-redColor"
|
||||||
|
>{{ item.sumStnm }}</span
|
||||||
|
>)，最大点雨量
|
||||||
|
<span class="xqjb-redColor">{{ item.drp24Max }}mm/h</span>(<span
|
||||||
|
class="xqjb-redColor"
|
||||||
|
>{{ item.maxStnm }},{{ raimTime(item.maxTm) }}</span
|
||||||
|
>)。当前水库水位
|
||||||
|
<span class="xqjb-redColor">{{ item.rz8 }}m</span
|
||||||
|
>，汛限水位(<span>{{ item.flLowLimLev }}m</span>)，较昨日
|
||||||
|
<span class="xqjb-redColor"
|
||||||
|
>{{ increaseWater(item.rz8, item.rzYesterday8) }}m</span
|
||||||
|
>，库容达
|
||||||
|
<span class="xqjb-redColor">{{ item.w }}万m³</span>。--
|
||||||
|
<span>{{ endDataString(item.date) }}</span>
|
||||||
|
</view>
|
||||||
|
<!-- <u--textarea
|
||||||
|
v-model="item.content"
|
||||||
|
placeholder="请输入内容"
|
||||||
|
disabled
|
||||||
|
></u--textarea> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-calendar
|
||||||
|
:show="show"
|
||||||
|
mode="range"
|
||||||
|
@confirm="confirm"
|
||||||
|
@cancel="cancel"
|
||||||
|
></u-calendar>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
model: {
|
||||||
|
stm: "",
|
||||||
|
etm: "",
|
||||||
|
},
|
||||||
|
list: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
console.log("JSON.parse(options.item)", JSON.parse(options.item));
|
||||||
|
|
||||||
|
this.list.push(JSON.parse(options.item));
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
endDataString(date) {
|
||||||
|
return moment(date).subtract(1, "days").format("YYYY-MM-DD 08:00");
|
||||||
|
},
|
||||||
|
increaseWater(rz8, rzYesterday8) {
|
||||||
|
let values = "";
|
||||||
|
if (rz8 && rzYesterday8) {
|
||||||
|
let dob = (rz8 - rzYesterday8).toFixed(2);
|
||||||
|
values = dob > 0 ? `上涨${Math.abs(dob)}` : `下降${Math.abs(dob)}`;
|
||||||
|
}
|
||||||
|
return values;
|
||||||
|
},
|
||||||
|
raimTime(maxTm) {
|
||||||
|
return maxTm ? moment(maxTm).format("D日H时") : "";
|
||||||
|
},
|
||||||
|
briefTime(date) {
|
||||||
|
return date ? moment(date).format("YYYY年M月D日") : "";
|
||||||
|
},
|
||||||
|
getTitleDate(date) {
|
||||||
|
return date ? moment(date).subtract(1, "days").format("YYYY-MM-DD") : "";
|
||||||
|
},
|
||||||
|
confirm(e) {
|
||||||
|
console.log(e);
|
||||||
|
this.model.stm = e[0];
|
||||||
|
this.model.etm = e[1];
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.xqjb-redColor {
|
||||||
|
color: #db001b;
|
||||||
|
}
|
||||||
|
.myTitleStyle {
|
||||||
|
font-size: 30px;
|
||||||
|
background-color: red;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsClass {
|
||||||
|
margin-top: 44px;
|
||||||
|
height: 44px;
|
||||||
|
padding: 0 40px;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
// justify-content: space-between;
|
||||||
|
.blueTiao {
|
||||||
|
background-color: #007aff;
|
||||||
|
width: 5px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
border-width: 0px;
|
||||||
|
font-family: "微软雅黑 Bold", "微软雅黑 Regular", "微软雅黑", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleRight {
|
||||||
|
display: flex;
|
||||||
|
.border {
|
||||||
|
border-width: 0px;
|
||||||
|
background-color: rgba(236, 245, 255, 1);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgba(187, 220, 255, 1);
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: none;
|
||||||
|
width: 58px;
|
||||||
|
height: 25px;
|
||||||
|
color: #689fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contentItem {
|
||||||
|
margin-top: 15px;
|
||||||
|
.itemC {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
display: flex;
|
||||||
|
color: #666666;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.itemNo {
|
||||||
|
color: #666666;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,259 @@
|
||||||
|
<template>
|
||||||
|
<view
|
||||||
|
:style="{ height: '100vh', overflow: 'hidden', backgroundColor: '#f0f0f0' }"
|
||||||
|
>
|
||||||
|
<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=""
|
||||||
|
style="
|
||||||
|
margin-top: 44px;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-top: 1px solid #f0f0f0;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<view style="padding:0 10px,backgroundColor:#fff">
|
||||||
|
<view
|
||||||
|
class="time-ranger"
|
||||||
|
style="padding: 10px; margin-bottom: 0; background-color: #fff"
|
||||||
|
>
|
||||||
|
<view class="start-time">
|
||||||
|
<text>开始时间</text>
|
||||||
|
<text
|
||||||
|
@click="showTime = true"
|
||||||
|
style="margin-left: 10%; color: #3399ef"
|
||||||
|
>{{ startTime }}</text
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
<view class="end-time">
|
||||||
|
<text>结束时间</text>
|
||||||
|
<text
|
||||||
|
@click="showTime1 = true"
|
||||||
|
style="margin: 0 10%; color: #3399ef"
|
||||||
|
>{{ endTime }}</text
|
||||||
|
>
|
||||||
|
<view class="search-btn" @click="searchTm"> 搜索 </view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="height: calc(100vh - 180px); overflow-y: auto"
|
||||||
|
v-if="list.length !== 0"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
class=""
|
||||||
|
v-for="(item, index) in list"
|
||||||
|
:key="index"
|
||||||
|
style="margin: 10px; background-color: #fff; padding: 10px"
|
||||||
|
@click="toDetail(item)"
|
||||||
|
>
|
||||||
|
<view class="item">
|
||||||
|
<view class="align-center">
|
||||||
|
<view class="title">
|
||||||
|
{{ getTitleDate(item.date) }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="contentItem">
|
||||||
|
<view class="itemC">
|
||||||
|
<span style="margin-left: 30px">{{
|
||||||
|
getBriefTime(item.date)
|
||||||
|
}}</span
|
||||||
|
>8时，过去24小时最大累计降雨量
|
||||||
|
<span class="xqjb-redColor">{{ item.drp24Sum }}mm</span>(<span
|
||||||
|
class="xqjb-redColor"
|
||||||
|
>{{ item.sumStnm }}</span
|
||||||
|
>)，最大点雨量
|
||||||
|
<span class="xqjb-redColor">{{ item.drp24Max }}mm/h</span>（...
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="
|
||||||
|
height: calc(100vh - 150px);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #fff;
|
||||||
|
"
|
||||||
|
v-else
|
||||||
|
>
|
||||||
|
<image src="../../static/empty.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime"
|
||||||
|
v-model="stm"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="showTime = false"
|
||||||
|
@cancel="showTime = false"
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showTime1"
|
||||||
|
v-model="etm"
|
||||||
|
mode="datetime"
|
||||||
|
@confirm="showTime1 = false"
|
||||||
|
@cancel="showTime1 = false"
|
||||||
|
></u-datetime-picker>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import moment from "moment";
|
||||||
|
const startData = moment().subtract(7, "days").format("YYYY-MM-DD");
|
||||||
|
const endData = moment().format("YYYY-MM-DD");
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
minDate: moment().startOf("year").valueOf(),
|
||||||
|
maxDate: moment().valueOf(),
|
||||||
|
show: false,
|
||||||
|
showTime: false,
|
||||||
|
showTime1: false,
|
||||||
|
start: startData,
|
||||||
|
end: endData,
|
||||||
|
stm: startData,
|
||||||
|
etm: endData,
|
||||||
|
userList: uni.getStorageSync("value").data,
|
||||||
|
list: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow(options) {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
startTime: function () {
|
||||||
|
return this.stm ? moment(this.stm).format("YYYY-MM-DD") : this.start;
|
||||||
|
},
|
||||||
|
endTime: function () {
|
||||||
|
return this.etm ? moment(this.etm).format("YYYY-MM-DD") : this.end;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTitleDate(date) {
|
||||||
|
return date ? moment(date).subtract(1, "days").format("YYYY-MM-DD") : "";
|
||||||
|
},
|
||||||
|
getBriefTime(date) {
|
||||||
|
return date ? moment(date).format("YYYY年M月D日") : "";
|
||||||
|
},
|
||||||
|
searchTm() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
const startDate1 = moment(this.stm).format("YYYY-MM-DD");
|
||||||
|
const endDate1 = moment(this.etm).format("YYYY-MM-DD");
|
||||||
|
uni.$http
|
||||||
|
.get(
|
||||||
|
`/gunshiApp/tsg/resBrief/getResBriefList?startDate=${startDate1}&endDate=${endDate1}`
|
||||||
|
)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.list = res.data.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
confirm(e) {
|
||||||
|
console.log(e);
|
||||||
|
this.model.start = e[0];
|
||||||
|
this.model.end = e[1];
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
toDetail(item) {
|
||||||
|
console.log(item);
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/briefList/detail/index?item=" + JSON.stringify(item),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.uni-input-placeholder {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.myTitleStyle {
|
||||||
|
font-size: 30px;
|
||||||
|
background-color: red;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabsClass {
|
||||||
|
margin-top: 44px;
|
||||||
|
height: 44px;
|
||||||
|
padding: 0 40px;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
// border-bottom: 1px solid #f0f0f0;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.blueTiao {
|
||||||
|
background-color: #2a7efa;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
border-width: 0px;
|
||||||
|
font-family: "微软雅黑 Bold", "微软雅黑 Regular", "微软雅黑", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 15px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleRight {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.border {
|
||||||
|
border-width: 0px;
|
||||||
|
background-color: rgba(236, 245, 255, 1);
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgba(187, 220, 255, 1);
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: none;
|
||||||
|
width: 58px;
|
||||||
|
height: 25px;
|
||||||
|
color: #689fff;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentItem {
|
||||||
|
.itemC {
|
||||||
|
color: #666666;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.xqjb-redColor {
|
||||||
|
color: #db001b;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -4,86 +4,153 @@
|
||||||
<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
|
||||||
|
style="width: 100%; height: 100%; border-radius: 50%"
|
||||||
|
:src="default_src"
|
||||||
|
mode="aspectFill"
|
||||||
|
>
|
||||||
</image>
|
</image>
|
||||||
</div>
|
</div>
|
||||||
<div class="info_name">
|
<div class="info_name">
|
||||||
<div v-if="userList.userName">{{ userList.nickName }}</div>
|
<div v-if="userList.userName">{{ userList.nickName }}</div>
|
||||||
<div v-if="userList.dept">
|
<div v-if="userList.dept">
|
||||||
{{ userList.dept.deptName || '' }}
|
{{ userList.dept.deptName || "" }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<u-icon name="bell-fill" size="30" color="#fff" @click="todetailmessgae()">
|
<u-icon
|
||||||
|
name="bell-fill"
|
||||||
|
size="30"
|
||||||
|
color="#fff"
|
||||||
|
@click="todetailmessgae()"
|
||||||
|
>
|
||||||
</u-icon>
|
</u-icon>
|
||||||
<u-badge bgColor=" #de2433" :offset='[25,20]' :value="messagelist.length" :absolute='true'></u-badge>
|
<u-badge
|
||||||
|
v-if="messagelist"
|
||||||
|
bgColor=" #de2433"
|
||||||
|
:offset="[25, 20]"
|
||||||
|
:value="messagelist.length"
|
||||||
|
:absolute="true"
|
||||||
|
></u-badge>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
<!-- nav -->
|
<!-- nav -->
|
||||||
<view class="navBar" style="display: flex;flex-wrap: wrap;">
|
<view class="navBar" style="display: flex; flex-wrap: wrap">
|
||||||
<div class="navList" v-for="(item, index) in getNavList" :key="index">
|
<div class="navList" v-for="(item, index) in getNavList" :key="index">
|
||||||
<div @click="myNavigateTo(item.url,item.value)"
|
<div
|
||||||
style="display:flex;flex-direction: column;align-items: center;">
|
@click="myNavigateTo(item.url, item.value)"
|
||||||
|
style="display: flex; flex-direction: column; align-items: center"
|
||||||
|
>
|
||||||
<div class="navIcon">
|
<div class="navIcon">
|
||||||
<image style="width: 100%; height: 100%" :src="item.icon" mode="aspectFit"></image>
|
<image
|
||||||
<div class="readStatus" v-show="
|
style="width: 100%; height: 100%"
|
||||||
|
:src="item.icon"
|
||||||
|
mode="aspectFit"
|
||||||
|
></image>
|
||||||
|
<div
|
||||||
|
class="readStatus"
|
||||||
|
v-show="
|
||||||
(warnStatus && item.key == 2) ||
|
(warnStatus && item.key == 2) ||
|
||||||
(handleStatus && item.key ==6) ||(xcStatus && item.key == 5)
|
(handleStatus && item.key == 6) ||
|
||||||
"></div>
|
(xcStatus && item.key == 5)
|
||||||
|
"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="navTxt">{{ item.value }}</div>
|
<div class="navTxt">{{ item.value }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="warn" @click="todetailBriefmessgae()">
|
||||||
|
<view style="display: flex; align-items: center;justify-content: space-between;">
|
||||||
|
<view class="xqjb-title-left">
|
||||||
|
<view
|
||||||
|
style="
|
||||||
|
width: 8rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #0297d7;
|
||||||
|
"
|
||||||
|
></view
|
||||||
|
><span style="color: #000">汛情简报</span>
|
||||||
|
</view>
|
||||||
|
<view >{{startDate}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="textContent">
|
||||||
|
<span style="margin-left: 30px;">{{briefTime}}</span>8时，过去24小时最大累计降雨量
|
||||||
|
<span class="xqjb-redColor" >{{resBriefObj.drp24Sum}}mm</span>(<span class="xqjb-redColor">{{resBriefObj.sumStnm}}</span>)，最大点雨量
|
||||||
|
<span class="xqjb-redColor">{{resBriefObj.drp24Max}}mm/h</span>(<span class="xqjb-redColor">{{resBriefObj.maxStnm}}，{{raimTime}}</span>)。当前水库水位
|
||||||
|
<span class="xqjb-redColor">{{resBriefObj.rz8}}m</span>，汛限水位(<span>{{resBriefObj.flLowLimLev}}m</span>)，较昨日
|
||||||
|
<span class="xqjb-redColor">{{increaseWater}}m</span>，库容达
|
||||||
|
<span class="xqjb-redColor">{{resBriefObj.w}}万m³</span>。--
|
||||||
|
<span>{{endDataString}}</span>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<view class="warn">
|
<view class="warn">
|
||||||
<sk-info />
|
<sk-info />
|
||||||
</view>
|
</view>
|
||||||
<view class="warn1" v-for="item in Ylzlist" :key="item.stnm">
|
<view class="warn1" v-for="item in Ylzlist" :key="item.stnm">
|
||||||
<ylz-list :item='item' />
|
<ylz-list :item="item" />
|
||||||
</view>
|
</view>
|
||||||
<view class="warn1" v-for="item in swzList" :key="item.stcd">
|
<view class="warn1" v-for="item in swzList" :key="item.stcd">
|
||||||
<SwzList :item='item'/>
|
<SwzList :item="item" />
|
||||||
</view>
|
</view>
|
||||||
<view class="info_24"
|
<view
|
||||||
:style="{display:'flex',justifyContent:'center',alignItems:'center',padding:'5px 0',margin:'0'}">
|
class="info_24"
|
||||||
<image :style="{width:'20px',height:'20px',marginRight:'10px'}" src="../../static/logoc.png"></image>
|
: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>
|
<div>技术支持: 湖北鲧石物联科技有限公司</div>
|
||||||
</view>
|
</view>
|
||||||
</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");
|
||||||
const stm = moment().startOf('year').format("YYYY-MM-DD HH:mm:ss");
|
const stm = moment().startOf("year").format("YYYY-MM-DD HH:mm:ss");
|
||||||
const etm = moment().format("YYYY-MM-DD HH:mm:ss");
|
const etm = moment().format("YYYY-MM-DD HH:mm:ss");
|
||||||
import SkInfo from '../skInfo/index.vue'
|
const startDate = moment().subtract(1,'days').format("YYYY-MM-DD");
|
||||||
import YlzList from '../ylzList/index.vue'
|
const endDate = moment().format("YYYY-MM-DD");
|
||||||
import SwzList from "../sws/index.vue"
|
import SkInfo from "../skInfo/index.vue";
|
||||||
let timer = null;
|
import YlzList from "../ylzList/index.vue";
|
||||||
export default {
|
import SwzList from "../sws/index.vue";
|
||||||
|
let timer = null;
|
||||||
|
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: [],
|
||||||
xcStatus: false,
|
xcStatus: false,
|
||||||
ylzList: [],
|
ylzList: [],
|
||||||
swzList:[],
|
swzList: [],
|
||||||
|
resBriefObj:{},
|
||||||
|
startDate,
|
||||||
|
endDate,
|
||||||
warnStatus: false, //预警
|
warnStatus: false, //预警
|
||||||
handleStatus: false, //问题处理
|
handleStatus: false, //问题处理
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
|
this.getresBriefList();
|
||||||
this.getYjData();
|
this.getYjData();
|
||||||
this.getXcrwData();
|
this.getXcrwData();
|
||||||
this.getHandleData();
|
this.getHandleData();
|
||||||
|
|
@ -96,111 +163,151 @@
|
||||||
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/zhjs/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '预警',
|
value: "预警",
|
||||||
key: 2,
|
key: 2,
|
||||||
icon: '../../static/tabs/yujing_icon@2x2.png',
|
icon: "../../static/tabs/yujing_icon@2x2.png",
|
||||||
url: '/pages/yj/index'
|
url: "/pages/yj/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '视频监控',
|
value: "视频监控",
|
||||||
key: 3,
|
key: 3,
|
||||||
icon: '../../static/tabs/spjk.png',
|
icon: "../../static/tabs/spjk.png",
|
||||||
url: '/pages/spjk/index'
|
url: "/pages/spjk/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '安全监测',
|
value: "安全监测",
|
||||||
key: 4,
|
key: 4,
|
||||||
icon: '../../static/tabs/aqjc.png',
|
icon: "../../static/tabs/aqjc.png",
|
||||||
url: '/pages/aqjc/index'
|
url: "/pages/aqjc/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '巡查任务',
|
value: "巡查任务",
|
||||||
key: 5,
|
key: 5,
|
||||||
icon: '../../static/tabs/xcrw.png',
|
icon: "../../static/tabs/xcrw.png",
|
||||||
url: '/pages/xcrw/index'
|
url: "/pages/xcrw/index",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '问题处理',
|
value: "问题处理",
|
||||||
key: 6,
|
key: 6,
|
||||||
icon: '../../static/tabs/wtcl.png',
|
icon: "../../static/tabs/wtcl.png",
|
||||||
url: '/pages/wtcl/index'
|
url: "/pages/wtcl/index",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
briefTime(){
|
||||||
|
return this.resBriefObj.date ? moment(this.resBriefObj.date).format('YYYY年M月D日') :''
|
||||||
|
},
|
||||||
|
raimTime(){
|
||||||
|
return this.resBriefObj.maxTm ? moment(this.resBriefObj.maxTm).format('D日H时') :''
|
||||||
|
},
|
||||||
|
increaseWater(){
|
||||||
|
const {rz8,rzYesterday8} = this.resBriefObj
|
||||||
|
let values = ''
|
||||||
|
if(rz8 && rzYesterday8){
|
||||||
|
let dob = Math.abs((rz8-rzYesterday8).toFixed(2))
|
||||||
|
values = dob > 0? `上涨${Math.abs(dob)}`:`下降${Math.abs(dob)}`
|
||||||
}
|
}
|
||||||
]
|
return values
|
||||||
|
},
|
||||||
|
endDataString(){
|
||||||
|
return moment(this.endDate).format('YYYY-MM-DD 08:00');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getYlzList() {
|
getYlzList() {
|
||||||
uni.$http.post('/gunshiApp/tsg/stPptnRReal/list').then(res => {
|
uni.$http.post("/gunshiApp/tsg/stPptnRReal/list").then((res) => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.Ylzlist = res.data.data
|
this.Ylzlist = res.data.data;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
},
|
||||||
|
// 获取汛情简报数据
|
||||||
|
getresBriefList() {
|
||||||
|
uni.$http.get(`/gunshiApp/tsg/resBrief/getResBriefList?startDate=${startDate}&endDate=${endDate}`).then((res) => {
|
||||||
|
if (res.data.code == 200) {
|
||||||
|
this.resBriefObj = res.data.data[0];
|
||||||
|
}
|
||||||
|
});
|
||||||
},
|
},
|
||||||
getList() {
|
getList() {
|
||||||
uni.$http.post('/gunshiApp/tsg/messageCenter/list', {
|
uni.$http
|
||||||
start: '',
|
.post("/gunshiApp/tsg/messageCenter/list", {
|
||||||
end: ''
|
start: "",
|
||||||
}).then(res => {
|
end: "",
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.messagelist = res.data.data
|
this.messagelist = res.data.data;
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
getSwList(){
|
getSwList() {
|
||||||
uni.$http.post('/gunshiApp/tsg/reservoir/water/listV2',{sources:['SW','SK']}).then(res=>{
|
uni.$http
|
||||||
this.swzList=res.data.data
|
.post("/gunshiApp/tsg/reservoir/water/listV2", {
|
||||||
|
sources: ["SW", "SK"],
|
||||||
})
|
})
|
||||||
|
.then((res) => {
|
||||||
|
this.swzList = res.data.data;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
todetailmessgae() {
|
todetailmessgae() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/messageList/index'
|
url: "/pages/messageList/index",
|
||||||
})
|
});
|
||||||
|
},
|
||||||
|
todetailBriefmessgae() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/briefList/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) {
|
myNavigateTo(url, menu2) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: url // 跳转到对应路径的页面
|
url: url, // 跳转到对应路径的页面
|
||||||
})
|
});
|
||||||
this.setInsert(menu2)
|
this.setInsert(menu2);
|
||||||
},
|
},
|
||||||
|
|
||||||
// 问题处理
|
// 问题处理
|
||||||
async getHandleData() {
|
async getHandleData() {
|
||||||
let params = {
|
let params = {
|
||||||
"pageSo": {
|
pageSo: {
|
||||||
"pageSize": 10,
|
pageSize: 10,
|
||||||
"pageNumber": 1
|
pageNumber: 1,
|
||||||
},
|
},
|
||||||
"dateTimeRangeSo": {
|
dateTimeRangeSo: {
|
||||||
start: stm,
|
start: stm,
|
||||||
end: etm
|
end: etm,
|
||||||
},
|
},
|
||||||
"isHandle": 0,
|
isHandle: 0,
|
||||||
"inspectUserId": uni.getStorageSync('value').userId
|
inspectUserId: uni.getStorageSync("value").userId,
|
||||||
}
|
};
|
||||||
try {
|
try {
|
||||||
const res = await uni.$http.post("/gunshiApp/tsg/inspect/detail/page", params)
|
const res = await uni.$http.post(
|
||||||
if (res.data.data.records.length > 0) {
|
"/gunshiApp/tsg/inspect/detail/page",
|
||||||
this.handleStatus = true
|
params
|
||||||
|
);
|
||||||
|
if (res.data.data.records?.length > 0) {
|
||||||
|
this.handleStatus = true;
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
uni.$showMsg();
|
uni.$showMsg();
|
||||||
|
|
@ -210,19 +317,17 @@
|
||||||
async getYjData() {
|
async getYjData() {
|
||||||
const params = {
|
const params = {
|
||||||
start: warnStm,
|
start: warnStm,
|
||||||
end: warnetm
|
end: warnetm,
|
||||||
}
|
};
|
||||||
try {
|
try {
|
||||||
const res = await uni.$http.post("/gunshiApp/tsg/stQxWarnR/home/warn", params)
|
const res = await uni.$http.post(
|
||||||
const {
|
"/gunshiApp/tsg/stQxWarnR/home/warn",
|
||||||
flowWarn,
|
params
|
||||||
pressWarn,
|
);
|
||||||
qxWarn,
|
const { flowWarn, pressWarn, qxWarn, shiftWarn } = res.data.data;
|
||||||
shiftWarn
|
const arr = [...flowWarn, ...pressWarn, ...qxWarn, ...shiftWarn];
|
||||||
} = res.data.data
|
if (arr?.length > 0) {
|
||||||
const arr = [...flowWarn, ...pressWarn, ...qxWarn, ...shiftWarn]
|
this.warnStatus = true;
|
||||||
if (arr.length > 0) {
|
|
||||||
this.warnStatus = true
|
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
uni.$showMsg();
|
uni.$showMsg();
|
||||||
|
|
@ -230,21 +335,24 @@
|
||||||
},
|
},
|
||||||
// 巡查任务
|
// 巡查任务
|
||||||
async getXcrwData() {
|
async getXcrwData() {
|
||||||
const userId = uni.getStorageSync('value').userId
|
const userId = uni.getStorageSync("value").userId;
|
||||||
const params = {
|
const params = {
|
||||||
dateRangeSo: {
|
dateRangeSo: {
|
||||||
start: stm,
|
start: stm,
|
||||||
end: etm,
|
end: etm,
|
||||||
},
|
},
|
||||||
inspectUserId: userId,
|
inspectUserId: userId,
|
||||||
statusList: [0, 1]
|
statusList: [0, 1],
|
||||||
}
|
};
|
||||||
try {
|
try {
|
||||||
const res = await uni.$http.post("/gunshiApp/tsg/inspect/task/list", params)
|
const res = await uni.$http.post(
|
||||||
if (res.data.data.length > 0) {
|
"/gunshiApp/tsg/inspect/task/list",
|
||||||
this.xcStatus = true
|
params
|
||||||
}else{
|
);
|
||||||
this.xcStatus = false
|
if (res.data.data?.length > 0) {
|
||||||
|
this.xcStatus = true;
|
||||||
|
} else {
|
||||||
|
this.xcStatus = false;
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
uni.$showMsg();
|
uni.$showMsg();
|
||||||
|
|
@ -254,6 +362,7 @@
|
||||||
|
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.getYlzList();
|
this.getYlzList();
|
||||||
|
this.getresBriefList();
|
||||||
},
|
},
|
||||||
|
|
||||||
onShow() {
|
onShow() {
|
||||||
|
|
@ -264,30 +373,37 @@
|
||||||
that.getList();
|
that.getList();
|
||||||
}, 10000);
|
}, 10000);
|
||||||
this.getHandleData();
|
this.getHandleData();
|
||||||
this.setInsert()
|
this.setInsert();
|
||||||
this.getYjData();
|
this.getYjData();
|
||||||
this.getSwList()
|
this.getSwList();
|
||||||
|
this.getresBriefList();
|
||||||
},
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
clearInterval(timer)
|
clearInterval(timer);
|
||||||
timer = null;
|
timer = null;
|
||||||
},
|
},
|
||||||
|
};
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container {
|
|
||||||
|
.xqjb-redColor{
|
||||||
|
color:#db001b
|
||||||
|
}
|
||||||
|
.xqjb-title-left{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.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 {
|
||||||
|
|
||||||
.info {
|
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
background-color: #007afd;
|
background-color: #007afd;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -295,15 +411,15 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
@ -311,17 +427,17 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #007afd;
|
color: #007afd;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info_name {
|
.info_name {
|
||||||
margin-left: 16rpx;
|
margin-left: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navBar {
|
.navBar {
|
||||||
padding: 13px;
|
padding: 13px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
/* text-align: center; */
|
/* text-align: center; */
|
||||||
|
|
@ -329,21 +445,21 @@
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navList {
|
.navList {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navIcon {
|
.navIcon {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 82px;
|
width: 82px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.readStatus {
|
.readStatus {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 17px;
|
right: 17px;
|
||||||
|
|
@ -351,93 +467,93 @@
|
||||||
height: 10px;
|
height: 10px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #de2433;
|
background: #de2433;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warn {
|
.warn {
|
||||||
padding: 18rpx 20rpx;
|
padding: 18rpx 20rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-bottom: 12rpx;
|
margin-bottom: 12rpx;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warn1 {
|
.warn1 {
|
||||||
padding: 18rpx 20rpx;
|
padding: 18rpx 20rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info_24 {
|
.info_24 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// position: fixed;
|
// position: fixed;
|
||||||
// padding: 15px;
|
// padding: 15px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
// margin-bottom: 12rpx;
|
// margin-bottom: 12rpx;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title .line {
|
.title .line {
|
||||||
border: 2px solid #3380ff;
|
border: 2px solid #3380ff;
|
||||||
border-radius: 3rpx;
|
border-radius: 3rpx;
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title .h4 {
|
.title .h4 {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #121b3d;
|
color: #121b3d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.time {
|
.time {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #a2a2a2;
|
color: #a2a2a2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.g1 {
|
.g1 {
|
||||||
color: #545556;
|
color: #545556;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ye {
|
.ye {
|
||||||
color: #ff1717;
|
color: #ff1717;
|
||||||
/* font-weight: 600; */
|
/* font-weight: 600; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.b1 {
|
.b1 {
|
||||||
color: #3380ff;
|
color: #3380ff;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-group {
|
.uni-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 表格 */
|
/* 表格 */
|
||||||
.tableBox {
|
.tableBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leftTab {
|
.leftTab {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
/* border-bottom: 1px solid #ccc; */
|
/* border-bottom: 1px solid #ccc; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightTab {
|
.rightTab {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
/* border: 1px solid #ccc;
|
/* 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);
|
||||||
|
|
@ -445,22 +561,22 @@
|
||||||
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;
|
||||||
|
|
@ -470,9 +586,9 @@
|
||||||
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;
|
||||||
|
|
@ -481,10 +597,10 @@
|
||||||
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>
|
||||||
|
|
@ -6,8 +6,8 @@
|
||||||
</image>
|
</image>
|
||||||
</div>
|
</div>
|
||||||
<div class="user">
|
<div class="user">
|
||||||
<div class="username">{{this.userList.nickName}}</div>
|
<div class="username">{{userList.nickName}}</div>
|
||||||
<div class="userresponse">{{this.userList.dept.deptName}}</div>
|
<div class="userresponse">{{userList.dept.deptName}}</div>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
<view class="funcBar">
|
<view class="funcBar">
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
url: '/pages/modifyPassword/modifyPassword'
|
url: '/pages/modifyPassword/modifyPassword'
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
console.log(uni.getStorageSync('value'));
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -61,8 +61,8 @@
|
||||||
stStcd:'',
|
stStcd:'',
|
||||||
shStcd:'',
|
shStcd:'',
|
||||||
imageList:[],
|
imageList:[],
|
||||||
baseUrl:'http://223.75.53.141:9102/test.by-lyf.tmp',
|
baseUrl:'http://223.75.53.141:83',
|
||||||
showImg:'../../static/empty.png'
|
showImg:'../../static/nopic.png'
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -86,7 +86,8 @@
|
||||||
if (this.info.url) {
|
if (this.info.url) {
|
||||||
this.isStartDownload = true
|
this.isStartDownload = true
|
||||||
//开始下载App
|
//开始下载App
|
||||||
const baseUrl = `http://223.75.53.141:83/gunshiApp/tsg/common/download/resource?resource=${this.info.url}`
|
// const baseUrl = `http://223.75.53.141:83/gunshiApp/tsg/${this.info.url}`
|
||||||
|
const baseUrl = `http://local.gunshiiot.com:18083/gunshiApp/tsg/${this.info.url}`
|
||||||
downloadApp(baseUrl, current => {
|
downloadApp(baseUrl, current => {
|
||||||
//下载进度监听
|
//下载进度监听
|
||||||
this.hasProgress = true
|
this.hasProgress = true
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Loading…
Reference in New Issue