258 lines
8.1 KiB
Vue
258 lines
8.1 KiB
Vue
<template>
|
||
<div
|
||
class="fullHeight dataBoardPage"
|
||
:class="{
|
||
dataBoardPage_blue: enabledProjectV2 == 3,
|
||
dataBoardPage_blue2: enabledProjectV2 == 4,
|
||
longguangBg: company == 'longguang',
|
||
}"
|
||
>
|
||
<div class="headerBox">
|
||
<!-- 中建的logo -->
|
||
<!-- <img
|
||
v-if="company == ''"
|
||
style="
|
||
width: auto;
|
||
height: 42px;
|
||
width: auto;
|
||
height: 42px;
|
||
margin-left: 280px;
|
||
margin-top: 12px;
|
||
position: absolute;
|
||
"
|
||
src="@/assets/images/dataBoard/led_logo.png"
|
||
alt=""
|
||
/> -->
|
||
<p class="projectName">{{ currentProDetail.projectName }}</p>
|
||
<h1 class="title">
|
||
<img
|
||
v-if="headerLogo"
|
||
style="width: auto; height: 30px; margin-right: 16px"
|
||
:src="headerLogo"
|
||
/>
|
||
<span v-if="company != 'longguang'">
|
||
<!-- 智慧工地云平台 -->
|
||
<p v-if="company == 'henan'">
|
||
{{ $t('message.dataBoard.headerTitle') }}
|
||
</p>
|
||
<p v-else>{{ currentProDetail.projectName }}</p>
|
||
<!-- 中建的标签 -->
|
||
<!-- <div v-else>
|
||
<p>中建四局数字建造管控平台</p>
|
||
<p style="font-size:24px">科创大厦项目</p>
|
||
</div> -->
|
||
</span>
|
||
<span v-else style="color: #fff; margin-top: 15px">
|
||
<!-- 龙光智慧工地平台 -->
|
||
{{ $t('message.dataBoard.headerTitle2') }}
|
||
</span>
|
||
<!-- {{ $t("message.carOverview.vehicleStatistics") }} -->
|
||
</h1>
|
||
<div class="headerDataBox">
|
||
<div class="date">{{ date }}</div>
|
||
<div class="time">{{ time }}</div>
|
||
|
||
<!-- <div class="weatherBox"> -->
|
||
<img class="weaImg" :src="weatherInfo.url" width="26" height="26" />
|
||
<div class="tem">{{ weatherInfo.tem2 }} ~ {{ weatherInfo.tem1 }}</div>
|
||
<div class="wea">{{ weatherInfo.wea }}</div>
|
||
<!-- </div> -->
|
||
<!-- <div style="text-align: center;"> -->
|
||
<div class="win_speed">{{ weatherInfo.win_speed }}</div>
|
||
<!-- <div>风力</div> -->
|
||
<!-- </div> -->
|
||
</div>
|
||
|
||
<closePage></closePage>
|
||
</div>
|
||
<div class="leftLine" v-if="enabledProjectV2 != 3"></div>
|
||
<div class="rightLine" v-if="enabledProjectV2 != 3"></div>
|
||
<div class="bottomLine" v-if="enabledProjectV2 != 3"></div>
|
||
<div style="height: 40px" class="menuBox" v-if="this.company != 'jlw'">
|
||
<ul v-if="parameterUrl.COMPANY != 'longguang'" class="left">
|
||
<li
|
||
v-for="(item, index) in menuList"
|
||
:key="index"
|
||
:class="{
|
||
right: index > (menuList.length - 1) / 2,
|
||
active: $route.path == item.modulePath,
|
||
}"
|
||
@click="menuClick(item, index)"
|
||
>
|
||
{{ item.moduleName }}
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="dataBoardContent">
|
||
<router-view></router-view>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
function GetRequest() {
|
||
var url = decodeURI(window.location.href); //?id="123456"&Name="bicycle";
|
||
var object = {};
|
||
if (url.indexOf("?") != -1)//url中存在问号，也就说有参数。
|
||
{
|
||
var str = url.substr(url.indexOf("?") + 1); //得到?后面的字符串
|
||
var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",Name="bicycle"];
|
||
for (var i = 0; i < strs.length; i++) {
|
||
object[strs[i].split("=")[0]] = strs[i].split("=")[1]
|
||
}
|
||
}
|
||
return object;
|
||
}//截取地址栏的参数
|
||
import closePage from "@/components/closePage"
|
||
import {
|
||
getWeatherDataApi
|
||
} from "@/assets/js/api/environmentManage";
|
||
export default {
|
||
components: { closePage },
|
||
data() {
|
||
return {
|
||
currentProDetail: {
|
||
projectName: '智慧工地',
|
||
cityCode: '12'
|
||
},
|
||
menuIndex: 0,
|
||
menuList: [],
|
||
enabledProjectV2: 2,
|
||
date: '',
|
||
time: '',
|
||
weatherInfo: {
|
||
wea_img: '',
|
||
tem1: '', tem2: '',
|
||
wea: '', win_speed: '', url: '',
|
||
cityName: ""
|
||
},
|
||
parameterUrl: '',
|
||
headerLogo: ""
|
||
}
|
||
},
|
||
created() {
|
||
console.log(111111111111111111111111, '')
|
||
this.parameterUrl = GetRequest()
|
||
// COMPANY: "longguang"
|
||
this.company = COMPANY;
|
||
console.log(GetRequest().COMPANY != 'longguang');
|
||
if (this.$store.state.currentProDetail != null) {
|
||
this.currentProDetail = this.$store.state.currentProDetail
|
||
}
|
||
},
|
||
mounted() {
|
||
if (localStorage.getItem('systemInfo')) {
|
||
this.headerLogo = JSON.parse(localStorage.getItem('systemInfo')).bigScreenLogo
|
||
}
|
||
this.getTime()
|
||
this.loadWeather()
|
||
this.enabledProjectV2 = enabledProjectV2
|
||
// document.title = this.$store.state.currentProDetail.projectName + this.$t('message.dataBoard.dataBoard')
|
||
document.title = this.currentProDetail.projectName + this.$t('message.dataBoard.dataBoard')
|
||
this.getAllModule()
|
||
},
|
||
methods: {
|
||
getTime() {
|
||
var myDate = new Date(); //实例一个时间对象；
|
||
this.date = myDate.getFullYear(); //获取系统的年；
|
||
this.date += '-' + (myDate.getMonth() + 1); //获取系统月份，由于月份是从0开始计算，所以要加1
|
||
this.date += '-' + myDate.getDate(); // 获取系统日，
|
||
this.time = ' ' + myDate.getHours(); //获取系统时，
|
||
this.time += ':' + myDate.getMinutes(); //分
|
||
this.time += ':' + myDate.getSeconds(); //秒
|
||
|
||
setTimeout(() => {
|
||
this.getTime()
|
||
}, 1000);
|
||
},
|
||
loadWeather() {
|
||
var _this = this
|
||
// getWeatherDataApi({ cityid: this.$store.state.currentProDetail.cityCode }).then((res) => {
|
||
getWeatherDataApi({ cityid: this.currentProDetail.cityCode }).then((res) => {
|
||
var json = JSON.parse(res.result);
|
||
this.weatherInfo = json[0]
|
||
// this.weatherInfo =
|
||
// {
|
||
// "date": "2020-04-21",
|
||
// "wea": "晴",
|
||
// "wea_img": "qing",
|
||
// "tem1": "17",
|
||
// "tem2": "4",
|
||
// "win": "北风",
|
||
// "win_speed": "3-4级",
|
||
// "day":"星期一"
|
||
// },
|
||
|
||
this.weatherInfo.url = require('@/assets/images/weather/' + this.weatherInfo.wea_img + '.png')
|
||
});
|
||
},
|
||
getAllModule() {
|
||
var half = this.$store.state.userInfo.menuAuthority.moduleList
|
||
console.log(half)
|
||
half.forEach(element => {
|
||
console.log(element.moduleName)
|
||
if (element.moduleType == 4) {
|
||
console.log(element)
|
||
this.menuList.push(element)
|
||
}
|
||
});
|
||
},
|
||
menuClick(item, index) {
|
||
console.log('item', item)
|
||
this.menuIndex = index;
|
||
|
||
if (item.modulePath.includes('http://') || item.modulePath.includes('https://')) {
|
||
return window.open(item.modulePath)
|
||
}
|
||
|
||
// if (item.moduleName == '智能安全帽') {
|
||
// let NodeRSA = require("node-rsa");
|
||
// //请求参数
|
||
// let params = JSON.stringify({
|
||
// // account: '妇幼保健院',
|
||
// account: this.$store.state.userInfo.account,
|
||
// page_flag: 3,
|
||
// });
|
||
// //公钥
|
||
// const pubKey = `
|
||
// -----BEGIN PUBLIC KEY-----
|
||
// MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDcmP0ug4NTHwW2oeHxheZjmYPDxVGFP770eECdLwRtaH0pPWvsXG6MSO/kCzgjEVEo1K1bvRxkkasQRu02fhI+gsZa8wvVeo3s4zJDA48Oj99JAXsx56/WN1RlNh+tsXcH9oQWy3gbX5cDkheuVZj8gsV7Ez59Ucj4e78zNJrUDwIDAQAB
|
||
// -----END PUBLIC KEY-----`;
|
||
|
||
// var publicKey = new NodeRSA(pubKey);
|
||
// var async_key = publicKey.encrypt(params, 'base64')
|
||
// window.open("http://58.210.96.206:91/async_danzhou.html?async_key=" + async_key)
|
||
// // window.location.href = "http://58.210.96.206:91/async_danzhou.html?async_key="+async_key;
|
||
// } else {
|
||
this.$router.push(item.modulePath)
|
||
// }
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="less" scoped>
|
||
@import url('./style.less');
|
||
.headerDataBox {
|
||
position: absolute;
|
||
right: 100px;
|
||
top: 5px;
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 16px;
|
||
// .time{
|
||
// font-size: 22px;
|
||
// }
|
||
& > * {
|
||
margin-right: 20px;
|
||
}
|
||
}
|
||
.headerBox {
|
||
.title {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 32px;
|
||
}
|
||
}
|
||
</style>
|