Compare commits
8 Commits
c16d0e6bed
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 5d3de61273 | |||
| be77d67c47 | |||
| 4573b25182 | |||
| 7f61aba9d6 | |||
| e5f326ba58 | |||
| cddb30aad7 | |||
| ec9e1ed07e | |||
| 6e9690ba6c |
@ -599,7 +599,7 @@ export const selectUserDeptPage = (data = {}) => {
|
|||||||
///unifiedLogin
|
///unifiedLogin
|
||||||
export const unifiedLogin = (data) => {
|
export const unifiedLogin = (data) => {
|
||||||
return request({
|
return request({
|
||||||
url: api + `/unifiedLogin`,
|
url: api + `/ssoLogin`,
|
||||||
method: "POST",
|
method: "POST",
|
||||||
data
|
data
|
||||||
});
|
});
|
||||||
|
|||||||
492
src/assets/css/homeScreen.scss
Normal file
492
src/assets/css/homeScreen.scss
Normal file
@ -0,0 +1,492 @@
|
|||||||
|
.bigScrenn {
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #001022;
|
||||||
|
position: relative;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
.headBox {
|
||||||
|
position: absolute;
|
||||||
|
height: 90px;
|
||||||
|
width: 100%;
|
||||||
|
background: #001022;
|
||||||
|
top: 0;
|
||||||
|
z-index: 9;
|
||||||
|
|
||||||
|
.top {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0 4px;
|
||||||
|
|
||||||
|
.top-left {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
.time {
|
||||||
|
margin-left: 38px;
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: bolder;
|
||||||
|
|
||||||
|
.timer {
|
||||||
|
font-size: 24px;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.week {
|
||||||
|
color: #00ADFF;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-center {
|
||||||
|
width: 340px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-right {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 30px;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: #e6ffff;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 14px;
|
||||||
|
line-height: 23px;
|
||||||
|
|
||||||
|
.dept {
|
||||||
|
max-width: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.meun {
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-dropdown-tools {
|
||||||
|
display: inline-block;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border: 1px solid rgb(20, 135, 180);
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.el-dropdown-tools-n {
|
||||||
|
display: inline-block;
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #9ec6fc;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-top: 2px;
|
||||||
|
padding-top: 2px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.asideBox {
|
||||||
|
position: absolute;
|
||||||
|
top: 70px;
|
||||||
|
height: calc(100vh - 72px);
|
||||||
|
width: 442px;
|
||||||
|
background: #263445;
|
||||||
|
z-index: 2;
|
||||||
|
|
||||||
|
.boder-small {
|
||||||
|
height: 32.5%;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boder-middle {
|
||||||
|
height: 66%;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boder-big {
|
||||||
|
height: 100%;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boder-top {
|
||||||
|
height: 280px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boder-center {
|
||||||
|
height: calc(100% - 510px);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boder-bottom {
|
||||||
|
height: 230px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxContent {
|
||||||
|
height: 100%;
|
||||||
|
padding: 6px 20px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.box-title {
|
||||||
|
padding: 0 10px 0 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 22px;
|
||||||
|
font-family: "YSBTH";
|
||||||
|
background: linear-gradient(0deg, #59a6f4 0%, #ffffff 100%);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boxInfo {
|
||||||
|
height: calc(100% - 70px);
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cntBoxInfo {
|
||||||
|
height: calc(100% - 46px);
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.addBox {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 70px;
|
||||||
|
pointer-events: auto;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.imgBox {
|
||||||
|
width: 111px;
|
||||||
|
height: 112px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
margin-top: 36px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin sircle {
|
||||||
|
position: absolute;
|
||||||
|
width: 73px;
|
||||||
|
height: calc(100vh - 72px);
|
||||||
|
top: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftSiecle {
|
||||||
|
@include sircle;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightSiecle {
|
||||||
|
@include sircle;
|
||||||
|
right: 370px;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 尾部
|
||||||
|
.footBox {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 800px;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
.btnsBox {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 85%;
|
||||||
|
|
||||||
|
.btnsItem {
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.resourceBox {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 37px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
padding: 10px 10px 24px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.contant {
|
||||||
|
position: relative;
|
||||||
|
padding: 20px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
color: #00BFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerCheck {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.el-checkbox-group {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.resourceBoxOther {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnsItem:hover .resourceBox {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popover {
|
||||||
|
position: absolute;
|
||||||
|
background: #08226a;
|
||||||
|
left: 264px;
|
||||||
|
top: 32px;
|
||||||
|
width: 220px;
|
||||||
|
padding: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
.el-tag {
|
||||||
|
margin: 4px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 46px;
|
||||||
|
left: -15px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 8px solid transparent;
|
||||||
|
border-right-color: #08226a;
|
||||||
|
z-index: 989;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popoverKfd {
|
||||||
|
position: absolute;
|
||||||
|
background: #08226a;
|
||||||
|
left: -199px;
|
||||||
|
top: 100px;
|
||||||
|
width: 270px;
|
||||||
|
padding: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
.el-tag {
|
||||||
|
margin: 4px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 13px;
|
||||||
|
left: 270px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 8px solid transparent;
|
||||||
|
border-left-color: #08226a;
|
||||||
|
z-index: 989;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialogBox {
|
||||||
|
padding: 0 0 10px 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: url('~@/assets/images/dialog-bg.png') no-repeat center center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
z-index: 999;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
>.title {
|
||||||
|
height: 38px;
|
||||||
|
line-height: 38px;
|
||||||
|
margin: 0 4px;
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1px solid #275288;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
background-image: linear-gradient(to right, rgba(1, 127, 216, 1), rgba(4, 56, 131, .5), rgba(1, 130, 218, .0));
|
||||||
|
|
||||||
|
.close {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 200;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mc {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.infoBox {
|
||||||
|
border: none;
|
||||||
|
position: relative;
|
||||||
|
// border: 1px solid #275288;
|
||||||
|
padding: 10px 0 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.addressBox {
|
||||||
|
border-top: 1px solid #162f55;
|
||||||
|
margin: 0 10px;
|
||||||
|
// height: 30px;
|
||||||
|
line-height: 24px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
img,
|
||||||
|
span {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
>.btnBox {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin: 0 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button.dp-default {
|
||||||
|
border: 1px solid #3180ea;
|
||||||
|
box-shadow: inset 0 0 18px #2b8ce6;
|
||||||
|
background: #001022;
|
||||||
|
color: #fff;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 15px;
|
||||||
|
border-radius: 3px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.small {
|
||||||
|
height: 22px;
|
||||||
|
line-height: 20px;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 0 6px;
|
||||||
|
box-shadow: inset 0 0 10px #2b8ce6;
|
||||||
|
font-size: 12px;
|
||||||
|
|
||||||
|
span,
|
||||||
|
svg {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #999;
|
||||||
|
font-size: 11px;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-left: 3px;
|
||||||
|
color: #fff;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
&.blue {
|
||||||
|
background-color: #0b9ff4;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.orange {
|
||||||
|
background-color: #e15923;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.red {
|
||||||
|
background-color: #e21c1c;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.yellow {
|
||||||
|
background-color: #d6d301;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.green {
|
||||||
|
background-color: #56db2d;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.mj {
|
||||||
|
background-color: #4995fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.fj {
|
||||||
|
background-color: #3ad2d4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.xlStatus {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 56px;
|
||||||
|
text-align: center;
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
background: #00bc65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lineing {
|
||||||
|
background: #AB0F0B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unline {
|
||||||
|
background: #808080;
|
||||||
|
}
|
||||||
BIN
src/assets/images/dialog-bg.png
Normal file
BIN
src/assets/images/dialog-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
src/assets/images/dingwei.png
Normal file
BIN
src/assets/images/dingwei.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 595 B |
@ -1,8 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :id="mapid" class="map"></div>
|
<div :id="mapid" class="map"></div>
|
||||||
<div class="changeMap_box" v-if="props.isShow">
|
<div class="changeMap_box" v-if="props.isShow">
|
||||||
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
|
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
|
||||||
style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
|
|
||||||
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
|
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
|
||||||
<el-carousel-item>
|
<el-carousel-item>
|
||||||
<div class="mapImageItem">
|
<div class="mapImageItem">
|
||||||
@ -75,7 +74,7 @@ const props = defineProps({
|
|||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
const userInfo = getItem("deptId")[0].deptCode;
|
const userInfo = getItem("deptId")[0].deptCode;
|
||||||
} catch (error) { }
|
} catch (error) {}
|
||||||
let map;
|
let map;
|
||||||
let mapLayer;
|
let mapLayer;
|
||||||
let mapLayer1;
|
let mapLayer1;
|
||||||
@ -89,33 +88,27 @@ onMounted(() => {
|
|||||||
|
|
||||||
map = new EliMap({
|
map = new EliMap({
|
||||||
id: props.mapid,
|
id: props.mapid,
|
||||||
crs: "EPSG:4490",
|
crs: "EPSG:3857",
|
||||||
style: {
|
style: {
|
||||||
glyphs: "./fonts/{fontstack}/{range}.pbf",
|
glyphs: "./fonts/{fontstack}/{range}.pbf",
|
||||||
center: [94.36057012, 29.64276831],
|
center: [94.36,29.65],
|
||||||
zoom: 15
|
zoom: 10
|
||||||
},
|
},
|
||||||
minZoom: 7,
|
transformRequest: (url) => {
|
||||||
maxZoom: 18,
|
if (url.indexOf("TileMatrix=") != -1) {
|
||||||
|
const arr = url.split("TileMatrix=");
|
||||||
|
const arr1 = arr[1].split("&");
|
||||||
|
const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
window.map = map;
|
window.map = map;
|
||||||
map.mapboxGLMap.on("load", () => {
|
map.mapboxGLMap.on("load", () => {
|
||||||
map.addWMTSLayer(
|
map.addGaudLayer({
|
||||||
"http://89.0.23.24/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
|
url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
|
||||||
,
|
})
|
||||||
{
|
|
||||||
Service: "getImage",
|
|
||||||
Type: "RGB",
|
|
||||||
ZoomOffset: "0",
|
|
||||||
V: "0.3",
|
|
||||||
Zoom: "{z}",
|
|
||||||
Row: "{y}",
|
|
||||||
Col: "{x}"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
tileSize: 300
|
|
||||||
}
|
|
||||||
);
|
|
||||||
zoomTarget.value = map.mapboxGLMap.getZoom();
|
zoomTarget.value = map.mapboxGLMap.getZoom();
|
||||||
});
|
});
|
||||||
mapUtil.value = new MapUtil(map);
|
mapUtil.value = new MapUtil(map);
|
||||||
@ -173,7 +166,7 @@ onMounted(() => {
|
|||||||
});
|
});
|
||||||
// 回显线
|
// 回显线
|
||||||
emitter.on("echoLine", (res) => {
|
emitter.on("echoLine", (res) => {
|
||||||
mapUtil.value.createLine(res, res.flag);
|
mapUtil.value.createLine(res);
|
||||||
});
|
});
|
||||||
//创建边界面（geojson）
|
//创建边界面（geojson）
|
||||||
emitter.on("setBoundarys", (res) => {
|
emitter.on("setBoundarys", (res) => {
|
||||||
@ -204,6 +197,11 @@ onMounted(() => {
|
|||||||
mapUtil.value.diffusionCircle(res);
|
mapUtil.value.diffusionCircle(res);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 清除全部覆盖物
|
||||||
|
emitter.on("removeElementAll", () => {
|
||||||
|
mapUtil.value.removeElementAll();
|
||||||
|
});
|
||||||
|
|
||||||
// 展示盘曲
|
// 展示盘曲
|
||||||
emitter.on("showGapText", (obj) => {
|
emitter.on("showGapText", (obj) => {
|
||||||
mapUtil.value.gapText(obj);
|
mapUtil.value.gapText(obj);
|
||||||
@ -302,6 +300,7 @@ onUnmounted(() => {
|
|||||||
emitter.off("diffusionCircle");
|
emitter.off("diffusionCircle");
|
||||||
emitter.off("SsCircle");
|
emitter.off("SsCircle");
|
||||||
emitter.off("ClearssCircle");
|
emitter.off("ClearssCircle");
|
||||||
|
emitter.off("removeElementAll");
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -324,35 +323,29 @@ onUnmounted(() => {
|
|||||||
right: 398px;
|
right: 398px;
|
||||||
bottom: 4px;
|
bottom: 4px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
|
|
||||||
.mapImageItem {
|
.mapImageItem {
|
||||||
border: 1px solid #08aae8;
|
border: 1px solid #08aae8;
|
||||||
background: rgb(9, 26, 70);
|
background: rgb(9, 26, 70);
|
||||||
|
& > img {
|
||||||
&>img {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
& > div {
|
||||||
&>div {
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoomTargetBox {
|
.zoomTargetBox {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 23px;
|
margin-left: 23px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-input-number__decrease,
|
::v-deep .el-input-number__decrease,
|
||||||
::v-deep .el-input-number__increase {
|
::v-deep .el-input-number__increase {
|
||||||
background: #133362;
|
background: #133362;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-input__inner {
|
::v-deep .el-input__inner {
|
||||||
background: #0c1641;
|
background: #0c1641;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :id="mapid" class="map"></div>
|
<div :id="mapid" class="map"></div>
|
||||||
<div class="changeMap_box" v-if="props.isShow">
|
<div class="changeMap_box" v-if="props.isShow">
|
||||||
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况" style="--el-switch-color:#13ce66;--el-switch-off-color:#ff4949;" />
|
<el-switch v-model="conditionRoute" @change="handleSwitch" active-text="打开路况" inactive-text="关闭路况"
|
||||||
|
style="--el-switch-color: #13ce66; --el-switch-off-color: #ff4949" />
|
||||||
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
|
<!-- <el-carousel type="card" height="75px" :autoplay="false" indicator-position="none" :initial-index="3" @change="onMapImageChange">
|
||||||
<el-carousel-item>
|
<el-carousel-item>
|
||||||
<div class="mapImageItem">
|
<div class="mapImageItem">
|
||||||
@ -74,7 +75,7 @@ const props = defineProps({
|
|||||||
});
|
});
|
||||||
try {
|
try {
|
||||||
const userInfo = getItem("deptId")[0].deptCode;
|
const userInfo = getItem("deptId")[0].deptCode;
|
||||||
} catch (error) {}
|
} catch (error) { }
|
||||||
let map;
|
let map;
|
||||||
let mapLayer;
|
let mapLayer;
|
||||||
let mapLayer1;
|
let mapLayer1;
|
||||||
@ -88,27 +89,32 @@ onMounted(() => {
|
|||||||
|
|
||||||
map = new EliMap({
|
map = new EliMap({
|
||||||
id: props.mapid,
|
id: props.mapid,
|
||||||
crs: "EPSG:3857",
|
crs: "EPSG:4490",
|
||||||
style: {
|
style: {
|
||||||
glyphs: "./fonts/{fontstack}/{range}.pbf",
|
glyphs: "./fonts/{fontstack}/{range}.pbf",
|
||||||
center: [94.36,29.65],
|
center: [94.36057012, 29.64276831],
|
||||||
zoom: 10
|
zoom: 15
|
||||||
},
|
},
|
||||||
transformRequest: (url) => {
|
minZoom: 7,
|
||||||
if (url.indexOf("TileMatrix=") != -1) {
|
maxZoom: 18,
|
||||||
const arr = url.split("TileMatrix=");
|
|
||||||
const arr1 = arr[1].split("&");
|
|
||||||
const nurl = `${arr[0]}&TileMatrix=${Number(arr1[0])}&${arr1[1]}&${arr1[2]}`;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
window.map = map;
|
window.map = map;
|
||||||
map.mapboxGLMap.on("load", () => {
|
map.mapboxGLMap.on("load", () => {
|
||||||
map.addGaudLayer({
|
map.addWMTSLayer(
|
||||||
url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
|
"/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap",
|
||||||
})
|
{
|
||||||
|
Service: "getImage",
|
||||||
|
Type: "RGB",
|
||||||
|
ZoomOffset: "0",
|
||||||
|
V: "0.3",
|
||||||
|
Zoom: "{z}",
|
||||||
|
Row: "{y}",
|
||||||
|
Col: "{x}"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tileSize: 300
|
||||||
|
}
|
||||||
|
);
|
||||||
zoomTarget.value = map.mapboxGLMap.getZoom();
|
zoomTarget.value = map.mapboxGLMap.getZoom();
|
||||||
});
|
});
|
||||||
mapUtil.value = new MapUtil(map);
|
mapUtil.value = new MapUtil(map);
|
||||||
@ -166,7 +172,7 @@ onMounted(() => {
|
|||||||
});
|
});
|
||||||
// 回显线
|
// 回显线
|
||||||
emitter.on("echoLine", (res) => {
|
emitter.on("echoLine", (res) => {
|
||||||
mapUtil.value.createLine(res);
|
mapUtil.value.createLine(res, res.flag);
|
||||||
});
|
});
|
||||||
//创建边界面（geojson）
|
//创建边界面（geojson）
|
||||||
emitter.on("setBoundarys", (res) => {
|
emitter.on("setBoundarys", (res) => {
|
||||||
@ -197,11 +203,6 @@ onMounted(() => {
|
|||||||
mapUtil.value.diffusionCircle(res);
|
mapUtil.value.diffusionCircle(res);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 清除全部覆盖物
|
|
||||||
emitter.on("removeElementAll", () => {
|
|
||||||
mapUtil.value.removeElementAll();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 展示盘曲
|
// 展示盘曲
|
||||||
emitter.on("showGapText", (obj) => {
|
emitter.on("showGapText", (obj) => {
|
||||||
mapUtil.value.gapText(obj);
|
mapUtil.value.gapText(obj);
|
||||||
@ -300,7 +301,6 @@ onUnmounted(() => {
|
|||||||
emitter.off("diffusionCircle");
|
emitter.off("diffusionCircle");
|
||||||
emitter.off("SsCircle");
|
emitter.off("SsCircle");
|
||||||
emitter.off("ClearssCircle");
|
emitter.off("ClearssCircle");
|
||||||
emitter.off("removeElementAll");
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -323,29 +323,35 @@ onUnmounted(() => {
|
|||||||
right: 398px;
|
right: 398px;
|
||||||
bottom: 4px;
|
bottom: 4px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
|
|
||||||
.mapImageItem {
|
.mapImageItem {
|
||||||
border: 1px solid #08aae8;
|
border: 1px solid #08aae8;
|
||||||
background: rgb(9, 26, 70);
|
background: rgb(9, 26, 70);
|
||||||
& > img {
|
|
||||||
|
&>img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
& > div {
|
|
||||||
|
&>div {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoomTargetBox {
|
.zoomTargetBox {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 23px;
|
margin-left: 23px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-input-number__decrease,
|
::v-deep .el-input-number__decrease,
|
||||||
::v-deep .el-input-number__increase {
|
::v-deep .el-input-number__increase {
|
||||||
background: #133362;
|
background: #133362;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-input__inner {
|
::v-deep .el-input__inner {
|
||||||
background: #0c1641;
|
background: #0c1641;
|
||||||
}
|
}
|
||||||
@ -63,7 +63,9 @@ onMounted(() => {
|
|||||||
active.value = "LZ";
|
active.value = "LZ";
|
||||||
});
|
});
|
||||||
const logout = () => {
|
const logout = () => {
|
||||||
store.dispatch("user/logout");
|
window.opener = null;
|
||||||
|
window.open('', '_self');
|
||||||
|
window.close();
|
||||||
store.commit("app/clearTag", null, { immediate: true });
|
store.commit("app/clearTag", null, { immediate: true });
|
||||||
store.commit("permission/deleteRouter", { immediate: true });
|
store.commit("permission/deleteRouter", { immediate: true });
|
||||||
store.commit("user/deleteKeepLiiveRoute", "home");
|
store.commit("user/deleteKeepLiiveRoute", "home");
|
||||||
|
|||||||
@ -28,13 +28,12 @@ const updatePwd = () => {
|
|||||||
const store = useStore();
|
const store = useStore();
|
||||||
|
|
||||||
const logout = () => {
|
const logout = () => {
|
||||||
store.dispatch("user/logout");
|
window.opener = null;
|
||||||
store.commit("app/clearTag", null, {
|
window.open('', '_self');
|
||||||
immediate: true
|
window.close();
|
||||||
});
|
store.commit("app/clearTag", null, { immediate: true });
|
||||||
store.commit("permission/deleteRouter", {
|
store.commit("permission/deleteRouter", { immediate: true });
|
||||||
immediate: true
|
store.commit("user/deleteKeepLiiveRoute", "home");
|
||||||
});
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -21,6 +21,11 @@ export const privateRoutes = [];
|
|||||||
* 公开路由表
|
* 公开路由表
|
||||||
*/
|
*/
|
||||||
export const publicRoutes = [
|
export const publicRoutes = [
|
||||||
|
{
|
||||||
|
path: "/oatuh_login",
|
||||||
|
name: "oatuh_login",
|
||||||
|
component: () => import("@/views/login/oatuh_login")
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/login",
|
path: "/login",
|
||||||
name: "login",
|
name: "login",
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<div class="warning-container">
|
<div class="warning-container">
|
||||||
<div class="warning-list noScollLine" v-infinite-scroll="scroll">
|
<div class="warning-list noScollLine" v-infinite-scroll="scroll">
|
||||||
<div
|
<div
|
||||||
@click="roadmap(item.zb)"
|
@click="handelClick(item)"
|
||||||
class="warning-card"
|
class="warning-card"
|
||||||
v-for="(item, index) in warningList.listData"
|
v-for="(item, index) in warningList.listData"
|
||||||
:key="index"
|
:key="index"
|
||||||
@ -73,6 +73,12 @@ const scroll = () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
gettbGjclselectPage();
|
gettbGjclselectPage();
|
||||||
|
//查看警组信息
|
||||||
|
function handelClick(item) {
|
||||||
|
emitter.emit("showJzInfo", item);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
//画线
|
//画线
|
||||||
const roadmap = (row) => {
|
const roadmap = (row) => {
|
||||||
if (row && row.length > 0) {
|
if (row && row.length > 0) {
|
||||||
|
|||||||
@ -30,6 +30,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 警组弹框弹框 -->
|
||||||
|
<PoliceGroupInfo v-if="show.jzgroup" :data="jzxqList" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -40,7 +43,32 @@ import Collection from "./components/collection.vue";
|
|||||||
import Warning from "./components/warning.vue";
|
import Warning from "./components/warning.vue";
|
||||||
import BeOnDuty from "./components/beonDuty.vue";
|
import BeOnDuty from "./components/beonDuty.vue";
|
||||||
import Introduction from "./components/Introduction.vue";
|
import Introduction from "./components/Introduction.vue";
|
||||||
import { ref } from "vue";
|
import PoliceGroupInfo from "./layout/streetInfo.vue";
|
||||||
|
import emitter from "@/utils/eventBus.js";
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
reactive,
|
||||||
|
onMounted
|
||||||
|
} from "vue";
|
||||||
|
const jzxqList = ref({}); //警组列表详情
|
||||||
|
const show = reactive({
|
||||||
|
jzgroup: false //展示警组弹窗
|
||||||
|
});
|
||||||
|
onMounted(() => {
|
||||||
|
|
||||||
|
// 展示警组
|
||||||
|
emitter.on("showJzInfo", (res) => {
|
||||||
|
show.jzgroup = res ? true : false;
|
||||||
|
if (res) {
|
||||||
|
jzxqList.value = res;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
354
src/views/home/layout/streetInfo.vue
Normal file
354
src/views/home/layout/streetInfo.vue
Normal file
@ -0,0 +1,354 @@
|
|||||||
|
<template>
|
||||||
|
<div class="dialogBox" :style="`left:${elLeft}px;top:${elTop}px`" draggable="true" ref="dialogBoxYpfx"
|
||||||
|
@dragstart="dragstart($event)" @dragend="dragend($event)">
|
||||||
|
<div class="title">
|
||||||
|
<span class="mc">{{ props.data.cph }}</span>
|
||||||
|
<span @click="close" class="close">
|
||||||
|
<el-icon>
|
||||||
|
<Close />
|
||||||
|
</el-icon>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="info-Big-Box noScollLine">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
<div class="card-cnt">
|
||||||
|
<div class="leftImg">
|
||||||
|
<el-image style="width: 100%" :src="props.data.image" :hide-on-click-modal="true" close-on-press-escape
|
||||||
|
fit="cover" lazy>
|
||||||
|
</el-image>
|
||||||
|
</div>
|
||||||
|
<div class="rightInfo">
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">驾驶员：</span>{{ props.data.cljsy }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">车牌号：</span>{{ props.data.cph }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">行驶路线：</span>{{ props.data.xlmc }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">乘车人数：</span>{{ props.data.ccrs ? props.data.ccrs : 0 }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">重点人员：</span>{{ props.data.zdrs ? props.data.zdrs : 0 }}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span class="zjhm">途中乘车人数：</span>{{ props.data.ztscrs ? props.data.ztscrs : 0 }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="address">
|
||||||
|
<img class="addImg" src="@/assets/images/dingwei.png" />
|
||||||
|
<span>{{ props.data.xlmc }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 视频播放区域 -->
|
||||||
|
<div v-if="showVideo" class="video-container">
|
||||||
|
<video ref="videoPlayer" class="video-player" controls autoplay muted :src="videoSrc">
|
||||||
|
您的浏览器不支持视频播放
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-popover placement="bottom" :visible="visible" :width="476" :append-to-body="false">
|
||||||
|
<template #reference>
|
||||||
|
<div class="btnBox">
|
||||||
|
<button class="dp-default small" @click="onClickclgj">车辆轨迹</button>
|
||||||
|
<button class="dp-default small" @click="onClickSpsd">{{showVideo.value?"关闭视频":"视频播放"}}</button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import Axios from "axios";
|
||||||
|
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
|
||||||
|
import { ref, onMounted, onUnmounted, defineProps, getCurrentInstance, watch } from "vue";
|
||||||
|
import { timeValidate } from "@/utils/time.js";
|
||||||
|
import emitter from "@/utils/eventBus.js";
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
import { all } from "ol/events/condition";
|
||||||
|
const { proxy } = getCurrentInstance();
|
||||||
|
const props = defineProps({
|
||||||
|
data: {
|
||||||
|
type: Object,
|
||||||
|
default: {}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const visible = ref(false);
|
||||||
|
const dialogBoxYpfx = ref();
|
||||||
|
const videoPlayer = ref();
|
||||||
|
const showVideo = ref(false);
|
||||||
|
const videoSrc = ref('');
|
||||||
|
const initWidth = ref(0); //父元素宽度
|
||||||
|
const initHeight = ref(0); //父元素高度
|
||||||
|
const startClientX = ref(0); //元素拖拽前距离浏览器X轴位置
|
||||||
|
const startClientY = ref(0); //元素拖拽前距离浏览器Y轴位置
|
||||||
|
const elLeft = ref(400); //元素左偏移量
|
||||||
|
const elTop = ref(120); //元素右偏移量
|
||||||
|
watch(
|
||||||
|
() => props.data,
|
||||||
|
(val) => {
|
||||||
|
console.log(val, 'val');
|
||||||
|
visible.value = false;
|
||||||
|
}, {
|
||||||
|
immediate: true,
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
);
|
||||||
|
onMounted(() => {
|
||||||
|
initBodySize();
|
||||||
|
});
|
||||||
|
const onClickSpsd = () => {
|
||||||
|
if (showVideo.value) {
|
||||||
|
videoPlayer.value.pause();
|
||||||
|
videoPlayer.value.currentTime = 0;
|
||||||
|
} else {
|
||||||
|
videoSrc.value = props.data.videoUrl || '/static/sample.mp4';
|
||||||
|
}
|
||||||
|
showVideo.value = !showVideo.value
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const onClickclgj = () => {
|
||||||
|
let row = props.data.zb
|
||||||
|
if (row && row.length > 0) {
|
||||||
|
emitter.emit("setMapCenter", {
|
||||||
|
location: [row[0][0], row[0][1]],
|
||||||
|
zoomLevel: 12
|
||||||
|
});
|
||||||
|
emitter.emit("drawLineAnimation", {
|
||||||
|
type: "solid",
|
||||||
|
coords: row,
|
||||||
|
isclear: true,
|
||||||
|
flag: "lx"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//初始化
|
||||||
|
const initBodySize = () => {
|
||||||
|
initWidth.value = dialogBoxYpfx.value.clientWidth;
|
||||||
|
initHeight.value = dialogBoxYpfx.value.clientHeight;
|
||||||
|
};
|
||||||
|
//拖拽开始
|
||||||
|
const dragstart = (e) => {
|
||||||
|
startClientX.value = e.clientX;
|
||||||
|
startClientY.value = e.clientY;
|
||||||
|
};
|
||||||
|
//拖拽结束
|
||||||
|
const dragend = (e) => {
|
||||||
|
let x = e.clientX - startClientX.value;
|
||||||
|
let y = e.clientY - startClientY.value;
|
||||||
|
elLeft.value += x;
|
||||||
|
elTop.value += y;
|
||||||
|
};
|
||||||
|
|
||||||
|
//关闭弹窗
|
||||||
|
function close() {
|
||||||
|
visible.value = false;
|
||||||
|
emitter.emit("showJzInfo", false);
|
||||||
|
emitter.emit("deletePointArea", "lx");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "@/assets/css/homeScreen.scss";
|
||||||
|
|
||||||
|
.dialogBox {
|
||||||
|
position: absolute;
|
||||||
|
padding: 0;
|
||||||
|
width: 484px !important;
|
||||||
|
|
||||||
|
.video-container {
|
||||||
|
margin: 10px auto;
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center; // 容器居中对齐
|
||||||
|
.video-player {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 400px; // 设置最大宽度
|
||||||
|
height: 200px;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto; // 水平居中
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
border-bottom: 1px solid #275288;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
|
||||||
|
.mc {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-Big-Box {
|
||||||
|
max-height: 70vh;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 4px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding: 10px 10px 4px 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-top: 2px solid #00bfff;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
background: #052955;
|
||||||
|
|
||||||
|
.card-cnt {
|
||||||
|
display: flex;
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
|
||||||
|
.leftImg {
|
||||||
|
width: 180px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightInfo {
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 100%;
|
||||||
|
color: #0095FF;
|
||||||
|
line-height: 28px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
padding: 1px 6px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: #FF3A3A;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zjhm {
|
||||||
|
line-height: 27px;
|
||||||
|
color: #7CBFFF;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textflex {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #6585af;
|
||||||
|
|
||||||
|
.info {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.newinfo {
|
||||||
|
color: yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.address {
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 4px;
|
||||||
|
padding-top: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-top: 1px solid #3b3737;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
.addImg {
|
||||||
|
margin-right: 4px;
|
||||||
|
vertical-align: text-top;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.phtos {
|
||||||
|
height: 110px;
|
||||||
|
padding-top: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
border-top: 1px dashed #3d3d3d;
|
||||||
|
margin-top: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
::v-deep .el-carousel {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.el-carousel__container {
|
||||||
|
height: 72%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-carousel__item {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 60px;
|
||||||
|
height: 70px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.all-dialog .dialogBox>.btnBox {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeBox {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.time1 {
|
||||||
|
margin: 0 10px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-collapse {
|
||||||
|
width: 100%;
|
||||||
|
--el-collapse-header-height: auto;
|
||||||
|
--el-collapse-header-bg-color: transparent;
|
||||||
|
--el-collapse-border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-collapse-item__header {
|
||||||
|
color: #00bfff;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-collapse-item__wrap {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-collapse-item__content {
|
||||||
|
color: #fff;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.null {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
43
src/views/login/oatuh_login.vue
Normal file
43
src/views/login/oatuh_login.vue
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<template></template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted } from "vue";
|
||||||
|
import { useStore } from "vuex";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
import {
|
||||||
|
setItem
|
||||||
|
} from "@/utils/storage";
|
||||||
|
const loginDialog = ref(false);
|
||||||
|
const deptList = ref([]);
|
||||||
|
const store = useStore();
|
||||||
|
function redirectAuth() {
|
||||||
|
|
||||||
|
let token = location.hash.slice(20) || null;
|
||||||
|
if (token != null) {
|
||||||
|
debugger
|
||||||
|
token = token.replace(/\ +/g, "");
|
||||||
|
setItem("SSOTOKEN", token)
|
||||||
|
handleLogin({ token: token});
|
||||||
|
} else {
|
||||||
|
window.location.href = `http://155.240.22.188:9020`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleLogin = (e) => {
|
||||||
|
store.dispatch("user/oatuhLogin", e).then((res) => {
|
||||||
|
// 登录后操作
|
||||||
|
if (res.deptList.length === 1) {
|
||||||
|
window.location.hash = "/";
|
||||||
|
} else {
|
||||||
|
deptList.value = [...res.deptList];
|
||||||
|
loginDialog.value = true;
|
||||||
|
authorization.value = res.jwtToken;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
onMounted(() => {
|
||||||
|
redirectAuth();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
@ -7,7 +7,7 @@ const serverHost = "http://192.168.1.32:8066";
|
|||||||
// const serverHost = "http://127.0.0.1:8006"
|
// const serverHost = "http://127.0.0.1:8006"
|
||||||
module.exports = {
|
module.exports = {
|
||||||
publicPath: "./",
|
publicPath: "./",
|
||||||
outputDir: "ylth",
|
outputDir: "gj",
|
||||||
assetsDir: "static",
|
assetsDir: "static",
|
||||||
lintOnSave: false, //process.env.NODE_ENV === 'development',
|
lintOnSave: false, //process.env.NODE_ENV === 'development',
|
||||||
productionSourceMap: false,
|
productionSourceMap: false,
|
||||||
|
|||||||
@ -1,738 +0,0 @@
|
|||||||
(function(b, c, a) {
|
|
||||||
c[b] = a()
|
|
||||||
})("h337", this, function() {
|
|
||||||
var c = {
|
|
||||||
defaultRadius: 40,
|
|
||||||
defaultRenderer: "canvas2d",
|
|
||||||
defaultGradient: {
|
|
||||||
0.35: "rgb(0,0,255)",
|
|
||||||
0.45: "rgb(0,255,255)",
|
|
||||||
0.75: "rgb(0,255,0)",
|
|
||||||
0.85: "yellow",
|
|
||||||
1: "rgb(255,0,0)"
|
|
||||||
},
|
|
||||||
defaultMaxOpacity: 1,
|
|
||||||
defaultMinOpacity: 0,
|
|
||||||
defaultBlur: 0.85,
|
|
||||||
defaultXField: "x",
|
|
||||||
defaultYField: "y",
|
|
||||||
defaultValueField: "value",
|
|
||||||
plugins: {}
|
|
||||||
};
|
|
||||||
var g = (function l() {
|
|
||||||
var n = function n(o) {
|
|
||||||
this._coordinator = {};
|
|
||||||
this._data = [];
|
|
||||||
this._radi = [];
|
|
||||||
this._min = 0;
|
|
||||||
this._max = 1;
|
|
||||||
this._xField = o.xField || o.defaultXField;
|
|
||||||
this._yField = o.yField || o.defaultYField;
|
|
||||||
this._valueField = o.valueField || o.defaultValueField;
|
|
||||||
if (o.radius) {
|
|
||||||
this._cfgRadius = o.radius
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var m = c.defaultRadius;
|
|
||||||
n.prototype = {
|
|
||||||
_organiseData: function(o, q) {
|
|
||||||
var u = o[this._xField];
|
|
||||||
var s = o[this._yField];
|
|
||||||
var z = this._radi;
|
|
||||||
var w = this._data;
|
|
||||||
var t = this._max;
|
|
||||||
var p = this._min;
|
|
||||||
var v = o[this._valueField] || 1;
|
|
||||||
var r = o.radius || this._cfgRadius || m;
|
|
||||||
if (!w[u]) {
|
|
||||||
w[u] = [];
|
|
||||||
z[u] = []
|
|
||||||
}
|
|
||||||
if (!w[u][s]) {
|
|
||||||
w[u][s] = v;
|
|
||||||
z[u][s] = r
|
|
||||||
} else {
|
|
||||||
w[u][s] += v
|
|
||||||
}
|
|
||||||
if (w[u][s] > t) {
|
|
||||||
if (!q) {
|
|
||||||
this._max = w[u][s]
|
|
||||||
} else {
|
|
||||||
this.setDataMax(w[u][s])
|
|
||||||
}
|
|
||||||
return false
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
x: u,
|
|
||||||
y: s,
|
|
||||||
value: v,
|
|
||||||
radius: r,
|
|
||||||
min: p,
|
|
||||||
max: t
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_unOrganizeData: function() {
|
|
||||||
var r = [];
|
|
||||||
var q = this._data;
|
|
||||||
var p = this._radi;
|
|
||||||
for (var o in q) {
|
|
||||||
for (var s in q[o]) {
|
|
||||||
r.push({
|
|
||||||
x: o,
|
|
||||||
y: s,
|
|
||||||
radius: p[o][s],
|
|
||||||
value: q[o][s]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
min: this._min,
|
|
||||||
max: this._max,
|
|
||||||
data: r
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_onExtremaChange: function() {
|
|
||||||
this._coordinator.emit("extremachange", {
|
|
||||||
min: this._min,
|
|
||||||
max: this._max
|
|
||||||
})
|
|
||||||
},
|
|
||||||
addData: function() {
|
|
||||||
if (arguments[0].length > 0) {
|
|
||||||
var p = arguments[0];
|
|
||||||
var o = p.length;
|
|
||||||
while (o--) {
|
|
||||||
this.addData.call(this, p[o])
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
var q = this._organiseData(arguments[0], true);
|
|
||||||
if (q) {
|
|
||||||
this._coordinator.emit("renderpartial", {
|
|
||||||
min: this._min,
|
|
||||||
max: this._max,
|
|
||||||
data: [q]
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setData: function(q) {
|
|
||||||
var p = q.data;
|
|
||||||
var r = p.length;
|
|
||||||
this._data = [];
|
|
||||||
this._radi = [];
|
|
||||||
for (var o = 0; o < r; o++) {
|
|
||||||
this._organiseData(p[o], false)
|
|
||||||
}
|
|
||||||
this._max = q.max;
|
|
||||||
this._min = q.min || 0;
|
|
||||||
this._onExtremaChange();
|
|
||||||
this._coordinator.emit("renderall", this._getInternalData());
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
removeData: function() {},
|
|
||||||
setDataMax: function(o) {
|
|
||||||
this._max = o;
|
|
||||||
this._onExtremaChange();
|
|
||||||
this._coordinator.emit("renderall", this._getInternalData());
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setDataMin: function(o) {
|
|
||||||
this._min = o;
|
|
||||||
this._onExtremaChange();
|
|
||||||
this._coordinator.emit("renderall", this._getInternalData());
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setCoordinator: function(o) {
|
|
||||||
this._coordinator = o
|
|
||||||
},
|
|
||||||
_getInternalData: function() {
|
|
||||||
return {
|
|
||||||
max: this._max,
|
|
||||||
min: this._min,
|
|
||||||
data: this._data,
|
|
||||||
radi: this._radi
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getData: function() {
|
|
||||||
return this._unOrganizeData()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return n
|
|
||||||
})();
|
|
||||||
var h = (function j() {
|
|
||||||
var p = function(q) {
|
|
||||||
var s = q.gradient || q.defaultGradient;
|
|
||||||
var v = document.createElement("canvas");
|
|
||||||
var u = v.getContext("2d");
|
|
||||||
v.width = 256;
|
|
||||||
v.height = 1;
|
|
||||||
var t = u.createLinearGradient(0, 0, 256, 1);
|
|
||||||
for (var r in s) {
|
|
||||||
t.addColorStop(r, s[r])
|
|
||||||
}
|
|
||||||
u.fillStyle = t;
|
|
||||||
u.fillRect(0, 0, 256, 1);
|
|
||||||
return u.getImageData(0, 0, 256, 1).data
|
|
||||||
};
|
|
||||||
var o = function(s, t) {
|
|
||||||
var v = document.createElement("canvas");
|
|
||||||
var r = v.getContext("2d");
|
|
||||||
var q = s;
|
|
||||||
var w = s;
|
|
||||||
v.width = v.height = s * 2;
|
|
||||||
if (t == 1) {
|
|
||||||
r.beginPath();
|
|
||||||
r.arc(q, w, s, 0, 2 * Math.PI, false);
|
|
||||||
r.fillStyle = "rgba(0,0,0,1)";
|
|
||||||
r.fill()
|
|
||||||
} else {
|
|
||||||
var u = r.createRadialGradient(q, w, s * t, q, w, s);
|
|
||||||
u.addColorStop(0, "rgba(0,0,0,1)");
|
|
||||||
u.addColorStop(1, "rgba(0,0,0,0)");
|
|
||||||
r.fillStyle = u;
|
|
||||||
r.fillRect(0, 0, 2 * s, 2 * s)
|
|
||||||
}
|
|
||||||
return v
|
|
||||||
};
|
|
||||||
var n = function(u) {
|
|
||||||
var B = [];
|
|
||||||
var t = u.min;
|
|
||||||
var x = u.max;
|
|
||||||
var C = u.radi;
|
|
||||||
var u = u.data;
|
|
||||||
var q = Object.keys(u);
|
|
||||||
var r = q.length;
|
|
||||||
while (r--) {
|
|
||||||
var s = q[r];
|
|
||||||
var y = Object.keys(u[s]);
|
|
||||||
var A = y.length;
|
|
||||||
while (A--) {
|
|
||||||
var w = y[A];
|
|
||||||
var z = u[s][w];
|
|
||||||
var v = C[s][w];
|
|
||||||
B.push({
|
|
||||||
x: s,
|
|
||||||
y: w,
|
|
||||||
value: z,
|
|
||||||
radius: v
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
min: t,
|
|
||||||
max: x,
|
|
||||||
data: B
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function m(t) {
|
|
||||||
var q = t.element;
|
|
||||||
var u = this.shadowCanvas = document.createElement("canvas");
|
|
||||||
var s = this.canvas = t.canvas || document.createElement("canvas");
|
|
||||||
var r = this._renderBoundaries = [10000, 10000, 0, 0];
|
|
||||||
var v = getComputedStyle(t.element) || {};
|
|
||||||
s.className = "heatmap-canvas";
|
|
||||||
this._width = s.width = u.width = +(v.width.replace(/px/, ""));
|
|
||||||
this._height = s.height = u.height = +(v.height.replace(/px/, ""));
|
|
||||||
this.shadowCtx = u.getContext("2d");
|
|
||||||
this.ctx = s.getContext("2d");
|
|
||||||
s.style.cssText = u.style.cssText = "position:absolute;left:0;top:0;";
|
|
||||||
q.style.position = "relative";
|
|
||||||
q.appendChild(s);
|
|
||||||
this._palette = p(t);
|
|
||||||
this._templates = {};
|
|
||||||
this._setStyles(t)
|
|
||||||
}
|
|
||||||
m.prototype = {
|
|
||||||
renderPartial: function(q) {
|
|
||||||
this._drawAlpha(q);
|
|
||||||
this._colorize()
|
|
||||||
},
|
|
||||||
renderAll: function(q) {
|
|
||||||
this._clear();
|
|
||||||
this._drawAlpha(n(q));
|
|
||||||
this._colorize()
|
|
||||||
},
|
|
||||||
_updateGradient: function(q) {
|
|
||||||
this._palette = p(q)
|
|
||||||
},
|
|
||||||
updateConfig: function(q) {
|
|
||||||
if (q.gradient) {
|
|
||||||
this._updateGradient(q)
|
|
||||||
}
|
|
||||||
this._setStyles(q)
|
|
||||||
},
|
|
||||||
setDimensions: function(r, q) {
|
|
||||||
this._width = r;
|
|
||||||
this._height = q;
|
|
||||||
this.canvas.width = this.shadowCanvas.width = r;
|
|
||||||
this.canvas.height = this.shadowCanvas.height = q
|
|
||||||
},
|
|
||||||
_clear: function() {
|
|
||||||
this.shadowCtx.clearRect(0, 0, this._width, this._height);
|
|
||||||
this.ctx.clearRect(0, 0, this._width, this._height)
|
|
||||||
},
|
|
||||||
_setStyles: function(q) {
|
|
||||||
this._blur = (q.blur == 0) ? 0 : (q.blur || q.defaultBlur);
|
|
||||||
if (q.backgroundColor) {
|
|
||||||
this.canvas.style.backgroundColor = q.backgroundColor
|
|
||||||
}
|
|
||||||
this._opacity = (q.opacity || 0) * 255;
|
|
||||||
this._maxOpacity = (q.maxOpacity || q.defaultMaxOpacity) * 255;
|
|
||||||
this._minOpacity = (q.minOpacity || q.defaultMinOpacity) * 255;
|
|
||||||
this._useGradientOpacity = !!q.useGradientOpacity
|
|
||||||
},
|
|
||||||
_drawAlpha: function(v) {
|
|
||||||
var u = this._min = v.min;
|
|
||||||
var B = this._max = v.max;
|
|
||||||
var v = v.data || [];
|
|
||||||
var s = v.length;
|
|
||||||
var t = 1 - this._blur;
|
|
||||||
while (s--) {
|
|
||||||
var F = v[s];
|
|
||||||
var D = F.x;
|
|
||||||
var A = F.y;
|
|
||||||
var z = F.radius;
|
|
||||||
var E = Math.min(F.value, B);
|
|
||||||
var r = D - z;
|
|
||||||
var q = A - z;
|
|
||||||
var C = this.shadowCtx;
|
|
||||||
var w;
|
|
||||||
if (!this._templates[z]) {
|
|
||||||
this._templates[z] = w = o(z, t)
|
|
||||||
} else {
|
|
||||||
w = this._templates[z]
|
|
||||||
}
|
|
||||||
C.globalAlpha = (E - u) / (B - u);
|
|
||||||
C.drawImage(w, r, q);
|
|
||||||
if (r < this._renderBoundaries[0]) {
|
|
||||||
this._renderBoundaries[0] = r
|
|
||||||
}
|
|
||||||
if (q < this._renderBoundaries[1]) {
|
|
||||||
this._renderBoundaries[1] = q
|
|
||||||
}
|
|
||||||
if (r + 2 * z > this._renderBoundaries[2]) {
|
|
||||||
this._renderBoundaries[2] = r + 2 * z
|
|
||||||
}
|
|
||||||
if (q + 2 * z > this._renderBoundaries[3]) {
|
|
||||||
this._renderBoundaries[3] = q + 2 * z
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_colorize: function() {
|
|
||||||
var w = this._renderBoundaries[0];
|
|
||||||
var u = this._renderBoundaries[1];
|
|
||||||
var B = this._renderBoundaries[2] - w;
|
|
||||||
var z = this._renderBoundaries[3] - u;
|
|
||||||
var G = this._width;
|
|
||||||
var A = this._height;
|
|
||||||
var r = this._opacity;
|
|
||||||
var I = this._maxOpacity;
|
|
||||||
var C = this._minOpacity;
|
|
||||||
var v = this._useGradientOpacity;
|
|
||||||
if (w < 0) {
|
|
||||||
w = 0
|
|
||||||
}
|
|
||||||
if (u < 0) {
|
|
||||||
u = 0
|
|
||||||
}
|
|
||||||
if (w + B > G) {
|
|
||||||
B = G - w
|
|
||||||
}
|
|
||||||
if (u + z > A) {
|
|
||||||
z = A - u
|
|
||||||
}
|
|
||||||
var J = this.shadowCtx.getImageData(w, u, B, z);
|
|
||||||
var H = J.data;
|
|
||||||
var E = H.length;
|
|
||||||
var F = this._palette;
|
|
||||||
for (var D = 3; D < E; D += 4) {
|
|
||||||
var s = H[D];
|
|
||||||
var t = s * 4;
|
|
||||||
if (!t) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
var q;
|
|
||||||
if (r > 0) {
|
|
||||||
q = r
|
|
||||||
} else {
|
|
||||||
if (s < I) {
|
|
||||||
if (s < C) {
|
|
||||||
q = C
|
|
||||||
} else {
|
|
||||||
q = s
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
q = I
|
|
||||||
}
|
|
||||||
}
|
|
||||||
H[D - 3] = F[t];
|
|
||||||
H[D - 2] = F[t + 1];
|
|
||||||
H[D - 1] = F[t + 2];
|
|
||||||
H[D] = v ? F[t + 3] : q
|
|
||||||
}
|
|
||||||
J.data = H;
|
|
||||||
this.ctx.putImageData(J, w, u);
|
|
||||||
this._renderBoundaries = [1000, 1000, 0, 0]
|
|
||||||
},
|
|
||||||
getValueAt: function(r) {
|
|
||||||
var w;
|
|
||||||
var t = this.shadowCtx;
|
|
||||||
var s = t.getImageData(r.x, r.y, 1, 1);
|
|
||||||
var v = s.data[3];
|
|
||||||
var q = this._max;
|
|
||||||
var u = this._min;
|
|
||||||
w = (Math.abs(q - u) * (v / 255)) >> 0;
|
|
||||||
return w
|
|
||||||
},
|
|
||||||
getDataURL: function() {
|
|
||||||
return this.canvas.toDataURL()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return m
|
|
||||||
})();
|
|
||||||
var e = (function b() {
|
|
||||||
var m = false;
|
|
||||||
if (c.defaultRenderer === "canvas2d") {
|
|
||||||
m = h
|
|
||||||
}
|
|
||||||
return m
|
|
||||||
})();
|
|
||||||
var i = {
|
|
||||||
merge: function() {
|
|
||||||
var m = {};
|
|
||||||
var n = arguments.length;
|
|
||||||
for (var p = 0; p < n; p++) {
|
|
||||||
var q = arguments[p];
|
|
||||||
for (var o in q) {
|
|
||||||
m[o] = q[o]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return m
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var f = (function k() {
|
|
||||||
var m = (function o() {
|
|
||||||
function q() {
|
|
||||||
this.cStore = {}
|
|
||||||
}
|
|
||||||
q.prototype = {
|
|
||||||
on: function(s, u, r) {
|
|
||||||
var t = this.cStore;
|
|
||||||
if (!t[s]) {
|
|
||||||
t[s] = []
|
|
||||||
}
|
|
||||||
t[s].push((function(v) {
|
|
||||||
return u.call(r, v)
|
|
||||||
}))
|
|
||||||
},
|
|
||||||
emit: function(u, t) {
|
|
||||||
var w = this.cStore;
|
|
||||||
if (w[u]) {
|
|
||||||
var r = w[u].length;
|
|
||||||
for (var s = 0; s < r; s++) {
|
|
||||||
var v = w[u][s];
|
|
||||||
v(t)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return q
|
|
||||||
})();
|
|
||||||
var p = function(r) {
|
|
||||||
var s = r._renderer;
|
|
||||||
var t = r._coordinator;
|
|
||||||
var q = r._store;
|
|
||||||
t.on("renderpartial", s.renderPartial, s);
|
|
||||||
t.on("renderall", s.renderAll, s);
|
|
||||||
t.on("extremachange", function(u) {
|
|
||||||
r._config.onExtremaChange && r._config.onExtremaChange({
|
|
||||||
min: u.min,
|
|
||||||
max: u.max,
|
|
||||||
gradient: r._config.gradient || r._config.defaultGradient
|
|
||||||
})
|
|
||||||
});
|
|
||||||
q.setCoordinator(t)
|
|
||||||
};
|
|
||||||
|
|
||||||
function n() {
|
|
||||||
var q = this._config = i.merge(c, arguments[0] || {});
|
|
||||||
this._coordinator = new m();
|
|
||||||
if (q.plugin) {
|
|
||||||
var s = q.plugin;
|
|
||||||
if (!c.plugins[s]) {
|
|
||||||
throw new Error("Plugin '" + s + "' not found. Maybe it was not registered.")
|
|
||||||
} else {
|
|
||||||
var r = c.plugins[s];
|
|
||||||
this._renderer = new r.renderer(q);
|
|
||||||
this._store = new r.store(q)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this._renderer = new e(q);
|
|
||||||
this._store = new g(q)
|
|
||||||
}
|
|
||||||
p(this)
|
|
||||||
}
|
|
||||||
n.prototype = {
|
|
||||||
addData: function() {
|
|
||||||
this._store.addData.apply(this._store, arguments);
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
removeData: function() {
|
|
||||||
this._store.removeData && this._store.removeData.apply(this._store, arguments);
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setData: function() {
|
|
||||||
this._store.setData.apply(this._store, arguments);
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setDataMax: function() {
|
|
||||||
this._store.setDataMax.apply(this._store, arguments);
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
setDataMin: function() {
|
|
||||||
this._store.setDataMin.apply(this._store, arguments);
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
configure: function(q) {
|
|
||||||
this._config = i.merge(this._config, q);
|
|
||||||
this._renderer.updateConfig(this._config);
|
|
||||||
this._coordinator.emit("renderall", this._store._getInternalData());
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
repaint: function() {
|
|
||||||
this._coordinator.emit("renderall", this._store._getInternalData());
|
|
||||||
return this
|
|
||||||
},
|
|
||||||
getData: function() {
|
|
||||||
return this._store.getData()
|
|
||||||
},
|
|
||||||
getDataURL: function() {
|
|
||||||
return this._renderer.getDataURL()
|
|
||||||
},
|
|
||||||
getValueAt: function(q) {
|
|
||||||
if (this._store.getValueAt) {
|
|
||||||
return this._store.getValueAt(q)
|
|
||||||
} else {
|
|
||||||
if (this._renderer.getValueAt) {
|
|
||||||
return this._renderer.getValueAt(q)
|
|
||||||
} else {
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return n
|
|
||||||
})();
|
|
||||||
var a = {
|
|
||||||
create: function(m) {
|
|
||||||
return new f(m)
|
|
||||||
},
|
|
||||||
register: function(n, m) {
|
|
||||||
c.plugins[n] = m
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return a
|
|
||||||
});
|
|
||||||
var BMapLib = window.BMapLib = BMapLib || {};
|
|
||||||
(function() {
|
|
||||||
var a = BMapLib.HeatmapOverlay = function(c) {
|
|
||||||
this.conf = c;
|
|
||||||
this.conf.visible = c.visible === undefined ? true : c.visible;
|
|
||||||
this.heatmap = null;
|
|
||||||
this.latlngs = [];
|
|
||||||
this.bounds = null
|
|
||||||
};
|
|
||||||
a.prototype = new BMapGL.Overlay();
|
|
||||||
a.prototype.initialize = function(f) {
|
|
||||||
this._map = f;
|
|
||||||
var c = document.createElement("div");
|
|
||||||
c.style.position = "absolute";
|
|
||||||
c.style.top = 0;
|
|
||||||
c.style.left = 0;
|
|
||||||
c.style.border = 0;
|
|
||||||
c.style.width = this._map.getSize().width + "px";
|
|
||||||
c.style.height = this._map.getSize().height + "px";
|
|
||||||
this.conf.element = c;
|
|
||||||
if (!b()) {
|
|
||||||
return c
|
|
||||||
}
|
|
||||||
f.getPanes().floatPane.appendChild(c);
|
|
||||||
this.conf.valueField = this.conf.valueField || "count";
|
|
||||||
this.heatmap = h337.create(this.conf);
|
|
||||||
var e = this;
|
|
||||||
f.addEventListener("resize", function(h) {
|
|
||||||
var g = h.size;
|
|
||||||
c.style.width = g.width + "px";
|
|
||||||
c.style.height = g.height + "px";
|
|
||||||
e.heatmap._renderer.setDimensions(g.width, g.height);
|
|
||||||
e.draw()
|
|
||||||
});
|
|
||||||
this._div = c;
|
|
||||||
return c
|
|
||||||
};
|
|
||||||
a.prototype.draw = function() {
|
|
||||||
if (!b()) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
var k = this._map.getBounds();
|
|
||||||
if (k.equals(this.bounds)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.bounds = k;
|
|
||||||
var j = this._map.pointToOverlayPixel(k.getNorthEast()),
|
|
||||||
p = this._map.pointToOverlayPixel(k.getSouthWest()),
|
|
||||||
c = j.y,
|
|
||||||
i = p.x,
|
|
||||||
l = p.y - j.y,
|
|
||||||
o = j.x - p.x;
|
|
||||||
this.conf.element.style.left = i + "px";
|
|
||||||
this.conf.element.style.top = c + "px";
|
|
||||||
this.conf.element.style.width = o + "px";
|
|
||||||
this.conf.element.style.height = l + "px";
|
|
||||||
if (this.latlngs.length > 0) {
|
|
||||||
this.heatmap.removeData();
|
|
||||||
var n = this.latlngs.length;
|
|
||||||
d = {
|
|
||||||
max: this.heatmap._store.getData().max,
|
|
||||||
data: []
|
|
||||||
};
|
|
||||||
while (n--) {
|
|
||||||
var f = this.latlngs[n].latlng;
|
|
||||||
if (!k.containsPoint(f)) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
var g = this._map.pointToOverlayPixel(f),
|
|
||||||
i = this._map.pointToOverlayPixel(k.getSouthWest()).x,
|
|
||||||
c = this._map.pointToOverlayPixel(k.getNorthEast()).y,
|
|
||||||
e = new BMapGL.Pixel(g.x - i, g.y - c);
|
|
||||||
var m = this.pixelTransform(e);
|
|
||||||
d.data.push({
|
|
||||||
x: m.x,
|
|
||||||
y: m.y,
|
|
||||||
count: this.latlngs[n].c
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (this.conf.radiusChangeByZoom) {
|
|
||||||
this.heatmap._store._cfgRadius = this.conf.radiusChangeByZoom(this._map.getZoom())
|
|
||||||
}
|
|
||||||
this.heatmap.setData(d)
|
|
||||||
}
|
|
||||||
};
|
|
||||||
a.prototype.pixelTransform = function(f) {
|
|
||||||
var c = this.heatmap.width,
|
|
||||||
e = this.heatmap.height;
|
|
||||||
while (f.x < 0) {
|
|
||||||
f.x += c
|
|
||||||
}
|
|
||||||
while (f.x > c) {
|
|
||||||
f.x -= c
|
|
||||||
}
|
|
||||||
while (f.y < 0) {
|
|
||||||
f.y += e
|
|
||||||
}
|
|
||||||
while (f.y > e) {
|
|
||||||
f.y -= e
|
|
||||||
}
|
|
||||||
f.x = (f.x >> 0);
|
|
||||||
f.y = (f.y >> 0);
|
|
||||||
return f
|
|
||||||
};
|
|
||||||
a.prototype.setDataSet = function(j) {
|
|
||||||
this.data = j;
|
|
||||||
if (!b()) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
var i = this._map.getBounds();
|
|
||||||
var l = {
|
|
||||||
max: j.max,
|
|
||||||
data: []
|
|
||||||
};
|
|
||||||
var m = j.data,
|
|
||||||
k = m.length;
|
|
||||||
this.latlngs = [];
|
|
||||||
this.heatmap.removeData();
|
|
||||||
if (this.conf.radiusChangeByZoom) {
|
|
||||||
this.heatmap._store._cfgRadius = this.conf.radiusChangeByZoom(this._map.getZoom())
|
|
||||||
}
|
|
||||||
while (k--) {
|
|
||||||
var f = new BMapGL.Point(m[k].lng, m[k].lat);
|
|
||||||
this.latlngs.push({
|
|
||||||
latlng: f,
|
|
||||||
c: m[k].count
|
|
||||||
});
|
|
||||||
if (!i.containsPoint(f)) {
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
var g = this._map.pointToOverlayPixel(f),
|
|
||||||
h = this._map.pointToOverlayPixel(i.getSouthWest()).x,
|
|
||||||
c = this._map.pointToOverlayPixel(i.getNorthEast()).y,
|
|
||||||
e = new BMapGL.Pixel(g.x - h, g.y - c);
|
|
||||||
var n = this.pixelTransform(e);
|
|
||||||
l.data.push({
|
|
||||||
x: n.x,
|
|
||||||
y: n.y,
|
|
||||||
count: m[k].count
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.heatmap.setData(l)
|
|
||||||
};
|
|
||||||
a.prototype.addDataPoint = function(e, g, f) {
|
|
||||||
if (!b()) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (this.data && this.data.data) {
|
|
||||||
this.data.data.push({
|
|
||||||
lng: e,
|
|
||||||
lat: g,
|
|
||||||
count: f
|
|
||||||
})
|
|
||||||
}
|
|
||||||
var h = new BMapGL.Point(e, g),
|
|
||||||
c = this.pixelTransform(this._map.pointToOverlayPixel(h));
|
|
||||||
this.heatmap.store.addDataPoint(c.x, c.y, f);
|
|
||||||
this.latlngs.push({
|
|
||||||
latlng: h,
|
|
||||||
c: f
|
|
||||||
})
|
|
||||||
};
|
|
||||||
a.prototype.toggle = function() {
|
|
||||||
if (!b()) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (this.conf.visible === true) {
|
|
||||||
this.conf.visible = false
|
|
||||||
} else {
|
|
||||||
this.conf.visible = true
|
|
||||||
}
|
|
||||||
if (this.conf.visible) {
|
|
||||||
this.conf.element.style.display = "block"
|
|
||||||
} else {
|
|
||||||
this.conf.element.style.display = "none"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
a.prototype.setOptions = function(c) {
|
|
||||||
if (!b()) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
for (var e in c) {
|
|
||||||
if (e == "radius") {
|
|
||||||
this.heatmap._store._cfgRadius = c[e]
|
|
||||||
}
|
|
||||||
if (e == "opacity") {
|
|
||||||
c[e] = c[e] / 100
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.heatmap.configure(c);
|
|
||||||
if (this.data) {
|
|
||||||
this.setDataSet(this.data)
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function b() {
|
|
||||||
var c = document.createElement("canvas");
|
|
||||||
return !!(c.getContext && c.getContext("2d"))
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
BIN
ylth/favicon.ico
BIN
ylth/favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 10240-10495
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 10496-10751
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 10752-11007
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 11008-11263
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 11264-11519
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 11520-11775
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 1280-1535
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 1536-1791
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 1792-2047
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 2048-2303
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 2304-2559
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 2560-2815
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
Microsoft YaHei 2816-3071
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user