Commit 1a10b267 authored by 张牧越's avatar 张牧越

bugfix

parent bf602083
NODE_ENV = "development" NODE_ENV = "development"
Mock: true Mock: true
VUE_APP_API_URL = "http://qjwl.ythplan.com/" VUE_APP_API_URL = " http://cmhv8b.natappfree.cc"
File added
import request from "@/utils/request" import request from "@/utils/request"
import noLoadingrequest from "@/utils/request" import noLoadingrequest from "@/utils/noloadingRequest"
export function getXAccessToken(token) { export function getXAccessToken(token) {
return request({ return request({
...@@ -245,7 +245,7 @@ export function getNoiseDeviceList(params) { ...@@ -245,7 +245,7 @@ export function getNoiseDeviceList(params) {
} }
export function getCurrentMonitorStatis(params) { export function getCurrentMonitorStatis(params) {
return request({ return noLoadingrequest({
url: '/pweb/s/env/realtime/data', url: '/pweb/s/env/realtime/data',
method: 'get', method: 'get',
params params
......
...@@ -160,13 +160,14 @@ export default { ...@@ -160,13 +160,14 @@ export default {
}, },
bodyScale() { bodyScale() {
var deviceHeight = window.screen.height; var deviceHeight = window.screen.height;
// var deviceWidth = window.screen.width; var pixelHeights = document.body.clientHeight;
var scale = deviceHeight / 1250; // height:550=2100 height:720=1680 height:940=1250 height:2160=1080 var minus = pixelHeights - deviceHeight;
console.log(minus);
var scale = deviceHeight / 1220; // height:550=2100 height:720=1680 height:940=1220 height:2160=1080
// var canvasScale = deviceWidth / 1920; // var canvasScale = deviceWidth / 1920;
// 1.777778 16:9 1080 // 1.777778 16:9 1080
//1.6 16:10 1100 //1.6 16:10 1100
// 1.547 1728:890 1350 // 1.547 1728:890 1350
console.log(window.screen.width / window.screen.height);
document.body.style.zoom = scale; document.body.style.zoom = scale;
document.styleSheets[document.styleSheets.length - 1].insertRule( document.styleSheets[document.styleSheets.length - 1].insertRule(
"canvas:not(.amap-layer):not(.amap-labels) {zoom: " + "canvas:not(.amap-layer):not(.amap-labels) {zoom: " +
......
...@@ -545,6 +545,7 @@ export default { ...@@ -545,6 +545,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 100%; height: 100%;
padding-bottom: 0;
} }
.side-area { .side-area {
width: 25%; width: 25%;
......
...@@ -509,6 +509,7 @@ export default { ...@@ -509,6 +509,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
#earlywarning { #earlywarning {
padding: 12px 20px; padding: 12px 20px;
padding-bottom: 0;
} }
.top-stauts { .top-stauts {
display: flex; display: flex;
......
...@@ -401,6 +401,7 @@ export default { ...@@ -401,6 +401,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
} }
.side-area { .side-area {
width: 25%; width: 25%;
......
...@@ -199,7 +199,7 @@ export default { ...@@ -199,7 +199,7 @@ export default {
methods: { methods: {
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}) })
...@@ -211,10 +211,10 @@ export default { ...@@ -211,10 +211,10 @@ export default {
zoom: 20, zoom: 20,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
console.log(document.getElementById("amap-container").style); console.log(document.getElementById("amap-container").style);
document.getElementById("amap-container").style.zoom = 1 / scale; document.getElementById("amap-container").style.zoom = 1 / scale;
}); });
...@@ -421,6 +421,7 @@ export default { ...@@ -421,6 +421,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
} }
.side-area { .side-area {
width: 25%; width: 25%;
......
...@@ -225,7 +225,7 @@ export default { ...@@ -225,7 +225,7 @@ export default {
}, },
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}) })
...@@ -237,11 +237,11 @@ export default { ...@@ -237,11 +237,11 @@ export default {
zoom: 19, zoom: 19,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.map.on("click", () => {}); this.map.on("click", () => {});
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("amap-container").style.zoom = 1 / scale; document.getElementById("amap-container").style.zoom = 1 / scale;
}); });
}) })
...@@ -287,6 +287,7 @@ export default { ...@@ -287,6 +287,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
} }
.side-area { .side-area {
width: 25%; width: 25%;
......
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
}, },
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}).then((AMap) => { }).then((AMap) => {
...@@ -85,10 +85,10 @@ export default { ...@@ -85,10 +85,10 @@ export default {
zoom: 20, zoom: 20,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("sample-map-container").style.zoom = document.getElementById("sample-map-container").style.zoom =
1 / scale; 1 / scale;
}); });
......
...@@ -31,7 +31,11 @@ ...@@ -31,7 +31,11 @@
<div class="mid-area"> <div class="mid-area">
<Title text="实时监测" type="long"></Title> <Title text="实时监测" type="long"></Title>
<ShadowContainer> <ShadowContainer>
<div id="stats-container"> <div
id="stats-container"
v-loading="loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<div class="temp"> <div class="temp">
<div class="text">温度/℃</div> <div class="text">温度/℃</div>
<div class="value" style="color: #ff6151"> <div class="value" style="color: #ff6151">
...@@ -190,6 +194,7 @@ export default { ...@@ -190,6 +194,7 @@ export default {
activeType: "pm25_data", activeType: "pm25_data",
lineChart: null, lineChart: null,
page: 1, page: 1,
loading: false,
}; };
}, },
computed: {}, computed: {},
...@@ -511,8 +516,10 @@ export default { ...@@ -511,8 +516,10 @@ export default {
}); });
}, },
changeMonitor(monitor, index) { changeMonitor(monitor, index) {
this.loading = true;
this.activeIndex = index; this.activeIndex = index;
getCurrentMonitorStatis({ device_id: monitor.id }).then((res) => { getCurrentMonitorStatis({ device_id: monitor.id }).then((res) => {
this.loading = false;
this.currentMonitorStatis = res.data; this.currentMonitorStatis = res.data;
}); });
}, },
...@@ -586,8 +593,10 @@ export default { ...@@ -586,8 +593,10 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.side-area { .side-area {
width: 28%; width: 28%;
min-width: calc(calc(100% - 880px) / 2);
} }
.mid-area { .mid-area {
width: calc(44% - 40px); width: calc(44% - 40px);
...@@ -641,7 +650,7 @@ export default { ...@@ -641,7 +650,7 @@ export default {
} }
#aqi-chart { #aqi-chart {
width: 100%; width: 100%;
height: 200px; height: 250px;
} }
.monitor { .monitor {
display: flex; display: flex;
...@@ -934,4 +943,7 @@ export default { ...@@ -934,4 +943,7 @@ export default {
} }
} }
} }
::v-deep .el-loading-mask {
position: absolute !important;
}
</style> </style>
\ No newline at end of file
...@@ -3,9 +3,10 @@ ...@@ -3,9 +3,10 @@
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
title="整改详情" title="整改详情"
width="70vw" width="70vw"
top="10vh" top="20px"
append-to-body append-to-body
> >
<div id="scroll-dialog">
<div class="step-area" v-if="correctDetail.check_result == 2"> <div class="step-area" v-if="correctDetail.check_result == 2">
<el-steps :active="correctDetail.step" align-center> <el-steps :active="correctDetail.step" align-center>
<el-step <el-step
...@@ -36,7 +37,9 @@ ...@@ -36,7 +37,9 @@
检查人员:{{ correctDetail.check_person_name }} 检查人员:{{ correctDetail.check_person_name }}
</div> </div>
<div class="dialog-item">检查时间:{{ correctDetail.check_date }}</div> <div class="dialog-item">检查时间:{{ correctDetail.check_date }}</div>
<div class="dialog-item">巡查类型:{{ correctDetail.check_type }}</div> <div class="dialog-item">
巡查类型:{{ correctDetail.check_type_text }}
</div>
<div class="dialog-item"> <div class="dialog-item">
检查部位:{{ correctDetail.check_part_name }} 检查部位:{{ correctDetail.check_part_name }}
</div> </div>
...@@ -55,6 +58,9 @@ ...@@ -55,6 +58,9 @@
<div class="dialog-item"> <div class="dialog-item">
负责人:{{ correctDetail.duty_person_name }} 负责人:{{ correctDetail.duty_person_name }}
</div> </div>
<div class="dialog-item">
隐患类型:{{ correctDetail.problem_type_text }}
</div>
<template v-if="correctDetail.check_result == 2"> <template v-if="correctDetail.check_result == 2">
<div class="dialog-item inline"> <div class="dialog-item inline">
问题描述:{{ correctDetail.check_describe }} 问题描述:{{ correctDetail.check_describe }}
...@@ -66,7 +72,9 @@ ...@@ -66,7 +72,9 @@
v-for="(img, index) in correctDetail.check_images_list" v-for="(img, index) in correctDetail.check_images_list"
:key="index" :key="index"
:src="img.url" :src="img.url"
:preview-src-list="computedUrlList(correctDetail.check_images_list)" :preview-src-list="
computedUrlList(correctDetail.check_images_list)
"
/> />
</div> </div>
<div class="dialog-item"> <div class="dialog-item">
...@@ -92,7 +100,10 @@ ...@@ -92,7 +100,10 @@
</template> </template>
</div> </div>
<template v-if="correctDetail.check_result == 2"> <template v-if="correctDetail.check_result == 2">
<div v-for="(correct, index) in correctDetail.rectify_list" :key="index"> <div
v-for="(correct, index) in correctDetail.rectify_list"
:key="index"
>
<div class="dialog-title">整改上传</div> <div class="dialog-title">整改上传</div>
<div class="dialog-form"> <div class="dialog-form">
<div class="dialog-item"> <div class="dialog-item">
...@@ -114,25 +125,48 @@ ...@@ -114,25 +125,48 @@
</div> </div>
</div> </div>
<template v-if="correct.examine_status != 1"> <template v-if="correct.examine_status != 1">
<div class="dialog-title">复查审核</div> <div class="dialog-form border">
<div class="dialog-form"> <div class="dialog-item">
检查员复查:{{ correct.check_person_name }}
/
<span
:style="{
color:
correct.check_examine_status == 2 ? '#24F0B8' : '#FF5A56',
}"
>{{ correct.check_examine_status_text }}</span
>
</div>
<div class="dialog-item">
复查时间:{{ correct.check_examine_time }}
</div>
<div class="dialog-item inline">
审核备注:{{ correct.check_examine_remark }}
</div>
</div>
<div class="dialog-form border">
<div class="dialog-item"> <div class="dialog-item">
复查人员:{{ correct.examine_person_name }} / 负责人复查:{{ correct.duty_person_name }}
/
<span <span
:style="{ :style="{
color: correct.examine_status == 2 ? '#24F0B8' : '#FF5A56', color:
correct.duty_examine_status == 2 ? '#24F0B8' : '#FF5A56',
}" }"
>{{ correct.examine_status_text }}</span >{{ correct.duty_examine_status_text }}</span
> >
</div> </div>
<div class="dialog-item">复查时间:{{ correct.examine_time }}</div> <div class="dialog-item">
复查时间:{{ correct.duty_examine_time }}
</div>
<div class="dialog-item inline"> <div class="dialog-item inline">
审核备注:{{ correct.examine_remark }} 审核备注:{{ duty_examine_remark }}
</div> </div>
</div> </div>
</template> </template>
</div> </div>
</template> </template>
</div>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
...@@ -212,6 +246,12 @@ export default { ...@@ -212,6 +246,12 @@ export default {
&.inline { &.inline {
width: 100%; width: 100%;
} }
&:last-child {
margin-bottom: 0;
}
}
&.border {
border-top: 10px solid #0e3b72;
} }
} }
.imgs { .imgs {
...@@ -227,7 +267,7 @@ export default { ...@@ -227,7 +267,7 @@ export default {
} }
::v-deep .el-step.is-center .el-step__description { ::v-deep .el-step.is-center .el-step__description {
padding: 0 !important; padding: 0 !important;
margin: 0 20% !important; margin: 0 15% !important;
} }
::v-deep .el-step__title.is-finish { ::v-deep .el-step__title.is-finish {
color: #67c23a !important; color: #67c23a !important;
...@@ -250,4 +290,8 @@ export default { ...@@ -250,4 +290,8 @@ export default {
::v-deep div.el-step__icon-inner { ::v-deep div.el-step__icon-inner {
color: transparent !important; color: transparent !important;
} }
#scroll-dialog {
max-height: 800px;
overflow-y: auto;
}
</style> </style>
\ No newline at end of file
...@@ -597,6 +597,7 @@ export default { ...@@ -597,6 +597,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.side-area { .side-area {
width: 28%; width: 28%;
} }
......
...@@ -621,6 +621,7 @@ export default { ...@@ -621,6 +621,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.lt-area { .lt-area {
width: 20%; width: 20%;
} }
......
...@@ -253,7 +253,7 @@ export default { ...@@ -253,7 +253,7 @@ export default {
methods: { methods: {
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}) })
...@@ -265,14 +265,14 @@ export default { ...@@ -265,14 +265,14 @@ export default {
zoom: 20, zoom: 20,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.map.on("click", (e) => { this.map.on("click", (e) => {
console.log(e); console.log(e);
this.capWindowVisible = false; this.capWindowVisible = false;
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("amap-container").style.zoom = 1 / scale; document.getElementById("amap-container").style.zoom = 1 / scale;
}); });
this.getSafeCapDeviceList(); this.getSafeCapDeviceList();
...@@ -410,6 +410,7 @@ export default { ...@@ -410,6 +410,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.side-area { .side-area {
width: 20%; width: 20%;
} }
......
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
}, },
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}).then((AMap) => { }).then((AMap) => {
...@@ -95,10 +95,10 @@ export default { ...@@ -95,10 +95,10 @@ export default {
zoom: 20, zoom: 20,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("route-map-container").style.zoom = 1 / scale; document.getElementById("route-map-container").style.zoom = 1 / scale;
}); });
this.search(); this.search();
......
...@@ -314,6 +314,7 @@ export default { ...@@ -314,6 +314,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.side-area { .side-area {
width: 20%; width: 20%;
} }
......
...@@ -446,7 +446,7 @@ export default { ...@@ -446,7 +446,7 @@ export default {
}, },
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}) })
...@@ -458,10 +458,10 @@ export default { ...@@ -458,10 +458,10 @@ export default {
zoom: 19, zoom: 19,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("amap-container").style.zoom = 1 / scale; document.getElementById("amap-container").style.zoom = 1 / scale;
}); });
this.map.on("click", (e) => { this.map.on("click", (e) => {
...@@ -723,6 +723,7 @@ export default { ...@@ -723,6 +723,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
.side-area { .side-area {
width: 25%; width: 25%;
} }
......
...@@ -189,7 +189,7 @@ export default { ...@@ -189,7 +189,7 @@ export default {
methods: { methods: {
initMap() { initMap() {
AMapLoader.load({ AMapLoader.load({
key: "fc00c5b70f67a8414344682f217d4b6e", key: "a7387204aeee9f238b217bad35460ba9",
version: "1.4.15", version: "1.4.15",
plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"], plugins: ["AMap.MarkerClusterer", "AMap.DistrictSearch"],
}) })
...@@ -201,11 +201,11 @@ export default { ...@@ -201,11 +201,11 @@ export default {
zoom: 20, zoom: 20,
center: this.mapCenter, center: this.mapCenter,
resizeEnable: true, resizeEnable: true,
mapStyle: "amap://styles/darkblue", mapStyle: "amap://styles/1dda787b3ac1ce28f171d2f153726eb7",
}); });
this.$nextTick(() => { this.$nextTick(() => {
var scale = window.screen.height / 1250; var scale = window.screen.height / 1220;
document.getElementById("amap-container").style.zoom = 1 / scale; document.getElementById("amap-container").style.zoom = 1 / scale;
}); });
this.map.on("click", () => { this.map.on("click", () => {
...@@ -499,6 +499,7 @@ export default { ...@@ -499,6 +499,7 @@ export default {
padding: 12px 20px; padding: 12px 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-bottom: 0;
} }
.side-area { .side-area {
width: 25%; width: 25%;
......
...@@ -9,7 +9,9 @@ import ShadowContainer from "@/components/ShadowContainer" ...@@ -9,7 +9,9 @@ import ShadowContainer from "@/components/ShadowContainer"
import * as echarts from "echarts" import * as echarts from "echarts"
import scroll from 'vue-seamless-scroll' import scroll from 'vue-seamless-scroll'
import "@/assets/iconfont/iconfont.css"; import "@/assets/iconfont/iconfont.css";
window._AMapSecurityConfig = {
securityJsCode: 'c74dee3a77a5864a52dbe04fc8f93586',
}
Vue.use(scroll) Vue.use(scroll)
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment