Skip to content

Z
zh-baseversion-project
Commit d171861e authored by 纪泽龙's avatar 纪泽龙
Browse files
Options

更改

parent 7132ffda
Show whitespace changes
Inline Side-by-side
Showing with 267 additions and 180 deletions
zh-baseversion-web/src/assets/styles/all.scss
View file @ d171861e
......@@ -77,6 +77,9 @@
}
.bigwindow {
.el-table__header {
width: 350px !important;
}
// 全局表格样式
.el-table {
......@@ -166,13 +169,21 @@
.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
tr {
background-color: #213b52 !important;
// background-color: #213b52 !important;
background: rgba(9, 101, 172, 0.56) !important;
}
th {
word-break: break-word;
background-color: #213b52 !important;
color: rgba(123, 248, 244, 1);
// background-color: #213b52 !important;
// color: rgba(123, 248, 244, 1);
background: rgba(9, 101, 172, 0.56) !important;
box-sizing: border-box;
border: 1px solid rgba(54, 136, 255, 0.2392);
color: #fff;
height: 30px;
font-size: 13px;
padding: 0;
......
zh-baseversion-web/src/components/bigWindow/leftBar.vue
View file @ d171861e
......@@ -43,7 +43,6 @@
color: rgb(255, 255, 255);
-webkit-background-clip: text;
"
>{{ allNum.peopleNum }}</span
>
......@@ -105,8 +104,12 @@
:style="{ width: '100%', height: '100%' }"
></div>
<div class="titleTex">
<div :style="{ color: '#5470c6' }">● 已完成:{{this.allNum.hiddenBookFinish}}</div>
<div :style="{ color: '#fa8167' }">● 未完成:{{this.allNum.hiddenBookUnFinish}}</div>
<div :style="{ color: '#5470c6' }">
● 已完成:{{ this.allNum.hiddenBookFinish }}
</div>
<div :style="{ color: '#fa8167' }">
● 未完成:{{ this.allNum.hiddenBookUnFinish }}
</div>
</div>
</div>
</div>
......@@ -144,7 +147,12 @@ import { selectWorkOrderNum } from "@/api/operationMonitor/order";
// require("echarts/lib/component/title");
// let echarts = this.$echarts;
import { getQLJG,getSGSL, getYHZZ, getYHTJ } from "@/api/bigWindow/charsData.js";
import {
getQLJG,
getSGSL,
getYHZZ,
getYHTJ,
} from "@/api/bigWindow/charsData.js";
export default {
data() {
......@@ -158,7 +166,7 @@ export default {
typeThree: 0,
typeTwo: 0,
hiddenBookFinish: 0,
hiddenBookUnFinish: 0
hiddenBookUnFinish: 0,
},
enterpriseIds: {
enterpriseId: "",
......@@ -241,7 +249,7 @@ export default {
// this.drawLine(this.datanow);
// this.getNum(index);
// }else
console.log("===================>>>>>>>>>>>>>>>>>>",val)
console.log("===================>>>>>>>>>>>>>>>>>>", val);
this.getNum(val);
// if(index==1){
// this.datanow = this.dataone;
......@@ -356,7 +364,9 @@ export default {
});
pietwo.setOption({
title: {
text: "隐患整治数(个) : " +(this.allNum.hiddenBookFinish + this.allNum.hiddenBookUnFinish),
text:
"隐患整治数(个) : " +
(this.allNum.hiddenBookFinish + this.allNum.hiddenBookUnFinish),
left: "center",
top: 0,
textStyle: {
......@@ -464,8 +474,8 @@ export default {
axisLabel: {
show: true,
interval: 0, //使x轴文字显示全
rotate:10,
fontSize:10
rotate: 10,
fontSize: 10,
},
axisTick: {
//去掉坐标轴刻线
......@@ -633,7 +643,8 @@ export default {
width: 85%;
height: 2px;
float: right;
background-image: linear-gradient(to left, #3bfafa, #ffffff00);
background-image: linear-gradient(to left, #47a0ff, #ffffff00);
margin-top: 10px;
margin-right: 50px;
}
......@@ -641,14 +652,16 @@ export default {
width: 92%;
height: 2px;
float: right;
background-image: linear-gradient(to left, #3bfafa, #ffffff00);
background-image: linear-gradient(to left, #47a0ff, #ffffff00);
margin-top: 10px;
}
.rightline3 {
width: 95%;
height: 2px;
float: right;
background-image: linear-gradient(to left, #3bfafa, #ffffff00);
background-image: linear-gradient(to left, #47a0ff, #ffffff00);
margin-top: 10px;
}
/* .dot {
......
zh-baseversion-web/src/components/bigWindow/rightBar.vue
View file @ d171861e
......@@ -12,12 +12,12 @@
<span
style="letter-spacing: 1px; color: #fff; float: left; margin-left: 50px"
>
预警信息
资源统计
</span>
<div class="rightline1"></div>
</div>
<div class="rightbar1">
<div style="padding: 0px 10px; width: 100%; height: 40%">
<!-- <div style="padding: 0px 10px; width: 100%; height: 40%">
<div class="yujingleft yujing">
<div class="yujingtop">
<img
......@@ -57,53 +57,13 @@
<span>0</span>
</div>
</div>
</div>
</div> -->
<div class="left">
<div
class="bottom right-bottom-data-left"
@mouseover="mouseover"
@mouseout="mouseout"
>
<el-table
size="mini"
:data="tableData"
:height="tableHeight"
class="el-bottom"
ref="table"
class="echarts-one"
style="margin-top: 10px; width: 100%; height: 90%; margin-left: 10px"
>
<el-table-column prop="unitName" label="所在单位" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.unitName">
{{ scope.row.unitName }}
</div>
</template>
</el-table-column>
<el-table-column prop="detectorType" label="设备类型" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.detectorType">
{{ scope.row.detectorType }}
</div>
</template>
</el-table-column>
<el-table-column prop="statusName" label="预警信息" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.statusName">
{{ scope.row.statusName }}
</div>
</template>
</el-table-column>
<el-table-column prop="alarmTime" label="预警时间" width="100">
</el-table-column>
<el-table-column prop="handledStatus" label="状态">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.handledStatus">
{{ scope.row.handledStatus }}
</div>
</template>
</el-table-column>
</el-table>
</div>
<div id="myChartone" :style="{ width: '100%', height: '100%' }"></div>
</div>
</div>
......@@ -129,14 +89,7 @@
<div id="huanleft" style="width: 100%; height: 150px"></div>
<div class="inyuan">
<div style="letter-spacing: 2px">用户总数</div>
<!-- <span
style="
font-family: 'arialbd';
letter-spacing: 2px;
color: #00ffff;
font-size: 20px;
"
>{{diviceNum.juminNum + diviceNum.shangNum + diviceNum.gongNum}}</span> -->
<span
style="
font-family: 'arialbd';
......@@ -144,7 +97,7 @@
color: #00ffff;
font-size: 20px;
"
>{{bingBottomData.totalNumberUsers}}</span
>{{ bingBottomData.totalNumberUsers }}</span
>
</div>
<div class="usernum">
......@@ -153,12 +106,8 @@
<span> ● </span>
<span style="color: #cddbe4">居民用户 </span>
</div>
<!-- <span style="font-family: 'arialbd'; letter-spacing: 2px">
: {{ diviceNum.juminNum }}</span
> -->
<span style="font-family: 'arialbd'; letter-spacing: 2px">
{{bingBottomData.residentUsers}}</span
{{ bingBottomData.residentUsers }}</span
>
</div>
<div class="usernumin in5">
......@@ -170,7 +119,7 @@
: {{ diviceNum.shangNum }}</span
> -->
<span style="font-family: 'arialbd'; letter-spacing: 2px">
{{bingBottomData.businessUser}}</span
{{ bingBottomData.businessUser }}</span
>
</div>
<div class="usernumin in6">
......@@ -182,19 +131,19 @@
: {{ diviceNum.gongNum }}</span
> -->
<span style="font-family: 'arialbd'; letter-spacing: 2px">
{{bingBottomData.industrialUsers}}</span
{{ bingBottomData.industrialUsers }}</span
>
</div>
<!-- <div class="usernumin in7">
<div class="usernumin in7">
<div class="titletu">
<span> ● </span>
<span style="color: #cddbe4">餐饮单位用户 </span>
<span style="color: #cddbe4">液化气 </span>
</div>
<span style="font-family: 'arialbd'; letter-spacing: 2px">
585</span
>
</div> -->
</div>
</div>
</div>
......@@ -227,7 +176,7 @@
>0
</span>
</div>
<div class="usernum" style="margin-left: 38px">
<div class="usernum" style="margin-left: 30px">
<div class="usernumin in4">
<!-- <span> ● </span>
<span style="color: #cddbe4">在线 </span>
......@@ -315,8 +264,7 @@
0</span
>
</div>
<!-- <div class="usernumin in7">
<div class="usernumin in7">
<span style="color: #cddbe4">在线 </span>
<span
style="
......@@ -339,7 +287,7 @@
>
67</span
>
</div> -->
</div>
</div>
</div>
</div>
......@@ -347,7 +295,7 @@
<!-- 资源统计 -->
<div class="rightbar3">
<div class="item1">
<div class="item3">
<!-- <div class="fong-div"></div>
<div class="fong-div" style="margin-left: 3px;"></div>
<div class="fong-div" style="margin-left: 3px;"></div> -->
......@@ -357,11 +305,52 @@
<!-- <img src="../../assets/second1/ti-bg.png" alt=""> -->
<div class="rightline3"></div>
</div>
<div class="left">
<div
class="echarts-one"
style="margin-top: 30px; width: 100%; height: 90%; margin-left: 10px"
class="bottom right-bottom-data-left"
@mouseover="mouseover"
@mouseout="mouseout"
>
<div id="myChartone" :style="{ width: '100%', height: '100%' }"></div>
<el-table
size="mini"
:data="tableData"
:height="tableHeight"
class="el-bottom"
ref="table"
>
<el-table-column prop="unitName" label="所在单位" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.unitName">
{{ scope.row.unitName }}
</div>
</template>
</el-table-column>
<!-- <el-table-column prop="detectorType" label="设备类型" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.detectorType">
{{ scope.row.detectorType }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="handledStatus" label="状态" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.handledStatus">
{{ scope.row.handledStatus }}
</div>
</template>
</el-table-column>
<el-table-column prop="statusName" label="预警信息" width="80">
<template slot-scope="scope">
<div class="zzz" :title="scope.row.statusName">
{{ scope.row.statusName }}
</div>
</template>
</el-table-column>
<el-table-column prop="alarmTime" label="预警时间" width="100">
</el-table-column>
</el-table>
</div>
</div>
</div>
......@@ -436,7 +425,7 @@ export default {
repeatFinshed: false,
tableHeight: 135,
tableData: [],
tableData: [{unitName:123},{unitName:456},{unitName:45446}],
yujingdata: {
unitName: "省移动",
detectorType: "",
......@@ -508,6 +497,7 @@ export default {
cancel1() {},
getAlarm() {
return alarmData().then((response) => {
return;
this.tableData = response.data.pageData;
if (this.tableData.length > 0) {
this.yujingdata = this.tableData[0];
......@@ -523,7 +513,7 @@ export default {
getYHTJ() {
getYHTJ().then((res) => {
console.log("cccccccc", res);
this.bingBottomData=res.data;
this.bingBottomData = res.data;
});
},
getScrollHeight() {
......@@ -730,6 +720,8 @@ export default {
// 绘制图表
myChart1.setOption({
legend: {
// top:"-10%",
right: "5%",
textStyle: {
fontSize: 12, //字体大小
color: "#ffffff", //字体颜色
......@@ -739,10 +731,10 @@ export default {
trigger: "item",
},
grid: {
top: "20%",
top: "25%",
left: "3%",
right: "4%",
bottom: "10%",
bottom: "5%",
containLabel: true,
},
dataset: {
......@@ -990,6 +982,7 @@ export default {
{ name: "居民用户", value: 1121 },
{ name: "商业用户", value: 41 },
{ name: "工业用户", value: 0 },
{ name: "液化气", value: 10 },
// { name: "餐饮单位用户", value: 543 },
],
},
......@@ -1151,19 +1144,18 @@ export default {
.rightb {
width: 98%;
height: 100%;
}
.rightbar1 {
width: 90%;
height: 20%;
margin-left: 12%;
width: 80%;
height: 21%;
margin-left: 16%;
pointer-events: auto;
}
.rightbar2 {
width: 76%;
height: 37%;
height: 45%;
padding-top: 30px;
margin-left: 20%;
margin-left: 22%;
pointer-events: auto;
}
.rightbar3 {
......@@ -1178,7 +1170,8 @@ export default {
width: 85%;
height: 2px;
float: left;
background-image: linear-gradient(to right, #3bfafa, #ffffff00);
background-image: linear-gradient(to right, #47a0ff, #ffffff00);
margin-top: 10px;
margin-left: 50px;
}
......@@ -1186,14 +1179,16 @@ export default {
width: 92%;
height: 2px;
float: left;
background-image: linear-gradient(to right, #3bfafa, #ffffff00);
background-image: linear-gradient(to right, #47a0ff, #ffffff00);
margin-top: 10px;
}
.rightline3 {
width: 95%;
height: 2px;
float: left;
background-image: linear-gradient(to right, #3bfafa, #ffffff00);
background-image: linear-gradient(to right, #47a0ff, #ffffff00);
margin-top: 10px;
}
.titleTex {
......@@ -1224,8 +1219,8 @@ export default {
height: 30px;
font-size: 16px;
font-weight: 700;
margin-left: 14%;
padding-top: 25px;
margin-left: 5%;
margin-top: 15px;
line-height: 10px;
}
.item1 img {
......@@ -1237,7 +1232,16 @@ export default {
font-size: 16px;
font-weight: 700;
margin-left: 5%;
margin-top: 40px;
margin-top: 15px;
}
.item3 {
width: 85%;
height: 30px;
font-size: 16px;
font-weight: 700;
margin-left: 10%;
margin-top: 15px;
line-height: 10px;
}
.dot {
display: inline-block;
......@@ -1328,14 +1332,15 @@ export default {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-bottom: 5px;
}
.titletu {
margin-left: 50px;
margin-left: 40px;
width: 120px;
text-align: left;
}
titletu2 {
margin-left: 50px;
margin-left: 40px;
width: 70px;
text-align: left;
}
......@@ -1370,8 +1375,10 @@ titletu2 {
border: 2px solid #125c9b;
position: fixed;
margin-bottom: 10px;
/* margin-top: -122px;
margin-left: 62px; */
margin-top: -122px;
margin-left: 62px;
margin-left: 44px;
font-size: 15px;
color: #cddbe4;
text-align: center;
......@@ -1385,9 +1392,9 @@ titletu2 {
}
.left {
margin-top: 10px;
width: 400px;
width: 350px;
height: 55%;
margin-left: 55px;
margin-left: 35px;
}
.yj {
padding: 0px 10px;
......
zh-baseversion-web/src/utils/mapClass/config.js
View file @ d171861e
/*
* @Author: your name
* @Date: 2022-01-26 10:47:44
* @LastEditTime: 2024-07-18 17:36:58
* @LastEditTime: 2024-07-19 10:38:10
* @LastEditors: 纪泽龙 jizelong@qq.com
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/config.js
......@@ -37,6 +37,9 @@ export const svgUrl = {
6: require("@/assets/firstimage/device/jmUser.png"),
// 商业用户
61:require("@/assets/firstimage/device/syUser.png"),
// 工业用户
62:require("@/assets/firstimage/device/syUser.png"),
7: require("@/assets/image/zrxk.svg"),
8: require("@/assets/image/zcrq.svg"),
......
zh-baseversion-web/src/utils/mapClass/map.js
View file @ d171861e
/*
* @Author: your name
* @Date: 2022-01-11 13:45:12
* @LastEditTime: 2024-07-18 17:07:55
* @LastEditTime: 2024-07-19 14:59:20
* @LastEditors: 纪泽龙 jizelong@qq.com
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/mapClass.js
......@@ -167,31 +167,29 @@ export class EditorMap {
}
}
});
this.map.on("moveend", () => {
console.log("地图停止移动");
if (this.flag) {
console.log("弹框");
this.flag = false;
}
//居民用户
this.map.on("mousedown", () => {
console.log("mapONMousedown");
if (this.detectorUserlabelsLayer != null) {
const detectorUserHas = this.selarr.indexOf(6) >= 0;
if (detectorUserHas) {
this.detectorUserlabelsLayer.show();
this.detectorUserlabelsLayer.hide();
}
}
//商业用户
if (this.businessDetectorUserlabelsLayer != null) {
const businessDetectorUserHas = this.selarr.indexOf(61) >= 0;
if (businessDetectorUserHas) {
this.businessDetectorUserlabelsLayer.show();
this.businessDetectorUserlabelsLayer.hide();
}
}
// 调压箱
if (this.tyxlabelsLayer != null) {
const tyxHas = this.selarr.indexOf(2) >= 0;
if (tyxHas) {
this.tyxlabelsLayer.show();
this.tyxlabelsLayer.hide();
}
}
......@@ -199,7 +197,7 @@ export class EditorMap {
if (this.fmjlabelLayer != null) {
const fmjHas = this.selarr.indexOf(3) >= 0;
if (fmjHas) {
this.fmjlabelLayer.show();
this.fmjlabelLayer.hide();
}
}
......@@ -207,7 +205,7 @@ export class EditorMap {
if (this.czlabelLayer != null) {
const czHas = this.selarr.indexOf(4) >= 0;
if (czHas) {
this.czlabelLayer.show();
this.czlabelLayer.hide();
}
}
......@@ -215,7 +213,7 @@ export class EditorMap {
if (this.videolabelLayer != null) {
const videoHas = this.selarr.indexOf(5) >= 0;
if (videoHas) {
this.videolabelLayer.show();
this.videolabelLayer.hide();
}
}
......@@ -223,34 +221,31 @@ export class EditorMap {
if (this.deviceUserlableLayer != null) {
const deviceUserHas = this.selarr.indexOf(18) >= 0;
if (deviceUserHas) {
this.deviceUserlableLayer.show();
this.deviceUserlableLayer.hide();
}
}
});
this.map.on("movestart", () => {
console.log("地图开始移动");
this.map.on("mouseup", () => {
//居民用户
if (this.detectorUserlabelsLayer != null) {
const detectorUserHas = this.selarr.indexOf(6) >= 0;
if (detectorUserHas) {
this.detectorUserlabelsLayer.hide();
this.detectorUserlabelsLayer.show();
}
}
//商业用户
if (this.businessDetectorUserlabelsLayer != null) {
const businessDetectorUserHas = this.selarr.indexOf(61) >= 0;
if (businessDetectorUserHas) {
this.businessDetectorUserlabelsLayer.hide();
this.businessDetectorUserlabelsLayer.show();
}
}
// 调压箱
if (this.tyxlabelsLayer != null) {
const tyxHas = this.selarr.indexOf(2) >= 0;
if (tyxHas) {
this.tyxlabelsLayer.hide();
this.tyxlabelsLayer.show();
}
}
......@@ -258,7 +253,7 @@ export class EditorMap {
if (this.fmjlabelLayer != null) {
const fmjHas = this.selarr.indexOf(3) >= 0;
if (fmjHas) {
this.fmjlabelLayer.hide();
this.fmjlabelLayer.show();
}
}
......@@ -266,7 +261,7 @@ export class EditorMap {
if (this.czlabelLayer != null) {
const czHas = this.selarr.indexOf(4) >= 0;
if (czHas) {
this.czlabelLayer.hide();
this.czlabelLayer.show();
}
}
......@@ -274,7 +269,7 @@ export class EditorMap {
if (this.videolabelLayer != null) {
const videoHas = this.selarr.indexOf(5) >= 0;
if (videoHas) {
this.videolabelLayer.hide();
this.videolabelLayer.show();
}
}
......@@ -282,10 +277,22 @@ export class EditorMap {
if (this.deviceUserlableLayer != null) {
const deviceUserHas = this.selarr.indexOf(18) >= 0;
if (deviceUserHas) {
this.deviceUserlableLayer.hide();
this.deviceUserlableLayer.show();
}
}
});
this.map.on("moveend", () => {
console.log("地图停止移动");
if (this.flag) {
console.log("弹框");
this.flag = false;
}
});
this.map.on("movestart", () => {
console.log("地图开始移动");
return;
//居民用户
});
// this.map.on('zoomchange', () => {
// //获取当前最新的地图层级
// let Zoom = this.map.getZoom()
......@@ -1368,10 +1375,12 @@ export class EditorMap {
});
}
console.log(this.allDevice);
// return;
for (let deviceItem in this.allDevice) {
this.allDevice[deviceItem].forEach((device) => {
const data = device.filterData || device.getExtData();
console.log(data.iconType);
console.log("data", data.filterData);
// console.log(data.iconType);
// 设备过滤受到bigwindow页面的的两种制约，companyArr, typeArr 两个数组制约显示隐藏
// 燃气没有公司，所以没有device.companyType不收到公司的控制
const companyHas = companyArr.indexOf(data.companyType + "") >= 0;
......@@ -1382,8 +1391,10 @@ export class EditorMap {
// 必须设备存在数组里，才会显示设备 !data.companyType代表用户不受公司制约
if (enterprise || (deviceHas && (companyHas || !data.companyType))) {
device.show();
// console.log(data.iconType,companyHas,deviceHas,enterprise,'show')
} else {
device.hide();
// console.log(data.iconType,companyHas,deviceHas,enterprise,"hide")
}
});
}
......@@ -1409,7 +1420,7 @@ export class EditorMap {
}
}
//判断是否需要显示 调压箱
// 判断是否需要显示 调压箱
const tyxHas = typeArr.indexOf(2) >= 0;
if (this.tyxlabelsLayer != null) {
if (tyxHas) {
......@@ -1419,7 +1430,7 @@ export class EditorMap {
}
}
//判断是否需要显示 阀门井
// 判断是否需要显示 阀门井
const fmjHas = typeArr.indexOf(3) >= 0;
if (this.fmjlabelLayer != null) {
if (fmjHas) {
......
zh-baseversion-web/src/views/bigWindow/components/Top.vue
View file @ d171861e
......@@ -47,13 +47,12 @@
<div
class="devie-item zzz"
v-for="item in searchList"
:key="item.id+''+item.type"
:key="item.id + '' + item.type"
@click="deviceItemClick(item)"
>
<!-- {{ item.NAME }} -->
<div class="a">{{ devviceData[item.type] }}</div>
<div class="b">{{ item.NAME }}</div>
</div>
</div>
</transition>
......@@ -138,11 +137,11 @@ export default {
}
},
searchClick() {
this.searchItemShow = true;
searchDevice({ name: this.searchVal }).then((res) => {
if (res.code == 200) {
this.searchList = Object.values(res.data).flat();
this.searchItemShow = true;
console.log(this.searchList);
}
});
......@@ -150,10 +149,28 @@ export default {
deviceItemClick(item) {
searchDeviceDetail({ type: item.type, id: item.id }).then((res) => {
if (res.code == 200) {
if (res.data.length == 0) return;
this.$emit("deviceSearchClick",item, res.data[0]);
let dataArr = null;
console.log(res)
// 1.阀井
// 2.调压箱
// 3.场站
// 4.居民用户
// 5.商业用户
// 6.工业用户
// 7.监控
// 8.餐饮单位液化气用户
// 9.管道
// 1,2,3的时候 是res.data.data才能获取数据，结构为数组。
// 4，5 是 res.data就能获取数据，结构为数组
// 7,8，9的时候，res.data能获取数据，结构为对象
// if (item.type == 1 || item.type == 2 || item.type == 3) {
// dataArr = res.data.data;
// }else if(item.type == 4 || item.type == 5 || item.type == 6){
// }
// if (dataArr.length == 0) return;
// this.$emit("deviceSearchClick", item, res);
}
console.log(res);
});
},
clearSearchContainer() {
......
zh-baseversion-web/src/views/bigWindow/index.vue
View file @ d171861e
<!--
* @Author: your name
* @Date: 2022-01-11 13:44:17
* @LastEditTime: 2024-07-18 17:27:20
* @LastEditTime: 2024-07-19 16:18:43
* @LastEditors: 纪泽龙 jizelong@qq.com
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/views/Home.vue
......@@ -49,12 +49,13 @@
<!-- 头部 -->
<div class="banner-test">
<!-- <dv-decoration-5 style="width:100%;height:100%;" /> -->
<img
<!-- <img
v-if="this.enterpriseId == -2"
src="../../assets/images/zibk.png"
alt=""
/>
<img v-else src="../../assets/images/20230805152711.png" alt="" />
<img v-else src="../../assets/images/20230805152711.png" alt="" /> -->
智慧燃气安全监管平台
</div>
<!-- 左边 -->
......@@ -397,21 +398,27 @@ export default {
GetCompany: "bigWindowCompany/GetCompany",
}),
// 搜索设备上图功能
deviceSearchClick(device,deviceDetail){
console.log(device,deviceDetail)
deviceSearchClick(device, deviceDetail) {
console.log(device, deviceDetail);
// let Company =null;
// if(){
// }
// this.goMap(getEnterprise, this.addDevice, Company, true);
},
leftRightBarChange() {
const scale = window.innerHeight / 1080;
let right = 0;
if (scale >= 1) {
right = (585 / 2) * (scale - 1) - 20;
right = (482 / 2) * (scale - 1) - 20;
} else {
right = (585 / 2) * (scale - 1) - 20;
right = (482 / 2) * (scale - 1) - 20;
}
// console.log("right", right, "scale", scale);
this.changeRightBarStyle = [
{ right: right + "px" },
{ right: right + 20 + "px" },
{ transform: `scale(${scale})` },
];
this.changeLeftBarStyle = [
......@@ -492,6 +499,7 @@ export default {
) {
return httpFunc().then((res) => {
// 给用户加icontype
console.log("管道", res.data);
if (res.data && !res.data[0].iconType) {
res.data.forEach((item) => {
item.iconType = 6;
......@@ -518,29 +526,32 @@ export default {
labelsLayerMarksDeviceUserGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log("用户用户",mapData)
console.log("液化气用户用户", mapData);
this.map.labelsLayerMarksDeviceUserGoMap(mapData, component, show);
});
},
labelsLayerMarksVideoGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log('Video',mapData)
const mapData = res;
console.log("Video", mapData);
this.map.labelsLayerMarksVideoGoMap(mapData, component, show);
});
},
labelsLayerMarksCzGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log("场站场站场站场站场站场站场站场站场站场站场站场站",mapData)
console.log(
"场站场站场站场站场站场站场站场站场站场站场站场站",
mapData
);
this.map.labelsLayerMarksCzGoMap(mapData, component, show);
});
},
labelsLayerMarksFmjGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log("阀门井",mapData)
console.log("阀门井", mapData);
this.map.labelsLayerMarksFmjGoMap(mapData, component, show);
});
......@@ -548,14 +559,14 @@ export default {
labelsLayerMarksTysGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log("调压箱",mapData)
console.log("调压箱", mapData);
this.map.labelsLayerMarksTysGoMap(mapData, component, show);
});
},
labelsLayerMarksDetectorUserGoMap(httpFunc, component, show) {
return httpFunc().then((res) => {
const mapData = res.data;
console.log("用户",mapData)
console.log("用户用户用户用户用户", mapData);
this.map.labelsLayerMarksDetectorUserList(mapData, component, show);
});
},
......@@ -661,7 +672,7 @@ export default {
// this.selarr1.push(item.val);
// }
this.selarr1 = [...selarr1];
console.log(this.selarr, this.selarr1)
console.log(this.selarr, this.selarr1);
this.map.allfilter(this.selarr, this.selarr1);
},
//用户的设备center
......@@ -772,7 +783,15 @@ export default {
.banner-test {
width: 100%;
height: 85px;
font-family: "YouSheBiaoTiHei";
font-size: 40px;
font-weight: normal;
line-height: normal;
letter-spacing: 0.08em;
position: relative;
color: #fff;
line-height: 85px;
top: -10px;
z-index: 998;
text-align: center;
......@@ -787,29 +806,35 @@ export default {
}
.leftbar {
width: 565px;
// width: 585px;
// height: 93%;
height: 1010px;
// height: 1010px;
height: 933px;
width: 482px;
position: fixed;
// top: 70px;
top: 50%;
margin-top: -470px;
margin-top: -450px;
z-index: 999;
background: url("../../assets/firstimage/le.png");
background-size: 105% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: -20px;
margin-left: 2px;
pointer-events: none;
}
.rightbar {
width: 585px;
height: 1010px;
// width: 585px;
// height: 1010px;
height: 933px;
width: 482px;
position: fixed;
top: 50%;
margin-top: -470px;
margin-top: -450px;
z-index: 999;
// right: 861px;
margin-right: 4px;
background: url("../../assets/firstimage/ri.png");
background-size: 100% 100%;
background-repeat: no-repeat;
......
zh-baseversion-web/vue.config.js
View file @ d171861e
......@@ -36,7 +36,7 @@ module.exports = {
[process.env.VUE_APP_BASE_API]: {
// target: `http://localhost:8905/gassafety`,
// target: `http://27.128.233.145:8905/gassafety`,
// target: `http://192.168.2.59:8905/gassafety`,
target: ` http://36.138.180.82:8905/gassafety`,
changeOrigin: true,
pathRewrite: {
......
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