Commit c028c0a2 authored by ninglx's avatar ninglx

初始化 wj-smartcity

parent 1e0722bb
NODE_ENV=development
\ No newline at end of file
NODE_ENV=production
\ No newline at end of file
.DS_Store
node_modules/
dist/
../.idea/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json
yarn.lock
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
};
{
"name": "app",
"version": "0.1.0",
"private": true,
"scripts": {
"start": "vue-cli-service serve",
"dev": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.7",
"@vue/cli-plugin-router": "^4.5.7",
"@vue/cli-plugin-vuex": "^4.5.7",
"@vue/cli-service": "^4.5.7",
"chalk": "^3.0.0",
"commander": "^4.1.1",
"core-js": "^3.6.5",
"fs-extra": "^8.1.0",
"less": "^3.12.2",
"less-loader": "^7.0.2",
"postcss-px-to-viewport": "^1.1.1",
"shelljs": "^0.8.4",
"vue-template-compiler": "^2.6.11"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"Chrome 49"
],
"dependencies": {
"@riophae/vue-treeselect": "^0.4.0",
"axios": "^1.5.0",
"compression-webpack-plugin": "^3.1.0",
"driver.js": "^0.9.8",
"element-ui": "^2.15.14",
"file-saver": "^2.0.5",
"flv.js": "^1.6.2",
"highcharts": "^10.3.3",
"highcharts-vue": "^1.4.0",
"js-cookie": "^3.0.0",
"js-export-excel": "^1.1.4",
"jszip": "^3.10.1",
"pako": "^2.1.0",
"protobufjs": "^7.2.3",
"sortablejs": "^1.13.0",
"terraformer-wkt-parser": "^1.2.1",
"video.js": "^8.6.1",
"vue": "^2.6.11",
"vue-clipboard2": "^0.3.1",
"vue-draggable-resizable": "^2.3.0",
"vue-router": "^3.4.6",
"vue-seamless-scroll": "^1.1.23",
"vuex": "^3.5.1"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<link rel="icon" href="<%= BASE_URL %>logo.png"/>
<title></title>
<link href="/cdn/libs/normalize/normalize.css" rel="stylesheet"/>
<link href="/cdn/libs/st-ui/st-ui.css" rel="stylesheet"/>
<link href="/cdn/font/font.css" rel="stylesheet"/>
<link
href="/cdn/libs/example/styles/lib.css"
rel="stylesheet"
type="text/css"
/>
<link href="/cdn/libs/mapbox-gl/mapbox-gl.css" rel="stylesheet"/>
<link href="/cdn/libs/threebox/threebox.css" rel="stylesheet"/>
<link href="/cdn/libs/cesium/Widgets/widgets.css" rel="stylesheet"/>
<link
rel="stylesheet"
href="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.css"
type="text/css"
/>
<style>
#app,
html,
body {
height: 100%;
width: 100%;
overflow: hidden;
}
.full-h {
height: 100%;
}
.full-w {
width: 100%;
}
/*滚动条样式:谷歌浏览器下*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: rgba(46, 94, 153, 0.3);
}
/*滚动条的轨道*/
::-webkit-scrollbar-track {
background-color: rgba(15, 38, 69, 0.3);
}
::-webkit-scrollbar-track:hover {
background-color: #0f2645;
::-webkit-scrollbar {
background-color: #2e5e99;
}
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #2e5e99;
}
/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
height: 0;
width: 0;
}
.equipmentPopup {
max-width: unset !important;
}
.vehicleDetailPopup {
max-width: unset !important;
}
.eventPopup {
max-width: unset !important;
}
.warningPopup {
max-width: unset !important;
}
.mapboxgl-popup-content {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
.vjs-modal-dialog {
display: none !important;
}
.mapboxgl-popup-tip {
display: none !important;
}
.mapboxgl-popup-close-button {
font-size: 26px;
color: white;
}
.mapboxgl-ctrl-logo {
display: none !important;
}
* {
box-sizing: border-box;
}
</style>
</head>
<body style="background-color: #030d1c">
<script src="/cdn/libs/echarts/echarts.min.js"></script>
<script src="/cdn/libs/lodash/lodash.js"></script>
<script src="/cdn/libs/st-util/st-util.js"></script>
<script src="/cdn/libs/st-dao/st-dao.js"></script>
<script
src="/cdn/libs/mapbox-gl/mapbox-gl.js"
type="text/javascript"
></script>
<script src="/cdn/libs/mapbox-gl-draw/mapbox-gl-draw.js"></script>
<script
src="/cdn/libs/threebox/threebox.js"
type="text/javascript"
></script>
<script src="/cdn/libs/turf/turf.min.js" type="text/javascript"></script>
<script src="/cdn/libs/cesium/Cesium.js" type="text/javascript"></script>
<script
src="/cdn/libs/reconnecting-websocket/reconnecting-websocket.js"
type="text/javascript"
></script>
<script
src="/design/systemsetting/systemParam/getValueByKey?key=D0039415460B480F8D6EB706C71CA1CD"
type="application/x-javascript"
></script>
<noscript>
<strong
>We're sorry but app doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
</body>
</html>
<template>
<div id="app" class="stms-framework default">
<!-- 头部 -->
<Navigator v-if="!hideHeader" />
<div class="stms-framework-container">
<!-- 左侧 -->
<leftMenu v-if="!hideHeader" />
<div class="stms-framework-content">
<div class="stms-framework-content-flex">
<router-view />
</div>
</div>
</div>
</div>
</template>
<script>
import Navigator from "./components/navigator";
import leftMenu from "./components/leftMenu";
export default {
components: {
Navigator,
leftMenu,
},
data() {
return {
};
},
computed: {
hideHeader() {
return (
window.location.href.includes("cameraView") ||
window.location.href.includes("reportPreview")
);
},
menu() {
return this.$store.getters.menu;
},
path() {
return this.$route.path;
},
params() {
return this.$route.params;
},
},
created() {
localStorage.removeItem("pathdata");
localStorage.removeItem("pathActive");
localStorage.removeItem("pathList");
},
mounted() {
!this.hideHeader && this.init();
},
methods: {
init() {
this.$store.dispatch("QUERY_MENU");
document.title = map_config.SYS_TITLE;
},
},
};
</script>
<style lang="less" scoped>
#app {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Source Han Sans CN", sans-serif;
color: white;
height: 100%;
width: 100%;
background-color: #030916;
}
.stms-framework-container{
position: absolute;
top: 80px;
left: 0;
height: calc(100% - 80px);
padding: 8px; color: white;
}
</style>
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1616480873074'); /* IE9 */
src: url('iconfont.eot?t=1616480873074#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANgAAsAAAAABzQAAAMRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCFIIMATYCJAMMCwgABCAFhG0HQBtcBsgusG3Ykw2mzhgS4ZvaFgUOIhQBtVb2zM4RPaoPs+fyQKhR/cuEjSBUwMIgKkIXm5taa/u4JpjtiGpSOdk7lpM99vd/+IRKMm2QIJE0QRPxRiULuMDAITc/0UEssxAzLIWcqi8Op01LYD5QLnNNiroA44ACGnuRFVCC3DB2E4FD2ExA2SDhTPMKy6uAiwT0Cgi7scwBl5xCakkPioJ8zcQknEAxHowPcJx/P/wyLbgQ5TJg4PytBSLI/trzuzHraUcUgTmfDtY0MkwAJMLaWsNy9jIwgb1ywHMI84G8JIhzuduHM0JeHv7hEQVCHkitgjFaMPI1CDNSIa+y7nqjDORRwALAHgDX5dgka1U9St3BddNY0NZjzevXy16+XPLizYTpAMfrF4t1WumgV6+WX7sMXbtK2rkIWT6vObnZf+7whYHze+/djl1rj9J/Rv3MeG/j4Z2p91VVeeXu4fsD9w7daVvt+rgb5K6alKmpXRFSqTTsyi2wH/Sx76ptscnotKtyLBh+SC3VqBpVSu2qSmtUxZzf8ajdfnpx27N6Z+J6299JerSHGwvbx1nR4IqKMJwWN2yd83FjfND4kXdw0iY+dfyO/2aXZgQDDeL/OMiGS9bv/42POasWWxvp/4ok8KH7Aua8NKIIRZHezJ/N7FmWQjZQZslnYEZszEzL2ERUmm3WBiwdXsdLul8oFBR1pxAV9EGmaAQyYSdATsUMyCuaCWXjFU2v6ETZC6mEcQYVCJq2Iaq7D5mmE2TCvkBOjz/IawZ7KFsa/BesGBWwWx5FHEMi5G0QC0SXkJq5ifQKJFtUjmbZHF+DqBm7YcykKcVwEdIRnWOI2SrHMiZBiRINFirbIVUl0KCkAwkssp0xIzVq8ta6N0UKRANu5qIQDoOIIJ4NhAkInUSrM26lz1dAZBYqDm0pGVDWQCgzXD8UI1J0D2SRQO9Vci/XmFnJYjGMBJJQhAYqVNohKhUBGfXtOiACJlL7CJ8hVRSsJPUVRK4v0r5vDZSBBbIQQxaSwgEL4TFHPDSi0iMycgAAAAAA') format('woff2'),
url('iconfont.woff?t=1616480873074') format('woff'),
url('iconfont.ttf?t=1616480873074') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1616480873074#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont", sans-serif !important;
/* font-size: 16px; */
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconzuobiao:before {
content: "\e662";
}
.iconmian-zuobiao:before {
content: "\e616";
}
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="zuobiao" unicode="&#58978;" d="M511.99 41.5c-7.95 0-15.46 3.59-20.45 9.75-23.85 29.4-232.87 291-232.87 421.91 0 139.69 113.64 253.34 253.32 253.34 139.71 0 253.35-113.64 253.35-253.34 0-130.91-209.05-392.52-232.9-421.91a26.315 26.315 0 0 0-20.45-9.75z m0 632.31c-110.63 0-200.63-90.01-200.63-200.65 0-85.86 130.08-271.69 200.63-362.84 70.55 91.14 200.66 276.98 200.66 362.84 0 110.64-90.03 200.65-200.66 200.65zM511.99 365.76c-59.23 0-107.39 48.18-107.39 107.4s48.16 107.42 107.39 107.42S619.4 532.39 619.4 473.16s-48.19-107.4-107.41-107.4z m0 162.13c-30.15 0-54.7-24.55-54.7-54.72 0-30.17 24.55-54.71 54.7-54.71 30.18 0 54.72 24.55 54.72 54.71 0 30.17-24.54 54.72-54.72 54.72z" horiz-adv-x="1024" />
<glyph glyph-name="mian-zuobiao" unicode="&#58902;" d="M717.8 680.3c-55 55-128 85.2-205.8 85.2s-150.8-30.3-205.8-85.2c-55-55-85.2-128-85.2-205.8 0-68.5 24.3-135 68.3-187.4l198.4-272.3c5.6-7.7 14.7-12.3 24.2-12.3s18.6 4.6 24.2 12.3l198.4 272.3C778.7 339.5 803 406 803 474.5c0 77.7-30.3 150.8-85.2 205.8zM512 471m-78 0a78 78 0 1 1 156 0 78 78 0 1 1-156 0Z" horiz-adv-x="1024" />
</font>
</defs></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 14.500000000000009 14.500000000000002)"><g opacity="1" transform="translate(0 0) rotate(0 14.500000000000009 14.500000000000002)"><path id="路径 1" fill-rule="evenodd" style="fill:#9C9C9C" transform="translate(3.420000000000016 3.4227624250798954) rotate(0 11.079999999999975 11.077237574920112)" opacity="1" d="M4.99,17.72C4.25,17.73 3.54,17.44 3.02,16.92C2.5,16.4 2.21,15.69 2.22,14.96C2.21,14.22 2.5,13.51 3.02,12.99C3.54,12.47 4.25,12.18 4.99,12.19L17.17,12.19C18.5,12.19 19.77,11.67 20.71,10.73C21.64,9.8 22.17,8.53 22.16,7.2C22.17,5.88 21.64,4.61 20.7,3.67C19.77,2.73 18.5,2.21 17.17,2.22L6.47,2.22C6.03,0.9 4.82,0 3.33,0C1.44,0 0,1.44 0,3.32C0,5.2 1.44,6.65 3.33,6.65C4.82,6.65 6.03,5.74 6.47,4.43L17.17,4.43C17.91,4.42 18.61,4.71 19.14,5.23C19.66,5.75 19.95,6.46 19.94,7.2C19.95,7.93 19.66,8.64 19.14,9.16C18.62,9.68 17.91,9.97 17.17,9.97L4.99,9.97C2.22,9.97 0,12.18 0,14.95C-0.01,16.28 0.52,17.55 1.46,18.48C2.39,19.42 3.66,19.94 4.99,19.94L15.69,19.94C16.13,21.25 17.34,22.15 18.83,22.15C20.72,22.15 22.16,20.71 22.16,18.83C22.16,16.95 20.72,15.51 18.83,15.51C17.34,15.51 16.13,16.41 15.69,17.72L4.99,17.72Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29" fill="none"><defs><rect id="path_0" x="0" y="0" width="29" height="29" /></defs><g opacity="1" transform="translate(-0.000016346989696103265 0) rotate(0 14.5 14.5)"><g opacity="1" transform="translate(0 0) rotate(0 14.5 14.5)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" fill-rule="evenodd" style="fill:#9C9C9C" transform="translate(1.8498263836873434 1.6278935185185475) rotate(0 12.650173616312635 12.872106481481453)" opacity="1" d="M18.2 1.2623e-15L11.98 1.2623e-15C11.23 1.2623e-15 10.65 0.58 10.65 1.33L10.65 21.75L8.88 21.75L8.88 1.33C8.88 0.62 8.3 1.2623e-15 7.55 1.2623e-15L1.33 1.2623e-15C0.58 1.2623e-15 0 0.58 0 1.33L0 24.41C0 25.12 0.58 25.74 1.33 25.74L7.55 25.74C8.3 25.74 8.88 25.17 8.88 24.41L8.88 23.52L10.65 23.52L10.65 24.41C10.65 25.12 11.23 25.74 11.98 25.74L18.2 25.74C18.95 25.74 19.53 25.17 19.53 24.41L19.53 1.33C19.53 0.58 18.95 1.2623e-15 18.2 1.2623e-15Z M3.99933 21.7494L2.21933 21.7494L2.21933 23.5294L3.99933 23.5294L3.99933 21.7494Z M6.65933 2.21933L2.21933 2.21933L2.21933 3.99933L6.65933 3.99933L6.65933 2.21933Z M14.6521 21.7494L12.8721 21.7494L12.8721 23.5294L14.6521 23.5294L14.6521 21.7494Z M17.3121 2.21933L12.8721 2.21933L12.8721 3.99933L17.3121 3.99933L17.3121 2.21933Z M25.2959 24.46L25.2959 1.29C25.2959 0.58 24.7259 0 24.0159 0C23.3059 0 22.7259 0.58 22.7259 1.29L22.7259 24.46C22.7259 25.17 23.3059 25.74 24.0159 25.74C24.7259 25.74 25.2959 25.17 25.2959 24.46Z " /></g></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="140" height="115.003173828125" viewBox="0 0 140 115.003173828125" fill="none"><g opacity="1" transform="translate(0 0) rotate(0)"><g opacity="1" transform="translate(0 0) rotate(0)"><path id="路径 1" fill-rule="evenodd" style="fill:#268BFF" opacity="0.35" d="M96.8829,24.2615c0.37,0 0.7,0.2891 0.68,0.7079v75.1326c0,0.399 -0.33,0.708 -0.7,0.708h-59.2801c-0.38,0 -0.71,-0.329 -0.71,-0.708v-75.1326c0,-0.3789 0.33,-0.7079 0.71,-0.7079zM82.9629,74.3165c0,-0.3789 -0.33,-0.7079 -0.71,-0.7079h-30.0701c-0.39,0 -0.71,0.329 -0.71,0.7079v3.3304c0,0.3689 0.34,0.7079 0.71,0.7079h30.0701c0.38,0 0.71,-0.339 0.71,-0.7079zM82.9629,60.8555c0,-0.3789 -0.33,-0.7079 -0.71,-0.7079h-30.0701c-0.39,0 -0.71,0.329 -0.71,0.7079v3.3304c0,0.3689 0.34,0.6979 0.71,0.6979h30.0701c0.38,0 0.71,-0.329 0.71,-0.6979zM82.9629,47.4244c0,-0.3689 -0.33,-0.708 -0.71,-0.708h-30.0701c-0.39,0 -0.71,0.3391 -0.71,0.708v3.3104c0,0.3789 0.34,0.708 0.71,0.708h30.0701c0.38,0 0.71,-0.3291 0.71,-0.708z"></path><g opacity="0.1" transform="translate(105.171875 93.658935546875) rotate(0)"><path id="路径 5" fill-rule="evenodd" style="fill:#268BFF" opacity="1" d="M-0.000244141 1.07658C-0.000244141 1.52526 0.239744 1.8842 0.589727 2.0537L0.429735 21.1873L1.46968 21.1873L1.62968 1.99388C1.94966 1.82438 2.15965 1.46544 2.15965 1.09652C2.15965 0.468375 1.68967 0.0396384 1.0797 -0.000244141C0.449734 -0.000244141 -0.000244141 0.468375 -0.000244141 1.07658Z"></path><path id="路径 6" fill-rule="evenodd" style="fill:#268BFF" opacity="1" d="M22.2282 0.155273C21.6182 0.155273 21.1282 0.62392 21.1282 1.23216C21.1282 1.64098 21.3682 1.99994 21.6982 2.16945L21.5382 21.3441L22.5782 21.3441L22.7382 2.16945C23.0782 1.99994 23.2682 1.64098 23.3082 1.23216C23.3082 0.683747 22.8382 0.175216 22.2282 0.155273Z"></path></g><path id="路径 2" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M52.34 56.3858C46.9 50.782 39.25 47.2522 30.8 47.1924C14.03 47.0728 0.35 60.5038 0.24 77.1955L0 107.009L51.77 107.398L60.6301 107.458L138.78 108.046L139.13 60.7531C139.35 36.7826 120.01 17.2093 95.9901 17.0298C73.2101 16.8503 54.4 34.1602 52.34 56.3858Z"></path><path id="路径 3" fill-rule="evenodd" style="fill:#268BFF" opacity="0.3" d="M21.0499 15.1142C21.1099 14.8151 21.1499 14.5259 21.1499 14.2268C21.1899 11.7739 19.1999 9.77971 16.7299 9.75977C14.25 9.73982 12.28 11.7041 12.24 14.167C12.24 14.2667 12.24 14.3465 12.24 14.4462C11.77 14.2667 11.24 14.147 10.71 14.147C8.26997 14.1072 6.26998 16.0914 6.22998 18.5642C6.18998 20.9673 8.11997 22.9515 10.52 23.0313L23.6599 23.1011C26.0999 23.141 28.1099 21.1667 28.1499 18.6939C28.1499 16.231 26.1399 14.2866 23.6999 14.2667C22.6999 14.2667 21.7799 14.5957 21.0499 15.1142Z"></path><path id="路径 4" fill-rule="evenodd" style="fill:#268BFF" opacity="0.3" d="M132.925 5.35475C132.985 5.05561 133.005 4.76645 133.005 4.46732C133.025 2.03436 131.055 0.0401287 128.585 0.000244141C126.105 -0.0196981 124.135 1.94462 124.095 4.40749C124.095 4.48726 124.095 4.58697 124.095 4.66674C123.625 4.48726 123.095 4.3676 122.565 4.3676C120.105 4.32772 118.125 6.31198 118.085 8.78482C118.065 11.1879 119.975 13.1522 122.365 13.2519L135.515 13.3416C137.955 13.3616 139.965 11.4072 139.995 8.93439C140.035 6.47152 138.035 4.52714 135.575 4.5072C134.575 4.5072 133.655 4.83625 132.925 5.35475Z"></path><g opacity="1" transform="translate(102.492431640625 92.13623046875) rotate(0)"><path id="路径 7" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M27.2803 5.06297L27.3166 0.203203L0.0992892 0.00107145L0.0629883 4.86084L27.2803 5.06297Z"></path><path id="路径 8" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M0.102989 0.0266113L0.0629883 4.86273L0.282994 4.86273L3.13307 0.106382L3.19307 0.0266113L0.102989 0.0266113Z"></path><path id="路径 9" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M6.3175 0.0385742L4.60752 2.96008L3.46753 4.89446L7.14749 4.9144L10.0675 0.0784583L6.3175 0.0385742Z"></path><path id="路径 10" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M13.1988 0.102051L10.3289 4.92802L14.0288 4.95793L16.9288 0.141935L13.1988 0.102051Z"></path><path id="路径 11" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M20.0926 0.165771L17.2026 4.99174L20.9126 5.02165L23.8026 0.205656L20.0926 0.165771Z"></path><path id="路径 12" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M26.9531 0.203125L24.063 5.03924L27.2831 5.07913L27.3031 0.203125L26.9531 0.203125Z"></path><path id="路径 13" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M27.2298 12.5715L27.2661 7.71175L0.0487521 7.50962L0.0124512 12.3694L27.2298 12.5715Z"></path><path id="路径 14" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M0.040001 7.5105L0 12.3666L0.220006 12.3666L3.07008 7.61021L3.13008 7.5105L0.040001 7.5105Z"></path><path id="路径 15" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M6.25524 7.54883L4.54526 10.4504L3.40527 12.3848L7.08524 12.4247L10.0052 7.56877L6.25524 7.54883Z"></path><path id="路径 16" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M13.1356 7.6123L10.2656 12.4383L13.9656 12.4482L16.8656 7.63225L13.1356 7.6123Z"></path><path id="路径 17" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M20.0284 7.66284L17.1384 12.4888L20.8684 12.4988L23.7384 7.68278L20.0284 7.66284Z"></path><path id="路径 18" fill-rule="evenodd" style="fill:#268BFF" opacity="0.1" d="M26.8903 7.72583L24.0002 12.542L27.2203 12.5619L27.2403 7.72583L26.8903 7.72583Z"></path></g></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29" fill="none"><g opacity="1" transform="translate(-0.000016346989696103265 0) rotate(0 14.5 14.500000000000002)"><g opacity="1" transform="translate(0 0) rotate(0 14.5 14.500000000000002)"><path id="并集" fill-rule="evenodd" style="fill:#9C9C9C" transform="translate(1.61408436213992 4.1170925925924955) rotate(0 12.885915637860066 10.382907407407505)" opacity="1" d="M4.64 1.15C4.81 0.82 4.99 0.57 5.19 0.41C5.39 0.25 5.61 0.15 5.86 0.1C6.1 0.05 6.41 0.02 6.77 0L10.06 0L6.77 20.68L2.42 20.68C1.25 20.68 0.5 20.27 0.19 19.44C-0.12 18.62 -0.05 17.45 0.4 15.94Q0.64 15.19 0.94 14.08C1.15 13.33 1.37 12.52 1.61 11.66C1.85 10.8 2.08 9.91 2.32 8.99C2.56 8.07 2.79 7.2 3.02 6.36C3.24 5.53 3.45 4.78 3.63 4.1C3.81 3.43 3.96 2.9 4.1 2.5Q4.385 1.645 4.64 1.15Z M20.5199 0.62C19.8699 0.21 19.0799 0 18.1299 0L15.4599 0L18.7799 20.68L23.9499 20.68C24.4999 20.68 24.9099 20.53 25.1899 20.23C25.4599 19.92 25.6399 19.55 25.7199 19.1C25.7899 18.66 25.7899 18.18 25.7199 17.67C25.6399 17.16 25.5399 16.69 25.3999 16.28C25.3099 16.01 25.1799 15.54 24.9999 14.86L24.4099 12.53C24.1999 11.66 23.9799 10.73 23.7399 9.74C23.4999 8.76 23.2699 7.81 23.0399 6.9L22.4199 4.46C22.2499 3.74 22.1099 3.21 21.9899 2.87Q21.4799 1.25 20.5199 0.62Z M11.937 0.0284074L13.637 0.0284074L13.837 3.49841L11.767 3.49841L11.937 0.0284074Z M11.6793 5.22696L13.9293 5.22696L14.2393 12.127L11.3693 12.127L11.6793 5.22696Z M10.9716 20.7628L11.2816 13.8628L14.2916 13.8628L14.6116 20.7628L10.9716 20.7628Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29" fill="none"><defs><rect id="path_0" x="0" y="0" width="29" height="29" /></defs><g opacity="1" transform="translate(-0.000016346989696103265 0) rotate(0 14.5 14.5)"><g opacity="1" transform="translate(0 0) rotate(0 14.5 14.5)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" fill-rule="evenodd" style="fill:#9C9C9C" transform="translate(-0.12567469340046955 0.4708113902210158) rotate(0 14.625674693400454 14.02918860977898)" opacity="1" d="M17.4897 7.36591L17.9997 2.28591L15.6597 3.27591L17.4897 7.36591Z M18.6714 7.31L24.8114 2.27L22.2114 0L18.6714 7.31Z M15.4962 6.64148L10.3162 0.551475L8.25621 3.36148L15.4962 6.64148Z M20.46 16.938L21.67 16.448C21.71 16.198 21.69 15.948 21.61 15.708C21.61 15.708 21.61 15.698 21.61 15.698C21.41 14.828 20.56 14.288 19.69 14.478C19.45 14.408 19.25 14.228 19.15 13.988C18.55 12.668 17.98 11.348 17.44 10.018C17.16 9.23797 16.5 8.65797 15.69 8.48797C14.63 8.27797 13.53 8.18797 12.45 8.04797C10.89 7.92797 9.31 8.08797 7.8 8.48797C7.2 8.63797 6.59 8.77797 6.01 8.96797C4.39 9.29797 3.16 10.618 2.94 12.248C2.76 13.398 2.44 14.518 2.15 15.638C2.1 15.868 1.94 16.068 1.73 16.178C0.6 16.138 0.23 16.918 0.01 17.908C-0.01 18.108 0 18.308 0.06 18.498L1.24 18.728C1.36 20.478 1.48 22.218 1.6 23.968C1.67 24.898 1.71 25.848 1.84 26.778C1.88 27.228 2.06 27.658 2.34 28.018C3.54 28.128 4.74 28.018 5.9 27.678C6.13 26.918 6.26 26.128 6.28 25.338L16.77 24.338C17.09 25.088 16.68 26.088 17.53 26.578C18.69 26.658 19.87 26.528 20.99 26.178C21.19 25.828 21.28 25.428 21.26 25.028C21.12 22.808 20.93 20.598 20.73 18.378C20.67 17.888 20.58 17.408 20.46 16.938Z M17.4847 20.7508C18.0547 20.6508 18.6147 20.5208 19.1647 20.3508C19.9647 20.0708 19.7347 19.3408 19.6647 18.7208C19.6047 18.1808 19.2647 17.8108 18.8247 18.0008C17.7347 18.4808 16.6847 19.0408 15.6747 19.6808C15.4047 19.8608 15.3347 20.2208 15.5147 20.4908C15.6247 20.6608 15.8047 20.7508 16.0047 20.7508C16.4947 20.7808 16.9947 20.7808 17.4847 20.7508Z M16.3944 11.3847C16.1944 10.4947 15.3744 9.88472 14.4644 9.96472C12.2044 10.0647 9.94439 10.1947 7.69439 10.3847C6.94439 10.4847 6.20439 10.6847 5.50439 10.9747C5.17439 11.0847 4.90439 11.3347 4.75439 11.6547C4.33439 13.1647 4.00439 14.6947 3.60439 16.3647C8.37439 17.0147 13.2244 16.5547 17.7944 15.0147L17.7944 15.0147C17.2844 13.7247 16.7944 12.5747 16.3944 11.3847Z M4.98883 21.9438C4.98883 21.9638 4.98883 21.9538 4.98883 21.9438Z M6.13883 21.7338C6.42883 21.6238 6.66883 21.4038 6.77883 21.1138C6.74883 20.8138 6.57883 20.5538 6.30883 20.4138C5.39883 20.0438 4.45883 19.7338 3.50883 19.4938C3.12883 19.3138 2.66883 19.4838 2.49883 19.8638C2.44883 19.9638 2.42883 20.0738 2.42883 20.1838C2.30883 21.2438 2.54883 21.8038 3.28883 21.9038C3.84883 21.9438 4.41883 21.9638 4.98883 21.9438C5.37883 21.9238 5.76883 21.8438 6.13883 21.7338Z M18.2628 10.4801C18.4328 10.9401 18.6128 11.4001 18.7928 11.8601C20.3528 11.9301 21.9228 12.0401 23.4728 12.1801C24.0428 12.2701 24.5928 12.4301 25.1128 12.6601C25.3728 12.7601 25.5728 12.9601 25.6828 13.2201C25.9928 14.4501 26.2528 15.7101 26.5528 17.0801C24.6928 17.3401 22.8228 17.3701 20.9628 17.1701L20.9528 17.1701C21.0628 17.6501 21.1428 18.1301 21.2028 18.6101C21.3528 20.4401 21.4928 22.2801 21.6128 24.1101L24.5328 24.4201C24.5428 25.0601 24.6428 25.7101 24.8228 26.3301C25.6828 26.6101 26.5928 26.7001 27.4928 26.6101C27.7028 26.3101 27.8328 25.9601 27.8628 25.6001C27.9628 24.8401 27.9928 24.0601 28.0428 23.3001C28.1428 21.8701 28.2228 20.4401 28.3228 19.0001L29.2028 18.8201C29.2528 18.6601 29.2628 18.5001 29.2428 18.3301C29.0828 17.5301 28.7928 16.8901 27.9528 16.9301C27.7828 16.8301 27.6728 16.6701 27.6428 16.4801C27.4228 15.5601 27.1828 14.6401 27.0428 13.7101C26.9228 12.4201 25.9928 11.3401 24.7428 11.0201C24.2928 10.8701 23.8428 10.7501 23.3928 10.6201C22.2628 10.2901 21.0828 10.1701 19.9028 10.2601C19.3528 10.3401 18.8128 10.4001 18.2628 10.4801Z M25.5133 21.6463C25.5133 21.6463 25.5133 21.6563 25.5133 21.6463Z M26.6233 19.6363C25.9033 19.8363 25.1933 20.0863 24.5133 20.3863C24.3133 20.5163 24.1833 20.7263 24.1633 20.9563C24.2433 21.1863 24.4233 21.3763 24.6533 21.4663C24.9333 21.5663 25.2133 21.6263 25.5133 21.6463C25.9433 21.6563 26.3633 21.6463 26.7933 21.6063C27.3433 21.5263 27.5233 21.0663 27.4233 20.1963C27.4433 19.8863 27.2133 19.6063 26.8933 19.5863C26.7933 19.5863 26.7033 19.5963 26.6233 19.6363Z " /></g></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="47" height="47" viewBox="0 0 47 47" fill="none"><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use transform="translate(0 0) scale(0.02127659574468085 0.02127659574468085) rotate(0)" xlink:href="#image0" /></pattern><image id="image0" width="47" height="47" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAAXNSR0IArs4c6QAACJZJREFUaEPVmm1sFMcdxp+d2b3de7GDDbbTVkAoEimFlOalJZJrAVIakjRBQSGpUlVq0/KBor4IEqCFFttISZNATNWW9kOTNv2QqokTNaJNSmhLiCAqEWkKtIklggPBUhSbFxt8L7u3uzPVf9dj763X76jCJ43mfLd393ueeea/s7PWMNmHlNpkPzrsc5omJ/NdEwNIAG5pRfAd73427MfzWPQeAtiW5rCveExAyPh+MAIdhz1XNwS94OTYAk4uGAKuOxc+TxQzDhGjw48ArYAJtrcmBM7noDV0D8EXskPPs4Uh4O4GyFw+/LumF1KJISETFTEyfAycYhGHzhbAFKSdhjajF5pthdCOOQRvOiGsZUP21UBapfBvElXIQiSJqIjUCKOQDD8AThFRWSZw5bSCJmCrBEagpgPmGtAyxRCanqssG24IW8xA0nPHhCBBdhqChMRFROM0KCJBwHD4GHgUmqKRy4Mp6FQ5cJ4ZLpinQ9O9sLfsEHzgtQDctiB1D9LTIah3DYhsAaKcglAi8jkIipQaCRWlkQRUwo8CTm5fmAVGTitoTYITMDXHBON+2HwewlPP/dB16n0OQc10IEgENanBj4qYeR4iGqXRBCTC398OFo8JgWsCnOJBLPFG0OVUCC9YMAqD3+3pkEyE8KlyKIC0xRvFSTL4SQLa7w8+A0TiMwQfc72mF4wqiXKcwJkAJ7cJ3HSg+xx6XIQnwHQGjXqVeZ1BeAKS+jgw9+E5Jjx6nUZBMPhxAb01EFSJ4vGpgFcTlFyvOweWBG7Z0D0dOvdhELxg0IUXitAZdF+AaTqYjDiv6ZDSg+ChiACU6fCYgEfwPoere/BsC16SgHN1EBXxGXA/hI+4fnAZGFWVrtlgug8edVz3QmACZwKGp4c9CZAedM5CEb4E4xo0qQWDLH0JybXQdV/A0wbABQugXepJAAnxdLhRAR6HP7sLgs4Hy9+AiLo/CB93PRoHcpocd0wYAFIETz01X8BgHIbn2amOP7fd0n3ySJPd37PQL5cahO9lGdcLPJXutqrqOxoW3Hpo4T0b39Z1qyx8uJzBBVCmRvDUmw5cGgEaiWjEktyvgFeul1PgNEGrL0Evp8KYkOsKWDCY9Fz6YX/sxe1NHx3fv9a1+2ePtbYxrKquTy65/enPr9lxiGA1Dod6JsKeGrlP8KkyvMvXwKMJnCrDr3Bfo4EdiIyqMJR15bprQDdcGMppqSFF4NSYgFXMX8we/vU3f5Dv7rxzLOj4+7mG+fu+9J1nf5bJ1RYEg03w1DQ5NBKuAddwh0ZAua8qTwU8VZio68UMjLjjBO1LWE7hYu5g232P2pd7bp4ouDreqq7/1/KNL20zs7V5rsFWIqIjkCnCjbpPlacCnvJOkUlyPRqVAFyAVi/pf+y8e3O+5/QdkwVXn6tumPfaikf+8gQkSpwNF5Dkvpq4gfNxeMeEbjqh654e5toTsJgOS5NI/7u9efmZIy/umCq4+vzcpfc13/TAjtelhpLwYOsMNrmve3Ao/44J13TC+FB0KuBV3tMlcCqPVimA1jWJVKoM0+cwCV4D0kLa2X0tK37rli7PSYLXNIably7FZxYvBucc73d04O0j/0S5THMx+aFbua47W994iGlWQQIlguc+nHIKjtQCEZ6dhktls5SGTzWfohM4T/Aq7z4H76+CQRM1KIUcJvdhAUhTO/HyY42nDj/3eBLGnHmfxroNm3D9osUVb3/4QSd+8/Pd6PjP8REFzGv82o9uXL3tMIASNZ+HAmgEKDpV/cF5wKeqo3I/DL6QDStMKQ3DdCpd5wyZvz25alN/T+dX4hR1DZ9A81O/xKz6hkTAQr4frQ9/F2dPdya+X1U//5Uvb9670xcoRt13TDjpElwSkC0E5XNk+Iu1MHJ56FQWKe+qLAqGjPSReXX7rc+4pf55cYKHvr8Fy+5YNeo0OHroAPb89CeJxxjpqg/u2nFkrcZRZAJFVXko91Q+8zl4tRfhjgjfWxOcRSsmK1WYMpCmvJPzL29ZspfOnFEC00qjec8fUFuX7Lo61rFLaFn/IHrP9wwTwLhevPeJ4/co51NAiQTEJ21NL7zE2EThVd4NF6aCZxzZPz286O/xX54xsx5bf/E8UiZNjdEfbVu+hbOnOhIPWv3Uu7cJH8GkJXjXgKNyryrOuOBVmRyP8ykzjQ27X8A1tfWjkrtlB7s3PoC+8x9feefp7DrZzN+7rhU3NI6+Snj/2Jv4Y9tGWsUOg59y5gl+rGqzf9eqzfmPO++K/3rttXOxZtOvUFWT7L5TyqN953p0n0mOTO7a+a/e/sjeJ6dUbaZS5z91/S1YuW4XzExVhTbfLePA71tw6uhrI8ZqfuODW5es/jGtNCde5+nqabxn2L82L/udZ+cHl7/cMPG5ld/G3BtvQ3XdHGhs8AowgJVSIH/hI3SdOIgT+56BU7xUIWJKZ9iJrm3eeWH7ig/feqmVCHKzZmPp1x/DzLk3jFVogvcvd5/GW89tQ2/Xe4PHz/3impabvtp6YFJrm8msKl/fdfcWO9+3snH9s8jVXTcu8MF6n7+AN/d8A4ULXaiuv27/ik2vPD7pVSV9aXR9o66ixlrPd5858eisBU2TWs/3nT2G/7b/8J1l33t+65TW8wpe7RqM90pKSGQvOXKDL+TKCVlPP8C1/VnZ35ayqqdwJRXOqME1Pe0cTPQatt9BU8mTa6XEmNewmoautK49XWXiClzDRuDVTnD0iopMGs/uAS0n+or4guOiyQMWCgla6GRof5Vp6NaBDtPAoRkZHKVl7hXdPSANauJOr32bEdyfHjtmA/DKfYrP9NqrjAiYfrvECe4nbXNfvfvzYwi4uu+MqDPNtL0nFRMQncTjvRsYvROovo5uoP1/7gaOIIBeTrqlSa9fXfdho4uVaXkHPL7ampb/e5C0ZLwK/uvjf795HJVhDZoHAAAAAElFTkSuQmCC" /></defs><g opacity="1" transform="translate(0 0) rotate(0 23.5 23.5)"><path id="图层 594.png" fill-rule="evenodd" style="fill:url(#pattern0)" transform="translate(0 0) rotate(0 23.5 23.5)" opacity="1" d="M0,47L47,47L47,0L0,0L0,47Z " /></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(-0.000009456261977902614 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(31.799677765842873 6.858754027926906) rotate(0 8.700322234156822 33.64124597207302)"><path id="路径 2" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 8.70032223415682 33.64124597207302)" opacity="1" d="M0,18.14L5.61,35.1L5.61,23.99L13.47,30.42L13.47,67.28L17.4,67.28L17.4,21.06L5.61,12.29L5.61,0L0,18.14Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0.0000021487912817974575 1.347352736047469e-7) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(23.323308270675625 7.508055853920496) rotate(0 16.53061224489795 33.64124597207304)"><path id="路径 9" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 16.53061224489795 33.64124597207304)" opacity="1" d="M33.06,16.82L27.84,0L27.84,11.6L16.82,22.04L5.22,11.6L5.22,0L0,16.82L5.22,34.8L5.22,24.36L14.5,33.64L14.5,67.28L18.56,67.28L18.56,33.64L27.84,24.36L27.84,34.8L33.06,16.82Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(-0.000007307470241357805 1.347352736047469e-7) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(32.37969924812114 6.859309461535304) rotate(0 8.120300751879697 33.64069053846483)"><path id="路径 5" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 8.120300751879697 33.64069053846483)" opacity="1" d="M15.08,21.84L0,0L6.38,25.97L9.28,24.79L12.76,33.64L13.34,67.28L16.24,67.28L16.24,32.46L12.76,23.02L15.08,21.84Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(-0.000009456261977902614 1.347352736047469e-7) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(29.12996777658327 6.212674543501862) rotate(0 10.730397422126739 33.64124597207302)"><path id="路径 8" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 10.730397422126739 33.64124597207302)" opacity="1" d="M11.02,25.88L14.5,25.88L14.5,35.96L6.66,35.96C5.82,35.96 5.01,36.29 4.41,36.89C3.81,37.49 3.48,38.3 3.48,39.14L3.48,51.04L0,51.04L5.22,66.12L9.86,51.04L6.38,51.04L6.38,41.89C6.38,40.84 7.24,39.99 8.29,39.99L14.5,39.99L14.5,67.28L17.98,67.28L17.98,25.88L21.46,25.88L16.24,0L11.02,25.88Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(35.27819548872135 6.857142857142788) rotate(0 5.220193340494085 33.64124597207302)"><path id="路径 4" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 5.2201933404940855 33.64124597207302)" opacity="1" d="M0,27.03L4.06,27.03L4.06,67.28L6.96,67.28L6.96,27.03L10.44,27.03L5.22,0L0,27.03Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0.000011605054623942124 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(31.16004296455435 6.857142857142788) rotate(0 8.70032223415682 33.64124597207302)"><path id="路径 2" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 8.70032223415682 33.64124597207302)" opacity="1" d="M11.79,35.1L17.4,18.14L11.79,0L11.79,12.29L0,21.06L0,67.28L3.93,67.28L3.93,30.42L11.79,23.99L11.79,35.1Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0.0000021487912817974575 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(29.015217835103158 12.006297035215084) rotate(0 11.506034658747822 31.01626734097239)"><path id="路径 3" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 11.506034658747824 31.016267340972394)" opacity="1" d="M13.5,4.9L14.56,4.9C17.37,4.9 19.64,7.17 19.64,9.98L19.64,62.03L23.01,62.03L23.01,5.08C23.01,2.27 20.74,0 17.93,0L9.01,0C6.2,0 3.93,2.27 3.93,5.08L3.93,20.68L0,20.68L6.74,41.36L12.35,20.68L8.42,20.68L8.42,9.98C8.42,7.17 10.69,4.9 13.5,4.9Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(-0.000007307470241357805 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(28.904403866809844 6.863587540279241) rotate(0 11.600429645542423 33.64124597207302)"><path id="路径 6" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 11.600429645542423 33.64124597207302)" opacity="1" d="M15.66,28.33L15.66,46.04L5.8,37.77L5.8,24.2L0,39.62L5.8,57.92L5.8,46.71L15.66,56.15L15.66,67.28L19.72,67.28L19.72,28.33L23.2,28.33L17.4,0L12.18,28.33L15.66,28.33Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(-0.0000015049431567604188 0) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(29.542427497314748 6.212674543501862) rotate(0 11.600429645542423 33.64124597207302)"><path id="路径 6" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 11.600429645542423 33.64124597207302)" opacity="1" d="M3.48,67.28L7.54,67.28L7.54,56.15L17.4,46.71L17.4,57.92L23.2,39.62L17.4,24.2L17.4,37.77L7.54,46.04L7.54,27.17L11.02,27.17L5.8,0L0,27.17L3.48,27.17L3.48,67.28Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0 1.347352736047469e-7) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(31.508055853920723 6.792696025778923) rotate(0 8.990332975295381 33.0612244897959)"><path id="路径 7" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 8.99033297529538 33.0612244897959)" opacity="1" d="M5.22,50.05L1.74,50.05L6.96,64.93L11.6,50.05L8.7,50.05L8.7,44.07C8.7,43.01 9.23,42.02 10.11,41.43C10.98,40.84 12.1,40.73 13.08,41.13L14.5,41.71L14.5,66.12L17.98,66.12L17.98,21.47L5.22,11.34L5.22,0L0,17.89L5.22,33.37L5.22,23.25L14.5,30.99L14.5,36.95L8.4,36.95C6.65,36.95 5.22,38.37 5.22,40.12L5.22,50.05Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="81" height="81" viewBox="0 0 81 81" fill="none"><g opacity="1" transform="translate(0.000011605054623942124 1.347352736047469e-7) rotate(0 40.5 40.5)"><g opacity="1" transform="translate(23.10418904403832 6.283566058002407) rotate(0 17.40064446831364 34.22126745435016)"><path id="路径 11" fill-rule="evenodd" style="fill:#666666" transform="translate(0 0) rotate(0 17.40064446831364 34.22126745435016)" opacity="1" d="M19.14,59.74L29,51.04L29,61.48L34.8,45.82L29,30.16L29,40.6L19.14,48.72L19.14,30.74L22.62,30.74L16.82,0L11.6,30.74L15.08,30.74L15.08,48.72L5.22,40.6L5.22,30.16L0,45.82L5.22,61.48L5.22,51.04L15.08,59.74L15.08,68.44L19.14,68.44L19.14,59.74Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 2" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(8.799677765843157 6.858754027926906) rotate(0 8.70032223415682 33.64124597207302)" opacity="1" d="M0,18.14L5.61,35.1L5.61,23.99L13.47,30.42L13.47,67.28L17.4,67.28L17.4,21.06L5.61,12.29L5.61,0L0,18.14Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 1.347352736047469e-7) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 9" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0.9693877551020478 6.858754027927034) rotate(0 16.53061224489795 33.64124597207304)" opacity="1" d="M33.06,16.82L27.84,0L27.84,11.6L16.82,22.04L5.22,11.6L5.22,0L0,16.82L5.22,34.8L5.22,24.36L14.5,33.64L14.5,67.28L18.56,67.28L18.56,33.64L27.84,24.36L27.84,34.8L33.06,16.82Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(-0.000005736387151955569 1.347352736047469e-7) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(9.379699248120346 6.859309461535304) rotate(0 8.120300751879697 33.64069053846483)"><path id="路径 5" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0 0) rotate(0 8.120300751879697 33.64069053846483)" opacity="1" d="M6.38,25.97L9.28,24.79L12.76,33.64L13.34,67.28L16.24,67.28L16.24,32.46L12.76,23.02L15.08,21.84L0,0L6.38,25.97Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 8" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(6.769602577873258 6.858754027927034) rotate(0 10.730397422126739 33.64124597207302)" opacity="1" d="M14.5,67.28L17.98,67.28L17.98,25.88L21.46,25.88L16.24,0L11.02,25.88L14.5,25.88L14.5,35.96L6.66,35.96C5.82,35.96 5.01,36.29 4.41,36.89C3.81,37.49 3.48,38.3 3.48,39.14L3.48,51.04L0,51.04L5.22,66.12L9.86,51.04L6.38,51.04L6.38,41.89C6.38,40.84 7.24,39.99 8.29,39.99L14.5,39.99L14.5,67.28Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 4" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(12.279806659505923 6.858754027926478) rotate(0 5.2201933404940855 33.64124597207302)" opacity="1" d="M0,27.03L4.06,27.03L4.06,67.28L6.96,67.28L6.96,27.03L10.44,27.03L5.22,0L0,27.03Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(8.799677765843175 6.858754027926478) rotate(0 8.70032223415682 33.64124597207302)"><path id="路径 2" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0 0) rotate(0 8.70032223415682 33.64124597207302)" opacity="1" d="M17.4,18.14L11.79,0L11.79,12.29L0,21.06L0,67.28L3.93,67.28L3.93,30.42L11.79,23.99L11.79,35.1L17.4,18.14Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(5.993965341252192 9.483732659027282) rotate(0 11.506034658747824 31.01626734097239)"><path id="路径 3" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0 0) rotate(0 11.506034658747824 31.016267340972394)" opacity="1" d="M13.5,4.9L14.56,4.9C17.37,4.9 19.64,7.17 19.64,9.98L19.64,62.03L23.01,62.03L23.01,5.08C23.01,2.27 20.74,0 17.93,0L9.01,0C6.2,0 3.93,2.27 3.93,5.08L3.93,20.68L0,20.68L6.74,41.36L12.35,20.68L8.42,20.68L8.42,9.98C8.42,7.17 10.69,4.9 13.5,4.9Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(-0.000005736387151955569 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 6" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(5.8995703544575235 6.858754027926352) rotate(0 11.600429645542423 33.64124597207302)" opacity="1" d="M17.4,0L12.18,28.33L15.66,28.33L15.66,46.04L5.8,37.77L5.8,24.2L0,39.62L5.8,57.92L5.8,46.71L15.66,56.15L15.66,67.28L19.72,67.28L19.72,28.33L23.2,28.33L17.4,0Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(5.8995703544575235 6.858754027927034) rotate(0 11.600429645542423 33.64124597207302)"><path id="路径 6" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0 0) rotate(0 11.600429645542423 33.64124597207302)" opacity="1" d="M3.48,67.28L7.54,67.28L7.54,56.15L17.4,46.71L17.4,57.92L23.2,39.62L17.4,24.2L17.4,37.77L7.54,46.04L7.54,27.17L11.02,27.17L5.8,0L0,27.17L3.48,27.17L3.48,67.28Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.5 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.5 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395904" height="80.11788395904" /><path id="路径 7" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(8.509667024704612 7.4387755102040956) rotate(0 8.99033297529538 33.0612244897959)" opacity="1" d="M5.22,33.37L5.22,23.25L14.5,30.99L14.5,36.95L8.4,36.95C6.65,36.95 5.22,38.37 5.22,40.12L5.22,50.05L1.74,50.05L6.96,64.93L11.6,50.05L8.7,50.05L8.7,44.07C8.7,43.01 9.23,42.02 10.11,41.43C10.98,40.84 12.1,40.73 13.08,41.13L14.5,41.71L14.5,66.12L17.98,66.12L17.98,21.47L5.22,11.34L5.22,0L0,17.89L5.22,33.37Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="81" viewBox="0 0 35 81" fill="none"><g opacity="1" transform="translate(0 1.347352736047469e-7) rotate(0 17.499999999999996 40.5)"><g opacity="1" transform="translate(0 0) rotate(0 17.499999999999996 40.5)"><rect id="矩形 1" style="stroke:#000000; stroke-width:0.88211604096; stroke-opacity:0.15; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 17.499999999999996 40.5)" x="0.44105802048" y="0.44105802048" rx="3.36894197952" width="34.11788395903999" height="80.11788395904" /><path id="路径 11" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(0.02500753385857024 6.283566058002407) rotate(0 17.40064446831364 34.22126745435016)" opacity="1" d="M29,30.16L29,40.6L19.14,48.72L19.14,30.74L22.62,30.74L16.82,0L11.6,30.74L15.08,30.74L15.08,48.72L5.22,40.6L5.22,30.16L0,45.82L5.22,61.48L5.22,51.04L15.08,59.74L15.08,68.44L19.14,68.44L19.14,59.74L29,51.04L29,61.48L34.8,45.82L29,30.16Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="22" viewBox="0 0 178 22" fill="none"><g opacity="1" transform="translate(0.00030517578125 0.00030517578125) rotate(0 88.79505696058314 10.618421052631577)"><g opacity="1" transform="translate(78.17663590795156 -78.17663590795156) rotate(90 10.618421052631577 88.79505696058314)"><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 -8.289416723627244) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 2.518839855320106) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 13.327096434267457) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 24.135353013214807) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 164.64268853953035) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 153.834431960583) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 143.02617538163565) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 132.2179188026883) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 121.40966222374097) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 110.60140564479362) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 99.79314906584626) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 88.98489248689891) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 78.17663590795156) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 67.36837932900421) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 56.56012275005686) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 45.75186617110951) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /><path id="矩形 2" fill-rule="evenodd" style="fill:#CCCCCC" transform="translate(8.289416723627244 34.94360959216216) rotate(-90 2.3290043290043334 10.618421052631577)" opacity="1" d="M0,21.24L4.66,21.24L4.66,0L0,0L0,21.24Z " /></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58" height="58" viewBox="0 0 58 58" fill="none"><g opacity="1" transform="translate(0 0) rotate(0)"><g opacity="1" transform="translate(0 0) rotate(0)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" fill-rule="evenodd" style="fill:#0065C4" opacity="1" d="M1.06372,16.7556c0,-4.84 4.99,-4.84 4.99,-4.84h29.76998c0,0 4.98,0 4.98,4.99v24.3401c0,4.8399 -4.98,4.8399 -4.98,4.8399h-29.76998c0,0 -4.99,0 -4.99,-4.8399zM44.7645,23.0624c0,-0.29 0.15,-0.59 0.44,-0.88l9.83,-7.63c0.29,-0.29 0.73,-0.29 1.17,-0.14c0.44,0.14 0.73,0.58 0.73,1.02v27.43c0,0.44 -0.14,0.88 -0.58,1.02c-0.3,0.15 -0.44,0.15 -0.59,0.15c-0.29,0 -0.59,-0.15 -0.73,-0.29l-9.83,-7.63c-0.29,-0.15 -0.44,-0.59 -0.44,-0.88z"></path></g></g></g><defs><rect id="path_0" x="0" y="0" width="58" height="58" /><filter id="filter_4" x="1.063720703125" y="11.9156494140625" width="55.87247409555556" height="34.16873083555556" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"></filter></defs></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18" fill="none"><g opacity="1" transform="translate(0 0) rotate(0)"><g opacity="1" transform="translate(0 0) rotate(0)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" fill-rule="evenodd" fill="url(#linear_0)" opacity="1" d="M11.5977,4.18918c0.78,0 1.42,-0.64 1.42,-1.43c0,-0.32 -0.1,-0.61 -0.27,-0.85h1.14c0.83,0 1.5,0.67 1.5,1.5v12.35002c0,0.82 -0.67,1.5 -1.5,1.5h-9.78003c-0.83,0 -1.5,-0.68 -1.5,-1.5v-12.35002c0,-0.83 0.67,-1.5 1.5,-1.5h1.15c-0.18,0.24 -0.28,0.53 -0.28,0.85c0,0.79 0.64,1.43 1.43,1.43zM13.4356,7.19237c0,-0.49 -0.4,-0.89 -0.89,-0.89h-7.09002c-0.49,0 -0.89,0.4 -0.89,0.89c0,0.49 0.4,0.89 0.89,0.89h7.09002c0.49,0 0.89,-0.4 0.89,-0.89zM11.2656,10.6743c0,-0.49 -0.3,-0.89 -0.67,-0.89h-5.36002c-0.37,0 -0.67,0.4 -0.67,0.89c0,0.49 0.3,0.89 0.67,0.89h5.36002c0.37,0 0.67,-0.4 0.67,-0.89zM8.99558,14.1774c0,-0.49 -0.19,-0.89 -0.44,-0.89h-3.55c-0.24,0 -0.44,0.4 -0.44,0.89c0,0.49 0.2,0.89 0.44,0.89h3.55c0.25,0 0.44,-0.4 0.44,-0.89z"></path><path id="路径 5" fill-rule="evenodd" fill="url(#linear_1)" opacity="1" d="M11.1922 1.12183L6.80216 1.12183C6.13216 1.12183 5.59216 1.66183 5.59216 2.33183C5.59216 3.00183 6.13216 3.54183 6.80216 3.54183L11.1922 3.54183C11.8622 3.54183 12.4122 3.00183 12.4122 2.33183C12.4122 1.66183 11.8622 1.12183 11.1922 1.12183Z"></path></g></g></g><defs><rect id="path_0" x="0" y="0" width="18" height="18" /><linearGradient id="linear_0" x1="0%" y1="-53.37499999999999%" x2="167.213%" y2="100%" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#4DB8FF" stop-opacity="1" /><stop offset="0.4956" stop-color="#FFFFFF" stop-opacity="1" /><stop offset="1" stop-color="#3F98EB" stop-opacity="1" /></linearGradient><linearGradient id="linear_1" x1="0%" y1="-53.37499999999999%" x2="167.213%" y2="100%" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#4DB8FF" stop-opacity="1" /><stop offset="0.4956" stop-color="#FFFFFF" stop-opacity="1" /><stop offset="1" stop-color="#3F98EB" stop-opacity="1" /></linearGradient></defs></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46" height="2" viewBox="0 0 46 2" fill="none"><defs><linearGradient id="linear_0" x1="3.885780586188048e-14%" y1="0%" x2="100.00000000000004%" y2="5.689893001203927e-14%" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#84E1FF" stop-opacity="1" /><stop offset="1" stop-color="#517DEE" stop-opacity="1" /></linearGradient></defs><path id="Rectangle" fill-rule="evenodd" style="fill:#D4DEEC" transform="translate(0 0) rotate(0 23.000000000000007 1.0000000000000027)" opacity="0.1" d="M0,2L46,2L46,0L0,0L0,2Z " /><rect id="Rectangle" style="stroke:url(#linear_0); stroke-width:1; stroke-opacity:100; stroke-dasharray:0 0" transform="translate(0 0) rotate(0 23.000000000000007 1.0000000000000027)" x="0.5" y="0.5" rx="0" width="45.000000000000014" height="1.0000000000000053" /></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="98" height="23" viewBox="0 0 98 23" fill="none"><defs><linearGradient id="linear_0" x1="105.89949999999999%" y1="21.8155%" x2="-50.590999999999994%" y2="0%" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#1890FF" stop-opacity="0.01" /><stop offset="1" stop-color="#0B457A" stop-opacity="1" /></linearGradient></defs><g opacity="1" transform="translate(0 0) rotate(0 49 11.5)"><path id="矩形 8" fill-rule="evenodd" fill="url(#linear_0)" transform="translate(0 0) rotate(0 49 11.5)" opacity="1" d="M0,23L98,23L98,0L0,0L0,23Z " /></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="23" viewBox="0 0 70 23" fill="none"><defs><linearGradient id="linear_0" x1="105.89949999999999%" y1="21.8155%" x2="-50.590999999999994%" y2="0%" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#1890FF" stop-opacity="0.01" /><stop offset="1" stop-color="#0B457A" stop-opacity="1" /></linearGradient></defs><g opacity="1" transform="translate(0 0) rotate(0 35 11.5)"><path id="矩形 8" fill-rule="evenodd" fill="url(#linear_0)" transform="translate(0 0) rotate(0 35 11.5)" opacity="1" d="M0,23L70,23L70,0L0,0L0,23Z " /></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none"><defs><rect id="path_0" x="0" y="0" width="24" height="24" /></defs><g opacity="1" transform="translate(0 0) rotate(0 12 12)"><g opacity="1" transform="translate(0 0) rotate(0 12 12)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="路径 1" style="stroke:#FFFFFF; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.9999999999999905 2.0000000000000187) rotate(0 10 10)" d="M20,10C20,4.48 15.52,0 10,0C4.48,0 0,4.48 0,10C0,15.52 4.48,20 10,20C15.52,20 20,15.52 20,10Z " /><path id="路径 2" style="stroke:#FFFFFF; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(9.49999999999999 9) rotate(0 0.5 3)" d="M0,0L0,6 " /><path id="路径 3" style="stroke:#FFFFFF; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(14.49999999999998 9) rotate(0 0.5 3)" d="M0,0L0,6 " /></g></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none"><defs><rect id="path_0" x="0" y="0" width="24" height="24" /></defs><g opacity="1" transform="translate(0.000013427734302240424 0) rotate(0 12 12)"><g opacity="1" transform="translate(0 0) rotate(0 12 12)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" fill-rule="evenodd" style="fill:#FFFFFF" transform="translate(2.25 2.25) rotate(0 9.75 9.75)" opacity="1" d="M0 9.75C0 15.13 4.37 19.5 9.75 19.5C15.13 19.5 19.5 15.13 19.5 9.75C19.5 4.37 15.13 0 9.75 0C4.37 0 0 4.37 0 9.75Z M18 9.75C18 5.2 14.3 1.5 9.75 1.5C5.2 1.5 1.5 5.2 1.5 9.75C1.5 14.3 5.2 18 9.75 18C14.3 18 18 14.3 18 9.75Z M7.91 14.6029C8.16 14.7329 8.46 14.7129 8.69 14.5429L14.17 10.5629C14.36 10.4229 14.48 10.1929 14.48 9.95289C14.48 9.71289 14.36 9.49289 14.17 9.34289L8.69 5.36289C8.46 5.20289 8.16 5.17289 7.91 5.30289C7.66 5.43289 7.5 5.69289 7.5 5.97289L7.5 13.9329C7.5 14.2229 7.66 14.4729 7.91 14.6029Z " /></g></g></g></svg>
\ No newline at end of file
.mapabcgl-popup-close-button{
color: #000 !important;
}
.el-dialog__wrapper {
.el-dialog__header {
height: 39px;
padding: 8px 20px 9px 18px;
background: #3a84ff;
border-bottom: 1px solid #d2d2d2;
font-size: 16px;
}
.el-dialog__header .el-dialog__headerbtn {
position: absolute;
top: 10px;
right: 20px;
padding: 0;
background: 0 0;
border: none;
outline: 0;
cursor: pointer;
font-size: 16px;
}
.el-dialog__title {
font-weight: 400;
letter-spacing: 1px;
color: #fff;
font-size: 16px;
}
.el-dialog {
width: 438px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.el-dialog__footer .el-button {
width: 80px;
height: 32px;
background: #3a84ff;
border-radius: 4px;
border: 1px solid #3a84ff;
}
.el-dialog__body {
padding: 40px 41px 0 35px;
}
.el-dialog__footer {
padding: 10px 41px 30px;
}
.el-dialog__body .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 100%;
}
.el-dialog__body .el-form-item__label {
padding: 0 10px 10px 0;
color: #61666e;
font-size: 12px;
}
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
}
.el-table th {
background-color: #eef1f6;
}
//.el-select{
// width:100%;
//}
/* 滚动条背景基本样式 */
.scrollbar {
-moz-appearance: none !important;
background-color: transparent !important; /* 滚动条背景透明 */
background-image: none !important; /* 滚动条背景图案不显示 */
position: relative !important; /* 更改滚动条的定位方式为相对 */
overflow: hidden !important;
z-index: 999999999 !important; /* 把滚动条提到Z轴最上层 */
}
/* 滚动条按钮基本样式 */
.scrollbar .thumb {
-moz-appearance: none !important;
background-color: rgba(0, 100, 255, .25) !important;
border-radius: 0px !important;
border: 1px !important; /* 滚动条按钮边框 */
border-color: rgba(0, 100, 255, .1) !important; /* 滚动条按钮边框颜色和透明度 */
}
/* 滚动条按钮:鼠标悬停与点击拖动时基本样式 */
.scrollbar:hover .thumb,
.scrollbar .thumb:hover,
.scrollbar .thumb:active {
background-color: rgba(0, 100, 255, .75) !important;
border: 0px !important;
}
/* 垂直滚动条 */
/* 把滚动条位置移到屏幕外,这里的像素应该等于垂直滚动条宽度的负值 */
.scrollbar[orient="vertical"] {
margin-left: -5px !important;
min-width: 5px !important;
max-width: 5px !important;
}
/* 垂直滚动条按钮的左边框样式 */
.scrollbar .thumb[orient="vertical"] {
border-style: none none none solid !important;
}
/* 水平滚动条 */
/* 把滚动条位置移到屏幕外,这里的像素应该等于垂直滚动条宽度的负值 */
.scrollbar[orient="horizontal"] {
margin-top: -5px !important;
min-height: 5px !important;
max-height: 5px !important;
}
/* 水平滚动条按钮的上边框样式 */
.scrollbar .thumb[orient="horizontal"] {
border-style: solid none none none !important;
}
/* 去除垂直与水平滚动条相交汇的角落 */
.scrollbar .scrollcorner {
display: none ! important;
}
.el-scrollbar__wrap {
overflow-y: auto!important;
overflow-x: hidden!important;
}
.pop_form .vue-treeselect__control{
height: 100%;
}
.pop_form .vue-treeselect__single-value,
.pop_form .vue-treeselect__placeholder{
font-size: 13px;
}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;clear:both; content:' ';}
.clearfix{zoom:1;}
.rid-mapabcgl-popup {
min-width: 300px !important;
}
.map-buttons .el-button+.el-button{
margin-left:2px !important;
}
.map-buttons-margin-left{
margin-left:2px !important;
}
.custom_pop_rid .el-form-item__label{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.ridpoupheader,.ridpoupcontent{
display:flex;
border:1px solid #dcdcdc;
color:#909399;
}
.ridpoupheader{
background:#eef1f6;
color:#909399;
border-bottom: none;
}
.ridpoupheader div,.ridpoupcontent div{
flex:1;
line-height:30px;
text-align: center;
border-right:1px solid #dcdcdc;
}
.wizard_mapbox .mapabcgl-ctrl-top-right .mapabcgl-ctrl{
margin-top: 60px;
}
.wizard_mapbox .mapabcgl-canvas-container.mapabcgl-touch-zoom-rotate.mapabcgl-touch-drag-pan .mapabcgl-canvas{
outline: none;
}
// .el-select.el-select--small{
// width: 100%;
// }
.cross_list_form li .el-radio__label{
width: 256px;
display: inline-block;
text-overflow:ellipsis;
overflow:hidden;
}
.crossEdit .pop_set_range .el-input--small .el-input__inner{
padding-right: 2px
}
@keyframes A
{
from {opacity: 0.2;}
to {opacity: 1;}
}
.animation{
animation-play-state: running;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: A;
animation-duration: 1s;
animation-timing-function: linear;
}
.cloud-btn{
background: #fff !important;
color: #409eff !important;
position: relative;
}
.cloud-btn.active {
background: #fff !important;
color: #409eff !important;
}
.cloud-btn.active::before {
content: '';
// background: #409eff;
background:url(/cdn/icon/select.svg) no-repeat;
position: absolute;
bottom: 0;
right: 0;
width: 14px;
height: 14px;
}
.stms-framework-side-menu>.menuBox>.el-menu .el-menu-item span{
margin-left:10px !important;
}
label {
font-weight: normal;
}
h4, .h4 {
font-size: 14px;
font-weight: 700;
}
.el-table__body-wrapper::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: rgba(144,147,153,.3);
border-radius: 5px;
}
\ No newline at end of file
::v-deep .el-table::before {
height: 0;
}
::v-deep .custom-table-header th {
padding: 0;
height: 36px;
}
::v-deep .el-table td,
.building-top .el-table th.is-leaf {
border-bottom: none;
}
::v-deep .custom-table-header-cell {
background-color: #012b53 !important;
border: 1px solid rgba(62, 108, 150, 0);
color: #d2d7e0;
::v-deep .cell {
padding: 2px 2px;
line-height: unset;
height: 34px;
text-align: center;
font-size: 16px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
padding: 1px 1px;
}
::v-deep .custom-table-cell {
color: #d2d7e0;
border-bottom: none;
border: 0px;
padding: 3px 4px;
::v-deep .cell {
height: 34px;
padding: 2px 2px;
font-size: 14px;
text-align: center;
}
}
::v-deep .el-table tbody tr:hover>td {
background: #171f34 !important;
}
::v-deep .el-table__row .el-table__row--striped td {
background-color: #0b1933;
}
::v-deep .el-table__body-wrapper {
background: #0f2645;
}
::v-deep .el-table th.is-leaf {
border-bottom: none;
}
::v-deep .el-table {
background: #0f2645;
}
::v-deep .row-deep {
td {
background-color: #030d1e;
}
}
::v-deep .row-not {
td {
background-color: #061124;
}
}
::v-deep .row-deep.hover-row {
td {
background-color: #171f34;
}
}
::v-deep .row-not.hover-row {
td {
background-color: #171f34;
}
}
\ No newline at end of file
<template>
<div>
<div class="addContent">
<!-- 450-->
<el-form :model="{tableData}" ref="form" >
<el-table v-loading = "loading" element-loading-text="拼命加载中" :data=" (tableData || []).slice(
(this.page - 1) * this.size,
(this.page - 1) * this.size + this.size
)" :height="tableHeight" style="width:100%">
<el-table-column type="index" label="序号" width="70" fixed="left"></el-table-column>
<el-table-column label="字段名称" width="120" >
<template slot-scope="scope">
<el-form-item :prop="'tableData.' + scope.$index + '.fieldNameEn'"
:rules="[
{ required: true, message: '请输入字段名' },
// {
// pattern: /^[0-9a-zA-Z_.]+$/,
// message: '请勿输入特殊字符',
// },
]"
>
<el-input
:disabled="scope.row.isDisabled"
style="width:100px;"
show-word-limit
type="text"
placeholder="字段名称"
v-model="scope.row.fieldNameEn"
maxlength="50"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="中文名称" width="120" >
<template slot-scope="scope">
<el-form-item
:prop="'tableData.' + scope.$index + '.fieldNameCn'"
:rules="[
// { required: true, message: '请输入中文名' },
{ pattern: /^[\u4E00-\u9FA50-9a-zA-Z_\-.]+$/, message: '请勿输入特殊字符' }
]"
>
<el-input
style="width:100px;"
show-word-limit
type="text"
placeholder="中文名称"
v-model="scope.row.fieldNameCn"
maxlength="50"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="数据类型" width="120" >
<template slot-scope="scope">
<el-select
style="width:100px;"
v-model="scope.row.type"
placeholder="类型"
filterable
@change="typeChange"
>
<el-option v-for="item in typeList" :key="item.id" :value="item"> </el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="长度" width="100" >
<template slot-scope="scope">
<el-form-item
:prop="'tableData.' + scope.$index + '.length'"
:rules="[
// { required: true, message: '请输入长度' },
{ pattern: /^[0-9]+$/, message: '请输入纯数字' }
]"
>
<el-input
style="width:80px;"
type="text"
placeholder="请输入长度"
v-model="scope.row.length"
maxlength="50"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="主键">
<template slot-scope="scope">
<!-- :disabled="scope.row.ifOldField == true"-->
<el-switch
v-model="scope.row.isPk"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
@change="checkPk(scope.row,'isPk')"
></el-switch>
</template>
</el-table-column>
<el-table-column label="关联字典" width="120">
<template slot-scope="scope">
<el-select
style="width:100px;"
v-model="scope.row.dictionaryType"
placeholder="关联字典"
filterable
@change="typeChange"
>
<el-option v-for="item in dicList" :key="item.id" :value="item.name"> </el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="排序" width="100" >
<template slot-scope="scope">
<!-- <el-form-item >-->
<!-- style="margin-bottom: 0px;"-->
<el-input
style="width:80px;"
min="1"
type="number"
placeholder="排序"
v-model="scope.row.sort"
maxlength="50"
></el-input>
<!-- </el-form-item>-->
</template>
</el-table-column>
<el-table-column label="验证规则" width="150">
<template slot-scope="scope">
<el-input
style="width:140px"
type="text"
placeholder="验证规则"
v-model="scope.row.rule"
maxlength="501"
>
<i slot="suffix" class="el-input__icon el-icon-date ruleStyle" @click="ruleData(scope.row)"></i>
</el-input>
</template>
</el-table-column>
<el-table-column label="默认值" width="120">
<template slot-scope="scope">
<!-- style="margin-bottom: 0px;"-->
<el-input
style="width:100px;"
show-word-limit
type="text"
placeholder="请输入信息"
v-model="scope.row.defaultValue"
></el-input>
</template>
</el-table-column>
<!-- <el-table-column label="关联表" width="120">-->
<!-- <template slot-scope="scope">-->
<!-- <el-select-->
<!-- style="width:100px;"-->
<!-- v-model="scope.row.relation_dictionary"-->
<!-- placeholder="关联表"-->
<!-- filterable-->
<!-- >-->
<!-- <el-option v-for="item in dataSheet" :key="item.id" :value="item.value.nameCn"> </el-option>-->
<!-- </el-select>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="关联字段" width="120">-->
<!-- <template slot-scope="scope">-->
<!-- <el-input-->
<!-- style="width:100px;"-->
<!-- show-word-limit-->
<!-- type="text"-->
<!-- placeholder="关联字段"-->
<!-- v-model="scope.row.relation_field"-->
<!-- ></el-input>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="是否查询" width="100">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isQuery"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
@change="checkPk(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="业务主键">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isBizPk"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
@change="checkPk(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="是否NULL" width="100">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isNull"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
@change="checkPk(scope.row,'isNull')"
></el-switch>
</template>
</el-table-column>
<el-table-column label="空间字段">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isGeom"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
@change="checkPk(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="计算字段" width="120">
<template slot-scope="scope">
<!-- style="margin-bottom: 0px;"-->
<el-input
style="width:100px;"
show-word-limit
type="text"
placeholder="计算字段"
v-model="scope.row.calcField"
></el-input>
</template>
</el-table-column>
<el-table-column label="描述" width="120">
<template slot-scope="scope">
<!-- style="margin-bottom: 0px;"-->
<el-input
style="width:100px;"
show-word-limit
type="text"
placeholder="描述"
v-model="scope.row.desc"
></el-input>
</template>
</el-table-column>
<el-table-column label="删除" width="80" fixed="right">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteField(scope.row, scope.$index)"
type="text"
size="small"
>
<i class="el-icon-delete" ></i>&nbsp;&nbsp;删除
</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="size"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData && tableData.length"
style="text-align: right"
>
</el-pagination>
</el-form>
</div>
</div>
</template>
<script>
import {queryImportTable} from "../../views/resource/dataset/service";
export default {
name: "index.vue",
props:{
tableData:{
type:Array,
default: []
},
tableId:{
type:String,
default: ""
},
dicList:{
type:Array,
default:[]
},
dataSheet:{
type:Array,
default:[]
},
},
created() {
let heightStyle = document.body.clientHeight;
this.tableHeight = heightStyle - 510
// console.log("tableHeight", this.tableHeight)
},
watch: { //监听父组件传过来的selectItems
tableData: {
handler(newVal,oldVal){
for(let i = 0; i < newVal.length; i++) {
// newVal[i].isDisabled = true;
}
},
immediate:true,//immediate:true代表如果在 wacth 里声明了之后,就会立即先去执行里面的
//handler方法,//如果为 false,不会在绑定的时候就执行。
deep:true//deep,默认值是 false,代表是否深度监听。
}
},
data(){
return{
loading:false,
ruleForm: {
nameEn: [
{
required: true,
message: "请填写英文名称",
},
],
nameCn: [
{
required: true,
message: "请输入中文名称",
},
],
},
page: 1,
total:0,
size:10,
tableHeight:0,
typeList:[
"text",
"char",
"varchar",
"int8",
"int4",
"int2",
"float4",
"float8",
"money",
"bit",
"numeric",
"bool",
"timestamp",
"time",
"date",
"bytea",
"box",
"cidr",
"inet",
"macaddr",
"varbit",
"circle",
"interval",
"line",
"lseg",
"polygon",
"point",
"path",
"geometry",
]
}
},
methods:{
//显示验证规则弹窗
ruleData(data) {
console.log("data", data)
this.$emit("getRuleDataPage", data)
},
setLoading(data) {
this.loading = data
},
handleSizeChange(val) {
this.pageSize = val;
},
handleCurrentChange(val) {
this.page = val;
},
getTableData() {
this.page = 1;
this.size = 10;
},
goCurrent() {
let cur = parseInt(this.tableData.length/10);
let m = this.tableData.length%10;
if( this.tableData.length > 10 ){
this.page = cur+1;
}
this.$nextTick(() => {
let container = this.$el.querySelector('.addContent .el-table__body-wrapper');
container.scrollTop = container.scrollHeight;
})
},
//switch 开关
checkPk(data,type){
console.log("checkdata",data, data.isPk, data.isNull)
if(data.isNull == "true") {
if(data.defaultValue == '' || data.defaultValue.trim()=='') {
this.$message({
message: data.fieldNameEn+'请输入默认置',
type: 'warning',
duration:1500
});
}
}
if(type == 'isNull') {
data.isPk = false
}
if(type == 'isPk') {
data.isNull = false
}
if(data.isPk == 'true' && data.isNull == false) {
// console.log("进入测试")
this.tableData.forEach(item=>{
if(item.id == data.id) {
// console.log("进入测试2",item)
item.isNull = true
}
})
this.$nextTick(()=>{
this.tableData.push({})
this.tableData.pop()
})
}
},
getArrayIndex(arr, obj) {
var i = arr.length;
while (i--) {
if (arr[i] === obj) {
return i;
}
}
return -1;
},
deleteField(data, index){
console.log("删除data:", data,"index", index)
if (data.ifOldField === true) {
this.$alert(
"仅支持物理表字段添加,如需修改或删除物理表字段,需手动操作数据库",
"提示",
{
dangerouslyUseHTMLString: false,
showConfirmButton: true,
}
);
} else {
// this.tableData.splice(index, 1);
for(let i = 0; i < this.tableData.length; i++) {
if(this.tableData[i].tmpid == data.tmpid) {
let index = this.getArrayIndex(this.tableData,data)
console.log("index", index)
this.tableData.splice(index, 1);
return
}
}
}
}
},
}
</script>
<style scoped lang="less">
.addContent {
.el-dialog__body .topForm {
display: flex;
.el-form-item--small .el-form-item__error {
padding-top: 0px;
}
.elButton {
.el-form-item__content {
margin-left: 10px !important;
}
}
}
.el-table__body .cell .el-form-item--small.el-form-item {
margin-bottom: 16px;
margin-top: 15px;
}
.el-table--small th {
padding: 8px 0;
}
.el-table td {
padding: 0px 0;
}
.el-input--small {
width: 250px;
}
.el-button--small {
margin-left: 8px;
}
}
/*.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{*/
/* margin-bottom: 15px !important;*/
/*}*/
</style>
<template>
<el-dialog
v-drag
title="设置规则"
:visible.sync="show"
id="sitingService"
width="450px"
:close-on-click-modal="false"
:destroy-on-close="true"
v-if="show"
>
<el-form
:model="form"
ref="forms"
label-width="80px"
:labelPosition="labelPosition"
>
<el-form-item label="必填" width="200" >
<el-switch
v-model="form.required"
on-text="是"
off-text="否"
active-value="true"
inactiove-value="false"
></el-switch>
</el-form-item>
<el-form-item label="校验" width="200" >
<el-select
@change="ruleChange"
v-model="form.rule"
placeholder="请选择校验规则"
>
<el-option
v-for="item in ruleList"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="表达式" width="200">
<el-input
type="text"
placeholder="填写验证表达式"
v-model="form.ruleText"
maxlength="501"
></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="submit">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import {
getDataSet //获取校验字典列表
} from "./service"
export default {
name: "ruleData.vue",
data() {
return {
show:false,
form:{
required:false,
rule:"",
ruleText:""
},
ruleList:[],
labelPosition:"left"
}
},
methods:{
getPage(data) {
console.log("接收data", data)
this.form={
required:false,
rule:"",
ruleText:""
}
this.getDictionaryFun();
this.id = data.id;
if(data.ruleText && data.ruleText != "") {
let tmpTule = eval(data.rule)
console.log("tmpTule", tmpTule, tmpTule[0].required)
this.form ={
required:tmpTule[0].required,
rule:data.ruleText,
ruleText:data.ruleText
}
}
this.show = true;
},
submit() {
let params={
required:this.form.required,
id:this.id,
ruleText:this.form.ruleText
}
this.$emit("regexpText", params)
this.show = false;
},
ruleChange(data) {
this.form.ruleText = this.getRuleText(this.form.rule)
// let aaa = this.getRuleLabel("2222")
// console.log("this.form.ruleText", this.form.ruleText)
},
//通过key获取value
getRuleText(data) {
let resData = "";
this.ruleList.forEach(item=>{
if(item.value == data) {
resData=item.value
return
}
})
return resData
},
//获取校验字段字典
async getDictionaryFun() {
this.ruleList=[];
let params ={
condition: {keyword: "", catalogId: "FEBA20DB2383459E881CD25C619262EA"},
pageNum: 1,
pageSize: 50
}
let res = await getDataSet(params);
console.log("res", res)
if(res.code == 200) {
for(let i = 0; i < res.content.rows.length; i++) {
this.ruleList.push({
value:res.content.rows[i].code,
label:res.content.rows[i].name
})
}
}
},
}
}
</script>
<style scoped>
</style>
import fetch from '@/utils/fetch';
// 获取数据类型
export const getDataSet = (data) => fetch("/design/config/dictionary/byPage", data, "POST")
<template>
<div class="headBreadcrumb" v-if="data.length">
<div class="breadcrumbContainer">
<span class="fa fa-map-marker"></span>
<div class="breadcrumbBody">
<el-breadcrumb separator="/">
<el-breadcrumb-item v-for="item in data" :key="item.path || item.name">{{
item.name
}}</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
</div>
</template>
<script>
export default {
computed: {
data() {
const menu = this.$store.getters.menu;
const path = this.$route.matched[0].path;
const params = this.$route.params;
const current = menu.find(v => v.url === path);
if (!current) {
return [];
}
const data = [];
function execute(id) {
const value = menu.find(v => v.id === id);
if (value) {
data.unshift({
id: value.id,
name: value.name,
path: value.url ? __.url.pathToRegexp.compile(value.url)(params) : null
});
value.parentId && execute(value.parentId);
}
}
execute(current.id);
return data;
}
}
};
</script>
<style lang="less" scoped>
.headBreadcrumb {
height: 50px;
width: 100%;
position: relative;
border-bottom: 1px solid rgb(220, 220, 220);
.breadcrumbContainer {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
> span {
float: left;
font-size: 18px;
color: #adadaf;
margin-right: 8px;
position: relative;
top: -2px;
}
> .breadcrumbBody {
float: left;
.el-breadcrumb__inner {
color: #2c3e50 !important;
font-family: Source Han Sans CN;
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
font-weight: 100 !important;
}
}
}
}
</style>
import REGION_DATA from './data'
import cloneDeep from 'lodash/cloneDeep'
// code转汉字大对象
const CodeToText = {}
// 汉字转code大对象
const TextToCode = {}
const provinceObject = REGION_DATA['86'] // 省份对象
const regionData = []
let provinceAndCityData = []
CodeToText[''] = '全部'
// 计算省
for (const prop in provinceObject) {
regionData.push({
value: prop, // 省份code值
label: provinceObject[prop] // 省份汉字
})
CodeToText[prop] = provinceObject[prop]
TextToCode[provinceObject[prop]] = {
code: prop
}
TextToCode[provinceObject[prop]]['全部'] = {
code: ''
}
}
// 计算市
for (let i = 0, len = regionData.length; i < len; i++) {
const provinceCode = regionData[i].value
const provinceText = regionData[i].label
const provinceChildren = []
for (const prop in REGION_DATA[provinceCode]) {
provinceChildren.push({
value: prop,
label: REGION_DATA[provinceCode][prop]
})
CodeToText[prop] = REGION_DATA[provinceCode][prop]
TextToCode[provinceText][REGION_DATA[provinceCode][prop]] = {
code: prop
}
TextToCode[provinceText][REGION_DATA[provinceCode][prop]]['全部'] = {
code: ''
}
}
if (provinceChildren.length) {
regionData[i].children = provinceChildren
}
}
provinceAndCityData = cloneDeep(regionData)
// 计算区
for (let i = 0, len = regionData.length; i < len; i++) {
const province = regionData[i].children
const provinceText = regionData[i].label
if (province) {
for (let j = 0, len = province.length; j < len; j++) {
const cityCode = province[j].value
const cityText = province[j].label
const cityChildren = []
for (const prop in REGION_DATA[cityCode]) {
cityChildren.push({
value: prop,
label: REGION_DATA[cityCode][prop]
})
CodeToText[prop] = REGION_DATA[cityCode][prop]
TextToCode[provinceText][cityText][REGION_DATA[cityCode][prop]] = {
code: prop
}
}
if (cityChildren.length) {
province[j].children = cityChildren
}
}
}
}
// 添加“全部”选项
const provinceAndCityDataPlus = cloneDeep(provinceAndCityData)
provinceAndCityDataPlus.unshift({
value: '',
label: '全部'
})
for (let i = 0, len = provinceAndCityDataPlus.length; i < len; i++) {
const province = provinceAndCityDataPlus[i].children
if (province && province.length) {
province.unshift({
value: '',
label: '全部'
})
for (let j = 0, len = province.length; j < len; j++) {
const city = province[j].children
if (city && city.length) {
city.unshift({
value: '',
label: '全部'
})
}
}
}
}
const regionDataPlus = cloneDeep(regionData)
regionDataPlus.unshift({
value: '',
label: '全部'
})
for (let i = 0, len = regionDataPlus.length; i < len; i++) {
const province = regionDataPlus[i].children
if (province && province.length) {
province.unshift({
value: '',
label: '全部'
})
for (let j = 0, len = province.length; j < len; j++) {
const city = province[j].children
if (city && city.length) {
city.unshift({
value: '',
label: '全部'
})
}
}
}
}
export { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode }
module.exports = {
'86': {
'110000': '北京市',
'120000': '天津市',
'130000': '河北省',
'140000': '山西省',
'150000': '内蒙古自治区',
'210000': '辽宁省',
'220000': '吉林省',
'230000': '黑龙江省',
'310000': '上海市',
'320000': '江苏省',
'330000': '浙江省',
'340000': '安徽省',
'350000': '福建省',
'360000': '江西省',
'370000': '山东省',
'410000': '河南省',
'420000': '湖北省',
'430000': '湖南省',
'440000': '广东省',
'450000': '广西壮族自治区',
'460000': '海南省',
'500000': '重庆市',
'510000': '四川省',
'520000': '贵州省',
'530000': '云南省',
'540000': '西藏自治区',
'610000': '陕西省',
'620000': '甘肃省',
'630000': '青海省',
'640000': '宁夏回族自治区',
'650000': '新疆维吾尔自治区',
'710000': '台湾省',
'810000': '香港特别行政区',
'820000': '澳门特别行政区'
},
'110000': {
'110000': '市辖区'
},
'110100': {
'110101': '东城区',
'110102': '西城区',
'110105': '朝阳区',
'110106': '丰台区',
'110107': '石景山区',
'110108': '海淀区',
'110109': '门头沟区',
'110111': '房山区',
'110112': '通州区',
'110113': '顺义区',
'110114': '昌平区',
'110115': '大兴区',
'110116': '怀柔区',
'110117': '平谷区',
'110118': '密云区',
'110119': '延庆区'
},
'120000': {
'120000': '市辖区'
},
'120100': {
'120101': '和平区',
'120102': '河东区',
'120103': '河西区',
'120104': '南开区',
'120105': '河北区',
'120106': '红桥区',
'120110': '东丽区',
'120111': '西青区',
'120112': '津南区',
'120113': '北辰区',
'120114': '武清区',
'120115': '宝坻区',
'120116': '滨海新区',
'120117': '宁河区',
'120118': '静海区',
'120119': '蓟州区'
},
'130000': {
'130100': '石家庄市',
'130200': '唐山市',
'130300': '秦皇岛市',
'130400': '邯郸市',
'130500': '邢台市',
'130600': '保定市',
'130700': '张家口市',
'130800': '承德市',
'130900': '沧州市',
'131000': '廊坊市',
'131100': '衡水市',
'139001': '定州市',
'139002': '辛集市'
},
'130100': {
'130102': '长安区',
'130104': '桥西区',
'130105': '新华区',
'130107': '井陉矿区',
'130108': '裕华区',
'130109': '藁城区',
'130110': '鹿泉区',
'130111': '栾城区',
'130121': '井陉县',
'130123': '正定县',
'130125': '行唐县',
'130126': '灵寿县',
'130127': '高邑县',
'130128': '深泽县',
'130129': '赞皇县',
'130130': '无极县',
'130131': '平山县',
'130132': '元氏县',
'130133': '赵县',
'130183': '晋州市',
'130184': '新乐市'
},
'130200': {
'130202': '路南区',
'130203': '路北区',
'130204': '古冶区',
'130205': '开平区',
'130207': '丰南区',
'130208': '丰润区',
'130209': '曹妃甸区',
'130223': '滦县',
'130224': '滦南县',
'130225': '乐亭县',
'130227': '迁西县',
'130229': '玉田县',
'130281': '遵化市',
'130283': '迁安市'
},
'130300': {
'130302': '海港区',
'130303': '山海关区',
'130304': '北戴河区',
'130306': '抚宁区',
'130321': '青龙满族自治县',
'130322': '昌黎县',
'130324': '卢龙县'
},
'130400': {
'130402': '邯山区',
'130403': '丛台区',
'130404': '复兴区',
'130406': '峰峰矿区',
'130421': '邯郸县',
'130423': '临漳县',
'130424': '成安县',
'130425': '大名县',
'130426': '涉县',
'130427': '磁县',
'130428': '肥乡县',
'130429': '永年县',
'130430': '邱县',
'130431': '鸡泽县',
'130432': '广平县',
'130433': '馆陶县',
'130434': '魏县',
'130435': '曲周县',
'130481': '武安市'
},
'130500': {
'130502': '桥东区',
'130503': '桥西区',
'130521': '邢台县',
'130522': '临城县',
'130523': '内丘县',
'130524': '柏乡县',
'130525': '隆尧县',
'130526': '任县',
'130527': '南和县',
'130528': '宁晋县',
'130529': '巨鹿县',
'130530': '新河县',
'130531': '广宗县',
'130532': '平乡县',
'130533': '威县',
'130534': '清河县',
'130535': '临西县',
'130581': '南宫市',
'130582': '沙河市'
},
'130600': {
'130602': '竞秀区',
'130606': '莲池区',
'130607': '满城区',
'130608': '清苑区',
'130609': '徐水区',
'130623': '涞水县',
'130624': '阜平县',
'130626': '定兴县',
'130627': '唐县',
'130628': '高阳县',
'130629': '容城县',
'130630': '涞源县',
'130631': '望都县',
'130632': '安新县',
'130633': '易县',
'130634': '曲阳县',
'130635': '蠡县',
'130636': '顺平县',
'130637': '博野县',
'130638': '雄县',
'130681': '涿州市',
'130683': '安国市',
'130684': '高碑店市'
},
'130700': {
'130702': '桥东区',
'130703': '桥西区',
'130705': '宣化区',
'130706': '下花园区',
'130708': '万全区',
'130709': '崇礼区',
'130722': '张北县',
'130723': '康保县',
'130724': '沽源县',
'130725': '尚义县',
'130726': '蔚县',
'130727': '阳原县',
'130728': '怀安县',
'130730': '怀来县',
'130731': '涿鹿县',
'130732': '赤城县'
},
'130800': {
'130802': '双桥区',
'130803': '双滦区',
'130804': '鹰手营子矿区',
'130821': '承德县',
'130822': '兴隆县',
'130823': '平泉县',
'130824': '滦平县',
'130825': '隆化县',
'130826': '丰宁满族自治县',
'130827': '宽城满族自治县',
'130828': '围场满族蒙古族自治县'
},
'130900': {
'130902': '新华区',
'130903': '运河区',
'130921': '沧县',
'130922': '青县',
'130923': '东光县',
'130924': '海兴县',
'130925': '盐山县',
'130926': '肃宁县',
'130927': '南皮县',
'130928': '吴桥县',
'130929': '献县',
'130930': '孟村回族自治县',
'130981': '泊头市',
'130982': '任丘市',
'130983': '黄骅市',
'130984': '河间市'
},
'131000': {
'131002': '安次区',
'131003': '广阳区',
'131022': '固安县',
'131023': '永清县',
'131024': '香河县',
'131025': '大城县',
'131026': '文安县',
'131028': '大厂回族自治县',
'131081': '霸州市',
'131082': '三河市'
},
'131100': {
'131102': '桃城区',
'131103': '冀州区',
'131121': '枣强县',
'131122': '武邑县',
'131123': '武强县',
'131124': '饶阳县',
'131125': '安平县',
'131126': '故城县',
'131127': '景县',
'131128': '阜城县',
'131182': '深州市'
},
'140000': {
'140100': '太原市',
'140200': '大同市',
'140300': '阳泉市',
'140400': '长治市',
'140500': '晋城市',
'140600': '朔州市',
'140700': '晋中市',
'140800': '运城市',
'140900': '忻州市',
'141000': '临汾市',
'141100': '吕梁市'
},
'140100': {
'140105': '小店区',
'140106': '迎泽区',
'140107': '杏花岭区',
'140108': '尖草坪区',
'140109': '万柏林区',
'140110': '晋源区',
'140121': '清徐县',
'140122': '阳曲县',
'140123': '娄烦县',
'140181': '古交市'
},
'140200': {
'140202': '城区',
'140203': '矿区',
'140211': '南郊区',
'140212': '新荣区',
'140221': '阳高县',
'140222': '天镇县',
'140223': '广灵县',
'140224': '灵丘县',
'140225': '浑源县',
'140226': '左云县',
'140227': '大同县'
},
'140300': {
'140302': '城区',
'140303': '矿区',
'140311': '郊区',
'140321': '平定县',
'140322': '盂县'
},
'140400': {
'140402': '城区',
'140411': '郊区',
'140421': '长治县',
'140423': '襄垣县',
'140424': '屯留县',
'140425': '平顺县',
'140426': '黎城县',
'140427': '壶关县',
'140428': '长子县',
'140429': '武乡县',
'140430': '沁县',
'140431': '沁源县',
'140481': '潞城市'
},
'140500': {
'140502': '城区',
'140521': '沁水县',
'140522': '阳城县',
'140524': '陵川县',
'140525': '泽州县',
'140581': '高平市'
},
'140600': {
'140602': '朔城区',
'140603': '平鲁区',
'140621': '山阴县',
'140622': '应县',
'140623': '右玉县',
'140624': '怀仁县'
},
'140700': {
'140702': '榆次区',
'140721': '榆社县',
'140722': '左权县',
'140723': '和顺县',
'140724': '昔阳县',
'140725': '寿阳县',
'140726': '太谷县',
'140727': '祁县',
'140728': '平遥县',
'140729': '灵石县',
'140781': '介休市'
},
'140800': {
'140802': '盐湖区',
'140821': '临猗县',
'140822': '万荣县',
'140823': '闻喜县',
'140824': '稷山县',
'140825': '新绛县',
'140826': '绛县',
'140827': '垣曲县',
'140828': '夏县',
'140829': '平陆县',
'140830': '芮城县',
'140881': '永济市',
'140882': '河津市'
},
'140900': {
'140902': '忻府区',
'140921': '定襄县',
'140922': '五台县',
'140923': '代县',
'140924': '繁峙县',
'140925': '宁武县',
'140926': '静乐县',
'140927': '神池县',
'140928': '五寨县',
'140929': '岢岚县',
'140930': '河曲县',
'140931': '保德县',
'140932': '偏关县',
'140981': '原平市'
},
'141000': {
'141002': '尧都区',
'141021': '曲沃县',
'141022': '翼城县',
'141023': '襄汾县',
'141024': '洪洞县',
'141025': '古县',
'141026': '安泽县',
'141027': '浮山县',
'141028': '吉县',
'141029': '乡宁县',
'141030': '大宁县',
'141031': '隰县',
'141032': '永和县',
'141033': '蒲县',
'141034': '汾西县',
'141081': '侯马市',
'141082': '霍州市'
},
'141100': {
'141102': '离石区',
'141121': '文水县',
'141122': '交城县',
'141123': '兴县',
'141124': '临县',
'141125': '柳林县',
'141126': '石楼县',
'141127': '岚县',
'141128': '方山县',
'141129': '中阳县',
'141130': '交口县',
'141181': '孝义市',
'141182': '汾阳市'
},
'150000': {
'150100': '呼和浩特市',
'150200': '包头市',
'150300': '乌海市',
'150400': '赤峰市',
'150500': '通辽市',
'150600': '鄂尔多斯市',
'150700': '呼伦贝尔市',
'150800': '巴彦淖尔市',
'150900': '乌兰察布市',
'152200': '兴安盟',
'152500': '锡林郭勒盟',
'152900': '阿拉善盟'
},
'150100': {
'150102': '新城区',
'150103': '回民区',
'150104': '玉泉区',
'150105': '赛罕区',
'150121': '土默特左旗',
'150122': '托克托县',
'150123': '和林格尔县',
'150124': '清水河县',
'150125': '武川县'
},
'150200': {
'150202': '东河区',
'150203': '昆都仑区',
'150204': '青山区',
'150205': '石拐区',
'150206': '白云鄂博矿区',
'150207': '九原区',
'150221': '土默特右旗',
'150222': '固阳县',
'150223': '达尔罕茂明安联合旗'
},
'150300': {
'150302': '海勃湾区',
'150303': '海南区',
'150304': '乌达区'
},
'150400': {
'150402': '红山区',
'150403': '元宝山区',
'150404': '松山区',
'150421': '阿鲁科尔沁旗',
'150422': '巴林左旗',
'150423': '巴林右旗',
'150424': '林西县',
'150425': '克什克腾旗',
'150426': '翁牛特旗',
'150428': '喀喇沁旗',
'150429': '宁城县',
'150430': '敖汉旗'
},
'150500': {
'150502': '科尔沁区',
'150521': '科尔沁左翼中旗',
'150522': '科尔沁左翼后旗',
'150523': '开鲁县',
'150524': '库伦旗',
'150525': '奈曼旗',
'150526': '扎鲁特旗',
'150581': '霍林郭勒市'
},
'150600': {
'150602': '东胜区',
'150603': '康巴什区',
'150621': '达拉特旗',
'150622': '准格尔旗',
'150623': '鄂托克前旗',
'150624': '鄂托克旗',
'150625': '杭锦旗',
'150626': '乌审旗',
'150627': '伊金霍洛旗'
},
'150700': {
'150702': '海拉尔区',
'150703': '扎赉诺尔区',
'150721': '阿荣旗',
'150722': '莫力达瓦达斡尔族自治旗',
'150723': '鄂伦春自治旗',
'150724': '鄂温克族自治旗',
'150725': '陈巴尔虎旗',
'150726': '新巴尔虎左旗',
'150727': '新巴尔虎右旗',
'150781': '满洲里市',
'150782': '牙克石市',
'150783': '扎兰屯市',
'150784': '额尔古纳市',
'150785': '根河市'
},
'150800': {
'150802': '临河区',
'150821': '五原县',
'150822': '磴口县',
'150823': '乌拉特前旗',
'150824': '乌拉特中旗',
'150825': '乌拉特后旗',
'150826': '杭锦后旗'
},
'150900': {
'150902': '集宁区',
'150921': '卓资县',
'150922': '化德县',
'150923': '商都县',
'150924': '兴和县',
'150925': '凉城县',
'150926': '察哈尔右翼前旗',
'150927': '察哈尔右翼中旗',
'150928': '察哈尔右翼后旗',
'150929': '四子王旗',
'150981': '丰镇市'
},
'152200': {
'152201': '乌兰浩特市',
'152202': '阿尔山市',
'152221': '科尔沁右翼前旗',
'152222': '科尔沁右翼中旗',
'152223': '扎赉特旗',
'152224': '突泉县'
},
'152500': {
'152501': '二连浩特市',
'152502': '锡林浩特市',
'152522': '阿巴嘎旗',
'152523': '苏尼特左旗',
'152524': '苏尼特右旗',
'152525': '东乌珠穆沁旗',
'152526': '西乌珠穆沁旗',
'152527': '太仆寺旗',
'152528': '镶黄旗',
'152529': '正镶白旗',
'152530': '正蓝旗',
'152531': '多伦县'
},
'152900': {
'152921': '阿拉善左旗',
'152922': '阿拉善右旗',
'152923': '额济纳旗'
},
'210000': {
'210100': '沈阳市',
'210200': '大连市',
'210300': '鞍山市',
'210400': '抚顺市',
'210500': '本溪市',
'210600': '丹东市',
'210700': '锦州市',
'210800': '营口市',
'210900': '阜新市',
'211000': '辽阳市',
'211100': '盘锦市',
'211200': '铁岭市',
'211300': '朝阳市',
'211400': '葫芦岛市'
},
'210100': {
'210102': '和平区',
'210103': '沈河区',
'210104': '大东区',
'210105': '皇姑区',
'210106': '铁西区',
'210111': '苏家屯区',
'210112': '浑南区',
'210113': '沈北新区',
'210114': '于洪区',
'210115': '辽中区',
'210123': '康平县',
'210124': '法库县',
'210181': '新民市'
},
'210200': {
'210202': '中山区',
'210203': '西岗区',
'210204': '沙河口区',
'210211': '甘井子区',
'210212': '旅顺口区',
'210213': '金州区',
'210214': '普兰店区',
'210224': '长海县',
'210281': '瓦房店市',
'210283': '庄河市'
},
'210300': {
'210302': '铁东区',
'210303': '铁西区',
'210304': '立山区',
'210311': '千山区',
'210321': '台安县',
'210323': '岫岩满族自治县',
'210381': '海城市'
},
'210400': {
'210402': '新抚区',
'210403': '东洲区',
'210404': '望花区',
'210411': '顺城区',
'210421': '抚顺县',
'210422': '新宾满族自治县',
'210423': '清原满族自治县'
},
'210500': {
'210502': '平山区',
'210503': '溪湖区',
'210504': '明山区',
'210505': '南芬区',
'210521': '本溪满族自治县',
'210522': '桓仁满族自治县'
},
'210600': {
'210602': '元宝区',
'210603': '振兴区',
'210604': '振安区',
'210624': '宽甸满族自治县',
'210681': '东港市',
'210682': '凤城市'
},
'210700': {
'210702': '古塔区',
'210703': '凌河区',
'210711': '太和区',
'210726': '黑山县',
'210727': '义县',
'210781': '凌海市',
'210782': '北镇市'
},
'210800': {
'210802': '站前区',
'210803': '西市区',
'210804': '鲅鱼圈区',
'210811': '老边区',
'210881': '盖州市',
'210882': '大石桥市'
},
'210900': {
'210902': '海州区',
'210903': '新邱区',
'210904': '太平区',
'210905': '清河门区',
'210911': '细河区',
'210921': '阜新蒙古族自治县',
'210922': '彰武县'
},
'211000': {
'211002': '白塔区',
'211003': '文圣区',
'211004': '宏伟区',
'211005': '弓长岭区',
'211011': '太子河区',
'211021': '辽阳县',
'211081': '灯塔市'
},
'211100': {
'211102': '双台子区',
'211103': '兴隆台区',
'211104': '大洼区',
'211122': '盘山县'
},
'211200': {
'211202': '银州区',
'211204': '清河区',
'211221': '铁岭县',
'211223': '西丰县',
'211224': '昌图县',
'211281': '调兵山市',
'211282': '开原市'
},
'211300': {
'211302': '双塔区',
'211303': '龙城区',
'211321': '朝阳县',
'211322': '建平县',
'211324': '喀喇沁左翼蒙古族自治县',
'211381': '北票市',
'211382': '凌源市'
},
'211400': {
'211402': '连山区',
'211403': '龙港区',
'211404': '南票区',
'211421': '绥中县',
'211422': '建昌县',
'211481': '兴城市'
},
'220000': {
'220100': '长春市',
'220200': '吉林市',
'220300': '四平市',
'220400': '辽源市',
'220500': '通化市',
'220600': '白山市',
'220700': '松原市',
'220800': '白城市',
'222400': '延边朝鲜族自治州'
},
'220100': {
'220102': '南关区',
'220103': '宽城区',
'220104': '朝阳区',
'220105': '二道区',
'220106': '绿园区',
'220112': '双阳区',
'220113': '九台区',
'220122': '农安县',
'220182': '榆树市',
'220183': '德惠市'
},
'220200': {
'220202': '昌邑区',
'220203': '龙潭区',
'220204': '船营区',
'220211': '丰满区',
'220221': '永吉县',
'220281': '蛟河市',
'220282': '桦甸市',
'220283': '舒兰市',
'220284': '磐石市'
},
'220300': {
'220302': '铁西区',
'220303': '铁东区',
'220322': '梨树县',
'220323': '伊通满族自治县',
'220381': '公主岭市',
'220382': '双辽市'
},
'220400': {
'220402': '龙山区',
'220403': '西安区',
'220421': '东丰县',
'220422': '东辽县'
},
'220500': {
'220502': '东昌区',
'220503': '二道江区',
'220521': '通化县',
'220523': '辉南县',
'220524': '柳河县',
'220581': '梅河口市',
'220582': '集安市'
},
'220600': {
'220602': '浑江区',
'220605': '江源区',
'220621': '抚松县',
'220622': '靖宇县',
'220623': '长白朝鲜族自治县',
'220681': '临江市'
},
'220700': {
'220702': '宁江区',
'220721': '前郭尔罗斯蒙古族自治县',
'220722': '长岭县',
'220723': '乾安县',
'220781': '扶余市'
},
'220800': {
'220802': '洮北区',
'220821': '镇赉县',
'220822': '通榆县',
'220881': '洮南市',
'220882': '大安市'
},
'222400': {
'222401': '延吉市',
'222402': '图们市',
'222403': '敦化市',
'222404': '珲春市',
'222405': '龙井市',
'222406': '和龙市',
'222424': '汪清县',
'222426': '安图县'
},
'230000': {
'230100': '哈尔滨市',
'230200': '齐齐哈尔市',
'230300': '鸡西市',
'230400': '鹤岗市',
'230500': '双鸭山市',
'230600': '大庆市',
'230700': '伊春市',
'230800': '佳木斯市',
'230900': '七台河市',
'231000': '牡丹江市',
'231100': '黑河市',
'231200': '绥化市',
'232700': '大兴安岭地区'
},
'230100': {
'230102': '道里区',
'230103': '南岗区',
'230104': '道外区',
'230108': '平房区',
'230109': '松北区',
'230110': '香坊区',
'230111': '呼兰区',
'230112': '阿城区',
'230113': '双城区',
'230123': '依兰县',
'230124': '方正县',
'230125': '宾县',
'230126': '巴彦县',
'230127': '木兰县',
'230128': '通河县',
'230129': '延寿县',
'230183': '尚志市',
'230184': '五常市'
},
'230200': {
'230202': '龙沙区',
'230203': '建华区',
'230204': '铁锋区',
'230205': '昂昂溪区',
'230206': '富拉尔基区',
'230207': '碾子山区',
'230208': '梅里斯达斡尔族区',
'230221': '龙江县',
'230223': '依安县',
'230224': '泰来县',
'230225': '甘南县',
'230227': '富裕县',
'230229': '克山县',
'230230': '克东县',
'230231': '拜泉县',
'230281': '讷河市'
},
'230300': {
'230302': '鸡冠区',
'230303': '恒山区',
'230304': '滴道区',
'230305': '梨树区',
'230306': '城子河区',
'230307': '麻山区',
'230321': '鸡东县',
'230381': '虎林市',
'230382': '密山市'
},
'230400': {
'230402': '向阳区',
'230403': '工农区',
'230404': '南山区',
'230405': '兴安区',
'230406': '东山区',
'230407': '兴山区',
'230421': '萝北县',
'230422': '绥滨县'
},
'230500': {
'230502': '尖山区',
'230503': '岭东区',
'230505': '四方台区',
'230506': '宝山区',
'230521': '集贤县',
'230522': '友谊县',
'230523': '宝清县',
'230524': '饶河县'
},
'230600': {
'230602': '萨尔图区',
'230603': '龙凤区',
'230604': '让胡路区',
'230605': '红岗区',
'230606': '大同区',
'230621': '肇州县',
'230622': '肇源县',
'230623': '林甸县',
'230624': '杜尔伯特蒙古族自治县'
},
'230700': {
'230702': '伊春区',
'230703': '南岔区',
'230704': '友好区',
'230705': '西林区',
'230706': '翠峦区',
'230707': '新青区',
'230708': '美溪区',
'230709': '金山屯区',
'230710': '五营区',
'230711': '乌马河区',
'230712': '汤旺河区',
'230713': '带岭区',
'230714': '乌伊岭区',
'230715': '红星区',
'230716': '上甘岭区',
'230722': '嘉荫县',
'230781': '铁力市'
},
'230800': {
'230803': '向阳区',
'230804': '前进区',
'230805': '东风区',
'230811': '郊区',
'230822': '桦南县',
'230826': '桦川县',
'230828': '汤原县',
'230881': '同江市',
'230882': '富锦市',
'230883': '抚远市'
},
'230900': {
'230902': '新兴区',
'230903': '桃山区',
'230904': '茄子河区',
'230921': '勃利县'
},
'231000': {
'231002': '东安区',
'231003': '阳明区',
'231004': '爱民区',
'231005': '西安区',
'231025': '林口县',
'231081': '绥芬河市',
'231083': '海林市',
'231084': '宁安市',
'231085': '穆棱市',
'231086': '东宁市'
},
'231100': {
'231102': '爱辉区',
'231121': '嫩江县',
'231123': '逊克县',
'231124': '孙吴县',
'231181': '北安市',
'231182': '五大连池市'
},
'231200': {
'231202': '北林区',
'231221': '望奎县',
'231222': '兰西县',
'231223': '青冈县',
'231224': '庆安县',
'231225': '明水县',
'231226': '绥棱县',
'231281': '安达市',
'231282': '肇东市',
'231283': '海伦市'
},
'232700': {
'232721': '呼玛县',
'232722': '塔河县',
'232723': '漠河县'
},
'310000': {
'310100': '市辖区'
},
'310100': {
'310101': '黄浦区',
'310104': '徐汇区',
'310105': '长宁区',
'310106': '静安区',
'310107': '普陀区',
'310109': '虹口区',
'310110': '杨浦区',
'310112': '闵行区',
'310113': '宝山区',
'310114': '嘉定区',
'310115': '浦东新区',
'310116': '金山区',
'310117': '松江区',
'310118': '青浦区',
'310120': '奉贤区',
'310151': '崇明区'
},
'320000': {
'320100': '南京市',
'320200': '无锡市',
'320300': '徐州市',
'320400': '常州市',
'320500': '苏州市',
'320600': '南通市',
'320700': '连云港市',
'320800': '淮安市',
'320900': '盐城市',
'321000': '扬州市',
'321100': '镇江市',
'321200': '泰州市',
'321300': '宿迁市'
},
'320100': {
'320102': '玄武区',
'320104': '秦淮区',
'320105': '建邺区',
'320106': '鼓楼区',
'320111': '浦口区',
'320113': '栖霞区',
'320114': '雨花台区',
'320115': '江宁区',
'320116': '六合区',
'320117': '溧水区',
'320118': '高淳区'
},
'320200': {
'320205': '锡山区',
'320206': '惠山区',
'320211': '滨湖区',
'320213': '梁溪区',
'320214': '新吴区',
'320281': '江阴市',
'320282': '宜兴市'
},
'320300': {
'320302': '鼓楼区',
'320303': '云龙区',
'320305': '贾汪区',
'320311': '泉山区',
'320312': '铜山区',
'320321': '丰县',
'320322': '沛县',
'320324': '睢宁县',
'320381': '新沂市',
'320382': '邳州市'
},
'320400': {
'320402': '天宁区',
'320404': '钟楼区',
'320411': '新北区',
'320412': '武进区',
'320413': '金坛区',
'320481': '溧阳市'
},
'320500': {
'320505': '虎丘区',
'320506': '吴中区',
'320507': '相城区',
'320508': '姑苏区',
'320509': '吴江区',
'320581': '常熟市',
'320582': '张家港市',
'320583': '昆山市',
'320585': '太仓市'
},
'320600': {
'320602': '崇川区',
'320611': '港闸区',
'320612': '通州区',
'320621': '海安县',
'320623': '如东县',
'320681': '启东市',
'320682': '如皋市',
'320684': '海门市'
},
'320700': {
'320703': '连云区',
'320706': '海州区',
'320707': '赣榆区',
'320722': '东海县',
'320723': '灌云县',
'320724': '灌南县'
},
'320800': {
'320803': '淮安区',
'320804': '淮阴区',
'320812': '清江浦区',
'320813': '洪泽区',
'320826': '涟水县',
'320830': '盱眙县',
'320831': '金湖县'
},
'320900': {
'320902': '亭湖区',
'320903': '盐都区',
'320904': '大丰区',
'320921': '响水县',
'320922': '滨海县',
'320923': '阜宁县',
'320924': '射阳县',
'320925': '建湖县',
'320981': '东台市'
},
'321000': {
'321002': '广陵区',
'321003': '邗江区',
'321012': '江都区',
'321023': '宝应县',
'321081': '仪征市',
'321084': '高邮市'
},
'321100': {
'321102': '京口区',
'321111': '润州区',
'321112': '丹徒区',
'321181': '丹阳市',
'321182': '扬中市',
'321183': '句容市'
},
'321200': {
'321202': '海陵区',
'321203': '高港区',
'321204': '姜堰区',
'321281': '兴化市',
'321282': '靖江市',
'321283': '泰兴市'
},
'321300': {
'321302': '宿城区',
'321311': '宿豫区',
'321322': '沭阳县',
'321323': '泗阳县',
'321324': '泗洪县'
},
'330000': {
'330100': '杭州市',
'330200': '宁波市',
'330300': '温州市',
'330400': '嘉兴市',
'330500': '湖州市',
'330600': '绍兴市',
'330700': '金华市',
'330800': '衢州市',
'330900': '舟山市',
'331000': '台州市',
'331100': '丽水市'
},
'330100': {
'330102': '上城区',
'330103': '下城区',
'330104': '江干区',
'330105': '拱墅区',
'330106': '西湖区',
'330108': '滨江区',
'330109': '萧山区',
'330110': '余杭区',
'330111': '富阳区',
'330122': '桐庐县',
'330127': '淳安县',
'330182': '建德市',
'330185': '临安市'
},
'330200': {
'330203': '海曙区',
'330204': '江东区',
'330205': '江北区',
'330206': '北仑区',
'330211': '镇海区',
'330212': '鄞州区',
'330225': '象山县',
'330226': '宁海县',
'330281': '余姚市',
'330282': '慈溪市',
'330283': '奉化市'
},
'330300': {
'330302': '鹿城区',
'330303': '龙湾区',
'330304': '瓯海区',
'330305': '洞头区',
'330324': '永嘉县',
'330326': '平阳县',
'330327': '苍南县',
'330328': '文成县',
'330329': '泰顺县',
'330381': '瑞安市',
'330382': '乐清市'
},
'330400': {
'330402': '南湖区',
'330411': '秀洲区',
'330421': '嘉善县',
'330424': '海盐县',
'330481': '海宁市',
'330482': '平湖市',
'330483': '桐乡市'
},
'330500': {
'330502': '吴兴区',
'330503': '南浔区',
'330521': '德清县',
'330522': '长兴县',
'330523': '安吉县'
},
'330600': {
'330602': '越城区',
'330603': '柯桥区',
'330604': '上虞区',
'330624': '新昌县',
'330681': '诸暨市',
'330683': '嵊州市'
},
'330700': {
'330702': '婺城区',
'330703': '金东区',
'330723': '武义县',
'330726': '浦江县',
'330727': '磐安县',
'330781': '兰溪市',
'330782': '义乌市',
'330783': '东阳市',
'330784': '永康市'
},
'330800': {
'330802': '柯城区',
'330803': '衢江区',
'330822': '常山县',
'330824': '开化县',
'330825': '龙游县',
'330881': '江山市'
},
'330900': {
'330902': '定海区',
'330903': '普陀区',
'330921': '岱山县',
'330922': '嵊泗县'
},
'331000': {
'331002': '椒江区',
'331003': '黄岩区',
'331004': '路桥区',
'331021': '玉环县',
'331022': '三门县',
'331023': '天台县',
'331024': '仙居县',
'331081': '温岭市',
'331082': '临海市'
},
'331100': {
'331102': '莲都区',
'331121': '青田县',
'331122': '缙云县',
'331123': '遂昌县',
'331124': '松阳县',
'331125': '云和县',
'331126': '庆元县',
'331127': '景宁畲族自治县',
'331181': '龙泉市'
},
'340000': {
'340100': '合肥市',
'340200': '芜湖市',
'340300': '蚌埠市',
'340400': '淮南市',
'340500': '马鞍山市',
'340600': '淮北市',
'340700': '铜陵市',
'340800': '安庆市',
'341000': '黄山市',
'341100': '滁州市',
'341200': '阜阳市',
'341300': '宿州市',
'341500': '六安市',
'341600': '亳州市',
'341700': '池州市',
'341800': '宣城市'
},
'340100': {
'340102': '瑶海区',
'340103': '庐阳区',
'340104': '蜀山区',
'340111': '包河区',
'340121': '长丰县',
'340122': '肥东县',
'340123': '肥西县',
'340124': '庐江县',
'340181': '巢湖市'
},
'340200': {
'340202': '镜湖区',
'340203': '弋江区',
'340207': '鸠江区',
'340208': '三山区',
'340221': '芜湖县',
'340222': '繁昌县',
'340223': '南陵县',
'340225': '无为县'
},
'340300': {
'340302': '龙子湖区',
'340303': '蚌山区',
'340304': '禹会区',
'340311': '淮上区',
'340321': '怀远县',
'340322': '五河县',
'340323': '固镇县'
},
'340400': {
'340402': '大通区',
'340403': '田家庵区',
'340404': '谢家集区',
'340405': '八公山区',
'340406': '潘集区',
'340421': '凤台县',
'340422': '寿县'
},
'340500': {
'340503': '花山区',
'340504': '雨山区',
'340506': '博望区',
'340521': '当涂县',
'340522': '含山县',
'340523': '和县'
},
'340600': {
'340602': '杜集区',
'340603': '相山区',
'340604': '烈山区',
'340621': '濉溪县'
},
'340700': {
'340705': '铜官区',
'340706': '义安区',
'340711': '郊区',
'340722': '枞阳县'
},
'340800': {
'340802': '迎江区',
'340803': '大观区',
'340811': '宜秀区',
'340822': '怀宁县',
'340824': '潜山县',
'340825': '太湖县',
'340826': '宿松县',
'340827': '望江县',
'340828': '岳西县',
'340881': '桐城市'
},
'341000': {
'341002': '屯溪区',
'341003': '黄山区',
'341004': '徽州区',
'341021': '歙县',
'341022': '休宁县',
'341023': '黟县',
'341024': '祁门县'
},
'341100': {
'341102': '琅琊区',
'341103': '南谯区',
'341122': '来安县',
'341124': '全椒县',
'341125': '定远县',
'341126': '凤阳县',
'341181': '天长市',
'341182': '明光市'
},
'341200': {
'341202': '颍州区',
'341203': '颍东区',
'341204': '颍泉区',
'341221': '临泉县',
'341222': '太和县',
'341225': '阜南县',
'341226': '颍上县',
'341282': '界首市'
},
'341300': {
'341302': '埇桥区',
'341321': '砀山县',
'341322': '萧县',
'341323': '灵璧县',
'341324': '泗县'
},
'341500': {
'341502': '金安区',
'341503': '裕安区',
'341504': '叶集区',
'341522': '霍邱县',
'341523': '舒城县',
'341524': '金寨县',
'341525': '霍山县'
},
'341600': {
'341602': '谯城区',
'341621': '涡阳县',
'341622': '蒙城县',
'341623': '利辛县'
},
'341700': {
'341702': '贵池区',
'341721': '东至县',
'341722': '石台县',
'341723': '青阳县'
},
'341800': {
'341802': '宣州区',
'341821': '郎溪县',
'341822': '广德县',
'341823': '泾县',
'341824': '绩溪县',
'341825': '旌德县',
'341881': '宁国市'
},
'350000': {
'350100': '福州市',
'350200': '厦门市',
'350300': '莆田市',
'350400': '三明市',
'350500': '泉州市',
'350600': '漳州市',
'350700': '南平市',
'350800': '龙岩市',
'350900': '宁德市'
},
'350100': {
'350102': '鼓楼区',
'350103': '台江区',
'350104': '仓山区',
'350105': '马尾区',
'350111': '晋安区',
'350121': '闽侯县',
'350122': '连江县',
'350123': '罗源县',
'350124': '闽清县',
'350125': '永泰县',
'350128': '平潭县',
'350181': '福清市',
'350182': '长乐市'
},
'350200': {
'350203': '思明区',
'350205': '海沧区',
'350206': '湖里区',
'350211': '集美区',
'350212': '同安区',
'350213': '翔安区'
},
'350300': {
'350302': '城厢区',
'350303': '涵江区',
'350304': '荔城区',
'350305': '秀屿区',
'350322': '仙游县'
},
'350400': {
'350402': '梅列区',
'350403': '三元区',
'350421': '明溪县',
'350423': '清流县',
'350424': '宁化县',
'350425': '大田县',
'350426': '尤溪县',
'350427': '沙县',
'350428': '将乐县',
'350429': '泰宁县',
'350430': '建宁县',
'350481': '永安市'
},
'350500': {
'350502': '鲤城区',
'350503': '丰泽区',
'350504': '洛江区',
'350505': '泉港区',
'350521': '惠安县',
'350524': '安溪县',
'350525': '永春县',
'350526': '德化县',
'350527': '金门县',
'350581': '石狮市',
'350582': '晋江市',
'350583': '南安市'
},
'350600': {
'350602': '芗城区',
'350603': '龙文区',
'350622': '云霄县',
'350623': '漳浦县',
'350624': '诏安县',
'350625': '长泰县',
'350626': '东山县',
'350627': '南靖县',
'350628': '平和县',
'350629': '华安县',
'350681': '龙海市'
},
'350700': {
'350702': '延平区',
'350703': '建阳区',
'350721': '顺昌县',
'350722': '浦城县',
'350723': '光泽县',
'350724': '松溪县',
'350725': '政和县',
'350781': '邵武市',
'350782': '武夷山市',
'350783': '建瓯市'
},
'350800': {
'350802': '新罗区',
'350803': '永定区',
'350821': '长汀县',
'350823': '上杭县',
'350824': '武平县',
'350825': '连城县',
'350881': '漳平市'
},
'350900': {
'350902': '蕉城区',
'350921': '霞浦县',
'350922': '古田县',
'350923': '屏南县',
'350924': '寿宁县',
'350925': '周宁县',
'350926': '柘荣县',
'350981': '福安市',
'350982': '福鼎市'
},
'360000': {
'360100': '南昌市',
'360200': '景德镇市',
'360300': '萍乡市',
'360400': '九江市',
'360500': '新余市',
'360600': '鹰潭市',
'360700': '赣州市',
'360800': '吉安市',
'360900': '宜春市',
'361000': '抚州市',
'361100': '上饶市'
},
'360100': {
'360102': '东湖区',
'360103': '西湖区',
'360104': '青云谱区',
'360105': '湾里区',
'360111': '青山湖区',
'360112': '新建区',
'360121': '南昌县',
'360123': '安义县',
'360124': '进贤县'
},
'360200': {
'360202': '昌江区',
'360203': '珠山区',
'360222': '浮梁县',
'360281': '乐平市'
},
'360300': {
'360302': '安源区',
'360313': '湘东区',
'360321': '莲花县',
'360322': '上栗县',
'360323': '芦溪县'
},
'360400': {
'360402': '濂溪区',
'360403': '浔阳区',
'360421': '九江县',
'360423': '武宁县',
'360424': '修水县',
'360425': '永修县',
'360426': '德安县',
'360428': '都昌县',
'360429': '湖口县',
'360430': '彭泽县',
'360481': '瑞昌市',
'360482': '共青城市',
'360483': '庐山市'
},
'360500': {
'360502': '渝水区',
'360521': '分宜县'
},
'360600': {
'360602': '月湖区',
'360622': '余江县',
'360681': '贵溪市'
},
'360700': {
'360702': '章贡区',
'360703': '南康区',
'360721': '赣县',
'360722': '信丰县',
'360723': '大余县',
'360724': '上犹县',
'360725': '崇义县',
'360726': '安远县',
'360727': '龙南县',
'360728': '定南县',
'360729': '全南县',
'360730': '宁都县',
'360731': '于都县',
'360732': '兴国县',
'360733': '会昌县',
'360734': '寻乌县',
'360735': '石城县',
'360781': '瑞金市'
},
'360800': {
'360802': '吉州区',
'360803': '青原区',
'360821': '吉安县',
'360822': '吉水县',
'360823': '峡江县',
'360824': '新干县',
'360825': '永丰县',
'360826': '泰和县',
'360827': '遂川县',
'360828': '万安县',
'360829': '安福县',
'360830': '永新县',
'360881': '井冈山市'
},
'360900': {
'360902': '袁州区',
'360921': '奉新县',
'360922': '万载县',
'360923': '上高县',
'360924': '宜丰县',
'360925': '靖安县',
'360926': '铜鼓县',
'360981': '丰城市',
'360982': '樟树市',
'360983': '高安市'
},
'361000': {
'361002': '临川区',
'361021': '南城县',
'361022': '黎川县',
'361023': '南丰县',
'361024': '崇仁县',
'361025': '乐安县',
'361026': '宜黄县',
'361027': '金溪县',
'361028': '资溪县',
'361029': '东乡县',
'361030': '广昌县'
},
'361100': {
'361102': '信州区',
'361103': '广丰区',
'361121': '上饶县',
'361123': '玉山县',
'361124': '铅山县',
'361125': '横峰县',
'361126': '弋阳县',
'361127': '余干县',
'361128': '鄱阳县',
'361129': '万年县',
'361130': '婺源县',
'361181': '德兴市'
},
'370000': {
'370100': '济南市',
'370200': '青岛市',
'370300': '淄博市',
'370400': '枣庄市',
'370500': '东营市',
'370600': '烟台市',
'370700': '潍坊市',
'370800': '济宁市',
'370900': '泰安市',
'371000': '威海市',
'371100': '日照市',
'371200': '莱芜市',
'371300': '临沂市',
'371400': '德州市',
'371500': '聊城市',
'371600': '滨州市',
'371700': '菏泽市'
},
'370100': {
'370102': '历下区',
'370103': '市中区',
'370104': '槐荫区',
'370105': '天桥区',
'370112': '历城区',
'370113': '长清区',
'370124': '平阴县',
'370125': '济阳县',
'370126': '商河县',
'370181': '章丘市'
},
'370200': {
'370202': '市南区',
'370203': '市北区',
'370211': '黄岛区',
'370212': '崂山区',
'370213': '李沧区',
'370214': '城阳区',
'370281': '胶州市',
'370282': '即墨市',
'370283': '平度市',
'370285': '莱西市'
},
'370300': {
'370302': '淄川区',
'370303': '张店区',
'370304': '博山区',
'370305': '临淄区',
'370306': '周村区',
'370321': '桓台县',
'370322': '高青县',
'370323': '沂源县'
},
'370400': {
'370402': '市中区',
'370403': '薛城区',
'370404': '峄城区',
'370405': '台儿庄区',
'370406': '山亭区',
'370481': '滕州市'
},
'370500': {
'370502': '东营区',
'370503': '河口区',
'370505': '垦利区',
'370522': '利津县',
'370523': '广饶县'
},
'370600': {
'370602': '芝罘区',
'370611': '福山区',
'370612': '牟平区',
'370613': '莱山区',
'370634': '长岛县',
'370681': '龙口市',
'370682': '莱阳市',
'370683': '莱州市',
'370684': '蓬莱市',
'370685': '招远市',
'370686': '栖霞市',
'370687': '海阳市'
},
'370700': {
'370702': '潍城区',
'370703': '寒亭区',
'370704': '坊子区',
'370705': '奎文区',
'370724': '临朐县',
'370725': '昌乐县',
'370781': '青州市',
'370782': '诸城市',
'370783': '寿光市',
'370784': '安丘市',
'370785': '高密市',
'370786': '昌邑市'
},
'370800': {
'370811': '任城区',
'370812': '兖州区',
'370826': '微山县',
'370827': '鱼台县',
'370828': '金乡县',
'370829': '嘉祥县',
'370830': '汶上县',
'370831': '泗水县',
'370832': '梁山县',
'370881': '曲阜市',
'370883': '邹城市'
},
'370900': {
'370902': '泰山区',
'370911': '岱岳区',
'370921': '宁阳县',
'370923': '东平县',
'370982': '新泰市',
'370983': '肥城市'
},
'371000': {
'371002': '环翠区',
'371003': '文登区',
'371082': '荣成市',
'371083': '乳山市'
},
'371100': {
'371102': '东港区',
'371103': '岚山区',
'371121': '五莲县',
'371122': '莒县'
},
'371200': {
'371202': '莱城区',
'371203': '钢城区'
},
'371300': {
'371302': '兰山区',
'371311': '罗庄区',
'371312': '河东区',
'371321': '沂南县',
'371322': '郯城县',
'371323': '沂水县',
'371324': '兰陵县',
'371325': '费县',
'371326': '平邑县',
'371327': '莒南县',
'371328': '蒙阴县',
'371329': '临沭县'
},
'371400': {
'371402': '德城区',
'371403': '陵城区',
'371422': '宁津县',
'371423': '庆云县',
'371424': '临邑县',
'371425': '齐河县',
'371426': '平原县',
'371427': '夏津县',
'371428': '武城县',
'371481': '乐陵市',
'371482': '禹城市'
},
'371500': {
'371502': '东昌府区',
'371521': '阳谷县',
'371522': '莘县',
'371523': '茌平县',
'371524': '东阿县',
'371525': '冠县',
'371526': '高唐县',
'371581': '临清市'
},
'371600': {
'371602': '滨城区',
'371603': '沾化区',
'371621': '惠民县',
'371622': '阳信县',
'371623': '无棣县',
'371625': '博兴县',
'371626': '邹平县'
},
'371700': {
'371702': '牡丹区',
'371703': '定陶区',
'371721': '曹县',
'371722': '单县',
'371723': '成武县',
'371724': '巨野县',
'371725': '郓城县',
'371726': '鄄城县',
'371728': '东明县'
},
'410000': {
'410100': '郑州市',
'410200': '开封市',
'410300': '洛阳市',
'410400': '平顶山市',
'410500': '安阳市',
'410600': '鹤壁市',
'410700': '新乡市',
'410800': '焦作市',
'410900': '濮阳市',
'411000': '许昌市',
'411100': '漯河市',
'411200': '三门峡市',
'411300': '南阳市',
'411400': '商丘市',
'411500': '信阳市',
'411600': '周口市',
'411700': '驻马店市',
'419001': '济源市'
},
'410100': {
'410102': '中原区',
'410103': '二七区',
'410104': '管城回族区',
'410105': '金水区',
'410106': '上街区',
'410108': '惠济区',
'410122': '中牟县',
'410181': '巩义市',
'410182': '荥阳市',
'410183': '新密市',
'410184': '新郑市',
'410185': '登封市'
},
'410200': {
'410202': '龙亭区',
'410203': '顺河回族区',
'410204': '鼓楼区',
'410205': '禹王台区',
'410211': '金明区',
'410212': '祥符区',
'410221': '杞县',
'410222': '通许县',
'410223': '尉氏县',
'410225': '兰考县'
},
'410300': {
'410302': '老城区',
'410303': '西工区',
'410304': '瀍河回族区',
'410305': '涧西区',
'410306': '吉利区',
'410311': '洛龙区',
'410322': '孟津县',
'410323': '新安县',
'410324': '栾川县',
'410325': '嵩县',
'410326': '汝阳县',
'410327': '宜阳县',
'410328': '洛宁县',
'410329': '伊川县',
'410381': '偃师市'
},
'410400': {
'410402': '新华区',
'410403': '卫东区',
'410404': '石龙区',
'410411': '湛河区',
'410421': '宝丰县',
'410422': '叶县',
'410423': '鲁山县',
'410425': '郏县',
'410481': '舞钢市',
'410482': '汝州市'
},
'410500': {
'410502': '文峰区',
'410503': '北关区',
'410505': '殷都区',
'410506': '龙安区',
'410522': '安阳县',
'410523': '汤阴县',
'410526': '滑县',
'410527': '内黄县',
'410581': '林州市'
},
'410600': {
'410602': '鹤山区',
'410603': '山城区',
'410611': '淇滨区',
'410621': '浚县',
'410622': '淇县'
},
'410700': {
'410702': '红旗区',
'410703': '卫滨区',
'410704': '凤泉区',
'410711': '牧野区',
'410721': '新乡县',
'410724': '获嘉县',
'410725': '原阳县',
'410726': '延津县',
'410727': '封丘县',
'410728': '长垣县',
'410781': '卫辉市',
'410782': '辉县市'
},
'410800': {
'410802': '解放区',
'410803': '中站区',
'410804': '马村区',
'410811': '山阳区',
'410821': '修武县',
'410822': '博爱县',
'410823': '武陟县',
'410825': '温县',
'410882': '沁阳市',
'410883': '孟州市'
},
'410900': {
'410902': '华龙区',
'410922': '清丰县',
'410923': '南乐县',
'410926': '范县',
'410927': '台前县',
'410928': '濮阳县'
},
'411000': {
'411002': '魏都区',
'411023': '许昌县',
'411024': '鄢陵县',
'411025': '襄城县',
'411081': '禹州市',
'411082': '长葛市'
},
'411100': {
'411102': '源汇区',
'411103': '郾城区',
'411104': '召陵区',
'411121': '舞阳县',
'411122': '临颍县'
},
'411200': {
'411202': '湖滨区',
'411203': '陕州区',
'411221': '渑池县',
'411224': '卢氏县',
'411281': '义马市',
'411282': '灵宝市'
},
'411300': {
'411302': '宛城区',
'411303': '卧龙区',
'411321': '南召县',
'411322': '方城县',
'411323': '西峡县',
'411324': '镇平县',
'411325': '内乡县',
'411326': '淅川县',
'411327': '社旗县',
'411328': '唐河县',
'411329': '新野县',
'411330': '桐柏县',
'411381': '邓州市'
},
'411400': {
'411402': '梁园区',
'411403': '睢阳区',
'411421': '民权县',
'411422': '睢县',
'411423': '宁陵县',
'411424': '柘城县',
'411425': '虞城县',
'411426': '夏邑县',
'411481': '永城市'
},
'411500': {
'411502': '浉河区',
'411503': '平桥区',
'411521': '罗山县',
'411522': '光山县',
'411523': '新县',
'411524': '商城县',
'411525': '固始县',
'411526': '潢川县',
'411527': '淮滨县',
'411528': '息县'
},
'411600': {
'411602': '川汇区',
'411621': '扶沟县',
'411622': '西华县',
'411623': '商水县',
'411624': '沈丘县',
'411625': '郸城县',
'411626': '淮阳县',
'411627': '太康县',
'411628': '鹿邑县',
'411681': '项城市'
},
'411700': {
'411702': '驿城区',
'411721': '西平县',
'411722': '上蔡县',
'411723': '平舆县',
'411724': '正阳县',
'411725': '确山县',
'411726': '泌阳县',
'411727': '汝南县',
'411728': '遂平县',
'411729': '新蔡县'
},
'420000': {
'420100': '武汉市',
'420200': '黄石市',
'420300': '十堰市',
'420500': '宜昌市',
'420600': '襄阳市',
'420700': '鄂州市',
'420800': '荆门市',
'420900': '孝感市',
'421000': '荆州市',
'421100': '黄冈市',
'421200': '咸宁市',
'421300': '随州市',
'422800': '恩施土家族苗族自治州',
'429004': '仙桃市',
'429005': '潜江市',
'429006': '天门市',
'429021': '神农架林区'
},
'420100': {
'420102': '江岸区',
'420103': '江汉区',
'420104': '硚口区',
'420105': '汉阳区',
'420106': '武昌区',
'420107': '青山区',
'420111': '洪山区',
'420112': '东西湖区',
'420113': '汉南区',
'420114': '蔡甸区',
'420115': '江夏区',
'420116': '黄陂区',
'420117': '新洲区'
},
'420200': {
'420202': '黄石港区',
'420203': '西塞山区',
'420204': '下陆区',
'420205': '铁山区',
'420222': '阳新县',
'420281': '大冶市'
},
'420300': {
'420302': '茅箭区',
'420303': '张湾区',
'420304': '郧阳区',
'420322': '郧西县',
'420323': '竹山县',
'420324': '竹溪县',
'420325': '房县',
'420381': '丹江口市'
},
'420500': {
'420502': '西陵区',
'420503': '伍家岗区',
'420504': '点军区',
'420505': '猇亭区',
'420506': '夷陵区',
'420525': '远安县',
'420526': '兴山县',
'420527': '秭归县',
'420528': '长阳土家族自治县',
'420529': '五峰土家族自治县',
'420581': '宜都市',
'420582': '当阳市',
'420583': '枝江市'
},
'420600': {
'420602': '襄城区',
'420606': '樊城区',
'420607': '襄州区',
'420624': '南漳县',
'420625': '谷城县',
'420626': '保康县',
'420682': '老河口市',
'420683': '枣阳市',
'420684': '宜城市'
},
'420700': {
'420702': '梁子湖区',
'420703': '华容区',
'420704': '鄂城区'
},
'420800': {
'420802': '东宝区',
'420804': '掇刀区',
'420821': '京山县',
'420822': '沙洋县',
'420881': '钟祥市'
},
'420900': {
'420902': '孝南区',
'420921': '孝昌县',
'420922': '大悟县',
'420923': '云梦县',
'420981': '应城市',
'420982': '安陆市',
'420984': '汉川市'
},
'421000': {
'421002': '沙市区',
'421003': '荆州区',
'421022': '公安县',
'421023': '监利县',
'421024': '江陵县',
'421081': '石首市',
'421083': '洪湖市',
'421087': '松滋市'
},
'421100': {
'421102': '黄州区',
'421121': '团风县',
'421122': '红安县',
'421123': '罗田县',
'421124': '英山县',
'421125': '浠水县',
'421126': '蕲春县',
'421127': '黄梅县',
'421181': '麻城市',
'421182': '武穴市'
},
'421200': {
'421202': '咸安区',
'421221': '嘉鱼县',
'421222': '通城县',
'421223': '崇阳县',
'421224': '通山县',
'421281': '赤壁市'
},
'421300': {
'421303': '曾都区',
'421321': '随县',
'421381': '广水市'
},
'422800': {
'422801': '恩施市',
'422802': '利川市',
'422822': '建始县',
'422823': '巴东县',
'422825': '宣恩县',
'422826': '咸丰县',
'422827': '来凤县',
'422828': '鹤峰县'
},
'430000': {
'430100': '长沙市',
'430200': '株洲市',
'430300': '湘潭市',
'430400': '衡阳市',
'430500': '邵阳市',
'430600': '岳阳市',
'430700': '常德市',
'430800': '张家界市',
'430900': '益阳市',
'431000': '郴州市',
'431100': '永州市',
'431200': '怀化市',
'431300': '娄底市',
'433100': '湘西土家族苗族自治州'
},
'430100': {
'430102': '芙蓉区',
'430103': '天心区',
'430104': '岳麓区',
'430105': '开福区',
'430111': '雨花区',
'430112': '望城区',
'430121': '长沙县',
'430124': '宁乡县',
'430181': '浏阳市'
},
'430200': {
'430202': '荷塘区',
'430203': '芦淞区',
'430204': '石峰区',
'430211': '天元区',
'430221': '株洲县',
'430223': '攸县',
'430224': '茶陵县',
'430225': '炎陵县',
'430281': '醴陵市'
},
'430300': {
'430302': '雨湖区',
'430304': '岳塘区',
'430321': '湘潭县',
'430381': '湘乡市',
'430382': '韶山市'
},
'430400': {
'430405': '珠晖区',
'430406': '雁峰区',
'430407': '石鼓区',
'430408': '蒸湘区',
'430412': '南岳区',
'430421': '衡阳县',
'430422': '衡南县',
'430423': '衡山县',
'430424': '衡东县',
'430426': '祁东县',
'430481': '耒阳市',
'430482': '常宁市'
},
'430500': {
'430502': '双清区',
'430503': '大祥区',
'430511': '北塔区',
'430521': '邵东县',
'430522': '新邵县',
'430523': '邵阳县',
'430524': '隆回县',
'430525': '洞口县',
'430527': '绥宁县',
'430528': '新宁县',
'430529': '城步苗族自治县',
'430581': '武冈市'
},
'430600': {
'430602': '岳阳楼区',
'430603': '云溪区',
'430611': '君山区',
'430621': '岳阳县',
'430623': '华容县',
'430624': '湘阴县',
'430626': '平江县',
'430681': '汨罗市',
'430682': '临湘市'
},
'430700': {
'430702': '武陵区',
'430703': '鼎城区',
'430721': '安乡县',
'430722': '汉寿县',
'430723': '澧县',
'430724': '临澧县',
'430725': '桃源县',
'430726': '石门县',
'430781': '津市市'
},
'430800': {
'430802': '永定区',
'430811': '武陵源区',
'430821': '慈利县',
'430822': '桑植县'
},
'430900': {
'430902': '资阳区',
'430903': '赫山区',
'430921': '南县',
'430922': '桃江县',
'430923': '安化县',
'430981': '沅江市'
},
'431000': {
'431002': '北湖区',
'431003': '苏仙区',
'431021': '桂阳县',
'431022': '宜章县',
'431023': '永兴县',
'431024': '嘉禾县',
'431025': '临武县',
'431026': '汝城县',
'431027': '桂东县',
'431028': '安仁县',
'431081': '资兴市'
},
'431100': {
'431102': '零陵区',
'431103': '冷水滩区',
'431121': '祁阳县',
'431122': '东安县',
'431123': '双牌县',
'431124': '道县',
'431125': '江永县',
'431126': '宁远县',
'431127': '蓝山县',
'431128': '新田县',
'431129': '江华瑶族自治县'
},
'431200': {
'431202': '鹤城区',
'431221': '中方县',
'431222': '沅陵县',
'431223': '辰溪县',
'431224': '溆浦县',
'431225': '会同县',
'431226': '麻阳苗族自治县',
'431227': '新晃侗族自治县',
'431228': '芷江侗族自治县',
'431229': '靖州苗族侗族自治县',
'431230': '通道侗族自治县',
'431281': '洪江市'
},
'431300': {
'431302': '娄星区',
'431321': '双峰县',
'431322': '新化县',
'431381': '冷水江市',
'431382': '涟源市'
},
'433100': {
'433101': '吉首市',
'433122': '泸溪县',
'433123': '凤凰县',
'433124': '花垣县',
'433125': '保靖县',
'433126': '古丈县',
'433127': '永顺县',
'433130': '龙山县'
},
'440000': {
'440100': '广州市',
'440200': '韶关市',
'440300': '深圳市',
'440400': '珠海市',
'440500': '汕头市',
'440600': '佛山市',
'440700': '江门市',
'440800': '湛江市',
'440900': '茂名市',
'441200': '肇庆市',
'441300': '惠州市',
'441400': '梅州市',
'441500': '汕尾市',
'441600': '河源市',
'441700': '阳江市',
'441800': '清远市',
'441900': '东莞市',
'442000': '中山市',
'445100': '潮州市',
'445200': '揭阳市',
'445300': '云浮市'
},
'440100': {
'440103': '荔湾区',
'440104': '越秀区',
'440105': '海珠区',
'440106': '天河区',
'440111': '白云区',
'440112': '黄埔区',
'440113': '番禺区',
'440114': '花都区',
'440115': '南沙区',
'440117': '从化区',
'440118': '增城区'
},
'440200': {
'440203': '武江区',
'440204': '浈江区',
'440205': '曲江区',
'440222': '始兴县',
'440224': '仁化县',
'440229': '翁源县',
'440232': '乳源瑶族自治县',
'440233': '新丰县',
'440281': '乐昌市',
'440282': '南雄市'
},
'440300': {
'440303': '罗湖区',
'440304': '福田区',
'440305': '南山区',
'440306': '宝安区',
'440307': '龙岗区',
'440308': '盐田区'
},
'440400': {
'440402': '香洲区',
'440403': '斗门区',
'440404': '金湾区'
},
'440500': {
'440507': '龙湖区',
'440511': '金平区',
'440512': '濠江区',
'440513': '潮阳区',
'440514': '潮南区',
'440515': '澄海区',
'440523': '南澳县'
},
'440600': {
'440604': '禅城区',
'440605': '南海区',
'440606': '顺德区',
'440607': '三水区',
'440608': '高明区'
},
'440700': {
'440703': '蓬江区',
'440704': '江海区',
'440705': '新会区',
'440781': '台山市',
'440783': '开平市',
'440784': '鹤山市',
'440785': '恩平市'
},
'440800': {
'440802': '赤坎区',
'440803': '霞山区',
'440804': '坡头区',
'440811': '麻章区',
'440823': '遂溪县',
'440825': '徐闻县',
'440881': '廉江市',
'440882': '雷州市',
'440883': '吴川市'
},
'440900': {
'440902': '茂南区',
'440904': '电白区',
'440981': '高州市',
'440982': '化州市',
'440983': '信宜市'
},
'441200': {
'441202': '端州区',
'441203': '鼎湖区',
'441204': '高要区',
'441223': '广宁县',
'441224': '怀集县',
'441225': '封开县',
'441226': '德庆县',
'441284': '四会市'
},
'441300': {
'441302': '惠城区',
'441303': '惠阳区',
'441322': '博罗县',
'441323': '惠东县',
'441324': '龙门县'
},
'441400': {
'441402': '梅江区',
'441403': '梅县区',
'441422': '大埔县',
'441423': '丰顺县',
'441424': '五华县',
'441426': '平远县',
'441427': '蕉岭县',
'441481': '兴宁市'
},
'441500': {
'441502': '城区',
'441521': '海丰县',
'441523': '陆河县',
'441581': '陆丰市'
},
'441600': {
'441602': '源城区',
'441621': '紫金县',
'441622': '龙川县',
'441623': '连平县',
'441624': '和平县',
'441625': '东源县'
},
'441700': {
'441702': '江城区',
'441704': '阳东区',
'441721': '阳西县',
'441781': '阳春市'
},
'441800': {
'441802': '清城区',
'441803': '清新区',
'441821': '佛冈县',
'441823': '阳山县',
'441825': '连山壮族瑶族自治县',
'441826': '连南瑶族自治县',
'441881': '英德市',
'441882': '连州市'
},
'445100': {
'445102': '湘桥区',
'445103': '潮安区',
'445122': '饶平县'
},
'445200': {
'445202': '榕城区',
'445203': '揭东区',
'445222': '揭西县',
'445224': '惠来县',
'445281': '普宁市'
},
'445300': {
'445302': '云城区',
'445303': '云安区',
'445321': '新兴县',
'445322': '郁南县',
'445381': '罗定市'
},
'450000': {
'450100': '南宁市',
'450200': '柳州市',
'450300': '桂林市',
'450400': '梧州市',
'450500': '北海市',
'450600': '防城港市',
'450700': '钦州市',
'450800': '贵港市',
'450900': '玉林市',
'451000': '百色市',
'451100': '贺州市',
'451200': '河池市',
'451300': '来宾市',
'451400': '崇左市'
},
'450100': {
'450102': '兴宁区',
'450103': '青秀区',
'450105': '江南区',
'450107': '西乡塘区',
'450108': '良庆区',
'450109': '邕宁区',
'450110': '武鸣区',
'450123': '隆安县',
'450124': '马山县',
'450125': '上林县',
'450126': '宾阳县',
'450127': '横县'
},
'450200': {
'450202': '城中区',
'450203': '鱼峰区',
'450204': '柳南区',
'450205': '柳北区',
'450206': '柳江区',
'450222': '柳城县',
'450223': '鹿寨县',
'450224': '融安县',
'450225': '融水苗族自治县',
'450226': '三江侗族自治县'
},
'450300': {
'450302': '秀峰区',
'450303': '叠彩区',
'450304': '象山区',
'450305': '七星区',
'450311': '雁山区',
'450312': '临桂区',
'450321': '阳朔县',
'450323': '灵川县',
'450324': '全州县',
'450325': '兴安县',
'450326': '永福县',
'450327': '灌阳县',
'450328': '龙胜各族自治县',
'450329': '资源县',
'450330': '平乐县',
'450331': '荔浦县',
'450332': '恭城瑶族自治县'
},
'450400': {
'450403': '万秀区',
'450405': '长洲区',
'450406': '龙圩区',
'450421': '苍梧县',
'450422': '藤县',
'450423': '蒙山县',
'450481': '岑溪市'
},
'450500': {
'450502': '海城区',
'450503': '银海区',
'450512': '铁山港区',
'450521': '合浦县'
},
'450600': {
'450602': '港口区',
'450603': '防城区',
'450621': '上思县',
'450681': '东兴市'
},
'450700': {
'450702': '钦南区',
'450703': '钦北区',
'450721': '灵山县',
'450722': '浦北县'
},
'450800': {
'450802': '港北区',
'450803': '港南区',
'450804': '覃塘区',
'450821': '平南县',
'450881': '桂平市'
},
'450900': {
'450902': '玉州区',
'450903': '福绵区',
'450921': '容县',
'450922': '陆川县',
'450923': '博白县',
'450924': '兴业县',
'450981': '北流市'
},
'451000': {
'451002': '右江区',
'451021': '田阳县',
'451022': '田东县',
'451023': '平果县',
'451024': '德保县',
'451026': '那坡县',
'451027': '凌云县',
'451028': '乐业县',
'451029': '田林县',
'451030': '西林县',
'451031': '隆林各族自治县',
'451081': '靖西市'
},
'451100': {
'451102': '八步区',
'451103': '平桂区',
'451121': '昭平县',
'451122': '钟山县',
'451123': '富川瑶族自治县'
},
'451200': {
'451202': '金城江区',
'451221': '南丹县',
'451222': '天峨县',
'451223': '凤山县',
'451224': '东兰县',
'451225': '罗城仫佬族自治县',
'451226': '环江毛南族自治县',
'451227': '巴马瑶族自治县',
'451228': '都安瑶族自治县',
'451229': '大化瑶族自治县',
'451281': '宜州市'
},
'451300': {
'451302': '兴宾区',
'451321': '忻城县',
'451322': '象州县',
'451323': '武宣县',
'451324': '金秀瑶族自治县',
'451381': '合山市'
},
'451400': {
'451402': '江州区',
'451421': '扶绥县',
'451422': '宁明县',
'451423': '龙州县',
'451424': '大新县',
'451425': '天等县',
'451481': '凭祥市'
},
'460000': {
'460100': '海口市',
'460200': '三亚市',
'460300': '三沙市',
'460400': '儋州市',
'469001': '五指山市',
'469002': '琼海市',
'469005': '文昌市',
'469006': '万宁市',
'469007': '东方市',
'469021': '定安县',
'469022': '屯昌县',
'469023': '澄迈县',
'469024': '临高县',
'469025': '白沙黎族自治县',
'469026': '昌江黎族自治县',
'469027': '乐东黎族自治县',
'469028': '陵水黎族自治县',
'469029': '保亭黎族苗族自治县',
'469030': '琼中黎族苗族自治县'
},
'460100': {
'460105': '秀英区',
'460106': '龙华区',
'460107': '琼山区',
'460108': '美兰区'
},
'460200': {
'460202': '海棠区',
'460203': '吉阳区',
'460204': '天涯区',
'460205': '崖州区'
},
'500000': {
'500100': '市辖区',
'500200': ''
},
'500100': {
'500101': '万州区',
'500102': '涪陵区',
'500103': '渝中区',
'500104': '大渡口区',
'500105': '江北区',
'500106': '沙坪坝区',
'500107': '九龙坡区',
'500108': '南岸区',
'500109': '北碚区',
'500110': '綦江区',
'500111': '大足区',
'500112': '渝北区',
'500113': '巴南区',
'500114': '黔江区',
'500115': '长寿区',
'500116': '江津区',
'500117': '合川区',
'500118': '永川区',
'500119': '南川区',
'500120': '璧山区',
'500151': '铜梁区',
'500152': '潼南区',
'500153': '荣昌区',
'500154': '开州区'
},
'500200': {
'500228': '梁平县',
'500229': '城口县',
'500230': '丰都县',
'500231': '垫江县',
'500232': '武隆县',
'500233': '忠县',
'500235': '云阳县',
'500236': '奉节县',
'500237': '巫山县',
'500238': '巫溪县',
'500240': '石柱土家族自治县',
'500241': '秀山土家族苗族自治县',
'500242': '酉阳土家族苗族自治县',
'500243': '彭水苗族土家族自治县'
},
'510000': {
'510100': '成都市',
'510300': '自贡市',
'510400': '攀枝花市',
'510500': '泸州市',
'510600': '德阳市',
'510700': '绵阳市',
'510800': '广元市',
'510900': '遂宁市',
'511000': '内江市',
'511100': '乐山市',
'511300': '南充市',
'511400': '眉山市',
'511500': '宜宾市',
'511600': '广安市',
'511700': '达州市',
'511800': '雅安市',
'511900': '巴中市',
'512000': '资阳市',
'513200': '阿坝藏族羌族自治州',
'513300': '甘孜藏族自治州',
'513400': '凉山彝族自治州'
},
'510100': {
'510104': '锦江区',
'510105': '青羊区',
'510106': '金牛区',
'510107': '武侯区',
'510108': '成华区',
'510112': '龙泉驿区',
'510113': '青白江区',
'510114': '新都区',
'510115': '温江区',
'510116': '双流区',
'510121': '金堂县',
'510124': '郫县',
'510129': '大邑县',
'510131': '蒲江县',
'510132': '新津县',
'510181': '都江堰市',
'510182': '彭州市',
'510183': '邛崃市',
'510184': '崇州市',
'510185': '简阳市'
},
'510300': {
'510302': '自流井区',
'510303': '贡井区',
'510304': '大安区',
'510311': '沿滩区',
'510321': '荣县',
'510322': '富顺县'
},
'510400': {
'510402': '东区',
'510403': '西区',
'510411': '仁和区',
'510421': '米易县',
'510422': '盐边县'
},
'510500': {
'510502': '江阳区',
'510503': '纳溪区',
'510504': '龙马潭区',
'510521': '泸县',
'510522': '合江县',
'510524': '叙永县',
'510525': '古蔺县'
},
'510600': {
'510603': '旌阳区',
'510623': '中江县',
'510626': '罗江县',
'510681': '广汉市',
'510682': '什邡市',
'510683': '绵竹市'
},
'510700': {
'510703': '涪城区',
'510704': '游仙区',
'510705': '安州区',
'510722': '三台县',
'510723': '盐亭县',
'510725': '梓潼县',
'510726': '北川羌族自治县',
'510727': '平武县',
'510781': '江油市'
},
'510800': {
'510802': '利州区',
'510811': '昭化区',
'510812': '朝天区',
'510821': '旺苍县',
'510822': '青川县',
'510823': '剑阁县',
'510824': '苍溪县'
},
'510900': {
'510903': '船山区',
'510904': '安居区',
'510921': '蓬溪县',
'510922': '射洪县',
'510923': '大英县'
},
'511000': {
'511002': '市中区',
'511011': '东兴区',
'511024': '威远县',
'511025': '资中县',
'511028': '隆昌县'
},
'511100': {
'511102': '市中区',
'511111': '沙湾区',
'511112': '五通桥区',
'511113': '金口河区',
'511123': '犍为县',
'511124': '井研县',
'511126': '夹江县',
'511129': '沐川县',
'511132': '峨边彝族自治县',
'511133': '马边彝族自治县',
'511181': '峨眉山市'
},
'511300': {
'511302': '顺庆区',
'511303': '高坪区',
'511304': '嘉陵区',
'511321': '南部县',
'511322': '营山县',
'511323': '蓬安县',
'511324': '仪陇县',
'511325': '西充县',
'511381': '阆中市'
},
'511400': {
'511402': '东坡区',
'511403': '彭山区',
'511421': '仁寿县',
'511423': '洪雅县',
'511424': '丹棱县',
'511425': '青神县'
},
'511500': {
'511502': '翠屏区',
'511503': '南溪区',
'511521': '宜宾县',
'511523': '江安县',
'511524': '长宁县',
'511525': '高县',
'511526': '珙县',
'511527': '筠连县',
'511528': '兴文县',
'511529': '屏山县'
},
'511600': {
'511602': '广安区',
'511603': '前锋区',
'511621': '岳池县',
'511622': '武胜县',
'511623': '邻水县',
'511681': '华蓥市'
},
'511700': {
'511702': '通川区',
'511703': '达川区',
'511722': '宣汉县',
'511723': '开江县',
'511724': '大竹县',
'511725': '渠县',
'511781': '万源市'
},
'511800': {
'511802': '雨城区',
'511803': '名山区',
'511822': '荥经县',
'511823': '汉源县',
'511824': '石棉县',
'511825': '天全县',
'511826': '芦山县',
'511827': '宝兴县'
},
'511900': {
'511902': '巴州区',
'511903': '恩阳区',
'511921': '通江县',
'511922': '南江县',
'511923': '平昌县'
},
'512000': {
'512002': '雁江区',
'512021': '安岳县',
'512022': '乐至县'
},
'513200': {
'513201': '马尔康市',
'513221': '汶川县',
'513222': '理县',
'513223': '茂县',
'513224': '松潘县',
'513225': '九寨沟县',
'513226': '金川县',
'513227': '小金县',
'513228': '黑水县',
'513230': '壤塘县',
'513231': '阿坝县',
'513232': '若尔盖县',
'513233': '红原县'
},
'513300': {
'513301': '康定市',
'513322': '泸定县',
'513323': '丹巴县',
'513324': '九龙县',
'513325': '雅江县',
'513326': '道孚县',
'513327': '炉霍县',
'513328': '甘孜县',
'513329': '新龙县',
'513330': '德格县',
'513331': '白玉县',
'513332': '石渠县',
'513333': '色达县',
'513334': '理塘县',
'513335': '巴塘县',
'513336': '乡城县',
'513337': '稻城县',
'513338': '得荣县'
},
'513400': {
'513401': '西昌市',
'513422': '木里藏族自治县',
'513423': '盐源县',
'513424': '德昌县',
'513425': '会理县',
'513426': '会东县',
'513427': '宁南县',
'513428': '普格县',
'513429': '布拖县',
'513430': '金阳县',
'513431': '昭觉县',
'513432': '喜德县',
'513433': '冕宁县',
'513434': '越西县',
'513435': '甘洛县',
'513436': '美姑县',
'513437': '雷波县'
},
'520000': {
'520100': '贵阳市',
'520200': '六盘水市',
'520300': '遵义市',
'520400': '安顺市',
'520500': '毕节市',
'520600': '铜仁市',
'522300': '黔西南布依族苗族自治州',
'522600': '黔东南苗族侗族自治州',
'522700': '黔南布依族苗族自治州'
},
'520100': {
'520102': '南明区',
'520103': '云岩区',
'520111': '花溪区',
'520112': '乌当区',
'520113': '白云区',
'520115': '观山湖区',
'520121': '开阳县',
'520122': '息烽县',
'520123': '修文县',
'520181': '清镇市'
},
'520200': {
'520201': '钟山区',
'520203': '六枝特区',
'520221': '水城县',
'520222': '盘县'
},
'520300': {
'520302': '红花岗区',
'520303': '汇川区',
'520304': '播州区',
'520322': '桐梓县',
'520323': '绥阳县',
'520324': '正安县',
'520325': '道真仡佬族苗族自治县',
'520326': '务川仡佬族苗族自治县',
'520327': '凤冈县',
'520328': '湄潭县',
'520329': '余庆县',
'520330': '习水县',
'520381': '赤水市',
'520382': '仁怀市'
},
'520400': {
'520402': '西秀区',
'520403': '平坝区',
'520422': '普定县',
'520423': '镇宁布依族苗族自治县',
'520424': '关岭布依族苗族自治县',
'520425': '紫云苗族布依族自治县'
},
'520500': {
'520502': '七星关区',
'520521': '大方县',
'520522': '黔西县',
'520523': '金沙县',
'520524': '织金县',
'520525': '纳雍县',
'520526': '威宁彝族回族苗族自治县',
'520527': '赫章县'
},
'520600': {
'520602': '碧江区',
'520603': '万山区',
'520621': '江口县',
'520622': '玉屏侗族自治县',
'520623': '石阡县',
'520624': '思南县',
'520625': '印江土家族苗族自治县',
'520626': '德江县',
'520627': '沿河土家族自治县',
'520628': '松桃苗族自治县'
},
'522300': {
'522301': '兴义市',
'522322': '兴仁县',
'522323': '普安县',
'522324': '晴隆县',
'522325': '贞丰县',
'522326': '望谟县',
'522327': '册亨县',
'522328': '安龙县'
},
'522600': {
'522601': '凯里市',
'522622': '黄平县',
'522623': '施秉县',
'522624': '三穗县',
'522625': '镇远县',
'522626': '岑巩县',
'522627': '天柱县',
'522628': '锦屏县',
'522629': '剑河县',
'522630': '台江县',
'522631': '黎平县',
'522632': '榕江县',
'522633': '从江县',
'522634': '雷山县',
'522635': '麻江县',
'522636': '丹寨县'
},
'522700': {
'522701': '都匀市',
'522702': '福泉市',
'522722': '荔波县',
'522723': '贵定县',
'522725': '瓮安县',
'522726': '独山县',
'522727': '平塘县',
'522728': '罗甸县',
'522729': '长顺县',
'522730': '龙里县',
'522731': '惠水县',
'522732': '三都水族自治县'
},
'530000': {
'530100': '昆明市',
'530300': '曲靖市',
'530400': '玉溪市',
'530500': '保山市',
'530600': '昭通市',
'530700': '丽江市',
'530800': '普洱市',
'530900': '临沧市',
'532300': '楚雄彝族自治州',
'532500': '红河哈尼族彝族自治州',
'532600': '文山壮族苗族自治州',
'532800': '西双版纳傣族自治州',
'532900': '大理白族自治州',
'533100': '德宏傣族景颇族自治州',
'533300': '怒江傈僳族自治州',
'533400': '迪庆藏族自治州'
},
'530100': {
'530102': '五华区',
'530103': '盘龙区',
'530111': '官渡区',
'530112': '西山区',
'530113': '东川区',
'530114': '呈贡区',
'530122': '晋宁县',
'530124': '富民县',
'530125': '宜良县',
'530126': '石林彝族自治县',
'530127': '嵩明县',
'530128': '禄劝彝族苗族自治县',
'530129': '寻甸回族彝族自治县',
'530181': '安宁市'
},
'530300': {
'530302': '麒麟区',
'530303': '沾益区',
'530321': '马龙县',
'530322': '陆良县',
'530323': '师宗县',
'530324': '罗平县',
'530325': '富源县',
'530326': '会泽县',
'530381': '宣威市'
},
'530400': {
'530402': '红塔区',
'530403': '江川区',
'530422': '澄江县',
'530423': '通海县',
'530424': '华宁县',
'530425': '易门县',
'530426': '峨山彝族自治县',
'530427': '新平彝族傣族自治县',
'530428': '元江哈尼族彝族傣族自治县'
},
'530500': {
'530502': '隆阳区',
'530521': '施甸县',
'530523': '龙陵县',
'530524': '昌宁县',
'530581': '腾冲市'
},
'530600': {
'530602': '昭阳区',
'530621': '鲁甸县',
'530622': '巧家县',
'530623': '盐津县',
'530624': '大关县',
'530625': '永善县',
'530626': '绥江县',
'530627': '镇雄县',
'530628': '彝良县',
'530629': '威信县',
'530630': '水富县'
},
'530700': {
'530702': '古城区',
'530721': '玉龙纳西族自治县',
'530722': '永胜县',
'530723': '华坪县',
'530724': '宁蒗彝族自治县'
},
'530800': {
'530802': '思茅区',
'530821': '宁洱哈尼族彝族自治县',
'530822': '墨江哈尼族自治县',
'530823': '景东彝族自治县',
'530824': '景谷傣族彝族自治县',
'530825': '镇沅彝族哈尼族拉祜族自治县',
'530826': '江城哈尼族彝族自治县',
'530827': '孟连傣族拉祜族佤族自治县',
'530828': '澜沧拉祜族自治县',
'530829': '西盟佤族自治县'
},
'530900': {
'530902': '临翔区',
'530921': '凤庆县',
'530922': '云县',
'530923': '永德县',
'530924': '镇康县',
'530925': '双江拉祜族佤族布朗族傣族自治县',
'530926': '耿马傣族佤族自治县',
'530927': '沧源佤族自治县'
},
'532300': {
'532301': '楚雄市',
'532322': '双柏县',
'532323': '牟定县',
'532324': '南华县',
'532325': '姚安县',
'532326': '大姚县',
'532327': '永仁县',
'532328': '元谋县',
'532329': '武定县',
'532331': '禄丰县'
},
'532500': {
'532501': '个旧市',
'532502': '开远市',
'532503': '蒙自市',
'532504': '弥勒市',
'532523': '屏边苗族自治县',
'532524': '建水县',
'532525': '石屏县',
'532527': '泸西县',
'532528': '元阳县',
'532529': '红河县',
'532530': '金平苗族瑶族傣族自治县',
'532531': '绿春县',
'532532': '河口瑶族自治县'
},
'532600': {
'532601': '文山市',
'532622': '砚山县',
'532623': '西畴县',
'532624': '麻栗坡县',
'532625': '马关县',
'532626': '丘北县',
'532627': '广南县',
'532628': '富宁县'
},
'532800': {
'532801': '景洪市',
'532822': '勐海县',
'532823': '勐腊县'
},
'532900': {
'532901': '大理市',
'532922': '漾濞彝族自治县',
'532923': '祥云县',
'532924': '宾川县',
'532925': '弥渡县',
'532926': '南涧彝族自治县',
'532927': '巍山彝族回族自治县',
'532928': '永平县',
'532929': '云龙县',
'532930': '洱源县',
'532931': '剑川县',
'532932': '鹤庆县'
},
'533100': {
'533102': '瑞丽市',
'533103': '芒市',
'533122': '梁河县',
'533123': '盈江县',
'533124': '陇川县'
},
'533300': {
'533301': '泸水市',
'533323': '福贡县',
'533324': '贡山独龙族怒族自治县',
'533325': '兰坪白族普米族自治县'
},
'533400': {
'533401': '香格里拉市',
'533422': '德钦县',
'533423': '维西傈僳族自治县'
},
'540000': {
'540100': '拉萨市',
'540200': '日喀则市',
'540300': '昌都市',
'540400': '林芝市',
'540500': '山南市',
'542400': '那曲地区',
'542500': '阿里地区'
},
'540100': {
'540102': '城关区',
'540103': '堆龙德庆区',
'540121': '林周县',
'540122': '当雄县',
'540123': '尼木县',
'540124': '曲水县',
'540126': '达孜县',
'540127': '墨竹工卡县'
},
'540200': {
'540202': '桑珠孜区',
'540221': '南木林县',
'540222': '江孜县',
'540223': '定日县',
'540224': '萨迦县',
'540225': '拉孜县',
'540226': '昂仁县',
'540227': '谢通门县',
'540228': '白朗县',
'540229': '仁布县',
'540230': '康马县',
'540231': '定结县',
'540232': '仲巴县',
'540233': '亚东县',
'540234': '吉隆县',
'540235': '聂拉木县',
'540236': '萨嘎县',
'540237': '岗巴县'
},
'540300': {
'540302': '卡若区',
'540321': '江达县',
'540322': '贡觉县',
'540323': '类乌齐县',
'540324': '丁青县',
'540325': '察雅县',
'540326': '八宿县',
'540327': '左贡县',
'540328': '芒康县',
'540329': '洛隆县',
'540330': '边坝县'
},
'540400': {
'540402': '巴宜区',
'540421': '工布江达县',
'540422': '米林县',
'540423': '墨脱县',
'540424': '波密县',
'540425': '察隅县',
'540426': '朗县'
},
'540500': {
'540502': '乃东区',
'540521': '扎囊县',
'540522': '贡嘎县',
'540523': '桑日县',
'540524': '琼结县',
'540525': '曲松县',
'540526': '措美县',
'540527': '洛扎县',
'540528': '加查县',
'540529': '隆子县',
'540530': '错那县',
'540531': '浪卡子县'
},
'542400': {
'542421': '那曲县',
'542422': '嘉黎县',
'542423': '比如县',
'542424': '聂荣县',
'542425': '安多县',
'542426': '申扎县',
'542427': '索县',
'542428': '班戈县',
'542429': '巴青县',
'542430': '尼玛县',
'542431': '双湖县'
},
'542500': {
'542521': '普兰县',
'542522': '札达县',
'542523': '噶尔县',
'542524': '日土县',
'542525': '革吉县',
'542526': '改则县',
'542527': '措勤县'
},
'610000': {
'610100': '西安市',
'610200': '铜川市',
'610300': '宝鸡市',
'610400': '咸阳市',
'610500': '渭南市',
'610600': '延安市',
'610700': '汉中市',
'610800': '榆林市',
'610900': '安康市',
'611000': '商洛市'
},
'610100': {
'610102': '新城区',
'610103': '碑林区',
'610104': '莲湖区',
'610111': '灞桥区',
'610112': '未央区',
'610113': '雁塔区',
'610114': '阎良区',
'610115': '临潼区',
'610116': '长安区',
'610117': '高陵区',
'610122': '蓝田县',
'610124': '周至县',
'610125': '户县'
},
'610200': {
'610202': '王益区',
'610203': '印台区',
'610204': '耀州区',
'610222': '宜君县'
},
'610300': {
'610302': '渭滨区',
'610303': '金台区',
'610304': '陈仓区',
'610322': '凤翔县',
'610323': '岐山县',
'610324': '扶风县',
'610326': '眉县',
'610327': '陇县',
'610328': '千阳县',
'610329': '麟游县',
'610330': '凤县',
'610331': '太白县'
},
'610400': {
'610402': '秦都区',
'610403': '杨陵区',
'610404': '渭城区',
'610422': '三原县',
'610423': '泾阳县',
'610424': '乾县',
'610425': '礼泉县',
'610426': '永寿县',
'610427': '彬县',
'610428': '长武县',
'610429': '旬邑县',
'610430': '淳化县',
'610431': '武功县',
'610481': '兴平市'
},
'610500': {
'610502': '临渭区',
'610503': '华州区',
'610522': '潼关县',
'610523': '大荔县',
'610524': '合阳县',
'610525': '澄城县',
'610526': '蒲城县',
'610527': '白水县',
'610528': '富平县',
'610581': '韩城市',
'610582': '华阴市'
},
'610600': {
'610602': '宝塔区',
'610603': '安塞区',
'610621': '延长县',
'610622': '延川县',
'610623': '子长县',
'610625': '志丹县',
'610626': '吴起县',
'610627': '甘泉县',
'610628': '富县',
'610629': '洛川县',
'610630': '宜川县',
'610631': '黄龙县',
'610632': '黄陵县'
},
'610700': {
'610702': '汉台区',
'610721': '南郑县',
'610722': '城固县',
'610723': '洋县',
'610724': '西乡县',
'610725': '勉县',
'610726': '宁强县',
'610727': '略阳县',
'610728': '镇巴县',
'610729': '留坝县',
'610730': '佛坪县'
},
'610800': {
'610802': '榆阳区',
'610803': '横山区',
'610821': '神木县',
'610822': '府谷县',
'610824': '靖边县',
'610825': '定边县',
'610826': '绥德县',
'610827': '米脂县',
'610828': '佳县',
'610829': '吴堡县',
'610830': '清涧县',
'610831': '子洲县'
},
'610900': {
'610902': '汉滨区',
'610921': '汉阴县',
'610922': '石泉县',
'610923': '宁陕县',
'610924': '紫阳县',
'610925': '岚皋县',
'610926': '平利县',
'610927': '镇坪县',
'610928': '旬阳县',
'610929': '白河县'
},
'611000': {
'611002': '商州区',
'611021': '洛南县',
'611022': '丹凤县',
'611023': '商南县',
'611024': '山阳县',
'611025': '镇安县',
'611026': '柞水县'
},
'620000': {
'620100': '兰州市',
'620200': '嘉峪关市',
'620300': '金昌市',
'620400': '白银市',
'620500': '天水市',
'620600': '武威市',
'620700': '张掖市',
'620800': '平凉市',
'620900': '酒泉市',
'621000': '庆阳市',
'621100': '定西市',
'621200': '陇南市',
'622900': '临夏回族自治州',
'623000': '甘南藏族自治州'
},
'620100': {
'620102': '城关区',
'620103': '七里河区',
'620104': '西固区',
'620105': '安宁区',
'620111': '红古区',
'620121': '永登县',
'620122': '皋兰县',
'620123': '榆中县'
},
'620300': {
'620302': '金川区',
'620321': '永昌县'
},
'620400': {
'620402': '白银区',
'620403': '平川区',
'620421': '靖远县',
'620422': '会宁县',
'620423': '景泰县'
},
'620500': {
'620502': '秦州区',
'620503': '麦积区',
'620521': '清水县',
'620522': '秦安县',
'620523': '甘谷县',
'620524': '武山县',
'620525': '张家川回族自治县'
},
'620600': {
'620602': '凉州区',
'620621': '民勤县',
'620622': '古浪县',
'620623': '天祝藏族自治县'
},
'620700': {
'620702': '甘州区',
'620721': '肃南裕固族自治县',
'620722': '民乐县',
'620723': '临泽县',
'620724': '高台县',
'620725': '山丹县'
},
'620800': {
'620802': '崆峒区',
'620821': '泾川县',
'620822': '灵台县',
'620823': '崇信县',
'620824': '华亭县',
'620825': '庄浪县',
'620826': '静宁县'
},
'620900': {
'620902': '肃州区',
'620921': '金塔县',
'620922': '瓜州县',
'620923': '肃北蒙古族自治县',
'620924': '阿克塞哈萨克族自治县',
'620981': '玉门市',
'620982': '敦煌市'
},
'621000': {
'621002': '西峰区',
'621021': '庆城县',
'621022': '环县',
'621023': '华池县',
'621024': '合水县',
'621025': '正宁县',
'621026': '宁县',
'621027': '镇原县'
},
'621100': {
'621102': '安定区',
'621121': '通渭县',
'621122': '陇西县',
'621123': '渭源县',
'621124': '临洮县',
'621125': '漳县',
'621126': '岷县'
},
'621200': {
'621202': '武都区',
'621221': '成县',
'621222': '文县',
'621223': '宕昌县',
'621224': '康县',
'621225': '西和县',
'621226': '礼县',
'621227': '徽县',
'621228': '两当县'
},
'622900': {
'622901': '临夏市',
'622921': '临夏县',
'622922': '康乐县',
'622923': '永靖县',
'622924': '广河县',
'622925': '和政县',
'622926': '东乡族自治县',
'622927': '积石山保安族东乡族撒拉族自治县'
},
'623000': {
'623001': '合作市',
'623021': '临潭县',
'623022': '卓尼县',
'623023': '舟曲县',
'623024': '迭部县',
'623025': '玛曲县',
'623026': '碌曲县',
'623027': '夏河县'
},
'630000': {
'630100': '西宁市',
'630200': '海东市',
'632200': '海北藏族自治州',
'632300': '黄南藏族自治州',
'632500': '海南藏族自治州',
'632600': '果洛藏族自治州',
'632700': '玉树藏族自治州',
'632800': '海西蒙古族藏族自治州'
},
'630100': {
'630102': '城东区',
'630103': '城中区',
'630104': '城西区',
'630105': '城北区',
'630121': '大通回族土族自治县',
'630122': '湟中县',
'630123': '湟源县'
},
'630200': {
'630202': '乐都区',
'630203': '平安区',
'630222': '民和回族土族自治县',
'630223': '互助土族自治县',
'630224': '化隆回族自治县',
'630225': '循化撒拉族自治县'
},
'632200': {
'632221': '门源回族自治县',
'632222': '祁连县',
'632223': '海晏县',
'632224': '刚察县'
},
'632300': {
'632321': '同仁县',
'632322': '尖扎县',
'632323': '泽库县',
'632324': '河南蒙古族自治县'
},
'632500': {
'632521': '共和县',
'632522': '同德县',
'632523': '贵德县',
'632524': '兴海县',
'632525': '贵南县'
},
'632600': {
'632621': '玛沁县',
'632622': '班玛县',
'632623': '甘德县',
'632624': '达日县',
'632625': '久治县',
'632626': '玛多县'
},
'632700': {
'632701': '玉树市',
'632722': '杂多县',
'632723': '称多县',
'632724': '治多县',
'632725': '囊谦县',
'632726': '曲麻莱县'
},
'632800': {
'632801': '格尔木市',
'632802': '德令哈市',
'632821': '乌兰县',
'632822': '都兰县',
'632823': '天峻县'
},
'640000': {
'640100': '银川市',
'640200': '石嘴山市',
'640300': '吴忠市',
'640400': '固原市',
'640500': '中卫市'
},
'640100': {
'640104': '兴庆区',
'640105': '西夏区',
'640106': '金凤区',
'640121': '永宁县',
'640122': '贺兰县',
'640181': '灵武市'
},
'640200': {
'640202': '大武口区',
'640205': '惠农区',
'640221': '平罗县'
},
'640300': {
'640302': '利通区',
'640303': '红寺堡区',
'640323': '盐池县',
'640324': '同心县',
'640381': '青铜峡市'
},
'640400': {
'640402': '原州区',
'640422': '西吉县',
'640423': '隆德县',
'640424': '泾源县',
'640425': '彭阳县'
},
'640500': {
'640502': '沙坡头区',
'640521': '中宁县',
'640522': '海原县'
},
'650000': {
'650100': '乌鲁木齐市',
'650200': '克拉玛依市',
'650400': '吐鲁番市',
'650500': '哈密市',
'652300': '昌吉回族自治州',
'652700': '博尔塔拉蒙古自治州',
'652800': '巴音郭楞蒙古自治州',
'652900': '阿克苏地区',
'653000': '克孜勒苏柯尔克孜自治州',
'653100': '喀什地区',
'653200': '和田地区',
'654000': '伊犁哈萨克自治州',
'654200': '塔城地区',
'654300': '阿勒泰地区',
'659001': '石河子市',
'659002': '阿拉尔市',
'659003': '图木舒克市',
'659004': '五家渠市',
'659006': '铁门关市'
},
'650100': {
'650102': '天山区',
'650103': '沙依巴克区',
'650104': '新市区',
'650105': '水磨沟区',
'650106': '头屯河区',
'650107': '达坂城区',
'650109': '米东区',
'650121': '乌鲁木齐县'
},
'650200': {
'650202': '独山子区',
'650203': '克拉玛依区',
'650204': '白碱滩区',
'650205': '乌尔禾区'
},
'650400': {
'650402': '高昌区',
'650421': '鄯善县',
'650422': '托克逊县'
},
'650500': {
'650502': '伊州区',
'650521': '巴里坤哈萨克自治县',
'650522': '伊吾县'
},
'652300': {
'652301': '昌吉市',
'652302': '阜康市',
'652323': '呼图壁县',
'652324': '玛纳斯县',
'652325': '奇台县',
'652327': '吉木萨尔县',
'652328': '木垒哈萨克自治县'
},
'652700': {
'652701': '博乐市',
'652702': '阿拉山口市',
'652722': '精河县',
'652723': '温泉县'
},
'652800': {
'652801': '库尔勒市',
'652822': '轮台县',
'652823': '尉犁县',
'652824': '若羌县',
'652825': '且末县',
'652826': '焉耆回族自治县',
'652827': '和静县',
'652828': '和硕县',
'652829': '博湖县'
},
'652900': {
'652901': '阿克苏市',
'652922': '温宿县',
'652923': '库车县',
'652924': '沙雅县',
'652925': '新和县',
'652926': '拜城县',
'652927': '乌什县',
'652928': '阿瓦提县',
'652929': '柯坪县'
},
'653000': {
'653001': '阿图什市',
'653022': '阿克陶县',
'653023': '阿合奇县',
'653024': '乌恰县'
},
'653100': {
'653101': '喀什市',
'653121': '疏附县',
'653122': '疏勒县',
'653123': '英吉沙县',
'653124': '泽普县',
'653125': '莎车县',
'653126': '叶城县',
'653127': '麦盖提县',
'653128': '岳普湖县',
'653129': '伽师县',
'653130': '巴楚县',
'653131': '塔什库尔干塔吉克自治县'
},
'653200': {
'653201': '和田市',
'653221': '和田县',
'653222': '墨玉县',
'653223': '皮山县',
'653224': '洛浦县',
'653225': '策勒县',
'653226': '于田县',
'653227': '民丰县'
},
'654000': {
'654002': '伊宁市',
'654003': '奎屯市',
'654004': '霍尔果斯市',
'654021': '伊宁县',
'654022': '察布查尔锡伯自治县',
'654023': '霍城县',
'654024': '巩留县',
'654025': '新源县',
'654026': '昭苏县',
'654027': '特克斯县',
'654028': '尼勒克县'
},
'654200': {
'654201': '塔城市',
'654202': '乌苏市',
'654221': '额敏县',
'654223': '沙湾县',
'654224': '托里县',
'654225': '裕民县',
'654226': '和布克赛尔蒙古自治县'
},
'654300': {
'654301': '阿勒泰市',
'654321': '布尔津县',
'654322': '富蕴县',
'654323': '福海县',
'654324': '哈巴河县',
'654325': '青河县',
'654326': '吉木乃县'
},
'810000': {
'810001': '中西區',
'810002': '灣仔區',
'810003': '東區',
'810004': '南區',
'810005': '油尖旺區',
'810006': '深水埗區',
'810007': '九龍城區',
'810008': '黃大仙區',
'810009': '觀塘區',
'810010': '荃灣區',
'810011': '屯門區',
'810012': '元朗區',
'810013': '北區',
'810014': '大埔區',
'810015': '西貢區',
'810016': '沙田區',
'810017': '葵青區',
'810018': '離島區'
},
'820000': {
'820001': '花地瑪堂區',
'820002': '花王堂區',
'820003': '望德堂區',
'820004': '大堂區',
'820005': '風順堂區',
'820006': '嘉模堂區',
'820007': '路氹填海區',
'820008': '聖方濟各堂區'
}
}
<template>
<div class="area">
<div>
<!-- <span class="imp">1. 二级联动(不带“全部”选项)</span> -->
<el-cascader
v-model="selectedOptions1"
:options="provinceAndCityData"
size="small"
filterable
clearable
@change="handleChange"
style="width:100%"
/>
</div>
<!--
<div class="bind">
<div>绑定值:{{ selectedOptions1 }}</div>
<div>区域码转汉字:{{ CodeToText[selectedOptions1[0]] }},{{ CodeToText[selectedOptions1[1]] }}</div>
<div>汉字转区域码:{{ convertTextToCode(CodeToText[selectedOptions1[0]], CodeToText[selectedOptions1[1]]) }}</div>
</div>
-->
</div>
</template>
<script>
import {
provinceAndCityData,
regionData,
provinceAndCityDataPlus,
regionDataPlus,
CodeToText,
TextToCode
} from './app.js'
export default {
data() {
return {
CodeToText,
TextToCode,
BeiJing: CodeToText['110000'],
provinceAndCityData,
provinceAndCityDataPlus,
regionData,
regionDataPlus,
selectedOptions1: ['110000', '110000'],
selectedOptions2: ['120000', '120100', '120101'],
selectedOptions3: ['130000', ''],
selectedOptions4: ['120000', '120100', '']
}
},
mounted() {
/* console.log(this.TextToCode['北京市'].code)
console.log(this.TextToCode['北京市']['市辖区'].code)
console.log(this.TextToCode['北京市']['市辖区']['朝阳区'].code) */
},
methods: {
handleChange(value) {
/* console.log(value) */
// 父组件 回调传参
this.$emit('cityChange', value)
},
convertTextToCode(provinceText, cityText, regionText) {
let code = ''
if (provinceText && this.TextToCode[provinceText]) {
const province = this.TextToCode[provinceText]
code += province.code + ', '
if (cityText && province[cityText]) {
const city = province[cityText]
code += city.code + ', '
if (regionText && city[regionText]) {
code += city[regionText].code
}
}
}
return code
}
}
}
</script>
<style>
.long {
width: 250px;
}
.area {
padding-top: 0px;
margin: 0 auto;
min-width: 200px;
}
.three {
margin-top: 100px;
}
.bind {
margin-top: 20px;
line-height: 40px;
text-indent: 15px;
}
.imp {
color: #409eff;
}
</style>
<!-- 车道 -->
<template lang="html">
<div id="id_map_center_cross">
<!-- {{ crossData }}-->
<div id="imgSrcMap">
<div class="drawCross" id="id_drawCross">
<div class="drawCrossWarp">
<div class="crossCenter" :style="crossCenter">
<div class="crossCenterBox" :style="centeBoxStyle">
<div class="crossCenterBox_warp">
<p style="color: #fff">
{{ websocketData.cycleCountDown }} /
{{ websocketData.cycleLen }}
</p>
</div>
</div>
<div style="width: 100%; height: 100%; position: relative">
<!--每个方向-->
<div
class="crossLane"
v-for="(item, index) in dirList"
:key="index"
:style="getLaneStyle(item)"
:class="'crossLane_' + item.dirType"
>
<div class="crossLaneWait_warp" v-if="item.isRoad">
<div
class="crossLaneWait crossLaneWaitLeft"
v-if="index % 2 == 0 && isShowRadius(item, index, 'left')"
></div>
<div
class="crossLaneWait crossLaneWaitRight"
v-if="index % 2 == 0 && isShowRadius(item, index, 'right')"
></div>
</div>
<div class="crossLaneWarp" v-if="item.isRoad">
<!-- 出口 -->
<div class="crossLane_out carLaneBox">
<div class="roadName">
{{ item.roadName }}
</div>
<div
class="two_way"
:style="getWayImg(item)"
v-if="item.pedestrian == '2'"
></div>
<div
v-for="(ln, li) in getkeyList(
dirList,
'dirType',
item.outLane,
'list'
)"
:key="li"
class="carLane"
></div>
</div>
<!-- 进口 -->
<div class="crossLane_in carLaneBox">
<div
class="two_way"
:style="getWayImg(item)"
v-if="item.pedestrian == '2'"
></div>
<!-- {{item.list}} -->
<div
v-for="(ln, li) in item.list"
:key="li"
class="carLane"
>
<img :src="getLaneImg(ln, item)" />
<img
:src="getLaneImg(ln, item, ln.isNoCrossLamp)"
v-if="ln.isNoCrossLamp == '1'"
/>
</div>
</div>
<!-- 双向行人过街 -->
<div
class="crossLane_way"
:style="getWayImg(item)"
v-if="item.pedestrian == '1'"
></div>
</div>
<div
class="crossLaneWarp crossLaneWarpNotRoad"
v-if="!item.isRoad"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import "@/common/js/singal/resize.js";
// import "../../common/js/prototypes";
import { api_getCrossData } from "../../dao/situation";
const removeStr = function (arr, str) {
var index = arr.indexOf(str);
if (index == -1) {
return arr;
} else {
arr.splice(index, 1);
return arr;
}
};
/**
* 在数组中删除其中几个数据
* @param {Object} list
*/
const removeArrayStr = function (arr, list) {
var length = list.length;
if (length == 0 || arr.length == 0) {
return arr;
} else {
var newArray = arr;
for (var i = 0; i < length; i++) {
var json = list[i];
newArray = removeStr(arr, json);
}
return newArray;
}
};
export default {
components: {},
props: {
crossData: {
type: Object,
default() {
return {};
},
},
websocketData: {
type: Object,
default() {
return {};
},
},
type: {
type: String,
default: "",
},
view: {
type: String,
default: "",
},
},
data() {
return {
crossIndex: 0,
colorObj: {
1: "#16CD95", //畅通
2: "#F79E06", //缓行
3: "#D80305", //拥堵
4: "#900021", //严重拥堵
},
dirList: [],
centeBoxStyle: {
width: 0,
height: 0,
},
crossCenter: {},
laneWidth: 8, //每个车道的距离
lineHeight: this.type === "planSend" ? 200 : 70,
laneImgWidth: 25 - 8,
dirLampGroupMap: {},
crossName: "",
crossid: "",
};
},
created() {},
mounted() {
this.initData();
},
watch: {
websocketData: {
deep: true,
handler() {
var websocketData = this.websocketData;
//导向灯灯态
var json = websocketData.dirLampGroupMap;
this.dirLampGroupMap = json;
},
},
crossData: {
deep: true,
handler() {
this.initData();
},
},
},
methods: {
getkeyList(list, key, value, returnKey) {
var arr = [];
for (var i = 0; i < this.length; i++) {
var item = list[i];
var v = item[key];
var rv = item[returnKey];
if (v == value) {
arr = rv;
}
}
return arr;
},
initData() {
var crossData = this.crossData;
this.crossid = crossData.crossId || crossData.id;
this.crossName = crossData.crossName;
if (this.crossid) {
this.getCrossInfo();
}
},
getCrossInfo() {
var params = {
crossId: this.crossid,
};
// if (cur_system === "singalControl") {
// api = api_getCrossData;
// } else if (cur_system === "singalOptimizat") {
// api = api_getCrossData_opt;
// }
api_getCrossData(params).then((res) => {
if (!res || !res) {
return;
}
const data = res.content.dirList;
// const data = [
// { dir: 1, laneList: [{ direction: 1, laneType: 1 }] },
// { dir: 3, laneList: [{ direction: 1, laneType: 1 }] },
// { dir: 4, laneList: [{ direction: 8, laneType: 1 }] },
// ];
this.crossIndex = res.content.crossIndex;
let dirMaps = {};
data.forEach((item) => {
const obj = {
1: "1",
2: "3",
3: "3",
4: "5",
5: "5",
6: "7",
7: "7",
8: "1",
};
item.dir = obj[item.dir];
if (!dirMaps[item.dir]) {
dirMaps[item.dir] = {};
}
dirMaps[item.dir].status = item.status;
dirMaps[item.dir].traffic_index = item.traffic_index;
dirMaps[item.dir].length = item.length;
dirMaps[item.dir].duration = item.duration;
if (!item.laneList) {
return;
}
const data = item.laneList.map((item) => {
return {
laneId: item.id,
direction: String(item.direction),
};
});
dirMaps[item.dir].vehicle =
this.type === "mainCross" ? data.splice(0, 3) : data;
});
this.setCrossInit(dirMaps);
});
},
/**@argument
* 渲染路口
*/
setCrossInit(dirMaps) {
// var dirMaps = res.data.data.dir || {};
var dirList = [];
var withLane = -Infinity;
var heightLane = -Infinity;
//路口方向类型:1 北 2 东北 3 东 4 东南 5 南 6 西南 7 西 8 西北
var withMaps = [1, 5];
var heightMaps = [3, 7];
//var roadName = ['凤翔伦桂路', '博奥城路']
var outlenMas = {
1: "5",
5: "1",
3: "7",
7: "3",
};
var dirNameMaps = {
1: "",
3: "",
5: "",
7: "",
};
//1 北 2 东北 3 东 4 东南 5 南 6 西南 7 西 8 西北
var allRadius = ["北左", "北右", "南左", "南右"];
var dirRadius = {
1: ["北右", "北左"],
3: ["北左", "南右"],
5: ["南左", "南右"],
7: ["北右", "南左"],
};
var allDir = ["1", "3", "5", "7"];
for (var key in dirMaps) {
//var list = dirMaps[key] || [];
var dir = dirMaps[key] || [];
dir.dirName = dirNameMaps[key];
allDir = removeStr(allDir, key);
var pedestrian = dir.pedestrian || dir["pedestrian "];
var vehicle = dir.vehicle;
var roadName = vehicle[0].crossDirName || "";
var newList = [];
var list = vehicle;
var length = list.length;
//var name = roadName[index%2]
var outLane = outlenMas[key];
var dirJson = {
traffic_index: dir.traffic_index,
length: dir.length,
duration: dir.duration,
status: dir.status,
dirType: key,
list: list,
roadName: roadName,
outLane: outLane,
isRoad: true,
pedestrian: pedestrian, //
};
dirList.push(dirJson);
key = parseInt(key);
if (withMaps.indexOf(key) > -1) {
withLane = withLane > length ? withLane : length;
}
if (heightMaps.indexOf(key) > -1) {
heightLane = heightLane > length ? heightLane : length;
}
}
if (allDir.length > 0) {
// 缺1 是 上
// 缺 3
allDir.forEach((item) => {
var rlist = dirRadius[item] || [];
allRadius = removeArrayStr(allRadius, rlist);
var dirKey = item;
var json = {
dirType: dirKey,
list: [],
roadName: "",
outLane: [],
isRoad: false,
};
dirList.push(json);
});
}
dirList.forEach((item) => {
item.defectDir = allDir;
item.allRadius = allRadius;
});
var dirList2 = this.getSortLIst(dirList);
dirList2.forEach((item) => {});
var maxlane = withLane > heightLane ? withLane : heightLane;
if (withLane <= 0) {
withLane = heightLane;
}
if (heightLane <= 0) {
heightLane = withLane;
}
console.log(maxlane);
if (maxlane < 10) {
if (maxlane <= 2) {
this.laneWidth =
this.type === "opCross" || this.type === "mainCross" ? 20 : 26;
} else if (maxlane <= 4) {
this.laneWidth = this.type === "opCross" ? 14 : 16;
} else {
this.laneWidth = this.type === "opCross" ? 10 : 12;
}
this.laneImgWidth = this.laneWidth - 10;
} else {
this.laneWidth = 50 - (maxlane - 4) * 5;
}
withLane = withLane * (this.type === "planSend" ? 4 : 2);
heightLane = heightLane * (this.type === "planSend" ? 4 : 2);
var ml = this.getPxToRem((withLane * this.laneWidth) / 2);
this.crossCenter = {
//width: withLane * this.laneWidth + "px",
width: this.getPxToRem(withLane * this.laneWidth) + "rem",
//height: heightLane * this.laneWidth + "px",
height: this.getPxToRem(heightLane * this.laneWidth) + "rem",
//"margin-left": -(withLane * this.laneWidth / 2) + "px",
"margin-left": -ml + "rem",
"margin-top":
-this.getPxToRem((heightLane * this.laneWidth) / 2) + "rem",
};
var centerWidth = 0;
centerWidth = withLane > heightLane ? heightLane : withLane;
console.log(centerWidth);
var xs = 0.6;
this.centeBoxStyle = {
width:
this.getPxToRem(centerWidth * this.laneWidth * xs) + 0.25 + "rem",
height:
this.getPxToRem(centerWidth * this.laneWidth * xs) + 0.25 + "rem",
"margin-top":
this.getPxToRem(
(heightLane * this.laneWidth - centerWidth * this.laneWidth * xs) /
2
) + "rem",
"margin-bottom":
this.getPxToRem(
(heightLane * this.laneWidth - centerWidth * this.laneWidth * xs) /
2
) + "rem",
"margin-left":
this.getPxToRem(
(withLane * this.laneWidth - centerWidth * this.laneWidth * xs) / 2
) +
0.2 +
"rem",
"margin-right":
this.getPxToRem(
(withLane * this.laneWidth - centerWidth * this.laneWidth * xs) / 2
) + "rem",
};
if (allDir.indexOf("7") > -1) {
this.crossCenter["margin-left"] =
-this.getPxToRem(withLane * this.laneWidth * 0.75) + "rem";
}
if (allDir.indexOf("3") > -1) {
this.crossCenter["margin-left"] =
-this.getPxToRem(withLane * this.laneWidth * 0.255) + "rem";
}
if (allDir.indexOf("1") > -1) {
this.crossCenter["margin-top"] =
-this.getPxToRem(heightLane * this.laneWidth * 0.75) + "rem";
}
if (allDir.indexOf("5") > -1) {
this.crossCenter["margin-top"] =
-this.getPxToRem(heightLane * this.laneWidth * 0.25) + "rem";
}
dirList2.forEach((item) => {
item.crossCenter = this.crossCenter;
});
if (dirList2.length == 0) {
this.$message.error("该路口无车道数据");
//this.imgSrc = "";
//this.getmapLine({}, 1);
}
this.dirList = dirList2;
},
getSortLIst(dirList) {
var dirList2 = dirList.sort(function (a, b) {
var value2 = parseInt(b["dirType"]);
var value1 = parseInt(a["dirType"]);
return value1 - value2;
});
return dirList2;
},
/**@argument
* 渲染路口线的样式
*/
getLaneStyle(item) {
// 路口方向类型:1 北 2 东北 3 东 4 东南 5 南 6 西南 7 西 8 西北
var crossCenter = item.crossCenter;
var dirType = item.dirType;
var width = crossCenter.width.replace("px", "").replace("rem", "");
var height = crossCenter.height.replace("px", "").replace("rem", "");
height = Number(height);
width = Number(width);
var lineHeight = this.lineHeight;
var isRoad = item.isRoad;
var defectDir = item.defectDir || [];
var defectDirStr = defectDir.join("");
//这是因为有可能2个值不一样
var remLineHeight = this.getPxToRem(lineHeight);
lineHeight = remLineHeight;
var diff = height - remLineHeight;
var left = 0,
size = 0,
top = 0,
bottom = 0;
if (dirType == 5) {
if (isRoad) {
return {
left: 0 + "px",
top: height + this.getPxToRem(1) + "rem",
height: remLineHeight + "rem",
width: width + "rem",
};
} else {
size = 0;
left = -this.getPxToRem(20);
if (defectDirStr == "5") {
size = this.getPxToRem(40);
width += size;
left = -size / 2;
} else if (defectDirStr == "57") {
size = this.getPxToRem(20);
width += size;
left = 0;
} else if (defectDirStr == "35") {
size = this.getPxToRem(20);
width += size;
left = -this.getPxToRem(20);
} else if (defectDirStr == "15") {
size = this.getPxToRem(40);
width += size;
left = -this.getPxToRem(20);
}
//width += 80;
return {
left: left + "rem",
top: height + this.getPxToRem(1) + "rem",
height: lineHeight + "rem",
width: width + "rem",
};
}
}
if (dirType == 1) {
if (isRoad) {
return {
left: 0 + "px",
top: -lineHeight + this.getPxToRem(1) + "rem",
height: lineHeight + "rem",
width: width + "rem",
};
} else {
left = 0;
top = -lineHeight + this.getPxToRem(1);
if (defectDirStr == "17") {
width += this.getPxToRem(20);
} else if (defectDirStr == "13") {
width += this.getPxToRem(20);
left = -this.getPxToRem(20);
} else {
width += this.getPxToRem(40);
left = -this.getPxToRem(40);
}
return {
left: left + "rem",
top: top + "rem",
height: lineHeight + "rem",
width: width + "rem",
};
}
}
if (dirType == 7) {
if (isRoad) {
return {
left: -height + diff / 2 + "rem",
top: diff / 2 + "rem",
height: lineHeight + "rem",
width: height + "rem",
};
} else {
size = 0;
left = -height + diff / 2;
top = diff / 2;
if (this.type === "mainCross") {
} else if (defectDirStr == "7") {
size = this.getPxToRem(40);
height += size;
left = left - size / 2 + 0.01;
//top = top
} else if (defectDirStr == "57") {
size = this.getPxToRem(20);
height += size;
left = left - size / 2;
top = top - this.getPxToRem(20);
} else if (defectDirStr == "17") {
height += this.getPxToRem(20);
size = 20;
left = left - this.getPxToRem(20);
top = top + this.getPxToRem(20);
} else if (defectDirStr == "37") {
height += this.getPxToRem(20);
left = left - this.getPxToRem(20);
//top = top;
} else {
}
return {
left: left + "rem",
top: top + "rem",
height: lineHeight + "rem",
width: height + "rem",
};
}
}
if (dirType == 3) {
if (isRoad) {
return {
left: width - diff / 2 + "rem",
top: diff / 2 + this.getPxToRem(2) + "rem",
height: lineHeight + "rem",
width: height + "rem",
};
} else {
left = width - diff / 2;
top = diff / 2 + this.getPxToRem(1);
size = this.getPxToRem(40);
if (defectDirStr == "35") {
size = this.getPxToRem(20);
width += size;
left = left - this.getPxToRem(20);
top = top - this.getPxToRem(19);
} else if (defectDirStr == "13") {
size = this.getPxToRem(20);
width += size;
left = left - this.getPxToRem(10);
top = top + this.getPxToRem(10);
} else if (defectDirStr == "37") {
left = left - this.getPxToRem(20);
//top = top;
} else {
left = left - this.getPxToRem(20);
}
height += size;
return {
left: left + "rem",
top: top + "rem",
height: lineHeight + "rem",
width: height + "rem",
};
}
}
},
/**@argument
* 渲染方向图片
*/
getLaneImg(item, paranItem, isNoCrossLamp) {
var phaseDist = {
1: "1",
5: "1",
10: "1",
14: "1",
16: "1",
8: "2",
2: "2",
9: "2",
12: "2",
13: "2",
15: "2",
18: "2",
3: "3",
4: "4",
};
var dirType = paranItem.dirType;
var direction = item.direction || "";
if (isNoCrossLamp == "1") {
direction = "4";
}
if (direction == 0 || !direction) {
return "";
}
var srcUrl = "phase_lane_" + direction;
var dirLampGroupMap = this.dirLampGroupMap || {};
var dirMap = dirLampGroupMap[dirType] || {};
var color = dirMap[phaseDist[direction]] || "";
color = color.trim();
if (color) {
color = color.replace("lightsOut", "");
color = color == "greenFlash" ? "drakGreen" : color;
color = color == "yellowFlash" ? "yellow" : color;
color = color == "redFlash" ? "red" : color;
if (color) {
srcUrl = srcUrl + "_" + color;
}
} else {
// 如果 改 车道灯 没有获取到颜色值
// 判断 是否 5 为有颜色 否
// 如果有 在直接赋值 并且为左转 及灯态方向 为1
// 如果没有值 在判断
var colorAll = "";
var allLampGroup = dirMap["5"];
if (allLampGroup != undefined && allLampGroup["5"] != null) {
if (direction != 3) {
colorAll = allLampGroup;
}
} else {
if (dirMap[direction] != undefined) {
colorAll = dirMap[direction];
} else if (direction == 1) {
colorAll = dirMap["2"];
} else if (direction == 3 && this.isNull(dirMap[direction])) {
colorAll = "green";
}
}
colorAll = colorAll == "greenFlash" ? "drakGreen" : colorAll;
colorAll = colorAll == "lightsOut" ? "" : colorAll;
colorAll = colorAll == "yellowFlash" ? "yellow" : colorAll;
colorAll = colorAll == "redwFlash" ? "red" : colorAll;
if (colorAll) {
srcUrl = srcUrl + "_" + colorAll;
}
}
srcUrl += ".png";
var str = require("@/assets/images/crossDirImgs/" + srcUrl);
return str;
},
isNull(str) {
return str != "" || str != undefined || str;
},
getWayImg(item) {
//var direction = item.direction;
var direction = "21";
var srcUrl = "phase_lane_" + direction + ".png";
var str = require("@/assets/images/crossDirImgs/" + srcUrl);
//return str;
return {
"background-image": 'url("' + str + '") ',
};
},
isShowRadius(item, index, type) {
var name = "";
if (type == "left") {
name = index == "0" ? "北左" : "南左";
} else {
name = index == "0" ? "北右" : "南右";
}
var allRadius = item.allRadius || [];
var status = allRadius.indexOf(name) > -1;
return status;
},
getPxToRem(px) {
var rem = getPxToRem(px);
return rem;
},
},
};
</script>
<style lang="less">
.m-txt {
position: absolute;
color: #000;
right: -50px;
bottom: 20px;
}
.min-txt {
position: absolute;
color: #000;
right: -35px;
bottom: 20px;
}
#id_map_center_cross {
/*z-index: 2000;*/
width: 100%;
height: 100%;
position: relative;
}
#id_map_center_cross .mapContainerBtn {
position: absolute;
right: 0.1rem;
bottom: 0;
width: auto;
height: 0.6rem;
width: 0.4rem;
}
.mapContainerBtn .mapbtns {
width: 0.4rem;
height: 0.25rem;
background: white;
text-align: center;
line-height: 0.25rem;
cursor: pointer;
margin-bottom: 0.1rem;
color: #000;
z-index: 1;
}
#imgSrcMap {
width: 100%;
height: 100%;
position: relative;
}
.mapContainer {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
/*#id_map_center .mapabcgl-ctrl-bottom-left {
left: 830px;
position: absolute;
}*/
/**
* 这里是自定义路口的样式
*/
.drawCross {
width: 100%;
height: 100%;
position: relative;
/*padding-top: 100px;
height: calc(100% - 100px) !important;*/
}
.drawCross .crossCenter {
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
/*border: 0.0115rem solid ##ffffff;*/
}
.crossCenter .crossCenterBox {
margin: 0 auto;
/*border-radius: 100%;
border: 0.0115rem solid #ffffff;*/
width: 100px;
height: 100px;
position: absolute;
text-align: center;
min-width: 0.8rem;
min-height: 0.8rem;
}
.drawCross .crossCenter .carmeaBox {
width: 30px;
height: 30px;
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
z-index: 1;
}
.crossCenterBox_warp {
display: flex;
width: 100%;
height: 100%;
position: relative;
border: 0.0115rem solid #ffffff;
border-radius: 100%;
}
.crossCenter .crossCenterBox p {
align-items: center;
/*垂直居中*/
justify-content: center;
/*水平居中*/
display: flex;
flex: 1;
font-size: 16px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.drawCross .crossLane {
position: absolute;
left: 50%;
top: 50%;
}
.drawCross .drawCrossWarp {
/*width: 950px;*/
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
background: #101010;
overflow: hidden;
}
.drawCross .drawCrossWarp .corssDir {
position: absolute;
right: 10px;
top: 70px;
/*width: 145px;
height: 150.0115rem;*/
width: 125px;
}
.drawCross .drawCrossWarp .corssDir img {
width: 100%;
height: auto;
}
.drawCross .drawCrossWarp .crossLane {
width: 200px;
color: #ffffff;
}
.drawCross .drawCrossWarp .crossLane .crossLaneWarp {
width: 100%;
height: 100%;
position: relative;
display: flex;
border-left: 0.0115rem solid #ffffff;
border-right: 0.0115rem solid #ffffff;
}
.drawCross .drawCrossWarp .crossLane .crossLaneWarp.crossLaneWarpNotRoad {
border: none;
border-top: 0.0115rem solid #ffffff;
}
/*
1 北 2 东北 3 东 4 东南 5 南 6 西南 7 西 8 西北
*
* */
.crossLane_1 {
transform: rotate(180deg);
}
.crossLane_3 {
transform: rotate(270deg);
}
.crossLane_5 {
}
.crossLane_7 {
transform: rotate(90deg);
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_5 {
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_1 {
transform: rotate(180deg);
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_3 {
transform: rotate(270deg);
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_7 {
transform: rotate(90deg);
}
/*.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_5 {
left: -100px;
top: 100.0115rem;
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_1 {
left: -100px;
top: -400.0115rem;
transform:rotate(180deg);
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_3 {
left: 150.0115rem;
top: -149px;
transform:rotate(270deg);
}
.drawCross .drawCrossWarp .crossLaneWarp.crossLaneWarp_7{
transform:rotate(90deg);
left: -350.0115rem;
top: -149px;
}*/
.crossLane .crossLane_in,
.crossLane .crossLane_out {
flex: 1;
height: 100%;
width: 50%;
display: flex;
position: relative;
overflow: hidden;
}
.drawCross .drawCrossWarp .crossLane .crossLane_in {
border-left: 0.0115rem solid #ffffff;
}
.drawCross .drawCrossWarp .crossLane .crossLane_out {
border-right: 0.0115rem solid #ffffff;
}
.drawCross .drawCrossWarp .crossLane .crossLane_way {
position: absolute;
width: 100%;
height: 0.2305rem;
background-size: auto 0.2305rem;
background-repeat: repeat;
}
.drawCross .drawCrossWarp .crossLane .crossLane_way img {
}
.drawCross .drawCrossWarp .crossLane .crossLane_out .carLane {
flex: 1;
height: 100%;
border-right: 0.0115rem dashed #ffffff;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox .carLane:last-child {
border: none;
}
.drawCross .drawCrossWarp .crossLane .crossLane_in .carLane {
flex: 1;
height: 100%;
border-right: 0.0115rem solid #ffffff;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox .carLane img {
/*width: 20px;*/
width: auto;
height: 0.3458rem;
vertical-align: middle;
display: block;
margin: 0 auto;
margin-top: 0.2305rem;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox .carLane img:nth-child(2) {
margin-top: 0.1153rem;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox.crossLane_out .two_way {
background-size: auto 0.2882rem;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
position: absolute;
width: 96%;
height: 0.3458rem;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox.crossLane_in .two_way {
background-size: auto 25px;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
position: absolute;
width: 96%;
height: 0.3458rem;
margin-left: 4%;
}
.drawCross .drawCrossWarp .crossLane .carLaneBox .roadName {
color: rgba(255, 255, 255, 0.75);
position: absolute;
width: 0.2882rem;
left: 50%;
margin-left: -0.1153rem;
top: 0.2305rem;
font-size: 0.1844rem;
font-family: "宋体";
letter-spacing: 0.0231rem;
height: calc(100% - 40px);
}
.crossLaneWait_warp {
width: 100%;
height: 0.2305rem;
position: relative;
object-fit: inherit;
}
.crossLaneWait_warp .crossLaneWaitLeft {
position: absolute;
top: -2px;
left: -0.2536rem;
border-top: 0.0115rem solid #ffffff;
border-right: 0.0115rem solid #ffffff;
width: 0.2605rem;
height: 0.2605rem;
border-top-right-radius: 100%;
}
.crossLaneWait_warp .crossLaneWaitRight {
position: absolute;
right: -0.2536rem;
border-top: 0.0115rem solid #ffffff;
border-left: 0.0115rem solid #ffffff;
width: 0.2605rem;
height: 0.2605rem;
border-top-left-radius: 100%;
}
.carLane {
text-align: center;
}
.phase-btn:hover {
cursor: pointer;
margin-top: 10px;
border: 3px solid #fff;
-webkit-box-shadow: 2px 3px 0px 3px #1c1b1b;
box-shadow: 2px 3px 0px 3px #1c1b1b;
border-radius: 5px;
}
.phase-btn {
cursor: pointer;
margin-top: 10px;
border: 2px solid #979494;
-webkit-box-shadow: 2px 3px 0px 3px #1c1b1b;
box-shadow: 3px 3px 4px 4px #28073d;
border-radius: 8px;
}
.nextTimeLength:hover,
.nextTimeLength.hover,
.nextTimeLength:hover > span {
color: #409eff !important;
}
#id_map_center_cross .mapabcgl-scalebox {
}
</style>
<!-- 手控 -->
<template lang="html">
<div class="crossControl">
<div class="warp">
<div style="display:flex;flex-flow: column;">
<div class="crossControl_content">
<div
style="text-align: center;font-size: 16px;margin-bottom: 10px;"
>
{{ crossControlData.crossName }}
</div>
<div>
<!-- 相位配时 -->
<phaseTime
ref="phaseTime"
class="crossCont_item"
:crossData="crossControlData"
@setCrossrunMode="setCrossrunMode"
></phaseTime>
</div>
</div>
<!-- 手动控制 -->
<!-- <manualControl
ref="manualControl"
:crossData="crossControlData"
></manualControl> -->
</div>
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
export default {
components: {
phaseTime: (resolve) => require(["./phaseTime"], resolve), // 相位配时,
// manualControl: (resolve) => require(["./manualControl"], resolve), // 手动控制,
},
props: {
crossControlList: {
type: Array,
default() {
return [];
},
},
crossControlData: {
type: Object,
default() {
return {
crossName: "相城大道与青龙港路交叉口",
// crossId: "14Q1409IRF0",
crossId: "14Q0P09IP90",
};
},
},
},
data() {
return {
controlActive: null,
controlType: "",
activeCrossId: "",
activeCrossName: "",
checkCrossMaps: {}, //正在控制的路口
};
},
mounted() {
this.changeCross(this.crossControlData);
},
methods: {
...mapMutations("crossControl", ["setCrossControlShow"]),
changeCross(item) {
this.activeCrossId = item.crossName || item.nodeName;
this.activeCrossName = item.crossName || item.nodeName;
},
/**@argument
* ws
* @param {String} runMode 当前控制状态
*/
setCrossrunMode(runMode, item) {
// this.$refs.manualControl.setControlType(runMode);
// var name = this.DCNY.planRealType[runMode];
// this.checkCrossMaps[item.crossId] = name;
},
},
};
</script>
<style lang="less">
.control-btn-box {
margin: 10px 30px;
display: flex;
justify-content: space-around;
.control-btn {
padding: 5px 8px;
// color: #999;
cursor: pointer;
border: 1px solid #ddd;
}
}
.crossControl {
width: 100%;
position: relative;
overflow: hidden;
z-index: 300;
background-size: 10.0583rem 6.4109rem;
background-position: center;
}
.crossControl .warp {
.cross_title {
height: 46px;
line-height: 46px;
background: #2c2c2c;
color: #fff;
padding-left: 20px;
font-size: 20px;
font-weight: bold;
}
}
.crossControl_content {
// margin: 10px 10px 0 10px;
color: white;
width: 320px;
background: transparent;
// padding-top: 0.1326rem;
position: relative;
overflow: hidden;
// box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.25);
}
.crossControl_content_warp {
height: 4.8rem;
overflow: hidden;
}
.crossControl_content .crossCont_item {
background: transparent;
display: inline-block;
width: 100%;
margin-right: 0;
position: relative;
padding: 0px 0.19rem;
overflow: hidden;
}
.crossControl_content .crossCont_item:nth-child(3n) {
margin-right: 0;
}
.crossControl_content .crossCont_item .isNull {
position: absolute;
color: #383838;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 0.3458rem;
}
.crossControl_content .crossCont_item .crossCont_item_warp {
position: relative;
width: 100%;
height: 100%;
}
</style>
<!-- 相位配时 -->
<template lang="html">
<div class="crossCont_item_warp">
<div class="cross_sketch">
<crossContent
ref="baseMapRef"
:crossData="crossData"
:websocketData="websocketData"
></crossContent>
</div>
<div class="cross_phase">
<div
class="phase_item"
v-for="(item, index) in phaseList"
:key="index"
:style="'flex:' + parseInt((item.stepcount / phaseCount) * 100) + ';'"
>
<div
class="phase_car_box"
:style="{
'flex-direction':
item.dir == '3' ||
item.dir == '7' ||
item.dir == '2' ||
item.dir == '6'
? 'column'
: 'row',
}"
>
<img
:style="setDirPhase(im.dir)"
v-for="(im, ii) in item.list"
:src="im.imgSrc"
:key="ii"
/>
</div>
</div>
</div>
<div class="cross_lamp">
<!-- <div
class="lamp_item"
v-for="(item, index) in phaseList"
:key="index"
:style="'flex:' + parseInt((item.stepcount / phaseCount) * 100) + ';'"
@click="setCrossPhaseLook(item)"
@click.stop
> -->
<div
class="lamp_item"
v-for="(item, index) in phaseList"
:key="index"
:style="'flex:' + parseInt((item.stepcount / phaseCount) * 100) + ';'"
@click.stop
>
<div class="activeLamp" v-if="item.phaseNo == activePhaseId"></div>
<div
class="lamp_step"
v-for="(st, si) in item.steps"
:key="si"
:style="
'flex:' + parseInt((st.duration / item.stepcount) * 100) + ';'
"
:class="'lamp_step_' + st.color"
></div>
<p>{{ item.stepcount }}</p>
</div>
</div>
</div>
</template>
<script>
import crossContent from "./crossContent.vue";
import { api_phaseByTimeList } from "../../dao/situation";
import wsMixins from "./wsMixins.js"; //实时灯态ws
export default {
mixins: [wsMixins],
components: {
crossContent,
},
props: {
crossData: {
type: Object,
default() {
return {
// crossName: "相城大道与青龙港路交叉口",
// // crossId: "14Q1409IRF0",
// crossId: "14Q0P09IP90",
};
},
},
},
data() {
return {
// crossData: {
// crossId: "12I8O06UDU0",
// crossName: "容奇大道中与乐安南路路口",
// },
loadingArr: [],
phaseCount: 0,
phaseList: [],
carDirList: [],
crossId: "",
//以下变量在ws中
websocketUrl: "",
activePhaseId: "",
websocketData: {},
runMode: "", //当前路口的手控状态
wsType: "stateMonitor",
phaseDirMap: {
1: "12",
2: "12",
3: "34",
4: "34",
5: "56",
6: "56",
7: "78",
8: "78",
},
};
},
created() {},
mounted() {
this.initPop();
},
beforeDestroy() {
this.websocket.close();
},
watch: {
runMode() {
this.setCrossrunMode();
},
},
methods: {
initPop() {
this.crossId = this.crossData.nodeId || this.crossData.crossId;
// console.log("this.crossId", this.crossData);
this.getCrossPhase();
this.getCrossWs();
},
getCrossPhase() {
var params = {
crossId: this.crossId,
datetime: this.getCurDataTime(new Date()),
};
api_phaseByTimeList(params).then((res) => {
// console.log("res", res);
if (res && res.content) {
const data = res.content;
this.phaseCount = 0;
this.phaseList = data.map((item) => {
item.list = item.dirList.flatMap((dirList) => {
item.dir = item.dirList[0].laneList.length
? item.dirList[0].dir
: item.dirList[1].dir;
if (dirList.dir == 1 || dirList.dir == 3) {
dirList.laneList = dirList.laneList.reverse();
dirList.laneList = dirList.laneList.sort(
(obj1, obj2) => obj2.direction - obj1.direction
);
}
return dirList.laneList.map((list) => {
list.dir = dirList.dir;
var imgSrc = require("../../assets/images/planMange/arrow/black-" +
list.direction +
".svg");
list.imgSrc = imgSrc;
return list;
});
});
item.steps = [
{
color: "green",
duration: item.greenTime + item.greenFlashTime,
},
{
color: "yellow",
duration: item.yellowTime + item.yellowFlash,
},
{ color: "red", duration: item.redTime + item.redFlashTime },
];
item.stepcount =
item.greenTime +
item.greenFlashTime +
item.redTime +
item.redFlashTime +
item.yellowTime +
item.yellowFlash;
this.phaseCount += item.stepcount;
return item;
});
console.log("cross_phase", this.phaseList);
}
});
},
getCrossCarDirList(list) {
var newList = [];
list.forEach((carList) => {
carList.sort(function (a, b) {
var a1 = parseInt(a.sortValue);
var b1 = parseInt(b.sortValue);
var status = a1 - b1;
return !status;
});
var carMaps = {};
carList.forEach((item) => {
var angleDir = item.angleDir;
var turnType = item.turnType;
var dir = this.phaseDirMap[angleDir];
item.dir = dir;
var imgSrc = require("@/assets/images/phaseCarImg/phase-car-" +
dir +
"-" +
turnType +
".png");
item.imgSrc = imgSrc;
if (!carMaps[dir]) {
carMaps[dir] = [];
}
carMaps[dir].push(item);
});
newList.push(carMaps);
});
this.carDirList = newList;
},
setDirPhase(dir) {
const degObj = {
// "1": 180,
// "3": 270,
// "5": 0,
// "7": 90,
2: 270,
1: 180,
8: 180,
3: 270,
4: 0,
5: 0,
6: 90,
7: 90,
};
return `transform: rotate(${degObj[dir]}deg);`;
},
setCrossrunMode() {
this.$emit("setCrossrunMode", this.runMode, this.crossData);
},
getCurDataTime() {
let time = new Date();
let year, month, day, hour, min, sec;
year = time.getFullYear();
month =
time.getMonth() + 1 < 10
? "0" + (time.getMonth() + 1)
: time.getMonth() + 1;
day = time.getDate() < 10 ? "0" + time.getDate() : time.getDate();
hour = time.getHours() < 10 ? "0" + time.getHours() : time.getHours();
min =
time.getMinutes() < 10 ? "0" + time.getMinutes() : time.getMinutes();
sec =
time.getSeconds() < 10 ? "0" + time.getSeconds() : time.getSeconds();
let dateTime = `${year}-${month}-${day} ${hour}:${min}:${sec}`; //+year + month + day + hour + min + sec;
return dateTime;
},
},
};
</script>
<style lang="less">
.crossCont_item_warp .closeCross {
position: absolute;
right: -0.1153rem;
top: 0.1153rem;
font-size: 0.1268rem;
color: white;
cursor: pointer;
}
.crossCont_item_warp .cross_title {
color: #000;
font-size: 0.1844rem;
text-align: center;
line-height: 0.4034rem;
height: 0.4034rem;
}
.crossCont_item_warp .cross_sketch {
background: #fff;
height: 3rem;
width: 100%;
}
.crossCont_item_warp .cross_phase {
height: 60px;
margin: 5px 0;
display: flex;
}
.crossCont_item_warp .cross_phase .phase_item {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.crossCont_item_warp .cross_phase .phase_item .phase_car_box {
margin-bottom: -10px;
padding: 15px 0 0 18px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.crossCont_item_warp .cross_phase .phase_item .phase_car_box img {
max-height: 40px;
margin-top: -24px;
margin-left: -24px;
}
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_34,
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_78 {
display: block;
}
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_34 img,
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_78 img {
display: block;
height: 0.2rem;
width: auto;
margin-top: 0.033rem;
flex: inherit;
margin: 0 auto;
}
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_12 img,
.crossCont_item_warp .cross_phase .phase_item .phase_car_box.phase_case_56 img {
max-width: 0.2rem;
}
.crossCont_item_warp .cross_lamp {
height: 0.3458rem;
display: flex;
margin-top: 0.0576rem;
}
.crossCont_item_warp .cross_lamp .lamp_item {
display: flex;
color: #000000;
font-size: 0.1844rem;
height: 0.2536rem;
position: relative;
display: flex;
cursor: pointer;
}
.crossCont_item_warp .cross_lamp .lamp_item .lamp_step {
font-size: 0.1844rem;
height: 0.2536rem;
position: relative;
display: flex;
}
.crossCont_item_warp .cross_lamp .lamp_step.lamp_step_green {
background: #1dce92;
}
.crossCont_item_warp .cross_lamp .lamp_step.lamp_step_yellow {
background: #fff636;
}
.crossCont_item_warp .cross_lamp .lamp_step.lamp_step_red {
background: #c66d67;
}
.crossCont_item_warp .cross_lamp .lamp_item p {
text-align: center;
line-height: 6px;
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 101;
}
.crossCont_item_warp .cross_lamp .lamp_item .activeLamp {
width: calc(100% + 0.05rem);
height: calc(100% + 0.05rem);
position: absolute;
left: -0.05rem;
top: -0.05rem;
background: transparent;
z-index: 999;
border: 0.052rem solid #1ef4ab;
}
.crossCont_item_warp .cross_lamp .lamp_item.lamp_on_green .activeLamp {
border: 0.052rem solid #1ef4ab;
}
.crossCont_item_warp .cross_lamp .lamp_item.lamp_on_yellow .activeLamp {
border: 0.052rem solid #fff636;
}
.crossCont_item_warp .cross_lamp .lamp_item.lamp_on_red .activeLamp {
border: 0.052rem solid #c66d67;
}
</style>
import { init } from '../../common/js/singal/websocket'
export default {
data() {
return {
websocket: null,
websocketData: {},
activePhaseId: '',
runMode: '',
}
},
methods: {
// BASE_URL: 'ws://10.102.1.181:9000/holows/subscribe', // 实时轨迹
// CROSS_CONTROL: 'ws://10.102.1.181:32000/utc/signalStatus/', // 济南
getCrossWs() {
this.websocket = init({
url: `ws://${window.wsHost}/utc/signalStatus/${this.crossId},${this.wsType}`,
callBack: (res) => {
this.websocketData = res[0]
this.activePhaseId = this.websocketData.phaseId
this.runMode = this.websocketData.runMode
this.websocketData.dirLampGroupMap = {};
this.websocketData.dirLampGroupMapList.forEach(item => {
const dir = item.dir;
this.websocketData.dirLampGroupMap[dir] = {};
item.turnList.forEach(turnItem => {
this.websocketData.dirLampGroupMap[dir][turnItem.turn] = turnItem.color;
});
});
},
})
},
// //获取路口灯态
// getCrossSignalLampState() {
// var _this = this;
// var url = this.WebSocketLampState + this.crossId;
// if ("WebSocket" in window && url) {
// if (this.websocket) {
// this.websocket.close();
// }
// _this.websocket = new WebSocket(url);
// _this.websocket.onopen = function () {
// // Web Socket 已连接上,使用 send() 方法发送数据
// //ws.send("发送数据");
// };
// _this.websocket.onmessage = function (evt) {
// if (evt.data == "连接成功") {
// return;
// }
// _this.websocketData = JSON.parse(evt.data)[0];
// console.log(_this.websocketData);
// var data = JSON.parse(evt.data)[0];
// var activePhaseId = data.phaseId;
// _this.activePhaseId = activePhaseId;
// _this.runMode = data.runMode || data.runMode;
// return false;
// };
// _this.websocket.onclose = function () {
// _this.createSignalInfoWebSocket();
// };
// _this.websocket.onerror = function () {
// _this.createSignalInfoWebSocket();
// };
// }
// },
// createSignalInfoWebSocket() {
// if (this.SignalInfoLockReconnectc) {
// return;
// }
// this.SignalInfoLockReconnectc = true;
// //没连接上会一直重连,设置延迟避免请求过多
// this.webScoketTimec && clearTimeout(this.webScoketTimec);
// this.webScoketTimec = setTimeout(() => {
// this.getCrossSignalLampState();
// this.SignalInfoLockReconnectc = false;
// }, 1000);
// },
},
}
<template>
<div class="tableLayout2">
<iov-breadcrumb ></iov-breadcrumb>
<div class="layoutContainer">
<div class="right">
<slot name="rightbox"></slot>
</div>
<div class="bottom">
<slot name="bottomtbox"></slot>
</div>
<div class="layoutContainerFlex">
<div class="layoutFlex" id="layoutFlex">
<div class="treeContainer" :class="{ collapsed: collapsed }">
<div class="tapContainer">
<!-- <div class="tap" @click="clickCollapsed" ></div> -->
<img class="lefttap" v-if="!this.collapsed" @click="clickCollapsed" src="/cdn/icon/resources/arrowleft.svg" />
<img class="lefttap" v-else @click="clickCollapsed" src="/cdn/icon/resources/arrowright.svg" />
</div>
<div v-show="collapsed==false" >
<form>
<slot name="form"></slot>
</form>
<table>
<slot name="table"></slot>
</table>
<slot></slot>
</div>
</div>
</div>
<div class="tableContainer" >
<div class="tableContainerFlex" :style="{ width: getWidth + 'px' }">
<slot name="container"></slot>
</div>
<div style="position: absolute;right:0px;bottom:0px; z-index:2;">
<slot name="containerPopup" v-show="isContainerPopup"></slot>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
},
data() {
return {
collapsed: true,
isContainerPopup:true,
getWidth:"",
hidden:"hidden",
loading:null
};
},
created() {
this.collapsed = false;
// this.getWidthFun();
},
watch:{
getWidth: {
handler(newVal) {
// console.log("newval", newVal)
// console.log("this.collapsed", this.collapsed)
// console.log("this.getWidth", this.getWidth)
},
deep: true
}
},
methods: {
openLoading(){
this.loading = this.$loading({
lock: true,//lock的修改符--默认是false
text: 'Loading',//显示在加载图标下方的加载文案
spinner: 'el-icon-loading',//自定义加载图标类名
background: 'rgba(255, 255, 255, 1)',//遮罩层颜色
target: document.querySelector('#layoutFlex')//loadin覆盖的dom元素节点
})
},
closeLoading(){
this.loading.close()
},
treeClick(data, node) {
this.$emit("tree-click", data, node);
},
search(data) {
this.$emit("tree-search", data);
},
setFirstTreeNode() {
return this.treeData[0];
},
getTreeObj() {
return this.$refs.tree.getTreeObj();
},
clickCollapsed() {
this.collapsed = !this.collapsed
this.$emit("getCollapsedVal",this.collapsed)
// this.getWidthFun()
}
}
};
</script>
<style lang="less">
.edit_mapbox .mapabcgl-ctrl-top-right .mapabcgl-ctrl{
margin-top:60px;
}
.area_mapbox .mapabcgl-ctrl-top-right .mapabcgl-ctrl{
margin-top:60px;
}
.wizard_mapbox .mapabcgl-ctrl-top-right .mapabcgl-ctrl{
margin-top:60px;
}
.high_map_load{
position: absolute;
width: 100%;
height: 32px;
top: 10px;
right: 0;
z-index: 50;
color: #333;
text-align: right;
.map-buttons {
// width: 500px;
height: 28px;
position: absolute;
top: 1px;
right: 0px;
z-index: 10;
}
}
.layoutFlex{
display: flex;
justify-content: flex-start;
position: relative;
z-index: 100;
background: #fff;
}
.marginTop{
clear: both;
width: calc(100% - 20px);
margin-top: 10px;
margin-left: 10px;
}
.tableLayout2 {
height: 100%;
width: 100%;
display: flex;
overflow: hidden;
flex-direction: column;
.layoutContainer {
height: 0;
flex: auto;
position: relative;
.layoutContainerFlex {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
.treeContainer {
height: 100%;
width: 360px;
position: relative;
transition: all 0.1s linear;
border-right: 1px solid #dcdcdc;
.tapContainer {
position: absolute;
top: calc(50% - 20px);
right: -17px;
height: 40px;
width: 18px;
z-index: 999;
overflow: hidden;
.lefttap{
height: 100%;
width: 100%;
cursor: pointer;
}
.tap {
height: 100%;
width: 100%;
color: #ddd;
box-shadow: 0 0 8px #ddd;
border: 1px solid #ddd;
cursor: pointer;
position: relative;
opacity: 0.2;
transition: all linear 0.1s;
background: #666;
}
.tap:after,
.tap:before {
content: "";
display: block;
height: 3px;
width: 10px;
background: #ddd;
position: absolute;
left: 3px;
}
.tap:before {
top: 14px;
transform: rotate(-45deg);
}
.tap:after {
bottom: 15px;
transform: rotate(45deg);
}
}
.tapContainer:hover {
.tap {
opacity: 1;
}
}
}
.treeContainer.collapsed {
width: 0;
.stms-tree {
display: none;
}
.tapContainer {
right: -17px;
.tap {
right: 0;
}
.tap:before {
transform: rotate(45deg);
}
.tap:after {
transform: rotate(-45deg);
}
}
}
.tableContainer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
.tableContainerFlex {
width: 100%;
height: 100%
}
}
}
}
.iov-content {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.iov-tool {
padding: 10px 20px 0;
.el-button {
i {
margin-left: 5px;
}
}
.split {
float: left;
height: 100%;
width: 1px;
background: #eee;
margin: 0 25px;
}
.el-input {
width: 250px;
float: right;
}
.template-tab {
margin-top: -10px;
}
}
.iov-table {
flex: auto;
position: relative;
padding: 10px 20px;
.stms-scrollbar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
}
}
</style>
<template>
<div
v-loading="loading"
element-loading-text="数据加载中..."
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<div style="position: relative; width: 100%; height: 100%">
<path-map
@mapLoad="mapLoad"
mapId="pathMapCtrl"
ref="pathMap"
:eventTargetVehicleGlobalId="eventTargetVehicleGlobalId"
@timeChange="timeChange"
:speed="speedValue"
:filterType="filterType"
></path-map>
<div v-show="showTimeStamp" class="pathMapTimestamp">
{{ currentTimestamp }}
</div>
<div v-show="showSlider" class="slider-box">
<i
class="slider-icon"
@click="playClick"
:style="`cursor:${duration == 0 ? 'not-allowed' : 'pointer'}`"
:class="{ active: playFlag }"
></i>
<el-slider
ref="sliderRef"
v-model="currentTime"
:disabled="duration === 0"
:min="0"
:max="duration"
:show-tooltip="false"
@mousedown="handleMouseDown"
@mouseup="handleMouseUp"
@change="handleTimeChange"
></el-slider>
<div class="timeDurationSpend">
{{ formatTime(Math.round(currentTime / 1000)) }} /
{{ formatTime(Math.round(duration / 1000)) }}
</div>
<el-select v-model="speedValue" class="ctrl-select">
<el-option
v-for="(item,index) of speeds"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</div>
<div class="point-check" @click="heatMapAnalysis" v-if="showFilter">
{{ this.heatShow ? "隐藏交织点" : "交织点分析" }}
</div>
<div class="type-check" v-if="showFilter">
<div class="filter-title">轨迹回放</div>
<div class="type-check-inner">
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="checkAllChange"
>全选</el-checkbox
>
<el-checkbox-group
v-model="checkedTypes"
@change="handleCheckedChange"
style="display: flex; flex-direction: column"
>
<el-checkbox v-for="(item,index) of types" :label="item" :key="index">{{
item
}}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</template>
<script>
let pMap = null;
let protobuf = require("protobufjs");
let pako = require("pako");
let FrameList;
protobuf.load("../wj-manage-web/RealtimeCarInfo.proto", (event, root) => {
FrameList = root.lookupType("com.wanji.holo.proto.FrameList");
});
const typeOptions = ["不流畅车", "减速车", "直行汇车", "右转汇车"];
import pathMap from "./mapComponent.vue";
import * as trackApi from "../../dao/historyTrack";
import * as mapTools from "../../utils/mapboxTools";
import { orgConflict } from "../../dao/organization";
export default {
name: "pathMapCtrl",
components: { pathMap },
data() {
return {
filterType: null,
checkAll: true,
checkedTypes: typeOptions,
types: typeOptions,
isIndeterminate: false,
speeds: [
{ value: 0.25, label: "x 0.25" },
{ value: 0.5, label: "x 0.5" },
{ value: 1, label: "正常速度" },
{ value: 1.5, label: "x 1.5" },
{ value: 2, label: "x 2" },
],
speedValue: 1,
currentTime: 0,
playFlag: false,
duration: 0,
playTimer: null,
loading: false,
timeShouldChange: true,
heatShow: false,
currentLocalTime: 0,
currentRequestTime: {
startTime: 0,
endTime: 0,
},
lastRequestParams: {},
lastRequestApi: "",
currentPage: 1,
totalPage: 0,
trackStartTime: "",
};
},
computed: {
showSlider() {
return this.showCtrl && this.duration;
},
currentTimestamp() {
return new Date(this.currentLocalTime).toLocaleString();
},
showTimeStamp() {
if (this.showTime) {
if (this.currentLocalTime != 0) {
return true;
}
}
},
mainParam() {
return {
startTime: this.params.startTime,
endTime: this.params.endTime,
crossId: this.params.crossId,
};
},
},
props: {
showTime: {
type: Boolean,
default: () => {
return false;
},
},
showFilter: {
type: Boolean,
default: () => {
return false;
},
},
showCtrl: {
type: Boolean,
default: () => {
return true;
},
},
// 接口请求参数
params: {
type: Object,
default: () => {
return {
startTime: "2023-10-19 07:00:00",
endTime: "2023-10-19 07:15:00",
crossId: "13NGH0B5RC0",
};
},
},
// 接口名称 对应 dao/historyTrack.js
apiName: {
type: String,
default: () => {
return "vehicleTrack";
},
},
eventTargetVehicleGlobalId: {
type: String,
default: () => {
return "";
},
},
},
mounted() {
const sliderElement = this.$refs.sliderRef.$el;
sliderElement.addEventListener("mouseup", this.handleMouseUp);
sliderElement.addEventListener("mousedown", this.handleMouseDown);
this.$EventBus.$on("refreshHeatMap", (data) => this.refreshHeatMap(data));
this.$EventBus.$on("removeHeatMap", () => this.refreshHeatMap([]));
},
beforeDestroy() {
this.$EventBus.$off("refreshHeatMap");
this.$EventBus.$off("removeHeatMap");
},
watch: {
apiName(val) {
if (val !== "vehicleTrack") {
this.filterType = null;
}
},
},
methods: {
locate(center) {
pMap?.flyTo({
center: center,
zoom: 17.1,
});
},
mapLoad(map) {
pMap = map;
},
removeLayers(name) {
if (pMap && pMap.getLayer(name)) {
pMap.removeLayer(name);
}
},
//=====================================================================交织点相关逻辑
// 更新交织点热力图
refreshHeatMap(tableData) {
let features = [];
for (let item of tableData) {
features.push(turf.point([item.lng, item.lat], item));
}
mapTools.addOrUpdateEventHeat(pMap, turf.featureCollection(features));
},
// 交织点分析
heatMapAnalysis() {
// 如果请求展示热力图
if (!this.heatShow) {
this.loading = true;
orgConflict({
crossId: this.params.crossId,
startDate: this.params.startTime,
endDate: this.params.endTime,
}).then((res) => {
this.loading = false;
console.log("交织点分析", res);
if (res.content && res.content.length) {
this.heatShow = true;
let geo = this.convertPointJsonToGeo(res.content);
mapTools.addOrUpdateEventHeat(pMap, geo);
} else {
ELEMENT.Message("当前时段暂无交织点信息");
}
});
} else {
this.removeLayers("eventHeat");
this.heatShow = false;
}
},
convertPointJsonToGeo(array) {
let features = [];
for (let item of array) {
features.push(turf.point([item.lng, item.lat], item));
}
return turf.featureCollection(features);
},
//====================================================================================
//=====================================================================车辆筛选相关逻辑
checkAllChange(val) {
this.checkedTypes = val ? typeOptions : [];
this.isIndeterminate = false;
this.refreshPathFilter();
},
handleCheckedChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.types.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.types.length;
this.refreshPathFilter();
},
// 更新 轨迹的 filter
refreshPathFilter() {
let typeMap = {
不流畅车: "1",
减速车: "2",
右转汇车: "3",
直行汇车: "4",
};
console.log(this.checkedTypes);
let types = [];
for (let item of this.checkedTypes) {
types.push(typeMap[item]);
}
this.filterType = types;
},
//====================================================================================
handleMouseDown() {
this.timeShouldChange = false;
},
handleMouseUp() {
// 鼠标按下拖动时暂停currentTime改变
this.timeShouldChange = true;
},
timeChange(getTime) {
this.currentLocalTime = getTime;
let spend = getTime - new Date(this.trackStartTime).getTime();
// timeShouldChange 防止拖动 slider 时 时间改变导致覆盖了拖动赋值
this.timeShouldChange && (this.currentTime = spend);
},
clearMap() {
this.$refs.pathMap?.clearAll();
this.$nextTick(() => {
this.duration = 0;
this.currentTime = 0;
});
},
questTrack(isReplay) {
trackApi[this.apiName]({
pageNum: isReplay ? 1 : this.currentPage,
pageSize: 1,
...this.params,
}).then((res) => {
this.loading = false;
this.lastRequestParams = this.params;
this.lastRequestApi = this.apiName;
if (res) {
let data = pako.inflate(res); // pako解压为protobuf
if (data) {
let realData = FrameList.decode(data); // protobuf根据定义类型转json
let page = realData.pageInfo;
this.totalPage = page.totalPageNum;
let frameInfo = realData.frameInfo;
if (isReplay) {
this.trackStartTime = new Date(frameInfo[0].frameTime).getTime();
this.$refs.pathMap?.clearAll();
}
this.$EventBus.$emit("fullTrack", frameInfo);
console.log("frameInfo...", frameInfo);
// 计算返回数据的总时长
let pStartTime = isReplay
? new Date(frameInfo[0].frameTime).getTime()
: this.trackStartTime;
let pEndTime = new Date(
frameInfo[frameInfo.length - 1].frameTime
).getTime();
this.duration = pEndTime - pStartTime;
console.log("this.duration", this.duration);
if (isReplay) {
this.$nextTick(() => {
this.$refs.pathMap.render();
this.playFlag = true;
});
}
setTimeout(() => {
this.getTracksAndPlay();
}, 1000);
} else {
// this.$message("暂无轨迹数据");
}
} else {
// this.$message("暂无轨迹数据");
}
});
},
getTracksAndPlay() {
// 如果上次请求的startTime endTime crossId apiName 与本次请求的相同,则 pageNum++继续请求
if (
JSON.stringify(this.lastRequestParams) == JSON.stringify(this.params) &&
this.lastRequestApi == this.apiName
) {
console.log(this.currentPage, this.totalPage, "继续请求");
// 如果pageNum 小于 total 则继续请求
if (this.currentPage < this.totalPage) {
this.currentPage = this.currentPage + 1;
this.questTrack();
}
// 否则 表示已经分页请求完成
}
// 否则 clear, 重新请求
else {
console.log("api || 时间不符, 清理重新请求");
this.clearMap();
this.currentPage = 1;
setTimeout(() => {
this.loading = true;
this.questTrack(true);
}, 100);
}
},
playClick() {
if (this.duration == 0) return;
this.playFlag = !this.playFlag;
this.playFlag
? this.$refs.pathMap.continuePlay()
: this.$refs.pathMap.pause();
},
handleTimeChange(value) {
if (value) {
const time = Math.floor(value);
this.currentTime = time;
this.$refs.pathMap.timeTo(value);
}
},
formatTime(time) {
// 格式化时间的方法,将时间转换成分钟和秒钟的形式
const minutes = Math.floor(time / 60);
const seconds = Math.floor(time % 60);
return `${minutes < 10 ? "0" + minutes : minutes}:${
seconds < 10 ? "0" + seconds : seconds
}`;
},
},
};
</script>
<style>
.mapboxgl-ctrl-attrib {
display: none;
}
</style>
<style lang="less" scoped>
.point-check {
position: absolute;
right: 112px;
top: 15px;
font-size: 12px;
border-radius: 1px;
background: rgba(24, 144, 255, 0.15);
width: 92px;
height: 28px;
border: 1px solid rgba(24, 144, 255, 1);
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
color: rgba(24, 144, 255, 1);
font-size: 14px;
font-weight: 700;
}
.point-check:hover {
background: rgba(24, 144, 255, 0.5);
}
.type-check {
position: absolute;
right: 15px;
top: 15px;
font-size: 12px;
margin-left: 14px;
width: 92px;
::v-deep .el-checkbox__label {
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
line-height: 17px;
}
::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {
color: rgba(255, 255, 255, 0.8);
}
.type-check-inner {
width: 100%;
padding: 10px;
background-color: rgba(10, 33, 69, 0.67);
}
.filter-title {
display: flex;
align-items: center;
justify-content: center;
border-radius: 1px;
margin-bottom: 8px;
width: 92px;
height: 28px;
background: rgba(255, 120, 23, 0.15);
color: rgba(179, 100, 77, 1);
border: 1px solid rgba(179, 100, 77, 1);
font-size: 14px;
font-weight: 700;
}
}
.pathMapTimestamp {
position: absolute;
left: 12px;
top: 8px;
color: white;
z-index: 9;
}
.slider-box {
position: absolute;
display: flex;
align-items: center;
width: 95%;
height: 48px;
left: 50%;
bottom: 15px;
padding: 0 16px;
transform: translateX(-50%);
background: url("../../assets/images/signal/map-slider-bg.png")
no-repeat;
background-size: 100% 100%;
.el-slider {
padding: 0 8px;
width: calc(100% - 95px - 95px - 24px - 12px - 6px);
margin: 0 6px;
}
.timeDurationSpend {
color: white;
width: 95px;
white-space: nowrap;
margin-right: 6px;
}
.slider-icon {
display: inline-block;
width: 24px;
height: 24px;
cursor: pointer;
background: url("../../assets/images/signal/play-icon.svg") no-repeat;
background-size: 100% 100%;
&.active {
background: url("../../assets/images/signal/play-icon-active.svg")
no-repeat;
background-size: 100% 100%;
}
}
.ctrl-select {
height: 24px;
width: 95px;
::v-deep .el-input__inner {
height: 24px;
line-height: 24px;
padding: 0 8px;
}
::v-deep .el-input__icon {
height: 24px;
line-height: 24px;
}
}
}
</style>
\ No newline at end of file
<template>
<div style="height: 100%" :id="mapId"></div>
</template>
<script>
let map;
let vehicleModelTypes = {},
fullTrack = [],
dillPath = [],
lastFrame = { carInfo: [] };
import dict from "../../config/holo/dictionary";
// Point MultiPoint LineString MultiLineString Polygon MultiPolygon
export default {
name: "wMap",
props: ["mapId", "speed", "filterType", "eventTargetVehicleGlobalId"],
components: {},
data() {
return {
playStatus: false,
vehicleModelTypeNumber: 0,
};
},
mounted() {
this.initMap();
this.$EventBus.$on("fullTrack", (data) => {
fullTrack = [...fullTrack, ...data];
dillPath = [...dillPath, ...data];
});
},
methods: {
// 从轨迹数组中找到 离点击拖动获取的时间最近的那一项 的下标
getClosestIndex(arr, targetTime) {
let closestIndex = 0;
let closestDiff = Math.abs(
targetTime - new Date(arr[0].frameTime).getTime()
);
for (let i = 1; i < arr.length; i++) {
const diff = Math.abs(
targetTime - new Date(arr[i].frameTime).getTime()
);
if (diff < closestDiff) {
closestDiff = diff;
closestIndex = i;
}
}
return closestIndex;
},
// 定位到某一个时间
timeTo(timestamp) {
let realTimeStamp =
new Date(fullTrack[0].frameTime).getTime() + timestamp;
let index = this.getClosestIndex(fullTrack, realTimeStamp);
dillPath = fullTrack.slice(index);
// this.continuePlay();
},
pause() {
this.playStatus = false;
},
continuePlay() {
this.playStatus = true;
this.renderPath();
},
// 取到数据 fullTrack 开始渲染
render() {
// console.log("before render", fullTrack);
dillPath = JSON.parse(JSON.stringify(fullTrack));
if (dillPath[0]?.carInfo?.length) {
this.playStatus = true;
// console.log("this.dill", fullTrack);
map.flyTo({
center: [
dillPath[0].carInfo[0].longitude,
dillPath[0].carInfo[0].latitude,
],
zoom: 19,
});
// 等待模型加载完成
let interval = setInterval(() => {
if (this.vehicleModelTypeNumber === 41) {
this.renderPath(true);
clearInterval(interval);
}
}, 500);
} else {
this.$message("暂无历史轨迹数据");
}
},
initMap() {
map = new mapboxgl.Map({
container: this.mapId,
style: map_config.MAP_STYLE,
center: map_config.MAP_CENTER,
zoom: map_config.MAP_ZOOM,
maxZoom: map_config.MAX_ZOOM,
pitch: map_config.MAP_PITCH,
});
map.on("style.load", () => {
this.$emit("mapLoad", map);
map.addLayer({
id: "vehicle3D",
type: "custom",
renderingMode: "3d",
onAdd: (map, mbxContext) => {
window.tb = new Threebox(map, mbxContext, {
defaultLights: true,
enableSelectingObjects: false,
});
let needDicts = ["CarType"];
let queue = [];
for (let item of needDicts) {
queue.push(
this.$store.dispatch("QUERY_DICT", {
type: item,
})
);
}
Promise.all(queue).then(() => {
for (let item of this.$store.state.dicts.CarType) {
let targetType = dict.carTypeGlbMap[item.code];
let options = {
obj: `gltf/car${targetType}.glb`,
type: "gltf",
units: "meters",
scale: 0.8,
adjustment: { x: 0.5, y: 1, z: -0.5 },
bbox: true,
};
window.tb.loadObj(options, (model) => {
vehicleModelTypes[`car${item.code}`] = model;
this.vehicleModelTypeNumber += 1;
});
}
});
},
render: function (gl, matrix) {
window.tb.update();
},
});
});
return map;
},
getMap() {
return map;
},
clearAll() {
this.playStatus = false;
window.tb?.clear(null, true);
dillPath = [];
fullTrack = [];
window.tb?.update();
},
hasDuplicate(arr1, arr2) {
const set1 = new Set(arr1);
return arr2.some((item) => set1.has(item));
},
renderPath(begin) {
// console.log(111, fullTrack);
if (this.playStatus) {
if (dillPath.length) {
// 筛选符合条件的车
// console.log("this.filterType", this.filterType);
let currentFrame = dillPath[0].carInfo;
if (this.filterType) {
currentFrame = [];
for (let item of dillPath[0].carInfo) {
let currentCarType = item.extendAttribute.motorBehaviorType
.slice(0, item.extendAttribute.motorBehaviorType.length - 1)
.split(",");
let haveDup = this.hasDuplicate(this.filterType, currentCarType);
if (haveDup) {
currentFrame.push(item);
}
}
}
let allData = this.diff(lastFrame.carInfo || [], currentFrame || []);
this.$emit("timeChange", new Date(dillPath[0].frameTime).getTime());
let timeDiff = 0;
if (!begin) {
timeDiff =
new Date(dillPath[0].frameTime).getTime() -
new Date(lastFrame.frameTime).getTime() >
1000
? 100
: new Date(dillPath[0].frameTime).getTime() -
new Date(lastFrame.frameTime).getTime();
}
timeDiff = timeDiff / this.speed;
lastFrame = Object.assign({}, dillPath[0], {
carInfo: currentFrame,
});
this.addDelUpdateVehicleModels(allData, timeDiff);
dillPath.shift();
if (!dillPath.length) {
window.tb.clear(null, true);
lastFrame = { carInfo: [] };
dillPath = JSON.parse(JSON.stringify(fullTrack));
}
setTimeout(() => {
this.renderPath(false);
}, timeDiff);
}
}
},
setModel(model, options, timeDiff) {
// 如果有目标车辆 则把目标车辆设置为红色
if (
this.eventTargetVehicleGlobalId &&
options.id == this.eventTargetVehicleGlobalId
) {
model.traverse((child) => {
if (child.isMesh && child.name.includes("_19")) {
child.material = child.material.clone();
child.material.color.set("#e43f32");
}
});
}
if (timeDiff === 0) {
model.setCoords([options.longitude, options.latitude]);
} else {
let timeDiffInterval = timeDiff / 4;
let midPoint = turf.midpoint(
[model.userData.data.longitude, model.userData.data.latitude],
[options.longitude, options.latitude]
);
let midBePoint = turf.midpoint(
[model.userData.data.longitude, model.userData.data.latitude],
midPoint.geometry.coordinates
);
let midAfPoint = turf.midpoint(midPoint.geometry.coordinates, [
options.longitude,
options.latitude,
]);
setTimeout(() => {
model.setCoords(midBePoint.geometry.coordinates);
}, timeDiffInterval);
// setTimeout(() => {
// model.setCoords(midPoint.geometry.coordinates);
// }, timeDiffInterval * 2);
setTimeout(() => {
model.setCoords(midAfPoint.geometry.coordinates);
}, timeDiffInterval * 3);
// setTimeout(() => {
// model.setCoords([options.longitude, options.latitude]);
// }, timeDiffInterval * 4);
}
model.userData.data = options;
// 闯红灯的非机动车高亮显示
if (
options.eventType == 25 &&
(options.originalType == 5 || options.originalType == 6)
) {
model.traverse((child) => {
if (child.isMesh && child.name.includes("_19")) {
child.material = child.material.clone();
child.material.color.set("#eb1c27");
}
});
}
model.setRotation({ x: 90, y: 360 - options.courseAngle - 90, z: 0 });
},
addDelUpdateVehicleModels(allData, timeDiff) {
if (window.tb && window.tb.world?.children) {
for (let item of allData) {
// 新增
if (item.dill === "add") {
let model =
vehicleModelTypes[`car${item.originalType}`].duplicate();
// 如果有目标车辆 则把目标车辆设置为红色
if (
this.eventTargetVehicleGlobalId &&
item.id == this.eventTargetVehicleGlobalId
) {
map?.setCenter([item.longitude, item.latitude]);
model.traverse((child) => {
if (child.isMesh && child.name.includes("_19")) {
child.material = child.material.clone();
child.material.color.set("#e43f32");
}
});
}
model.setCoords([item.longitude, item.latitude]);
model.userData.data = item;
model.setRotation({ x: 90, y: 360 - item.courseAngle - 90, z: 0 });
window.tb.add(model, item.id);
}
if (item.dill === "del") {
window.tb.clear(item.id, true);
}
if (item.dill === "com") {
for (let model of window.tb.world.children) {
if (model.userData.data?.id === item.id) {
this.setModel(model, item, timeDiff);
}
}
}
}
}
},
diff(oldData, newData) {
const add = newData.filter((e) => !oldData.find((c) => c.id === e.id));
const del = oldData.filter((e) => !newData.find((c) => c.id === e.id));
const com = newData.filter((e) => oldData.find((c) => c.id === e.id));
add.forEach((a) => (a.dill = "add"));
del.forEach((d) => (d.dill = "del"));
com.forEach((c) => (c.dill = "com"));
return [...add, ...del, ...com];
},
destroyMap() {
map?.remove();
map = null;
},
},
computed: {},
beforeDestroy() {
this.$EventBus.$off("fullTrack");
window.tb.dispose();
map?.remove;
map = null;
},
};
</script>
<template>
<div>
<el-tree
:check-strictly="checkStrictly"
:show-checkbox="showCheckbox"
empty-text="暂无数据"
:highlight-current = "highlightCurrent"
:default-expand-all = "defaultExpandAll"
:expand-on-click-node="expandOnClickNode"
:data="treeList"
:node-key="nodeKey"
:filter-node-method="filterNode"
@node-click="handleNodeClick"
@check="handleCheck"
:props="defaultProps"
:current-node-key="currentNodeKey"
:render-content="renderContent"
ref="tree">
<slot name="slotTree">
</slot>
</el-tree>
</div>
</template>
<script>
export default {
name: "index.vue",
props: {
//tree数据
treeList: {
type: Array
},
//自定义节点内容相关配置
defaultProps: {
type: Object,
default() {
return {
children: "children",
label: "label"
};
}
},
//唯一标识的属性
nodeKey: {
type: String,
default() {
return "id";
}
},
//选中节点
currentNodeKey:{
type:String
},
//是否默认展开所有节点
defaultExpandAll:{
type: Boolean,
default() {
return false
}
},
//树节点的内容区的渲染
renderContent :{
type:Object,
},
//节点是否高亮
highlightCurrent:{
type: Boolean,
default() {
return true
}
},
//是否显示复选框
showCheckbox:{
type: Boolean,
default() {
return false
}
},
//是否在点击节点的时候展开或者收缩节点(设置为false后,点击箭头才能展开收缩)
expandOnClickNode:{
type: Boolean,
default() {
return true
}
},
//在显示复选框的情况下,是否严格的遵循父子不互相关联的做法
checkStrictly: {
type: Boolean,
default() {
return false
}
},
},
data() {
return {
filterText:""
}
},
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
methods:{
//监听筛选
filterTree(data) {
this.filterText = data
},
//点击树节点
handleNodeClick(data,node) {
this.$emit("handleNodeClick", data,node);
},
//通过 node 获取节点
getCheckedNodes() {
this.$emit("getCheckedNodes", this.$refs.tree.getCheckedNodes())
},
//通过 key 获取节点
getCheckedKeys() {
this.$emit("getCheckedKeys", this.$refs.tree.getCheckedKeys())
},
//通过 node 设置节点 入参类型array
setCheckedNodes(arr) {
this.$refs.tree.setCheckedNodes(arr);
},
//通过 key 设置节点 入参类型array
setCheckedKeys(arr) {
this.$refs.tree.setCheckedKeys(arr);
},
//清空
resetChecked() {
this.$refs.tree.setCheckedKeys([]);
},
//点击复选框
handleCheck(checkedKeys,checkedNodes,halfCheckedKeys,halfCheckedNodes){
let params= {
checkedKeys,
checkedNodes,
halfCheckedKeys,
halfCheckedNodes
}
this.$emit("handleCheck", params);
},
// 触发页面显示配置的筛选
filterNode(value, data, node) {
// 如果什么都没填就直接返回
if (!value) return true;
// 如果传入的value和data中的label相同说明是匹配到了
if (data[this.defaultProps.label].indexOf(value) !== -1) {
return true;
}
// 否则要去判断它是不是选中节点的子节点
return this.checkBelongToChooseNode(value, data, node);
},
// 判断传入的节点是不是选中节点的子节点
checkBelongToChooseNode(value, data, node) {
const level = node.level;
// 如果传入的节点本身就是一级节点就不用校验了
if (level === 1) {
return false;
}
// 先取当前节点的父节点
let parentData = node.parent;
// 遍历当前节点的父节点
let index = 0;
while (index < level - 1) {
// 如果匹配到直接返回
if (parentData.data[this.defaultProps.label].indexOf(value) !== -1) {
return true;
}
// 否则的话再往上一层做匹配
parentData = parentData.parent;
index ++;
}
// 没匹配到返回false
return false;
},
}
}
</script>
<style scoped>
</style>
<template>
<div class="cameraVideo">
<video
style="width: 100%; height: 100%;object-fit: fill;"
@loadstart="loadstart($event)"
@canplay="canplay($event)"
class="videoControl"
muted
:id="ownVideoData.oid"
></video>
</div>
</template>
<script>
import { equip_camera } from "../../dao/situation";
import Videojs from "video.js";
import "./videojs-flvjs-plugin";
export default {
name: "cameraVideo",
props: ["videoData"],
watch: {},
data() {
return {
player: null,
ownVideoData:{}
};
},
methods: {
canplay() {
this.$emit("vidCanplay", this.ownVideoData);
},
loadstart() {},
loadVideo() {},
bindEvents() {},
handleErr() {},
pause() {},
destroy() {
if (this.player) {
this.player.dispose();
this.player = null;
}
},
},
mounted() {
this.ownVideoData = this.videoData
// m3u8
if (this.ownVideoData && this.ownVideoData.functionType == "99") {
setTimeout(() => {
// hls
this.player = Videojs(document.getElementById(this.ownVideoData.oid), {
autoplay: "muted", //自动播放
controls: false, //用户可以与之交互的控件
loop: true, //视频一结束就重新开始
fill: true,
techOrder: ["html5", "flvjs"], // 兼容顺序
html5: {
hls: {
withCredentials: true,
},
},
sources: [
{
src: `${this.ownVideoData.videoUrl}`,
type: "application/x-mpegURL",
// src: `111.mp4`,
},
],
});
this.player.on("playing", () => {
this.canplay();
});
this.player.on("error", (e) => {
console.log("hls error", e);
equip_camera().then((res) => {
let allCameras = res.content;
let targetCamera = allCameras.find((camera) => {
return camera.oid == this.ownVideoData.oid;
});
// this.destroy();
this.player.pause();
// this.player = null;
this.ownVideoData = targetCamera;
setTimeout(() => {
this.player.src([
{
src: targetCamera.videoUrl,
type: "application/x-mpegURL",
// src: `111.mp4`,
},
]);
this.player.on("playing", () => {
this.canplay();
});
}, 100);
});
});
}, 0);
}
// flv
else {
setTimeout(() => {
//flv
this.player = Videojs(document.getElementById(this.ownVideoData.oid), {
autoplay: "muted", //自动播放
controls: false, //用户可以与之交互的控件
loop: true, //视频一结束就重新开始4
fill: true,
techOrder: ["html5", "flvjs"], // 兼容顺序
flvjs: {
mediaDataSource: {
isLive: false,
cors: true,
withCredentials: false,
},
},
sources: [
{
src: this.ownVideoData.videoUrl,
type: "video/x-flv"
// src: `111.mp4`,
}
],
});
this.player.on("playing", () => {
this.canplay();
});
}, 0);
}
},
computed: {
},
beforeDestroy() {
this.destroy();
},
};
</script>
<style>
video {
width: 100% !important;
height: 100% !important;
}
</style>
<style lang="less" scoped>
.loading-mask {
border-radius: 4px;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(8, 22, 35, 0.7);
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
color: #fcfcfc;
}
.cameraVideo {
.videoControl {
object-fit: fill;
}
}
::v-deep .el-icon-loading {
position: absolute;
left: 30%;
top: -14px;
transform: translateX(-50%);
}
::v-deep .vjs-control-bar {
display: none !important;
}
::v-deep .vjs-big-play-button {
display: none !important;
}
::v-deep .vjs-control-text {
display: none !important;
}
::v-deep .vjs-text-track-display{
display: none !important;
}
::v-deep .vjs-modal-dialog{
display: none !important;
}
</style>
<template>
<div class="track3D-container" :id="cId"></div>
</template>
<script>
let viewer = null;
export default {
name: "cesiumMap",
props: ["cId", "loadTileset"],
components: {},
watch: {},
data() {
return {};
},
computed: {},
methods: {
loadMap() {
Cesium.Ion.defaultAccessToken =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1OWE5YzQ2ZS05NDYzLTQ3NTEtYTZhOC0yNDhmMmIyY2I5ZTAiLCJpZCI6MTA0MTAyLCJpYXQiOjE2ODU2MTMxOTB9.JxmgXnf8_-V1eM9we2W8VfiP37vyGMJJDSWF4Br6hKU";
viewer = new Cesium.Viewer(this.cId, {
contextOptions:{
requestWebgl2: true
},
msaaSamples:2,
// targetFrameRate: 30, // 目标帧率
animation: false, // 隐藏动画控件
baseLayerPicker: false, // 隐藏图层选择控件
fullscreenButton: false, // 隐藏全屏按钮
vrButton: false, // 隐藏VR按钮,默认false
geocoder: false, // 隐藏地名查找控件
homeButton: false, // 隐藏Home按钮
// infoBox: true, // 隐藏点击要素之后显示的信息窗口
infoBox: false, // 隐藏点击要素之后显示的信息窗口
sceneModePicker: false, // 隐藏场景模式选择控件
selectionIndicator: false, // 显示实体对象选择框,默认true
timeline: true, // 时间线控件
navigationHelpButton: false, // 隐藏帮助按钮
scene3DOnly: true, // 每个几何实例将只在3D中呈现,以节省GPU内存
shouldAnimate: true, // 开启动画自动播放
sceneMode: 3, // 初始场景模式 1:2D 2:2D循环 3:3D,默认3
requestRenderMode: true, // 减少Cesium渲染新帧总时间并减少Cesium在应用程序中总体CPU使用率
imageryProvider: false,
// 如场景中的元素没有随仿真时间变化,请考虑将设置maximumRenderTimeChange为较高的值,例如Infinity
// maximumRenderTimeChange: Infinity,
// shadows: true, // 阴影
// imageryProvider: new Cesium.UrlTemplateImageryProvider({
// url: cesium_config.baseMap,
// fileExtension: "png"
// }),
// imageryProvider:new Cesium.ArcGisMapServerImageryProvider({
// url: 'https://server.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
// }),
});
viewer.scene.globe.baseColor = Cesium.Color.fromCssColorString("#112e4a"); //改变空球的颜色
// 添加光源
viewer.scene.light = new Cesium.DirectionalLight({
direction: new Cesium.Cartesian3(0.354925, -0.890918, -0.283358),
intensity: cesium_config.tilesetIntensity || 0.5,
});
if (this.loadTileset) {
const tileset = new Cesium.Cesium3DTileset({
url: cesium_config.tile3dURL,
skipLevelOfDetail: true,
baseScreenSpaceError: 1024,
skipScreenSpaceErrorFactor: 16,
skipLevels: 1,
immediatelyLoadDesiredLevelOfDetail: false,
loadSiblings: false,
cullWithChildrenBounds: true,
dynamicScreenSpaceError: true,
dynamicScreenSpaceErrorDensity: 0.00278,
dynamicScreenSpaceErrorFactor: 4.0,
dynamicScreenSpaceErrorHeightFalloff: 0.25,
});
tileset.readyPromise.then(() => {
window.tileset = tileset;
this.$emit("tilesetReady");
//计算tileset的绑定范围
let boundingSphere = tileset.boundingSphere;
//计算中心点位置
let cartographic = Cesium.Cartographic.fromCartesian(
boundingSphere.center
);
//计算中心点位置的地表坐标
let surface = Cesium.Cartesian3.fromRadians(
cartographic.longitude,
cartographic.latitude,
0.0
);
console.log("tileset自身center : ", [
Cesium.Math.toDegrees(cartographic.longitude),
Cesium.Math.toDegrees(cartographic.latitude),
]);
// 偏移tileset到指定位置
let heightOffset = cesium_config.tilesetHeightOffset;
let x = Cesium.Math.toDegrees(cartographic.longitude);
let y = Cesium.Math.toDegrees(cartographic.latitude);
let offset = Cesium.Cartesian3.fromRadians(
cesium_config.tilesetOffsetX
? Cesium.Math.toRadians(x + cesium_config.tilesetOffsetX)
: cartographic.longitude,
cesium_config.tilesetOffsetY
? Cesium.Math.toRadians(y + cesium_config.tilesetOffsetY)
: cartographic.latitude,
heightOffset
);
let translation = Cesium.Cartesian3.subtract(
offset,
surface,
new Cesium.Cartesian3()
);
//tileset.modelMatrix转换
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
});
viewer.scene.primitives.add(tileset);
}
viewer.cesiumWidget.creditContainer.style.display = "none";
// 以下设置为了使cesium地图鼠标控制符合mapbox习惯
// 关闭双击事件
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
);
// 鼠标右键旋转
viewer.scene.screenSpaceCameraController.tiltEventTypes = [
Cesium.CameraEventType.RIGHT_DRAG,
];
// 中键滚动缩放
viewer.scene.screenSpaceCameraController.zoomEventTypes = [
Cesium.CameraEventType.WHEEL,
];
// 鼠标左键平移
viewer.scene.screenSpaceCameraController.rotateEventTypes = [
Cesium.CameraEventType.LEFT_DRAG,
];
viewer.scene.globe.enableLighting = true;
// 开启抗锯齿
viewer.scene.postProcessStages.fxaa.enabled = true
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
...cesium_config.center,
cesium_config.zoomHeight
),
orientation: {
heading: Cesium.Math.toRadians(0), // 旋转角度
pitch: Cesium.Math.toRadians(-90.0), // 相机方向
},
duration: 0.5,
});
return viewer;
},
},
mounted() {},
created() {},
beforeDestroy() {
viewer?.destroy();
},
};
</script>
<style>
.cesium-viewer-timelineContainer {
z-index: 15;
left: 625px !important;
width: 1025px !important;
bottom: 35px !important;
height: 40px !important;
}
.cesium-timeline-bar {
height: 30px;
}
.cesium-timeline-main {
height: inherit;
}
.cesium-timeline-trackContainer {
height: unset !important;
}
/* pop框css*/
.cesium-popup-panel {
opacity: 0.8;
position: absolute;
z-index: 0;
}
.cesium-popup-close-btn > svg:hover {
color: #00fcf9 !important;
}
.cesium-popup-close-btn > svg {
display: none;
user-select: auto;
color: #4674d6;
cursor: pointer;
width: 15px;
}
.cesium-viewer {
position: unset;
}
</style>
<template>
<div
class="loopVideo"
v-loading="videoLoading"
element-loading-text="加载中..."
v-show="videoUrl"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<video
:id="`historyVideoComponent${channel}`"
@canplay="videoCanPlay"
:autoplay="autoplay"
muted
controls
loop
class="videoControl"
ref="loopVideoPlayer"
>
<source :src="videoUrl" type="video/mp4" />
您的浏览器不支持 video 属性。
</video>
</div>
</template>
<script>
import { getEventVideo } from "../../dao/track";
export default {
name: "loopVideo",
props: {
channel: String,
timeModel: Object,
autoplay: Boolean,
},
data() {
return {
videoLoading: true,
videoUrl: null,
};
},
mounted() {
if (this.channel) {
console.log(
"loopVideo start and end",
this.replaceTimeGap(this.timeModel.startTime),
this.replaceTimeGap(this.timeModel.endTime)
);
this.getVideoStreamUrl();
}
},
methods: {
startPlay() {
document.getElementById(`historyVideoComponent${this.channel}`).play();
},
videoCanPlay() {
console.log("loop video canplay");
this.videoLoading = false;
this.$emit("videoReady", this.channel);
},
replaceTimeGap(time) {
return time
.toString()
.replaceAll("-", "_")
.replaceAll(" ", "_")
.replaceAll(":", "_");
},
destroy() {},
async getVideoStreamUrl() {
if (this.timeModel.startTime && this.timeModel.endTime) {
try {
const response = await getEventVideo({
channel: this.channel,
subtype: 0,
starttime: this.replaceTimeGap(this.timeModel.startTime),
endtime: this.replaceTimeGap(this.timeModel.endTime),
});
console.log("response", response);
this.videoUrl = response.content;
setTimeout(() => {
this.$refs.loopVideoPlayer.load();
}, 200);
} catch (error) {
console.error(`Failed to get video stream url: ${error}`);
}
} else {
console.log("no timerange...");
}
},
},
watch: {},
beforeDestroy() {
this.videoLoading = false;
},
};
</script>
<style lang="less" scoped>
.loopVideo {
height: 100%;
width: 100%;
.videoControl {
height: 100%;
width: 100%;
}
}
.loading-mask {
// position: absolute;
width: 100%;
height: 100%;
background-color: rgba(8, 22, 35, 0.7);
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #fcfcfc;
}
// ::v-deep .el-icon-loading {
// position: absolute;
// left: 30%;
// top: -14px;
// transform: translateX(-50%);
// }
</style>
<template>
<div class="track3D-container" :id="cId"></div>
</template>
<script>
let viewer = null;
export default {
name: "cesiumMap",
props: ["cId", "loadTileset"],
components: {},
watch: {},
data() {
return {};
},
computed: {},
methods: {
loadMap() {
Cesium.Ion.defaultAccessToken =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1OWE5YzQ2ZS05NDYzLTQ3NTEtYTZhOC0yNDhmMmIyY2I5ZTAiLCJpZCI6MTA0MTAyLCJpYXQiOjE2ODU2MTMxOTB9.JxmgXnf8_-V1eM9we2W8VfiP37vyGMJJDSWF4Br6hKU";
viewer = new Cesium.Viewer(this.cId, {
targetFrameRate: 30, // 目标帧率
animation: false, // 隐藏动画控件
baseLayerPicker: false, // 隐藏图层选择控件
fullscreenButton: false, // 隐藏全屏按钮
vrButton: false, // 隐藏VR按钮,默认false
geocoder: false, // 隐藏地名查找控件
homeButton: false, // 隐藏Home按钮
// infoBox: true, // 隐藏点击要素之后显示的信息窗口
infoBox: false, // 隐藏点击要素之后显示的信息窗口
sceneModePicker: false, // 隐藏场景模式选择控件
selectionIndicator: false, // 显示实体对象选择框,默认true
timeline: true, // 时间线控件
navigationHelpButton: false, // 隐藏帮助按钮
scene3DOnly: true, // 每个几何实例将只在3D中呈现,以节省GPU内存
shouldAnimate: true, // 开启动画自动播放
sceneMode: 3, // 初始场景模式 1:2D 2:2D循环 3:3D,默认3
requestRenderMode: true, // 减少Cesium渲染新帧总时间并减少Cesium在应用程序中总体CPU使用率
imageryProvider: false,
// 如场景中的元素没有随仿真时间变化,请考虑将设置maximumRenderTimeChange为较高的值,例如Infinity
// maximumRenderTimeChange: Infinity,
// shadows: true, // 阴影
// imageryProvider: new Cesium.UrlTemplateImageryProvider({
// url: cesium_config.baseMap,
// fileExtension: "png"
// }),
// imageryProvider:new Cesium.ArcGisMapServerImageryProvider({
// url: 'https://server.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
// }),
});
viewer.scene.globe.baseColor = Cesium.Color.fromCssColorString("#112e4a"); //改变空球的颜色
// 添加光源
viewer.scene.light = new Cesium.DirectionalLight({
direction: new Cesium.Cartesian3(0.354925, -0.890918, -0.283358),
intensity: cesium_config.tilesetIntensity || 0.5,
});
if (this.loadTileset) {
const tileset = new Cesium.Cesium3DTileset({
url: cesium_config.tile3dURL,
skipLevelOfDetail: true,
baseScreenSpaceError: 1024,
skipScreenSpaceErrorFactor: 16,
skipLevels: 1,
immediatelyLoadDesiredLevelOfDetail: false,
loadSiblings: false,
cullWithChildrenBounds: true,
dynamicScreenSpaceError: true,
dynamicScreenSpaceErrorDensity: 0.00278,
dynamicScreenSpaceErrorFactor: 4.0,
dynamicScreenSpaceErrorHeightFalloff: 0.25,
});
tileset.readyPromise.then(() => {
window.tileset = tileset;
this.$emit("tilesetReady");
//计算tileset的绑定范围
let boundingSphere = tileset.boundingSphere;
//计算中心点位置
let cartographic = Cesium.Cartographic.fromCartesian(
boundingSphere.center
);
//计算中心点位置的地表坐标
let surface = Cesium.Cartesian3.fromRadians(
cartographic.longitude,
cartographic.latitude,
0.0
);
console.log("tileset自身center : ", [
Cesium.Math.toDegrees(cartographic.longitude),
Cesium.Math.toDegrees(cartographic.latitude),
]);
// 偏移tileset到指定位置
let heightOffset = cesium_config.tilesetHeightOffset;
let x = Cesium.Math.toDegrees(cartographic.longitude);
let y = Cesium.Math.toDegrees(cartographic.latitude);
let offset = Cesium.Cartesian3.fromRadians(
cesium_config.tilesetOffsetX
? Cesium.Math.toRadians(x + cesium_config.tilesetOffsetX)
: cartographic.longitude,
cesium_config.tilesetOffsetY
? Cesium.Math.toRadians(y + cesium_config.tilesetOffsetY)
: cartographic.latitude,
heightOffset
);
let translation = Cesium.Cartesian3.subtract(
offset,
surface,
new Cesium.Cartesian3()
);
//tileset.modelMatrix转换
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
});
viewer.scene.primitives.add(tileset);
}
viewer.cesiumWidget.creditContainer.style.display = "none";
// 以下设置为了使cesium地图鼠标控制符合mapbox习惯
// 关闭双击事件
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
);
// 鼠标右键旋转
viewer.scene.screenSpaceCameraController.tiltEventTypes = [
Cesium.CameraEventType.RIGHT_DRAG,
];
// 中键滚动缩放
viewer.scene.screenSpaceCameraController.zoomEventTypes = [
Cesium.CameraEventType.WHEEL,
];
// 鼠标左键平移
viewer.scene.screenSpaceCameraController.rotateEventTypes = [
Cesium.CameraEventType.LEFT_DRAG,
];
viewer.scene.globe.enableLighting = true;
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
...cesium_config.center,
cesium_config.zoomHeight
),
orientation: {
heading: Cesium.Math.toRadians(0), // 旋转角度
pitch: Cesium.Math.toRadians(-90.0), // 相机方向
},
duration: 0.5,
});
return viewer;
},
},
mounted() {},
created() {},
beforeDestroy() {
viewer?.destroy();
},
};
</script>
<style>
.cesium-viewer-timelineContainer {
z-index: 15;
left: 625px !important;
width: 1025px !important;
bottom: 35px !important;
height: 40px !important;
}
.cesium-timeline-bar {
height: 30px;
}
.cesium-timeline-main {
height: inherit;
}
.cesium-timeline-trackContainer {
height: unset !important;
}
/* pop框css*/
.cesium-popup-panel {
opacity: 0.8;
position: absolute;
z-index: 0;
}
.cesium-popup-close-btn > svg:hover {
color: #00fcf9 !important;
}
.cesium-popup-close-btn > svg {
display: none;
user-select: auto;
color: #4674d6;
cursor: pointer;
width: 15px;
}
.cesium-viewer {
position: unset;
}
</style>
<template>
<div class="map_main">
<div :id="mapId" style="height: 100%;width:100%;"></div>
</div>
</template>
<script>
let map;
// Point MultiPoint LineString MultiLineString Polygon MultiPolygon
export default {
name: "wMap",
props: ["mapId"],
components: {},
data() {
return {};
},
mounted() {},
methods: {
initMap(option) {
// mapboxgl.accessToken = 'pk.eyJ1IjoibmluZ2x4IiwiYSI6ImNsYnlnM2s2ODBnNmIzcHBpbzY5aDh3bHAifQ.hQL4zLjBss5i4x-zuFp9tg'
let options = Object.assign(
{},
{
container: this.mapId,
style: map_config.MAP_STYLE,
center: map_config.MAP_CENTER,
zoom: map_config.MAP_ZOOM,
maxZoom: map_config.MAX_ZOOM,
pitch: map_config.MAP_PITCH,
},
option
);
map = new mapboxgl.Map(options);
return map;
},
destroyMap() {
map?.remove;
map = null;
},
},
computed: {},
beforeDestroy() {},
};
</script>
<style scoped>
.map_main {
height: 100%;
width: 100%;
position: relative;
background-color: #040d1c
}
</style>
<style>
.mapboxgl-ctrl-attrib {
display: none;
}
</style>
<template>
<div class="msg-card">
<div class="msg-card-title" :class="[{ long: long }, {}]" v-if="!noHeader">
<div class="text">
{{ title }}
</div>
</div>
<div :class="[noHeader ? 'msg-card-content-noHeader' : 'msg-card-content']">
<slot></slot>
</div>
</div>
</template>
<script>
export default {
name: "msg-card",
props: {
long: Boolean,
title: String,
subhead: String,
noHeader: Boolean,
},
computed: {},
};
</script>
<style lang="less" scoped>
.long {
background-image: url("../../assets/images/holo/bottomCartHead.png");
}
.text {
padding: 4px 0 4px 40px;
position: relative;
display: flex;
align-items: center;
font-size: 21px;
font-weight: 700;
color: white;
}
.right-text {
margin-left: 25px;
}
.msg-card {
width: 100%;
height: 100%;
.msg-card-title {
height: 45px;
font-weight: bold;
line-height: 38px;
padding-left: 6px;
width: 100%;
text-align: left;
background-image: url("../../assets/images/holo/msgCardHead.png");
background-size: 100% 100%;
}
.msg-card-content {
overflow-y: hidden;
padding: 10px 10px 0 10px;
background-size: 100% 100%;
height: calc(100% - 45px);
}
.msg-card-content-noHeader {
height: 100%;
overflow-y: hidden;
padding: 10px 10px 0 10px;
background-size: 100% 100%;
}
}
</style>
<template>
<div :class="{ hidden: hidden }" class="pagination-container">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
// import { scrollTo } from "@/utils/scroll-to";
export default {
name: "Pagination",
props: {
total: {
required: true,
type: Number,
},
page: {
type: Number,
default: 1,
},
limit: {
type: Number,
default: 20,
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50];
},
},
layout: {
type: String,
// default: "total, sizes, prev, pager, next, jumper",
default: " prev, pager, next",
},
background: {
type: Boolean,
default: true,
},
autoScroll: {
type: Boolean,
default: true,
},
hidden: {
type: Boolean,
default: false,
},
},
computed: {
currentPage: {
get() {
return this.page;
},
set(val) {
this.$emit("update:page", val);
},
},
pageSize: {
get() {
return this.limit;
},
set(val) {
this.$emit("update:limit", val);
},
},
},
methods: {
handleSizeChange(val) {
this.$emit("pagination", { page: this.currentPage, limit: val });
// if (this.autoScroll) {
// scrollTo(0, 800)
// }
},
handleCurrentChange(val) {
this.$emit("pagination", { page: val, limit: this.pageSize });
// if (this.autoScroll) {
// scrollTo(0, 800)
// }
},
},
};
</script>
<style scoped>
.pagination-container {
/*background: #fff;*/
padding: 8px 0px;
}
.pagination-container.hidden {
display: none;
}
</style>
\ No newline at end of file
<template>
<div class="msg-card">
<div class="msg-card-title" :class="[{ long: long }, {}]" v-if="!noHeader">
<div class="text">
{{ title }}
</div>
</div>
<div
:class="[
noHeader ? 'msg-card-content-noHeader' : 'msg-card-content',
'content',
]"
>
<slot></slot>
</div>
</div>
</template>
<script>
export default {
name: "simple-card",
props: {
long: Boolean,
title: String,
subhead: String,
noHeader: Boolean,
},
computed: {},
};
</script>
<style lang="less" scoped>
.text{
position: relative;
display: flex;
align-items: center;
}
.msg-card {
width: 100%;
height: 100%;
}
.msg-card-title {
// background-color: #165b9b;
background:linear-gradient(90deg, rgba(17, 88, 158, 0.45), rgba(17, 88, 158, 0));
border-left: 4px solid #1860a3;
height: 20px;
line-height: 20px;
padding-left: 15px;
font-size: 16px;
width: 100%;
text-align: left;
}
.long{
background-image: url('../../assets/images/holo/bottomCartHead.png');
}
.content {
overflow-y: hidden;
height: calc(100% - 20px);
padding: 5px 0;
}
.msg-card-content {
height: calc(100% - 20px);
}
.msg-card-content-noHeader {
height: 100%;
}
</style>
/**
* @file plugin.js
*/
import videojs from 'video.js';
import flvjs from 'flv.js';
const Html5 = videojs.getTech('Html5');
const mergeOptions = videojs.mergeOptions || videojs.util.mergeOptions;
const defaults = {
mediaDataSource: {},
config: {}
};
class Flvjs extends Html5 {
/**
* Create an instance of this Tech.
*
* @param {Object} [options]
* The key/value store of player options.
*
* @param {Component~ReadyCallback} ready
* Callback function to call when the `Flvjs` Tech is ready.
*/
constructor(options, ready) {
options = mergeOptions(defaults, options);
super(options, ready);
}
/**
* A getter/setter for the `Flvjs` Tech's source object.
*
* @param {Tech~SourceObject} [src]
* The source object you want to set on the `Flvjs` techs.
*
* @return {Tech~SourceObject|undefined}
* - The current source object when a source is not passed in.
* - undefined when setting
*/
setSrc(src) {
if (this.flvPlayer) {
// Is this necessary to change source?
this.flvPlayer.detachMediaElement();
this.flvPlayer.destroy();
}
const mediaDataSource = this.options_.mediaDataSource;
const config = this.options_.config;
mediaDataSource.type = mediaDataSource.type === undefined ? 'flv' : mediaDataSource.type;
mediaDataSource.url = src;
this.flvPlayer = flvjs.createPlayer(mediaDataSource, config);
this.flvPlayer.attachMediaElement(this.el_);
this.flvPlayer.load();
}
/**
* Dispose of flvjs.
*/
dispose() {
if (this.flvPlayer) {
this.flvPlayer.detachMediaElement();
this.flvPlayer.destroy();
}
super.dispose();
}
}
/**
* Check if the Flvjs tech is currently supported.
*
* @return {boolean}
* - True if the Flvjs tech is supported.
* - False otherwise.
*/
Flvjs.isSupported = function() {
return flvjs && flvjs.isSupported();
};
/**
* Flvjs supported mime types.
*
* @constant {Object}
*/
Flvjs.formats = {
'video/flv': 'FLV',
'video/x-flv': 'FLV'
};
/**
* Check if the tech can support the given type
*
* @param {string} type
* The mimetype to check
* @return {string} 'probably', 'maybe', or '' (empty string)
*/
Flvjs.canPlayType = function(type) {
if (Flvjs.isSupported() && type in Flvjs.formats) {
return 'maybe';
}
return '';
};
/**
* Check if the tech can support the given source
* @param {Object} srcObj
* The source object
* @param {Object} options
* The options passed to the tech
* @return {string} 'probably', 'maybe', or '' (empty string)
*/
Flvjs.canPlaySource = function(srcObj, options) {
return Flvjs.canPlayType(srcObj.type);
};
// Include the version number.
Flvjs.VERSION = '__VERSION__';
videojs.registerTech('Flvjs', Flvjs);
export default Flvjs;
<template>
<stms-scrollbar>
<div ref="mesTable" class="mes__table">
<span id="size" ref="size"></span>
<el-table
@expand-change="expand"
@cell-mouse-leave="move"
:data="tableData"
style="width:100%"
@selection-change="selectChange"
:stripe="!sampleColor"
:max-height="height"
v-loading="tableLoading"
element-loading-text="拼命加载中"
>
<el-table-column v-if="showCheckBox" type="selection" width="40"> </el-table-column>
<el-table-column type="index" label="序号" width="70" fixed></el-table-column>
<slot name="head"></slot>
<el-table-column
v-for="item in tableOption"
:key="item.id"
:prop="item.prop"
:label="item.label"
:min-width="item.width"
>
<!-- slot为true时进行自定义数据 -->
<template slot-scope="scope">
<slot v-if="item.slot" :name="item.prop" :row="scope.row"></slot>
<span v-else>{{ scope.row[item.prop] || "--" }}</span>
</template>
</el-table-column>
<slot name="prop"></slot>
<slot name="operationTool"></slot>
</el-table>
<el-pagination
background
v-if="pageSize"
@size-change="sizeChange"
@current-change="pageChange"
:current-page="pageNum"
:page-size="pageSize"
layout="sizes,total, prev, pager, next, jumper"
:total="total"
:pager-count="5"
></el-pagination>
</div>
</stms-scrollbar>
</template>
<script>
export default {
props: {
tableOption: {},
tableData: {},
tableLoading: {},
total: {},
pageNum: {},
pageSize: {},
pageChange: {},
sizeChange: {
// 分页条数自适应开启, 自动触发
required: true
},
showCheckBox: {},
maxHeight: {}
},
data() {
return {
height: this.maxHeight
};
},
mounted() {
for (const x of this.tableOption) {
const arr = this.tableData.map(val => {
const value = (val[x.prop] || "").toString();
const len1 = value.split(";").length - 1;
const len2 = value.split("&").length - 1;
this.$refs.size.innerHTML = value.replace(/[&;]/g, "");
return this.$refs.size.offsetWidth + 36 + len1 * 6 + len2 * 10;
});
this.$refs.size.innerHTML = x.label;
arr.push(this.$refs.size.offsetWidth + 57);
x.width = Math.max(...arr) + 20;
}
},
watch: {
tableData(curVal, oldVal) {
for (const x of this.tableOption) {
const arr = curVal.map(val => {
const value = (val[x.prop] || "").toString();
const len1 = value.split(";").length - 1;
const len2 = value.split("&").length - 1;
this.$refs.size.innerHTML = value.replace(/[&;]/g, "");
return this.$refs.size.offsetWidth + 36 + len1 * 6 + len2 * 10;
});
this.$refs.size.innerHTML = x.label;
arr.push(this.$refs.size.offsetWidth + 57);
x.width = Math.max(...arr) + 20;
}
if (!curVal.length && this.pageNum > 1) {
this.pageChange(this.pageNum - 1);
}
}
},
methods: {
selectChange(arr) {
const res = arr.map(val => val.id);
this.$emit("selectChange", res);
},
expand(row, expanded) {
this.$emit("expand", row, expanded);
},
// 鼠标悬浮出现名称
move(row, column, cell, event) {}
}
};
</script>
<style lang="less">
.mes__table {
padding: 11px 20px;
}
.mes__table .el-pagination {
margin-top: 10px;
text-align: end;
//float: right;
}
.mes__table #size {
position: absolute;
visibility: hidden;
opacity: 0;
}
.el-table-column--selection .cell {
padding-left: 16px;
padding-right: 10px;
}
.mes__table .mCSB_container_wrapper {
position: static;
}
.mes__table .el-table__fixed {
bottom: 0 !important;
}
.mes__table .el-table__fixed-right {
bottom: 0 !important;
right: 0 !important;
}
</style>
<template>
<div class="tableLayout">
<iov-breadcrumb v-if="!hideCrumb"></iov-breadcrumb>
<div class="layoutContainer">
<div class="layoutContainerFlex">
<div v-if="treeData" class="treeContainer" :class="{ collapsed: collapsed }">
<div class="tapContainer">
<!-- <div class="tap" @click="collapsed = !collapsed"></div> -->
<img class="lefttap" v-if="!this.collapsed" @click="collapsed = !collapsed" src="/cdn/icon/resources/arrowleft.svg" />
<img class="lefttap" v-else @click="collapsed = !collapsed" src="/cdn/icon/resources/arrowright.svg" />
</div>
<stms-list
v-if="treeStyle === 'list'"
:title="treeTitle"
:value="treeValue"
:data="computedTreeData"
@node-click="treeClick"
ref="tree"
>
<template slot="extra">
<slot name="extra"> </slot>
</template>
<template slot="tool">
<slot name="tool"> </slot>
</template>
</stms-list>
<stms-tree
v-else
:title="treeTitle"
:value="treeValue"
:data="computedTreeData"
@node-click="treeClick"
ref="tree"
>
<template slot="extra">
<slot name="extra"> </slot>
</template>
<template slot="tool">
<slot name="tool"> </slot>
</template>
</stms-tree>
</div>
<div class="tableContainer">
<div class="tableContainerFlex">
<slot name="container"></slot>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
treeValue: {
type: Object,
required: false,
default: null
},
treeTitle: {
type: String,
required: false,
default: ""
},
treeData: {
type: Array,
required: false,
default: function() {
return null;
}
},
// 支持default、metro、list三种风格
treeStyle: {
type: String,
required: false,
default: function() {
return "default";
}
},
hideCrumb: {
required: false,
type: Boolean,
default: false
}
},
computed: {
computedTreeData() {
if (this.treeStyle === "default") {
return [
{
name: this.treeTitle,
children: this.treeData
}
];
}
return this.treeData;
}
},
data() {
return {
collapsed: false
};
},
methods: {
treeClick(data) {
this.$emit("tree-click", data);
},
setFirstTreeNode() {
// const treeObj = this.$refs.tree.getTreeObj();
// const validNodes = treeObj.transformToArray(treeObj.getNodes()).filter(val => !val.disabled);
// // 设置默认节点
// for (const val of validNodes) {
// if (!val.disabled && !val.children) {
// treeObj.selectNode(val);
// return val;
// }
// }
// treeObj.selectNode(validNodes[0]);
// return validNodes[0];
return this.treeData[0];
},
getTreeObj() {
return this.$refs.tree.getTreeObj();
}
}
};
</script>
<style lang="less">
.tableLayout {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.layoutContainer {
height: 0;
flex: auto;
position: relative;
.layoutContainerFlex {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
.treeContainer {
height: 100%;
width: 360px;
position: relative;
transition: all 0.1s linear;
border-right: 1px solid #dcdcdc;
.tapContainer {
position: absolute;
top: calc(50% - 20px);
right: -17px;
height: 40px;
width: 18px;
z-index: 99;
overflow: hidden;
.lefttap{
height: 100%;
width: 100%;
cursor: pointer;
}
.tap {
height: 100%;
width: 100%;
color: #ddd;
box-shadow: 0 0 8px #ddd;
border: 1px solid #ddd;
cursor: pointer;
position: relative;
opacity: 0.2;
transition: all linear 0.1s;
background: #666;
}
.tap:after,
.tap:before {
content: "";
display: block;
height: 3px;
width: 10px;
background: #ddd;
position: absolute;
left: 3px;
}
.tap:before {
top: 14px;
transform: rotate(-45deg);
}
.tap:after {
bottom: 15px;
transform: rotate(45deg);
}
}
.tapContainer:hover {
.tap {
opacity: 1;
}
}
}
.treeContainer.collapsed {
width: 0;
.stms-tree {
display: none;
}
.tapContainer {
right: -17px;
.tap {
right: 0;
}
.tap:before {
transform: rotate(45deg);
}
.tap:after {
transform: rotate(-45deg);
}
}
}
.tableContainer {
width: 0;
flex: auto;
transition: all 0.1s linear;
display: flex;
flex: auto;
position: relative;
.tableContainerFlex {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
}
}
.iov-content {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
.iov-tool {
padding: 10px 20px 0;
.el-button {
i {
margin-left: 5px;
}
}
.split {
float: left;
height: 100%;
width: 1px;
background: #eee;
margin: 0 25px;
}
.el-input {
width: 250px;
float: right;
}
.template-tab {
margin-top: -10px;
}
}
.iov-table {
flex: auto;
position: relative;
padding: 10px 20px;
.stms-scrollbar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
}
}
</style>
<template>
<div style="width: 100%; height: 100%">
<div :id="echartsId" ref="echarts" style="width: 100%; height: 100%"></div>
</div>
</template>
<script>
export default {
name: "EchartsComponents",
data() {
return {
myChart: {},
};
},
watch: {
echartObj: {
//添加监听echartObj参数 修改自动刷新
handler(newVal, oldVal) {
//this.myChart.setOption(newVal || oldVal);
this.loadEchart()
},
deep: true, //对象内部属性的监听
},
},
props: {
echartObj: {
type: Object,
default() {
return {};
},
},
events: {
type: Function,
default() {
// console.log("echarts事件默认函数");
},
},
},
mounted() {
this.$nextTick(() => {
this.loadEchart();
});
},
methods: {
loadEchart() {
var _this = this;
this.myChart = echarts.init(document.getElementById(this.echartsId));
var myChart = this.myChart;
var echartObj = this.echartObj;
myChart.setOption(echartObj);
if(
Object.prototype.toString.call(echartObj.series) === "[object Object]"
) {
if(echartObj.series.type == "map") {
var events = this.events;
myChart.on("click", function(params) {
//点击事件
events(myChart, echartObj, params);
});
}
} else {
if(this.events){
this.myChart.on('click', this.events)
}
}
},
},
computed: {
echartsId() {
return "echarts" + Math.random() * 100000;
},
},
};
</script>
\ No newline at end of file
import Vue from 'vue'
// 引入组件
// 面包屑
import breadcrumb from "./Breadcrumb";
// 右侧表格容器
import tableLayout from "./TableLayout";
// 表格
import table from "./Table";
//引入tree
import regionTree from "./RegionTree"
// 导航
// import navigation from "./navigation";
// 注册全局组件
Vue.component("iov-breadcrumb", breadcrumb);
Vue.component("iov-table-layout", tableLayout);
Vue.component("iov-table", table);
Vue.component("re-tree", regionTree);
// Vue.component("iov-navigation", navigation);
<template>
<!-- <div
class="stms-framework-side-menu"
v-if="
(pathdata.hierarchy == 2 &&
pathdata.children.length > 0 &&
pathdata.children[0].url.indexOf(':') < 0) ||
pathActive.indexOf(':') != -1 ||
pathdata.hierarchy == 4
"
> -->
<div
class="stms-framework-side-menu"
v-if="pathdata.children && pathdata.children.length > 0"
>
<div class="head">
<span
:class="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'"
@click="isCollapse = !isCollapse"
></span>
</div>
<div class="menuBox">
<el-menu
:default-active="pathActive"
class="el-menu-vertical-demo"
:collapse="isCollapse"
@select="menuSwitch"
background-color="#324157"
text-color="#D0DEEA"
active-text-color="#409EFF"
>
<template v-for="item in pathdata.children">
<el-menu-item
v-if="item.children.length == 0"
:index="item.url"
:key="item.id"
>
<img :src="item.image" class="navIcon" />
<span>{{ item.name }}</span>
</el-menu-item>
<el-submenu v-else :index="item.url" :key="item.id">
<template slot="title">
<img v-if="item.image" :src="item.image" class="navIcon" />
<span>{{ item.name }}</span>
</template>
<template v-for="w in item.children">
<el-menu-item :index="w.url" :key="w.id">
<img v-if="w.image" :src="w.image" class="navIcon" />
<span>{{ w.name }}</span>
</el-menu-item>
</template>
</el-submenu>
</template>
</el-menu>
</div>
</div>
</template>
<script>
export default {
data() {
return {
isCollapse: false,
// pathActive:localStorage.getItem("pathActive") || "",
// pathdata:JSON.parse(localStorage.getItem("pathdata")) || {},
// pathList:JSON.parse(localStorage.getItem("pathList")) || [],
};
},
computed: {
pathdata() {
return this.$store.state.menudata.pathdata;
},
pathActive() {
return this.$store.state.menudata.pathActive;
},
pathList() {
return this.$store.state.menudata.pathList;
},
},
mounted() {},
methods: {
menuSwitch(url, keyPath) {
if (this.$route.path != url) {
let data = this.acquirePathData(this.pathList, url);
//这里反显左侧列表得高亮
this.pathActive = data.url;
//这里判断当前路由是否被重定向
this.$router.options.routes.forEach((item) => {
if (item.path == url) {
if (item.redirect) {
this.pathActive = item.redirect;
}
}
});
this.$store.commit("setPathActive", this.pathActive);
this.$router.push({ path: url, query: {} });
}
},
acquirePathData(datas, url) {
for (var i = 0; i < datas.length; i++) {
let item = datas[i];
if (item.url == url) {
return item;
}
if (item.children && item.children.length > 0) {
let res = this.acquirePathData(item.children, url);
if (res) return res;
}
}
},
},
};
</script>
<style lang="less">
.stms-framework-side-menu {
transition: all .2s linear;
background: #324157;
// z-index: 1001;
overflow-y: auto;
overflow-x: hidden;
>.head {
height: 50px;
width: 100%;
text-align: right;
padding: 15px 25px 15px 0;
float: left;
background-color: #030916;
border-bottom: 1px solid #1f2229;
}
}
</style>
\ No newline at end of file
<template>
<!-- 新建页面 -->
<el-dialog
id="preferences"
title="修改密码"
:append-to-body="true"
:visible.sync="show"
:close-on-click-modal="true"
v-drag
>
<!-- 新建表单 -->
<el-form
:model="form"
:rules="rules"
ref="form"
class="automargin"
status-icon
label-width="80px"
>
<el-form-item label="原密码" prop="pwd">
<el-input
v-model="form.pwd"
show-password="true"
placeholder="请输入原密码"
>
</el-input>
</el-form-item>
<el-form-item label="新密码" prop="newPwd">
<el-input
v-model="form.newPwd"
show-password="true"
placeholder="请输入新密码"
>
</el-input>
</el-form-item>
<el-form-item label="确认密码" prop="newPwd2">
<el-input
v-model="form.newPwd2"
show-password="true"
placeholder="请输入确认密码"
>
</el-input>
</el-form-item>
</el-form>
<!-- 确定按钮 -->
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="submit()">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
// 引入接口
// import { changePwd } from "./service";
// 构造表单
class Form {
constructor(data) {
this.pwd = ""; // 名称
this.newPwd = ""; // 键
this.newPwd2 = ""; // 值
}
}
export default {
data() {
const confirmPwd = (rule, value, callback) => {
// 键查重
if (value != this.form.newPwd) {
callback(new Error("两次输入密码不一致"));
} else {
callback();
}
};
return {
show: false,
form: [],
rules: {
pwd: [
{
required: true,
message: "请输入原密码",
},
],
newPwd: [
{
required: true,
message: "请输入新密码",
},
],
newPwd2: [
{
required: true,
message: "请输入确认密码",
},
{
validator: confirmPwd,
},
],
},
};
},
methods: {
// 页面获取时
getPage(data) {
this.form = new Form(data);
if (this.$refs.form) {
this.$refs.form.resetFields();
}
this.show = true;
},
// 页面提交
submit() {
this.$refs.form.validate((valid) => {
if (valid) {
// changePwd(this.form).then((res) => {
// // 调用接口
// if (res.status == "success") {
// // 成功
// this.$message({
// message: "修改密码成功",
// type: "success",
// });
// console.log("修改密码成功");
// this.show = false;
// } else {
// this.$message({
// // 失败
// message: res.message,
// type: "error",
// });
// console.log("修改密码失败");
// return;
// }
// });
} else {
return false;
}
});
},
},
};
</script>
<style scoped></style>
// .bp-management-navigator {
// width: 100%;
// height: 70px;
// z-index: 2;
// // background: #268aed;
// background: linear-gradient(180deg, rgba(12, 48, 89, 1) 0%, rgba(12, 48, 89, 0) 100%);
// color: #fff;
// display: flex;
// justify-content: space-between;
// .message {
// width: 340px;
// position: absolute;
// top: 30px;
// left: 50%;
// transform: translateX(-50%);
// color: #f56c6c;
// background-color: #fef0f0;
// padding: 16px;
// border: 2px solid #fde2e2;
// border-radius: 6px;
// }
// .logo {
// min-width: 80px;
// height: 100%;
// overflow: hidden;
// font: 400 18px 'PingFangSC-Light,PingFang SC', sans-serif;
// color: #fff;
// padding: 0 20px;
// letter-spacing: 2px;
// display: flex;
// align-items: center;
// img {
// width: 22px;
// margin-right: 20px;
// }
// }
// .menu {
// width: 0;
// flex: auto;
// height: 100%;
// }
// .switch {
// font-size: 20px;
// margin: 0 18px;
// height: 70px;
// padding: 0;
// }
// .loginBox {
// height: 100%;
// color: #000;
// width: 220px;
// .tool {
// height: 100%;
// width: 100%;
// line-height: 70px;
// vertical-align: top;
// position: relative;
// > span {
// color: #71aff2;
// font-size: 16px;
// margin: 0px 12px;
// cursor: pointer;
// }
// span#username {
// float: right;
// font-size: 14px;
// letter-spacing: 1px;
// margin-left: -5px;
// cursor: default;
// color: #e5eaf0;
// height: 100%;
// }
// .tool-nine {
// width: 230px;
// height: 70px;
// float: left;
// color: #ffffff;
// ul {
// li {
// float: left;
// margin-right: 12px;
// cursor: pointer;
// .mouseStyle {
// font-size: 24px;
// }
// .el-badge__content.is-fixed {
// top: 23px;
// }
// }
// }
// }
// }
// div.off {
// float: right;
// height: 100%;
// width: 60px;
// color: #e5eaf0;
// cursor: pointer;
// span:first-of-type {
// margin-right: 8px;
// cursor: pointer;
// }
// }
// }
// }
// .navWarp {
// width: 100%;
// height: calc(100% - 70px);
// background: rgb(223, 235, 252);
// .img {
// width: 100%;
// height: 100%;
// img {
// width: 100%;
// height: 100%;
// }
// }
// }
<template>
<div class="bp-management-navigator">
<div class="top-back" id="holo_main_header_title">{{ title }}</div>
<!-- <div class="user">-->
<!-- <div class="user-icon"></div>-->
<!-- <div class="user-text">{{ userInfo.name }}</div>-->
<!-- </div>-->
<el-dropdown @command="handleCommand" class="user">
<div class="el-dropdown-link">
<div class="user-icon"></div>
<div class="user-text">{{ userInfo.name }}</div>
</div>
<el-dropdown-menu slot="dropdown">
<!-- <el-dropdown-item command="changePwd">修改密码</el-dropdown-item>-->
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-menu
:default-active="pathActive"
class="el-menu-demo"
mode="horizontal"
background-color="transparent"
text-color="white"
active-text-color="#fff"
@select="handleSelect"
>
<template v-for="(item, index) in appList">
<!-- <el-menu-item :class="`demo${index}`" :index="item.url" :key="item.id"> -->
<el-menu-item
:class="[index > 3 ? 'fz' : 'norm', `demo${index}`]"
:index="item.url"
:key="item.id"
>
<span>{{ item.name }}</span>
</el-menu-item>
</template>
</el-menu>
<!-- 新建页面 -->
<!-- 门户选择框弹框
<portalSelect ref="portalSelect" @messageType="messageType"/>-->
<!-- 服务器异常提示弹框 -->
<div class="message active" v-if="show">× 服务器异常,请稍后重试</div>
<editpwd ref="editpwd_Form"></editpwd>
</div>
</template>
<script>
import AuthDao from "@/dao/auth";
import portalSelect from "@/components/portalSelect";
import editpwd from "./editpwd";
let timer = null;
export default {
name: "stms-navigator",
components: {
portalSelect,
editpwd,
},
props: {
},
data() {
return {
show: false,
userInfo: {
username: "",
},
appList: [],
};
},
computed: {
title() {
return map_config.SYS_TITLE;
},
pathActive() {
return this.$store.state.menudata.pathActive
},
},
mounted() {
localStorage.removeItem("pathdata");
localStorage.removeItem("pathActive");
localStorage.removeItem("pathList");
this.$store.state.menudata.pathdata = {};
this.$store.state.menudata.pathActive = "";
this.$store.state.menudata.pathList = [];
this.login();
this.queryApp();
this.$nextTick(() => {
document.getElementById(
"holo_main_header_title"
).style.fontSize = `${map_config.titleFontSize}`;
});
},
methods: {
handleCommand(e) {
if (e === "logout") {
this.logout();
} else {
this.changePwd();
}
},
back() {
window.location.href = "/#/navigation";
},
async login() {
try {
const response = await AuthDao.autoLogin();
const { content, status } = response.data;
if (status === "success") {
this.userInfo = content;
// console.log(this.userInfo);
localStorage.setItem("userId", content.id);
localStorage.setItem("username", content.username);
localStorage.setItem("role", content.role);
localStorage.setItem("adCode", content.adCode);
this.$emit("init");
} else {
__.url.redirectToLogin();
}
} catch {
__.url.redirectToLogin();
}
},
async logout() {
try {
const response = await AuthDao.logout();
const { content, status } = response.data;
if (status === "success") {
localStorage.removeItem("role");
localStorage.removeItem("adCode");
localStorage.removeItem("pathdata");
localStorage.removeItem("pathActive");
localStorage.removeItem("pathList");
__.url.redirectToLogin();
}
} catch {
__.url.redirectToLogin();
}
},
async changePwd() {
this.$refs.editpwd_Form.getPage("");
},
messageType(state) {
this.show = state;
},
async queryApp() {
const resp = await AuthDao.queryMenu({
params: {
parentId: "0",
isRecursion: true,
},
});
try {
const {
data: { status, content, message },
} = resp;
if (status === "success") {
//过滤指挥调度和移动中台俩菜单,不显示
let appList = content.filter((item) => {
return item.url !== "/dispatch" && item.url !== "/mobile";
});
let parentApp = [];
appList.forEach((item) => {
if (item.parentId == map_config.SYS_ID) {
item.hierarchy = 1;
item.children = [];
parentApp.push(item);
}
});
parentApp.forEach((i) => {
appList.forEach((item) => {
if (i.id == item.parentId) {
item.hierarchy = 2;
item.children = [];
i.children.push(item);
}
});
});
parentApp.forEach((i) => {
i.children.forEach((w) => {
appList.forEach((item) => {
if (w.id == item.parentId) {
item.hierarchy = 3;
item.children = [];
w.children.push(item);
}
});
});
});
parentApp.forEach((i) => {
i.children.forEach((w) => {
w.children.forEach((q) => {
appList.forEach((item) => {
if (q.id == item.parentId) {
item.hierarchy = 4;
item.children = [];
q.children.push(item);
}
});
});
});
});
this.appList = parentApp;
this.$store.commit("setPathList", this.appList);
this.$store.commit("setPathActive", location.href.replace(location.origin,'').replace(location.pathname+'#',''));
console.log(this.$store)
}
} catch (err) {
if (err) {
setTimeout(() => {
this.messageType(true);
}, 1000);
}
setTimeout(() => {
this.messageType(false);
}, 4000);
}
},
// 单击点击跳转路由
linkTo(item) {
// console.log(item);
clearTimeout(timer);
timer = setTimeout(() => {
const { url } = item;
window.location.href = url;
}, 300);
},
// 双击打开新窗口
dblclickLinkTo(item) {
clearTimeout(timer);
const { url } = item;
window.open(url);
},
handleSelect(url, keyPath) {
if (this.$route.path != url) {
let pathdata = this.acquirePathData(this.appList, url);
//这里反显左侧列表得高亮
let pathActive = pathdata.url;
//这里判断当前路由是否被重定向
this.$router.options.routes.forEach((item) => {
if (item.path == url) {
if (item.redirect) {
pathActive = item.redirect;
}
}
});
this.$router.push(
{ path: url, query: {} },
(success) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
},
(error) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
}
);
}
},
acquirePathData(datas, url) {
for (var i = 0; i < datas.length; i++) {
let item = datas[i];
if (item.url == url) {
return item;
}
if (item.children && item.children.length > 0) {
let res = this.acquirePathData(item.children, url);
if (res) return res;
}
}
},
},
};
</script>
<style>
/*.el-popper[x-placement^=bottom] .popper__arrow::after{*/
/* border-bottom-color: #031e2a;*/
/*}*/
/*.el-popper[x-placement^=bottom] .popper__arrow{*/
/* border-bottom-color: rgba(46, 131, 215,0.5);*/
/*}*/
/*.el-dropdown-menu{*/
/* background-color: #031e2a !important;*/
/* border: 1px solid rgba(46, 131, 215,0.5) !important;*/
/* margin: 0 0 !important;*/
/*}*/
/*.el-dropdown-menu__item{*/
/* color: #f5f5f5;*/
/*}*/
/*.el-dropdown-menu__item:hover{*/
/* background-color: rgba(3, 25, 35,0.7) !important;*/
/*}*/
/*.el-popper[x-placement^=bottom]{*/
/* margin: 0 !important;*/
/*}*/
</style>
<style lang="less" scoped>
.el-menu-demo {
height: 31px;
margin-top: 49px;
}
.bp-management-navigator {
//box-shadow: 0px 0px 22px 20px #030916;
z-index: 13;
.el-dropdown-link {
display: flex;
color: white;
align-items: center;
}
.user {
position: absolute;
right: 80px;
top: 4px;
display: flex;
cursor: pointer;
align-items: center;
.user-icon {
width: 47px;
height: 47px;
background: url("../../assets/images/holo/user-icon.svg");
background-size: 100% 100%;
}
.user-text {
padding-top: 2px;
}
}
height: 139px;
display: unset;
background:transparent;
background-image: url("../../assets/images/holo/topIndex.png");
background-size: 100% auto;
background-clip: border-box;
.top-back {
letter-spacing: 2px;
padding: 4px;
position: absolute;
width: 100%;
font-size: 32px;
text-align: center;
line-height: 55px;
}
}
.el-menu.el-menu--horizontal {
border-bottom: none;
}
.el-menu--horizontal > .el-menu-item {
line-height: 31px;
height: 31px;
border-bottom: none;
// text-align: center;
}
.norm {
background-image: url("../../assets/images/holo/menuUnSelect.png");
background-size: 100% 100%;
}
.fz {
background-image: url("../../assets/images/holo/menuUnSelectR.png");
background-size: 100% 100%;
}
.el-menu--horizontal > .el-menu-item.is-active.norm {
background-image: url("../../assets/images/holo/menuSelect.png");
border-bottom: none;
}
.el-menu--horizontal > .el-menu-item.is-active.fz {
background-image: url("../../assets/images/holo/menuSelectR.png");
border-bottom: none;
}
.el-menu {
position: unset;
li {
background-color: transparent !important;
::v-deep .el-submenu__title {
background-color: transparent !important;
}
}
}
.el-menu-item {
font-size: 20px;
position: absolute;
width: 157px;
height: 31px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-bottom: none;
}
.demo0 {
left: 35px;
}
.demo1 {
left: 192px;
}
.demo2 {
left: 349px;
}
.demo3 {
left: 506px;
}
.demo4 {
right: 506px;
}
.demo5 {
right: 349px;
}
.demo6 {
right: 192px;
}
.demo7 {
right: 35px;
}
</style>
<template>
<div class="bp-management-navigator">
<!-- 左部logo 标题 -->
<div class="logo">
<img src="./img/title.png" />
<!-- <span>{{ title }}</span> -->
</div>
<!-- 中部 -->
<div class="menu">
<!-- <div class="stms-framework-head-menu" >
<div class="menu-item" v-for="item in appList" :key="item.id" >
<a @click="linkTo(item)" @dblclick="dblclickLinkTo(item)" aria-current="page" class="router-link-exact-active">
<img :src="item.image" class="navIcon">
<span>{{item.name}}</span>
</a>
</div>
</div> -->
<el-menu
:default-active="pathActive"
class="el-menu-demo"
mode="horizontal"
background-color="#0c2c53"
text-color="#e1e1e4"
active-text-color="#fff"
@select="handleSelect"
>
<template v-for="item in appList">
<el-menu-item
:class="[{ demo11: true }]"
v-if="item.children.length == 0"
:index="item.url"
:key="item.id"
>
<!-- <img :src="item.image" class="navIcon" /> -->
<span>{{ item.name }}</span>
</el-menu-item>
<el-submenu v-else :index="item.url" :key="item.id">
<template slot="title">
<!-- <img :src="item.image" class="navIcon" /> -->
<span>{{ item.name }}</span>
</template>
<template v-for="w in item.children">
<el-menu-item :index="w.url" :key="w.id">
<!-- <img :src="w.image" class="navIcon" /> -->
<span>{{ w.name }}</span>
</el-menu-item>
<!-- <el-submenu v-else :index="w" :key="w.id">
<template slot="title">
<img :src="w.image" class="navIcon">
<span>{{w.name}}</span>
</template>
<el-menu-item v-for="i in w.children" :index="i" :key="i.id">
<img :src="i.image" class="navIcon">
<span>{{i.name}}</span>
</el-menu-item>
</el-submenu> -->
</template>
</el-submenu>
</template>
</el-menu>
</div>
<!-- 弹窗按钮 -->
<!-- <el-button
class="switch el-button--text el-button--small"
@click="portalSwitchOpen"
type="primary"
icon="el-icon-menu"
></el-button> -->
<!-- 头部退出登录操作 -->
<div class="loginBox">
<div class="tool">
<div class="off" @click="logout">
<span class="fa fa-power-off"></span>
<span>退出</span>
</div>
<span id="username">
<marquee direction="left" class="marquee" scrollamount="4"
>欢迎登录,{{ userInfo.username }}</marquee
>
</span>
</div>
</div>
<!-- 门户选择框弹框 -->
<portalSelect ref="portalSelect" @messageType="messageType" />
<!-- 服务器异常提示弹框 -->
<div class="message active" v-if="show">× 服务器异常,请稍后重试</div>
</div>
</template>
<script>
import AuthDao from "@/dao/auth";
import portalSelect from "@/components/portalSelect";
let timer = null;
export default {
name: "stms-navigator",
components: {
portalSelect,
},
props: {
title: {
type: String,
required: false,
default: "",
},
},
data() {
return {
show: false,
userInfo: {
username: "",
},
appList: [],
};
},
computed: {
pathActive() {
return this.$store.state.menudata.pathActive || "/servicePortal";
},
},
mounted() {
localStorage.removeItem("pathdata");
localStorage.removeItem("pathActive");
localStorage.removeItem("pathList");
this.$store.state.menudata.pathdata = {};
this.$store.state.menudata.pathActive = "";
this.$store.state.menudata.pathList = [];
this.login();
this.queryApp();
},
methods: {
back() {
window.location.href = "/#/navigation";
},
async login() {
try {
const response = await AuthDao.autoLogin();
const { content, status } = response.data;
if (status === "success") {
this.userInfo = content;
localStorage.setItem("userId", content.id);
localStorage.setItem("username", content.username);
localStorage.setItem("role", content.role);
localStorage.setItem("adCode", content.adCode);
this.$emit("init");
} else {
__.url.redirectToLogin();
}
} catch {
__.url.redirectToLogin();
}
},
async logout() {
try {
const response = await AuthDao.logout();
const { content, status } = response.data;
if (status === "success") {
localStorage.removeItem("role");
localStorage.removeItem("adCode");
localStorage.removeItem("pathdata");
localStorage.removeItem("pathActive");
localStorage.removeItem("pathList");
__.url.redirectToLogin();
}
} catch {
__.url.redirectToLogin();
}
},
messageType(state) {
this.show = state;
},
portalSwitchOpen() {
let pathActive = "/servicePortal";
let pathdata = this.acquirePathData(this.appList, pathActive);
this.$router.push(
{ path: pathActive, query: {} },
(success) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
},
(error) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
}
);
},
async queryApp() {
const resp = await AuthDao.queryMenu({
params: {
parentId: "0",
isRecursion: true,
},
});
try {
const {
data: { status, content, message },
} = resp;
if (status === "success") {
// console.log(content)
//过滤指挥调度和移动中台俩菜单,不显示
let appList = content.filter((item) => {
return item.url !== "/dispatch" && item.url !== "/mobile";
});
let parentApp = [];
appList.forEach((item) => {
if (item.parentId == "0") {
item.hierarchy = 1;
item.children = [];
parentApp.push(item);
}
});
parentApp.forEach((i) => {
appList.forEach((item) => {
if (i.id == item.parentId) {
item.hierarchy = 2;
item.children = [];
i.children.push(item);
}
});
});
parentApp.forEach((i) => {
i.children.forEach((w) => {
appList.forEach((item) => {
if (w.id == item.parentId) {
item.hierarchy = 3;
item.children = [];
w.children.push(item);
}
});
});
});
parentApp.forEach((i) => {
i.children.forEach((w) => {
w.children.forEach((q) => {
appList.forEach((item) => {
if (q.id == item.parentId) {
item.hierarchy = 4;
item.children = [];
q.children.push(item);
}
});
});
});
});
this.appList = parentApp;
this.$store.commit("setPathList", this.appList);
// this.portalSwitchOpen();
}
} catch (err) {
if (err) {
setTimeout(() => {
this.messageType(true);
}, 1000);
}
setTimeout(() => {
this.messageType(false);
}, 4000);
}
},
// 单击点击跳转路由
linkTo(item) {
// console.log(item);
clearTimeout(timer);
timer = setTimeout(() => {
const { url } = item;
window.location.href = url;
}, 300);
},
// 双击打开新窗口
dblclickLinkTo(item) {
clearTimeout(timer);
const { url } = item;
window.open(url);
},
handleSelect(url, keyPath) {
if (this.$route.path != url) {
let pathdata = this.acquirePathData(this.appList, url);
//这里反显左侧列表得高亮
let pathActive = pathdata.url;
//这里判断当前路由是否被重定向
this.$router.options.routes.forEach((item) => {
if (item.path == url) {
if (item.redirect) {
pathActive = item.redirect;
}
}
});
this.$router.push(
{ path: url, query: {} },
(success) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
},
(error) => {
this.$store.commit("setPathData", pathdata);
this.$store.commit("setPathActive", pathActive);
}
);
}
},
acquirePathData(datas, url) {
for (var i = 0; i < datas.length; i++) {
let item = datas[i];
if (item.url == url) {
return item;
}
if (item.children && item.children.length > 0) {
let res = this.acquirePathData(item.children, url);
if (res) return res;
}
}
},
},
};
</script>
<style lang='less' scoped>
.bp-management-navigator{
background-color: #09112b;
}
.el-menu{
li{
background-color: transparent !important;
::v-deep .el-submenu__title{
background-color: transparent !important;
}
}
}
.el-menu-item{
font-size: 20px;
}
</style>
<style lang="less">
.marquee{
width: 150px
}
@import "./index.less";
body{
min-width: auto;
}
.stms-framework-head-menu .menu-item a{text-decoration:none;}
.bp-management-navigator{
.switch{
margin: 0;
padding: 19px;
position: relative;
// z-index: 99;
// background: #268aed;
}
.loginBox{
.tool{
// background: #268aed;
}
}
.el-menu{
font-size: 20px;
font-weight: 700;
height: 100%;
color:white;
background-color: transparent !important;
}
.el-menu.el-menu--horizontal{
border-bottom: none;
display: flex;
}
.el-menu--horizontal>.el-menu-item{
height: 100%;
line-height: 70px;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{
height: 100%;
line-height: 70px;
// border-bottom:none;
}
.el-menu--horizontal>.el-menu-item.is-active{
// border-bottom:none;
background-color: #0c3058;
}
.el-submenu__title i{
color:#e1e1e4;
}
}
.navIcon{
display: inline-block;
width: 18px;
height: 18px;
margin-right: 18px;
}
// .el-submenu__title i{
// color:#e1e1e4;
// }
</style>
import fetch from '@/utils/fetch';
// 密码重置
export const changePwd = (data) => fetch('/sso/identity/user/changeInternalPwd', data, 'POST');
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
margin: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
.dialog {
position: relative;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
width: 1000px;
background: #f0f5fe;
.header {
border-radius: 6px;
background-color: #f0f5fe;
padding: 20px 20px 10px;
text-align: center;
.title {
color: #666;
line-height: 24px;
font-size: 18px;
}
.close {
position: absolute;
right: 20px;
top: 20px;
color: #aaa;
font-size: 18px;
cursor: pointer;
}
}
.body {
padding: 20px 30px;
color: #606266;
font-size: 14px;
word-break: break-all;
.system {
width: 100%;
.box {
width: 100%;
height: calc(100% - 30px);
color: #000000;
display: flex;
justify-content: space-around;
.content {
height: 100%;
max-width: 156px;
max-height: 196px;
flex: 1;
padding: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
.img {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.name {
text-align: center;
margin-top: 20px;
flex: none;
}
}
.content:hover {
cursor: pointer;
box-shadow: 0 0 24px 0 rgba(153, 153, 153, 0.2);
}
}
}
}
.footer {
padding: 20px 30px;
text-align: right;
color: red;
font-size: 12px;
}
}
}
.message {
width: 340px;
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
color: #f56c6c;
background-color: #fef0f0;
padding: 16px;
border: 2px solid #fde2e2;
border-radius: 6px;
}
<template>
<div >
<!-- 门户选择框 -->
<div class="modal" v-if="portalSwitch" >
<div class="dialog">
<div class="header">
<span class="title">欢迎登录,请选择您要进入的子系统</span>
<span class="close" @click="close">X</span>
</div>
<div class="body">
<div class="system">
<div class="box">
<div
v-for="item in appList"
:key="item.id"
class="content"
@click="linkTo(item)"
@dblclick="dblclickLinkTo(item)"
>
<div class="img">
<img class="moduleImg" :src="item.image" alt />
</div>
<div class="name">{{ item.name }}</div>
</div>
</div>
</div>
</div>
<div class="footer">
*注:双击子系统在新标签页中打开,单击在当前页面打开
</div>
</div>
</div>
</div>
</template>
<script>
import * as URL from "@/config/url";
import AuthDao from "@/dao/auth";
let timer = null;
export default {
data() {
return {
show: false,
portalSwitch: false,
appList: [],
};
},
mounted() {
// this.queryApp();
},
methods: {
async queryApp() {
const resp = await AuthDao.queryMenu({
params: {
parentId: "0",
isRecursion: false,
},
});
try {
const {
data: { status, content, message },
} = resp;
if (status === "success") {
// console.log(content)
//过滤指挥调度和移动中台俩菜单,不显示
this.appList = content.filter((item) => {
return item.url !== "/dispatch" && item.url !== "/mobile";
});
}
} catch (err) {
if (err) {
setTimeout(() => {
this.$emit("messageType",true)
}, 1000);
}
setTimeout(() => {
this.$emit("messageType",false)
}, 4000);
}
},
close() {
this.portalSwitch = false;
// this.$router.push(URL.LOGIN);
},
// 单击点击跳转路由
linkTo(item) {
console.log(item)
clearTimeout(timer);
timer = setTimeout(() => {
const { url } = item;
window.location.href = url;
}, 300);
},
// 双击打开新窗口
dblclickLinkTo(item) {
clearTimeout(timer);
const { url } = item;
window.open(url);
},
},
};
</script>
<style scoped lang="less">
@import url("./index.less");
.system {
color: red;
}
.system svg {
fill: currentColor;
}
</style>
export default {
colorMatch: {
'未知': '#ffffff',
'白色': '#ffffff',
'彩色/杂色': '#ffffff',
'黑色': '#1f1d1e',
'红色': '#8d150f',
'银色': '#c1c4ca',
'黄色': '#ffd400',
'蓝色': '#1e41be',
'棕色': '#804000',
'灰色': '#77787b',
},
carTypeGlbMap:{
0:'0',
1:'0',
// 1:'151',
2:'2',
3:'3',
4:'4',
// 4:'150',
5:'5',
6:'6',
// 6:'152',
7:'7',
8:'8',
9:'0',
10:'10',
11:'11',
12:'12',
13:'0',
14:'14',
150:'150',
151:'151',
152:'152',
153:'150',
154:'150',
160:'11',
161:'11',
162:'11',
163:'11',
164:'11',
165:'11',
166:'11',
170:'170',
171:'170',
172:'170',
173:'170',
174:'170',
175:'170',
176:'170',
177:'170',
178:'170',
179:'170',
180:'170',
181:'170',
182:'170',
183:'170',
}
}
/**
* echarts字体自适应
* @param {*} font 字号大小
*/
export function getFontSize(font) {
let clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
if (!clientWidth) return
let fontSize = clientWidth / 1920
return font * fontSize
}
export default {
mapIcons: {
lineArrow: require('../../assets/images/holo/orgArrow.png'),
crossNormal: require('../../assets/images/holo/location-yellow.png'),
crossFalse: require('../../assets/images/holo/location-gray.png'),
crossSelect: require('../../assets/images/holo/location-red.png'),
event: require('../../assets/images/holo/event.png'),
milli: require('../../assets/images/holo/hmbld.png'),
radar: require('../../assets/images/holo/jgld.png'),
weather: require('../../assets/images/holo/qxjcy.png'),
camera: require('../../assets/images/holo/spxj.png'),
signal: require('../../assets/images/holo/xhj.png'),
milliFalse: require('../../assets/images/holo/hmbldF.png'),
radarFalse: require('../../assets/images/holo/jgldF.png'),
weatherFalse: require('../../assets/images/holo/qxjcyF.png'),
cameraFalse: require('../../assets/images/holo/spxjF.png'),
signalFalse: require('../../assets/images/holo/xhjF.png'),
car0: require('../../assets/images/holo/carPic/car0.png'),
car1: require('../../assets/images/holo/carPic/car1.png'),
car3: require('../../assets/images/holo/carPic/car3.png'),
car4: require('../../assets/images/holo/carPic/car4.png'),
car5: require('../../assets/images/holo/carPic/car5.png'),
car6: require('../../assets/images/holo/carPic/car6.png'),
car7: require('../../assets/images/holo/carPic/car7.png'),
car10: require('../../assets/images/holo/carPic/car10.png'),
car14: require('../../assets/images/holo/carPic/car14.png'),
license0: require('../../assets/images/license/0.png'),
license1: require('../../assets/images/license/1.png'),
license2: require('../../assets/images/license/2.png'),
license3: require('../../assets/images/license/3.png'),
license4: require('../../assets/images/license/4.png'),
license5: require('../../assets/images/license/5.png'),
license6: require('../../assets/images/license/6.png'),
license9: require('../../assets/images/license/9.png'),
license11: require('../../assets/images/license/11.png'),
license12: require('../../assets/images/license/12.png'),
},
lightIcons: {
'1red': require('../../assets/images/sc/leftRed.png'),
'1yellow': require('../../assets/images/sc/leftYellow.png'),
'1green': require('../../assets/images/sc/leftGreen.png'),
'2red': require('../../assets/images/sc/sRed.png'),
'2yellow': require('../../assets/images/sc/sYellow.png'),
'2green': require('../../assets/images/sc/sGreen.png'),
'3red': require('../../assets/images/sc/rightRed.png'),
'3yellow': require('../../assets/images/sc/rightYellow.png'),
'3green': require('../../assets/images/sc/rightGreen.png'),
'4red': require('../../assets/images/sc/backRed.png'),
'4yellow': require('../../assets/images/sc/backYellow.png'),
'4green': require('../../assets/images/sc/backGreen.png'), // light
}
}
let ResponseCarTrack;
let protobuf = require("protobufjs");
protobuf.load("../wj-manage-web/RealtimeCarInfo.proto", function (event, root) {
ResponseCarTrack = root.lookupType("com.wanji.holo.proto.RealtimeCarTrack");
});
// readyState: 0-正在连接 1-已经连接 2-连接正在关闭 3-已关闭或没连接成功
function onError(e, data) {
// console.log("ws error...", e, data);
console.log('ws error',e, data)
}
function onClose(e, data) {
console.log('ws error',e, data)
// console.log("ws close...", e, data);
}
// { url: '', name: '', callback: '' }
export function initWs(data) {
if (typeof WebSocket === undefined) {
console.error("您的浏览器不支持socket");
} else {
// console.log("init...", data);
let currentSocket = new ReconnectingWebSocket(data.url);
// 监听socket连接open
// currentSocket.onopen = (e) => onOpen(e, data)
// 监听socket错误信息
currentSocket.onerror = (e) => onError(e, data);
// 断开连接
currentSocket.onclose = (e) => onClose(e, data);
// 接收消息
currentSocket.onmessage = (res) => {
// protobuf 解压数据
if (data.name === "callCar") {
let reader = new FileReader();
reader.onload = (e) => {
let buf = new Uint8Array(e.target.result);
let responseCarTrack = ResponseCarTrack.decode(buf);
data.callback(responseCarTrack.carInfo);
};
reader.readAsArrayBuffer(res.data);
} else {
if (res.data.startsWith("[") || res.data.startsWith("{")) {
data.callback(JSON.parse(res.data));
}
}
};
return {
name: data.name,
url: data.url,
ws: currentSocket,
};
}
}
import * as URL from "./url";
export default [
{
name: "平台设置",
path: "/config",
icon: "inlatformSet",
children: [
{
name: "平台账号管理",
path: "/config/account",
icon: "numAccount"
},
{
name: "菜单设置",
path: "/config/menu",
icon: "menuManagement"
},
{
name: "菜单授权",
path: "/config/auth",
icon: "menuEmpower"
},
{
name: "系统参数设置",
path: "/config/system",
icon: "platformParamConfig"
},
{ name: "移动参数设置", path: "/config/mobile", icon: "default" }
]
},
{
name: "应用部署",
path: "/deploy",
icon: "authCenter",
children: [
{
name: "资源包",
path: "/deploy/resource",
icon: "resourceBundle"
},
{ name: "服务器设置", path: "/deploy/server", icon: "engine" }
]
}
];
export default [
{
path: '/',
redirect: "/index",
},
// 信号评价
{
path: "/index",
component: (resolve) => require(["@/views/signal/index.vue"], resolve),
},
{
path: "/more",
component: (resolve) => require(["@/views/more/index.vue"], resolve),
},
];
export const ROOT = "/";
export const LOGIN = "/userlogin";
export const DATA_EDIT= "/dataEdit";
export const RESOURCE= "/resource";
export const RESOURCE_DATASOURCE = "/resource/datasource";
export const RESOURCE_DATASET = "/resource/dataset";
export const RESOURCE_DATAMODEL = "/resource/datamodel";
export const RESOURCE_DATASTORE = "/resource/datastore";
export const RESOURCE_DATAEXPLORE = "/resource/dataexplore";
export const RESOURCE_DASHBOARD = "/resource/dashboard";
export const RESOURCE_DATAEDIT = "/resource/dataexplore/dataEdit";
export const RESOURCE_CUSTOMAREA = "/resource/dataexplore/customArea";
export const DATASET = "/dataset";
export const DATASET_DASHBOARD = "/dataset/dashboard";
export const DATASET_DICTIONARY = "/dataset/:appId/dictionary";
export const DATASET_DATAVERSION = "/dataset/:appId/dataversion";
export const DATASET_DATAEAIT = "/dataset/:appId/dataedit";
export const DATAHOOK = "/dataHook";
export const DATAHOOK_INDEX = "/dataHook/index";
export const DATACOVER = "/dataCover";
export const DATACOVER_INDEX = "/dataCover/index";
export const PLATFORM = "/platform";
export const PLATFORM_USER = "/platform/user";
export const PLATFORM_MENU = "/platform/menu";
export const PLATFORM_AUTH = "/platform/auth";
export const PLATFORM_LICENSE = "/platform/license";
export const PLATFORM_CONFIG = "/platform/config";
export const CONFIG = "/config";
export const CONFIG_SYSTEM = "/config/system";
export const CONFIG_MAPCONFIG = "/config/mapconfig";
export const CONFIG_ADCONFIG = "/config/adconfig";
export const CONFIG_DEVICE = "/config/device";
export const DATA_WORKS ="/dataworks";
export const DATA_RESOURCE= "/datacenter";
export const DATA_SERVICE= "/dataportal";
export const SERVICE_PORTAL="/servicePortal";
export const SERVICE_CATALOG="/serviceCatalog";
export const DATA_OPS= "/dataops";
export const DATA_TOOLS= "/datatools";
import request from '../utils/request'
export const getTurnFlow = (data) =>
request({
url: '/holo/analysis-report/turn-flow',
method: 'get',
params: data
})
export const generateReport = (data) => request({
url: "/design/component/resource/uploadWebPdf",
method: 'get',
params: data,
showMsg: true,
});
export const getTurnLines = (data) =>
request({
url: '/holo/base-lane-info/rid-turn-arc',
method: 'get',
params: data
})
export const getReports = (data) =>
request({
url: '/design/component/resource/byCondition',
method: 'post',
data: data
})
export const getReportsByPage = (data) =>
request({
url: '/design/component/resource/byPage',
method: 'post',
data: data
})
export const getPart5Text = (data) =>
request({
url: '/holo/analysis-report/cross-organize-diag',
method: 'get',
params: data
})
export const getPart4Chart = (data) =>
request({
url: '/holo/analysis-report/cross-event-trend',
method: 'get',
params: data
})
export const getPart4Text = (data) =>
request({
url: '/holo/analysis-report/cross-event-overview',
method: 'get',
params: data
})
export const getPart3Chart = (data) =>
request({
url: '/holo/analysis-report/cross-signal-trend',
method: 'get',
params: data
})
export const getPart3Text = (data) =>
request({
url: '/holo/analysis-report/cross-signal-overview',
method: 'get',
params: data
})
export const getPart2Chart = (data) =>
request({
url: '/holo/analysis-report/cross-run-state-trend',
method: 'get',
params: data
})
export const getCrossStatus = (data) =>
request({
url: '/holo/analysis-report/cross-run-state-overview',
method: 'get',
params: data
})
\ No newline at end of file
import dao from "./index";
export default dao.create({
autoLogin: {
url: "/sso/identity/user/autoLogin",
method: "GET"
},
logout: {
url: "/sso/identity/user/logout",
method: "GET"
},
queryMenu: {
url: "/design/systemsetting/menu/queryMenusByParentId"
}
});
import fetch from '@/utils/fetch'
// 通过类型获取字典
// const data = {
// catalogId: '3393F1704E4643BFA6FC20D1EADDFFAB',
// };
export const getDictionaryData = (data) => fetch("/design/config/dictionary/byCondition", data, "POST");
import request from '../utils/request'
// 字典请求 统一存放vuex(store/modules/dict.js)避免过多网络请求
// 车辆类型
export const dictCarType = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "C5605A95172543A9B46E9561DB8BEF8D" }
})
// 车身颜色
export const dictCarColor = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "3393F1704E4643BFA6FC20D1EADDFFAB" }
})
// 车牌颜色
export const dictPlateColor = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "21919BD35547413A990CC69B9D305370" }
})
// 交通参与者类型
export const dictTrafficActor = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "21F5FDB7B45343BDB54BABD2243299FC" }
})
// 路口
export const dictCrossInfo = () =>
request({
url: '/holo/base-cross-info/list',
method: 'get',
params: {}
})
// 拥堵程度
export const dictCrowdDeep = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "6CD69A4E08F24C1283244AC080A05277" }
})
// 所有权
export const dictOwner = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "5337B2F0F859459B9104A6490EAEE8C4" }
})
// 使用性质
export const dictNature = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "D848A3522E2042D5BAFA2F5523293128" }
})
// 本地外地
export const dictIfLocal = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "C792ACCD0E9D49A6A288431113B87E92" }
})
// 事件类型
export const dictEventType = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "DF33F67CAC5F4BAC9882FA77EEFF6E83" }
})
// 能见度
export const dictVisibility = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "A4520085B0A0458080010A9DD6C4020B" }
})
// 方向
export const dictDirection = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "2230A28A0DA24302A9E5BD6D43303E65" }
})
// 路口类型
export const dictCrossType = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "2313A8C2BCEE43C39BDD5C86225B27C9" }
})
// 畅通/拥堵 1234
export const dictTrafficStatus = () =>
request({
url: '/design/config/dictionary/byCondition',
method: 'post',
data: { catalogId: "DD55064E648446D7820E037B9041AC99" }
})
\ No newline at end of file
// console.log("e",ELEMENT);
// const Message = ELEMENT.Message;
dao.interceptors.response.use(
response => {
const { notify } = response.config;
const text = notify || "处理";
if (response.data.status === "success") {
if (notify) {
// Message({
// type: "success",
// message: `${text}成功`,
// duration: 3000
// });
}
} else {
// Message({
// type: "error",
// message: `${text}失败!${response.data.message || ""}`,
// duration: 3000
// });
}
return response;
},
error => {
const {
status,
data: { message },
config: { notify }
} = error.response;
const text = notify || "处理";
if (status === 401) {
return __.url.redirectToLogin(true);
}
// Message({
// type: "error",
// message: `${text}失败!${message || ""}`,
// duration: 3000
// });
return Promise.reject(error);
}
);
export default dao;
import fetch from '../utils/fetch/index'
// 检测器位置信息
export const getDetetors = () => fetch('/holo/detector/list', {}, 'GET')
export const crossInfo = () => fetch('/holo/base-cross-info/list', {}, 'GET')
// 顶部轮询5指标
export const getOverDatas = () => fetch('/holo/area-index-analysis/realtime', {}, 'GET')
export const eventInfo = (data) => fetch('/holo/event-info/list', data, 'GET')
export const inletWayRealTime = (data) => fetch('/holo/analysis-rid-entrace-indicator/realtime', data, 'GET')
export const inletWayTimeBetw = (data) => fetch('/holo/analysis-rid-entrace-indicator/time-slot', data, 'GET')
export const inletWayTurnRealTime = (data) => fetch('/holo/analysis-rid-turn-indicators/realtime', data, 'GET')
export const inletWayTurnTimeBetw = (data) => fetch('/holo/analysis-rid-turn-indicators/time-slot', data, 'GET')
export const roadRealTime = (data) => fetch('/holo/analysis-rid-lane-indicators/realtime', data, 'GET')
export const roadTimeBetw = (data) => fetch('/holo/analysis-rid-lane-indicators/time-slot', data, 'GET')
export const getRoadsTurn = (data) => fetch('/holo/base-lane-info/list', data, 'GET')
export const trafficEByTime = (data) => fetch('/holo/analysis-event-trend/list', data, 'GET')
// 区域时段雷达图
export const areaList = () => fetch('/holo/area-index-analysis/list', {}, 'GET')
// 路口交通流量分析
export const crossFlow = () => fetch('/holo/cross-flow/list', {}, 'GET')
// 路段交通流量分析
export const ridFlow = () => fetch('/holo/rid-flow/list', {}, 'GET')
// 路口详情 - 路口交通指标
export const crossIndex = (data) => fetch('/holo/analysis-cross-indicators/query', data, 'GET')
export const eventAnalysis = () => fetch('/holo/event-analysis/list', {}, 'GET')
export const areaRecent = () => fetch('/holo/area-index-analysis/recently', {}, 'GET')
export const eventAlarm = () => fetch('/holo/event-info/alarm', {}, 'GET')
export const pedNonAnalysis = () => fetch('/holo/ped-nonmotor-analysis/list', {}, 'GET')
//路口配置列表
export const api_getCrossData = (data) => fetch('/web/crossConfig/listLaneInfo', data, 'POST')
//信号评价-路口配置列表
export const api_getCrossData_opt = (data) => fetch('/opt/diagno/listLaneInfo', data, 'POST')
export const api_phaseByTimeList = (data) => fetch('/web/planSend/phaseListByTimeSingleRing', data, 'POST')
// 设备图层接口
export const equip_camera = () => fetch('/holo/device-camera/list', {}, 'GET')
export const equip_radar = () => fetch('/holo/device-radar/list', {}, 'GET')
export const equip_signal = () => fetch('/holo/device-signal/list', {}, 'GET')
export const equip_weather = () => fetch('/holo/device-weather/list', {}, 'GET')
// 首页非机动车美团/饿了么统计
export const noVehicleDetail = () => fetch('/holo/analysis-cross-non-motor/category-monitor')
// 首页非机动车趋势
export const noVehicleTrend = () => fetch('/holo/analysis-cross-non-motor/category-monitor-trend')
// 路口停止线获取
// export const getStopLineByLkid = (params) => fetch(api_config.CROSS_STOP_LINE, params, 'POST', {})
// export const getRoadLines = () => fetch(api_config.ROAD_LINES, {}, 'POST', {})
\ No newline at end of file
import dao from "./index";
export default dao.create({
login: {
url: "/sso/identity/user/login",
method: "POST",
headers:{
appVersion: "1.0.0",
uniId: "100"
}
},
//获取机器码
getMachine: {
url: "/sso/identity/user/getMachineCode",
method: "GET"
},
//激活
activation: {
url: "/sso/identity/user/activateMachine",
method: "POST"
},
});
import Vue from 'vue'
Vue.directive("scroll", {
// 当绑定元素插入到 DOM 中。
inserted: function (el, binding) {
let options = binding.expression
? JSON.parse(binding.expression)
: {
axis: "yx",
theme: "dark",
scrollInertia: 300
};
}
});
Vue.directive('resize', {
bind(el) {
let scale = 1;
el.addEventListener('wheel', function (e) {
e.preventDefault();
var zoomDelta = e.deltaY > 0 ? 0.1 : -0.1;
scale += zoomDelta;
scale = Math.max(0.1, scale);
el.style.transform = `scale(${scale})`;
});
}
});
Vue.directive("drag", {
bind: function (el, binding, vnode, oldVnode) {
let header = el.querySelector(".el-dialog__header") || el;
let body = el.querySelector(".el-dialog") || el;
header.onmousedown = e => {
if (e.button != 0) {
return false;
}
{
if (!body.isInitDrag) {
body.style.cssText = `transform:none;
width:${body.offsetWidth}px;
height:${body.offsetHeight}px;
left:${parseInt(body.offsetWidth / document.body.offsetWidth) + "%"};
top:${body.offsetTop}px;
bottom:"auto"`;
body.isInitDrag = true;
}
}
window.onselectstart = window.ondragstart = () => {
return false;
};
let offsetX = e.clientX;
let offsetY = e.clientY;
let domLeft = parseFloat(body.style.left);
let domTop = parseFloat(body.style.top);
window.onmousemove = _.throttle(e => {
body.style.left = e.clientX - offsetX + domLeft + "px";
body.style.top = e.clientY - offsetY + domTop + "px";
if (parseInt(body.style.top) < 0) {
body.style.top = 0;
}
}, 20);
window.onmouseup = () => {
window.onmouseup = window.onmousemove = window.onselectstart = window.ondragstart = null;
};
};
}
});
import Vue from 'vue'
// window.Vue = Vue
// loadJS('/cdn/libs/st-ui/st-ui.js')
import store from './store'
import router from './router'
import './directive'
// 核心文件
import App from './App'
import './components'
import '@/assets/less/component.less'
// import '@/assets/font/font.css'
import './assets/icon/iconfont.css'
// vdr拖动缩放组件
import VueDraggableResizable from 'vue-draggable-resizable'
import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
Vue.component('vue-draggable-resizable', VueDraggableResizable)
// script引入element use
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI, {
size: 'small',
})
window.wsHost = (process.env.NODE_ENV==='development'?'10.102.1.181:9000':location.host)
// 暂时挂载到window 以支持项目之前的ELEMENT.Message写法
window.ELEMENT = ElementUI
// 事件总线
Vue.prototype.$EventBus = new Vue()
// 关闭生产模式的提示
Vue.config.productionTip = false
new Vue({
el: '#app',
store,
router,
render: (h) => h(App),
})
// 动态加载外部链接 使npm引入的vue 兼容原框架st-ui组件
function loadJS(url) {
return new Promise((resolve) => {
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// IE
if (script.readyState) {
script.onreadystatechange = () => {
if (script.readyState == 'loaded'
|| script.readyState == 'complete') {
script.onreadystatechange = null;
resolve();
}
};
} else {
// 其他浏览器
script.onload = function () {
resolve();
};
}
document.getElementsByTagName('head')[0].appendChild(script);
})
}
import Vue from 'vue'
import Router from "vue-router";
import routes from "../config/routes";
import AuthDao from "@/dao/auth";
import store from '../store'
// 注册路由
Vue.use(Router);
// 解决路由未跳转就点击其他路由报错
const originalPush = Router.prototype.push;
const originalReplace = Router.prototype.replace;
Router.prototype.push = function push(location, onResolve, onReject) {
if (onResolve || onReject)
return originalPush.call(this, location, onResolve, onReject);
return originalPush.call(this, location).catch((err) => err);
};
Router.prototype.replace = function push(location, onResolve, onReject) {
if (onResolve || onReject)
return originalReplace.call(this, location, onResolve, onReject);
return originalReplace.call(this, location).catch((err) => err);
};
// 配置路由
const router = new Router({
routes: [
{
path: "*",
name: "404",
component: (resolve) => require(["@/views/404/index"], resolve),
},
...routes,
],
});
// 路由白名单
const whiteList = [];
// 全局路由守卫
router.beforeEach((to, from, next) => {
if (whiteList.includes(to.path)) {
next();
return;
}
const parentId = map_config.SYS_ID;
AuthDao.queryMenu({
params: {
parentId,
isRecursion: true,
},
}).then((res) => {
let routes = res.data.content;
for (let route of routes) {
if (route.url === to.path) {
next();
}
}
});
});
router.afterEach((to, from) =>{
store.commit("setPathActive", to.fullPath);
})
export default router;
import Vue from 'vue'
import Vuex from "vuex";
import app from "./modules/app";
import dataset from "./modules/dataset";
import menudata from "./modules/menudata";
import dicts from './modules/dict'
Vue.use(Vuex);
const store = new Vuex.Store({
modules: {
app,
dataset,
menudata,
dicts
},
getters: {
menu: state => state.app.menu,
}
});
export default store;
import AuthDao from "@/dao/auth";
const user = {
state: {
menu: []
},
actions: {
// 登录
async QUERY_MENU({ state }) {
const parentId = "61283C05C4154AA9A57BD9005ABA1BCD";
const resp = await AuthDao.queryMenu({
params: {
parentId,
isRecursion: true
}
});
const {
data: { status, content, message }
} = resp;
if (status === "success") {
state.menu = content;
state.menu.forEach(v => {
if (v.parentId === parentId) {
v.parentId = null;
}
});
}
}
}
};
export default user;
const dataset = {
state: {
parentData: JSON.parse(localStorage.getItem("parentData")) || {},
areaHomepage: true,
},
mutations:{
setParentData(state, parentData){
localStorage.setItem("parentData", JSON.stringify(parentData));
state.parentData = parentData;
}
}
};
export default dataset;
\ No newline at end of file
import * as dictApi from "../../dao/dict";
const dicts = {
// state子属性 key值命名来自dao/dict.js 中的方法名 以便策略模式请求
state: {
CarType: [],
CarColor: [],
PlateColor: [],
TrafficActor: [],
CrowdDeep: [],
Owner: [],
Nature: [],
IfLocal: [],
EventType: [],
CrossInfo: [],
Direction: [],
Visibility: [],
CrossType: [],
TrafficStatus:[]
},
actions: {
// 查询字典是否存在 并 请求 存储 vuex
async QUERY_DICT({ state }, typeParam) {
if (!state[typeParam.type].length) {
let res = await dictApi[`dict${typeParam.type}`]();
if (typeParam.type === "CrossInfo") {
for (let i = 0; i < res.content.length; i++) {
res.content[i].code = res.content[i].id;
}
}
state[typeParam.type] = res.content;
}
// return state[typeParam.type]
},
},
};
export default dicts;
const menudata = {
state: {
pathdata: JSON.parse(localStorage.getItem("pathdata")) || {},
pathActive:localStorage.getItem("pathActive") || "",
pathList:JSON.parse(localStorage.getItem("pathList")) || [],
},
mutations:{
setPathData(state, pathdata){
localStorage.setItem("pathdata", JSON.stringify(pathdata));
state.pathdata = pathdata;
},
setPathActive(state, pathActive){
localStorage.setItem("pathActive", pathActive);
state.pathActive = pathActive;
},
setPathList(state, pathList){
localStorage.setItem("pathList", JSON.stringify(pathList));
state.pathList = pathList;
},
}
};
export default menudata;
\ No newline at end of file
const sessionCache = {
set (key, value) {
if (!sessionStorage) {
return
}
if (key != null && value != null) {
sessionStorage.setItem(key, value)
}
},
get (key) {
if (!sessionStorage) {
return null
}
if (key == null) {
return null
}
return sessionStorage.getItem(key)
},
setJSON (key, jsonValue) {
if (jsonValue != null) {
this.set(key, JSON.stringify(jsonValue))
}
},
getJSON (key) {
const value = this.get(key)
if (value != null) {
return JSON.parse(value)
}
},
remove (key) {
sessionStorage.removeItem(key);
}
}
const localCache = {
set (key, value) {
if (!localStorage) {
return
}
if (key != null && value != null) {
localStorage.setItem(key, value)
}
},
get (key) {
if (!localStorage) {
return null
}
if (key == null) {
return null
}
return localStorage.getItem(key)
},
setJSON (key, jsonValue) {
if (jsonValue != null) {
this.set(key, JSON.stringify(jsonValue))
}
},
getJSON (key) {
const value = this.get(key)
if (value != null) {
return JSON.parse(value)
}
},
remove (key) {
localStorage.removeItem(key);
}
}
export default {
/**
* 会话级缓存
*/
session: sessionCache,
/**
* 本地缓存
*/
local: localCache
}
var BaseEvent = function () {
this.handles = {}
this.cached = []
}
BaseEvent.prototype.on = function (eventName, callback) {
if (typeof callback !== "function") return;
if (!this.handles[eventName]) {
this.handles[eventName] = [];
}
this.handles[eventName].push(callback);
if (this.cached[eventName] instanceof Array) {
//说明有缓存的 可以执行
callback.apply(null, this.cached[eventName]);
}
}
BaseEvent.prototype.emit = function () {
if (this.handles[arguments[0]] instanceof Array) {
for (let i = 0; i < this.handles[arguments[0]].length; i++) {
this.handles[arguments[0]][i](arguments[1]);
}
}
//默认缓存
this.cached[arguments[0]] = Array.prototype.slice.call(arguments, 1);
}
var CesiumPopup = (function () {
var _panelContainer = null
var _contentContainer = null
var _closeBtn = null
var _renderListener = null
var _viewer = null
var CesiumPopup = function (options) {
//继承
BaseEvent.call(this)
this.className = options.className || ''
this.title = options.title || ''
this.offset = options.offset || [0, 0]
// this.render = this.render.bind(this)
this.closeHander = this.closeHander.bind(this)
}
CesiumPopup.prototype = new BaseEvent()
CesiumPopup.prototype.constrctor = CesiumPopup
CesiumPopup.prototype.addTo = function (viewer) {
if (_viewer) this.remove()
_viewer = viewer
this.initPanle();
//关闭按钮
_closeBtn.addEventListener('click', this.closeHander, false)
if (this.position) {
_panelContainer.style.display = 'block'
_renderListener = _viewer.scene.postRender.addEventListener(this.render, this)
}
return this
}
CesiumPopup.prototype.initPanle = function () {
var closeBtnIcon = '<svg t="1603334792546" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1328" width="32" height="32"><path d="M568.922 508.232L868.29 208.807a39.139 39.139 0 0 0 0-55.145l-1.64-1.64a39.139 39.139 0 0 0-55.09 0l-299.367 299.82-299.425-299.934a39.139 39.139 0 0 0-55.088 0l-1.697 1.64a38.46 38.46 0 0 0 0 55.09l299.48 299.594-299.424 299.48a39.139 39.139 0 0 0 0 55.09l1.64 1.696a39.139 39.139 0 0 0 55.09 0l299.424-299.48L811.56 864.441a39.139 39.139 0 0 0 55.089 0l1.696-1.64a39.139 39.139 0 0 0 0-55.09l-299.48-299.537z" p-id="1329"></path></svg>'
_panelContainer = document.createElement('div')
_panelContainer.classList.add('cesium-popup-panel')
if (this.className && this.className !== '') {
_panelContainer.classList.add(this.className)
}
_closeBtn = document.createElement('div')
_closeBtn.classList.add('cesium-popup-close-btn')
_closeBtn.innerHTML = closeBtnIcon
// header container
var headerContainer = document.createElement('div')
headerContainer.classList.add('cesium-popup-header-panel')
this.headerTitle = document.createElement('div')
this.headerTitle.classList.add('cesium-poput-header-title')
this.headerTitle.innerHTML = this.title
headerContainer.appendChild(this.headerTitle)
_panelContainer.appendChild(_closeBtn)
_panelContainer.appendChild(headerContainer)
// content container
_contentContainer = document.createElement('div')
_contentContainer.classList.add('cesium-popup-content-panel')
_contentContainer.innerHTML = this.content
_panelContainer.appendChild(_contentContainer)
//tip container
var tipContaienr = document.createElement('div')
tipContaienr.classList.add('cesium-popup-tip-panel')
var tipDiv = document.createElement('div')
tipDiv.classList.add('cesium-popup-tip-bottom')
tipContaienr.appendChild(tipDiv)
_panelContainer.appendChild(tipContaienr)
_panelContainer.style.display = 'none'
// add to Viewer Container
_viewer.cesiumWidget.container.appendChild(_panelContainer)
this.emit('open')
}
CesiumPopup.prototype.setHTML = function (html) {
if (_contentContainer) {
_contentContainer.innerHTML = html
}
this.content = html
return this;
}
CesiumPopup.prototype.render = function () {
var geometry = this.position
if (!geometry) return
var position = Cesium.SceneTransforms.wgs84ToWindowCoordinates(_viewer.scene, geometry)
if (!position) {
return
}
if (_panelContainer) {
// console.log(_panelContainer,1);
// _panelContainer.style.left = position.x - _panelContainer.offsetWidth / 2 + this.offset[0] + 'px';
// _panelContainer.style.top = position.y - _panelContainer.offsetHeight - 10 + this.offset[1] + 'px';
_panelContainer.style.left =position.x - 135+ this.offset[0] + 'px';
_panelContainer.style.top =position.y -160 + this.offset[1] + 'px';
}
}
CesiumPopup.prototype.setPosition = function (cartesian3) {
this.position = cartesian3
return this;
}
CesiumPopup.prototype.addClassName = function (className) {
if (_panelContainer) {
_panelContainer.classList.add(className)
}
return this;
}
CesiumPopup.prototype.removeClass = function (className) {
if (_panelContainer) {
_panelContainer.classList.remove(className)
}
return this;
}
CesiumPopup.prototype.setTitle = function (title) {
this.headerTitle.innerHTML = title
return this;
}
CesiumPopup.prototype.setOffset = function (offset) {
this.offset = offset
return this;
}
CesiumPopup.prototype.closeHander = function () {
this.remove()
}
CesiumPopup.prototype.remove = function () {
if (_closeBtn) _closeBtn.removeEventListener('click', this.closeHander, false)
if (_closeBtn) {
_closeBtn.parentNode.removeChild(_closeBtn)
_closeBtn = null
}
if (_contentContainer) {
_contentContainer.parentNode.removeChild(_contentContainer)
_contentContainer = null
}
if (_panelContainer) {
_panelContainer.parentNode.removeChild(_panelContainer)
_panelContainer = null
}
if (_renderListener) {
_renderListener()
_renderListener = null
}
if (_viewer) {
_viewer = null
}
this.emit('close')
}
return CesiumPopup
})()
export default CesiumPopup;
const ExportJsonExcel = require("js-export-excel");
export function exportExcel(option){
var toExcel = new ExportJsonExcel(option); //new
toExcel.saveExcel(); //保存
}
\ No newline at end of file
// 导出页面为PDF格式
/* eslint-disable */
//不使用JQuery版的
import html2canvas from 'html2canvas';
import JsPDF from 'jspdf';
/**
* @param ele 要生成 pdf 的DOM元素(容器)
* @param padfName PDF文件生成后的文件名字
* */
function downloadPDF(ele, pdfName){
let eleW = ele.offsetWidth;// 获得该容器的宽
let eleH = ele.offsetHeight;// 获得该容器的高
let eleOffsetTop = ele.offsetTop; // 获得该容器到文档顶部的距离
let eleOffsetLeft = ele.offsetLeft; // 获得该容器到文档最左的距离
window.scrollTo(0,eleOffsetTop);
var canvas = document.createElement("canvas");
var abs = 0;
let win_in = document.documentElement.clientWidth || document.body.clientWidth; // 获得当前可视窗口的宽度(不包含滚动条)
let win_out = window.innerWidth; // 获得当前窗口的宽度(包含滚动条)
if(win_out>win_in){
// abs = (win_o - win_i)/2; // 获得滚动条长度的一半
abs = (win_out - win_in)/2; // 获得滚动条宽度的一半
// console.log(a, '新abs');
}
canvas.width = eleW * 2; // 将画布宽&&高放大两倍
canvas.height = eleH * 2;
var context = canvas.getContext("2d");
context.scale(2, 2);
context.translate(-eleOffsetLeft -abs, -eleOffsetTop);
// 这里默认横向没有滚动条的情况,因为offset.left(),有无滚动条的时候存在差值,因此
// translate的时候,要把这个差值去掉
// html2canvas(element).then( (canvas)=>{ //报错
// html2canvas(element[0]).then( (canvas)=>{
html2canvas( ele, {
dpi: 300,
scrollY:eleOffsetTop,
// allowTaint: true, //允许 canvas 污染, allowTaint参数要去掉,否则是无法通过toDataURL导出canvas数据的
useCORS:true //允许canvas画布内 可以跨域请求外部链接图片, 允许跨域请求。
} ).then( (canvas)=>{
var contentWidth = canvas.width;
var contentHeight = canvas.height;
//一页pdf显示html页面生成的canvas高度;
var pageHeight = contentWidth / 592.28 * 841.89;
//未生成pdf的html页面高度
var leftHeight = contentHeight;
//页面偏移
var position = 0;
//a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
var imgWidth = 595.28;
var imgHeight = 595.28/contentWidth * contentHeight;
var pageData = canvas.toDataURL('image/jpeg', 1.0);
var pdf = new JsPDF('', 'pt', 'a4');
//有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
//当内容未超过pdf一页显示的范围,无需分页
if (leftHeight < pageHeight) {
//在pdf.addImage(pageData, 'JPEG', 左,上,宽度,高度)设置在pdf中显示;
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
// pdf.addImage(pageData, 'JPEG', 20, 40, imgWidth, imgHeight);
} else { // 分页
while(leftHeight > 0) {
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
leftHeight -= pageHeight;
position -= 841.89;
//避免添加空白页
if(leftHeight > 0) {
pdf.addPage();
}
}
}
//可动态生成
pdf.save(pdfName);
})
}
export default {
downloadPDF
}
\ No newline at end of file
/**
* Created by jiachenpan on 16/11/18.
*/
export function parseTime(time) {
if (time) {
var date = new Date(time)
var year = date.getFullYear()
/* 在日期格式中,月份是从0开始的,因此要加0
* 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05
* */
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
// 拼接
return year + '' + month + '' + day + '' + hours + ':' + minutes + ':' + seconds
} else {
return ''
}
}
export function formatTime(time, option) {
time = +time * 1000
const d = new Date(time)
const now = Date.now()
const diff = (now - d) / 1000
if (diff < 30) {
return '刚刚'
} else if (diff < 3600) {
// less 1 hour
return Math.ceil(diff / 60) + '分钟前'
} else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前'
} else if (diff < 3600 * 24 * 2) {
return '1天前'
}
if (option) {
return parseTime(time)
} else {
return (
d.getMonth() +
1 +
'' +
d.getDate() +
'' +
d.getHours() +
'' +
d.getMinutes() +
''
)
}
}
export function debounce(func, wait, immediate) {
let timeout, args, context, timestamp, result
const later = function() {
// 据上一次触发时间间隔
const last = +new Date() - timestamp
// 上次被包装函数被调用时间间隔last小于设定时间间隔wait
if (last < wait && last > 0) {
timeout = setTimeout(later, wait - last)
} else {
timeout = null
// 如果设定为immediate===true,因为开始边界已经调用过了此处无需调用
if (!immediate) {
result = func.apply(context, args)
if (!timeout) context = args = null
}
}
}
return function(...args) {
context = this
timestamp = +new Date()
const callNow = immediate && !timeout
// 如果延时不存在,重新设定延时
if (!timeout) timeout = setTimeout(later, wait)
if (callNow) {
result = func.apply(context, args)
context = args = null
}
return result
}
}
export function isExternal(path) {
return /^(https?:|mailto:|tel:)/.test(path)
}
// 替换邮箱字符
export function regEmail(email) {
if (String(email).indexOf('@') > 0) {
const str = email.split('@')
let _s = ''
if (str[0].length > 3) {
for (var i = 0; i < str[0].length - 3; i++) {
_s += '*'
}
}
var new_email = str[0].substr(0, 3) + _s + '@' + str[1]
}
return new_email
}
// 替换手机字符
export function regMobile(mobile) {
if (mobile.length > 7) {
var new_mobile = mobile.substr(0, 3) + '****' + mobile.substr(7)
}
return new_mobile
}
//根据表名获取id
export function getTableNameGetId(tableName,data){
var obj = {};
switch (tableName) {
case 'rid_cross':
obj = { idFeild: 'inter_id', dataType: 'cross' }
break
case 'rid_rid':
obj = { idFeild: 'rid', dataType: 'rid' }
break
case 'rid_axf_three':
obj = { idFeild: 'forwardroa', dataType: 'link' }
break
case 'rid_lane_obj':
obj = { idFeild: 'laneid', dataType: 'lane' }
break
default:
break
}
return obj
}
// Function to create a triangle icon (arrow)
function createTriangleIcon(color) {
const canvas = document.createElement("canvas");
canvas.width = 24;
canvas.height = 24;
const context = canvas.getContext("2d");
context.fillStyle = color;
context.beginPath();
context.moveTo(12, 2);
context.lineTo(22, 22);
context.lineTo(2, 22);
context.closePath();
context.fill();
return canvas.toDataURL();
}
export function addOrUpdateSelectVehicleTrack(map, geo) {
if (!map.getSource("selectVehicleTrack")) {
map.addSource("selectVehicleTrack", {
type: "geojson",
data: geo,
});
} else {
map.getSource("selectVehicleTrack").setData(geo);
}
if (!map.getLayer("selectVehicleTrack")) {
map.addLayer(
{
id: "selectVehicleTrack",
type: "line",
source: "selectVehicleTrack",
paint: {
"line-color": 'red',
"line-width": 3,
},
},
"vehicle3D"
);
}
}
// 毫米波雷达范围图层
export function addOrUpdateMilliScope(map, geo) {
if (!map.getSource(`milliScope`)) {
map.addSource(`milliScope`, {
type: "geojson",
data: geo,
});
}
if (!map.getLayer(`milliScope`)) {
map.addLayer(
{
id: `milliScope`,
source: `milliScope`,
type: "fill",
paint: {
"fill-color": 'rgba(68, 114, 196, 0.4)', // 默认值,如果没有匹配到上述枚举值]
},
},
"vehicle3D"
);
}
}
// 更新灯态图层
export function addOrUpdateLightLayers(map, geo) {
if (!map.getSource("lightLayer")) {
map.addSource("lightLayer", {
type: "geojson",
data: geo,
});
} else {
map.getSource("lightLayer").setData(geo);
}
if (!map.getSource("lightLayerText")) {
map.addSource("lightLayerText", {
type: "geojson",
data: geo,
});
} else {
map.getSource("lightLayerText").setData(geo);
}
if (!map.getLayer("lightLayer")) {
map.addLayer(
{
id: "lightLayer",
type: "symbol",
source: "lightLayer",
layout: {
"icon-allow-overlap": true,
"icon-ignore-placement": true,
"icon-size": 0.7,
"icon-image": ["get", "ts"],
"icon-pitch-alignment": "map",
// "icon-rotate": ["+", ["*", ["get", "roadDir"], 45], 180],
'icon-rotate': ['get', 'lightAngle'],
"icon-rotation-alignment": "map",
},
},
"vehicle3D"
);
}
if (!map.getLayer("lightLayerText")) {
map.addLayer(
{
id: "lightLayerText",
type: "symbol",
source: "lightLayerText",
layout: {
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-field": ["get", "remainTime"],
"text-size": 14,
"text-pitch-alignment": "map",
"text-rotation-alignment": "map",
'text-rotate': ['get', 'lightAngle'],
// "text-rotate": ["+", ["*", ["get", "roadDir"], 45], 180],
},
paint: {
"text-color": "white",
"text-halo-blur": 1,
"text-halo-width": 2,
"text-halo-color": [
"match",
["get", "state"], // 属性字段名称
"red",
"rgba(255, 130, 130, 0.5)",
"yellow",
"rgba(255, 179, 0, 0.5)",
"green",
"rgba(48, 255, 141, 0.5)",
"rgba(255,255,255,0)", // 默认值,如果没有匹配到上述枚举值
],
},
},
"vehicle3D"
);
}
}
// 更新等待行人区域灯态
export function addOrUpdateWaitingPolygons(map, geo){
if (!map.getSource("waitingLayer")) {
map.addSource("waitingLayer", {
type: "geojson",
data: geo,
});
} else {
map.getSource("waitingLayer").setData(geo);
}
if (!map.getLayer("waitingLayer")) {
map.addLayer(
{
id: "waitingLayer",
type: "fill",
source: "waitingLayer",
paint: {
"fill-color": [
"match",
["get", "state"], // 属性字段名称
'red',
"rgba(231, 63, 50,0.4)",
'green',
'rgba(35, 148, 67,0.4)',
'yellow',
'rgba(251, 194, 29,0.4)',
"rgba(255,255,255,0)",
], // 默认值,如果没有匹配到上述枚举值]
},
},
"vehicle3D"
);
}
}
// 检测器layer
export function addOrUpdateDetetorA(map, geo) {
if (!map.getSource("detetorsA")) {
map.addSource("detetorsA", {
type: "geojson",
data: geo,
});
} else {
map.getSource("detetorsA").setData(geo);
}
if (!map.getLayer("detetorsA")) {
map.addLayer(
{
id: "detetorsA",
type: "line",
source: "detetorsA",
paint: {
"line-color": [
"match",
["get", "state"],
0,
"green",
1,
"red",
"green",
],
"line-width": 3,
},
},
"vehicle3D"
);
}
}
export function addOrUpdateDetetorB(map, geo) {
if (!map.getSource("detetorsB")) {
map.addSource("detetorsB", {
type: "geojson",
data: geo,
});
} else {
map.getSource("detetorsB").setData(geo);
}
if (!map.getLayer("detetorsB")) {
map.addLayer(
{
id: "detetorsB",
type: "line",
source: "detetorsB",
paint: {
"line-color": [
"match",
["get", "state"],
0,
"green",
1,
"red",
"green",
],
"line-width": 3,
},
},
"vehicle3D"
);
}
}
export function addOrUpdateDetetorC(map, geo) {
if (!map.getSource("detetorsC")) {
map.addSource("detetorsC", {
type: "geojson",
data: geo,
});
} else {
map.getSource("detetorsC").setData(geo);
}
if (!map.getLayer("detetorsC")) {
map.addLayer(
{
id: "detetorsC",
type: "line",
source: "detetorsC",
paint: {
"line-color": [
"match",
["get", "state"],
0,
"green",
1,
"red",
"green",
],
"line-width": 3,
},
},
"vehicle3D"
);
}
}
// 更新路况矢量切片图层
export function addOrUpdateRoadVector(map) {
if (!map.getSource("vector_road")) {
map.addSource("vector_road", {
type: "vector",
tiles: [map_config.VECTOR_ROAD],
});
}
if (!map.getLayer("vector_road_layer")) {
map.addLayer({
id: "vector_road_layer",
source: "vector_road",
"source-layer": "line-layer",
type: "line",
layout: {
"line-join": "round",
"line-cap": "round",
},
paint: {
"line-width": 3,
"line-color": [
"match",
["get", "status"],
"1",
"green",
"2",
"yellow",
"3",
"orange",
"4",
"red",
"green",
],
},
});
if (map.getLayer("holo_crossPointS")) map.moveLayer("holo_crossPointS");
}
}
// 更新选中车辆底部闪动波纹
export function addOrUpdateWave(map, geo) {
if (map.getSource("dot-point")) {
map.getSource("dot-point").setData(geo);
} else {
map.addSource("dot-point", {
type: "geojson",
data: geo,
});
}
if (!map.getLayer("vehicleSelectWave")) {
map.addLayer({
id: "vehicleSelectWave",
type: "symbol",
source: "dot-point",
layout: {
"icon-image": "pulsingDot0",
"icon-pitch-alignment": "map",
"icon-rotation-alignment": "map",
},
});
}
}
// type 4 种颜色 对应 4种告警信息
export function addOrUpdateWarningWave(map, geo, id) {
if (map.getSource(id)) {
map.getSource(id).setData(geo);
} else {
map.addSource(id, {
type: "geojson",
data: geo,
});
}
if (!map.getLayer(id)) {
map.addLayer({
id: id,
type: "symbol",
source: id,
layout: {
'icon-allow-overlap':true,
'icon-ignore-placement':true,
"icon-image": [
"match",
["get", "type"],
1,
"pulsingDot1",
2,
"pulsingDot2",
3,
"pulsingDot3",
4,
"pulsingDot4",
"",
],
"icon-pitch-alignment": "map",
"icon-rotation-alignment": "map",
},
});
}
}
// 更新zoom值较小时的车辆轨迹point
export function addOrUpdateVehicle(map, geo) {
if (!map.getSource("vehicle")) {
map.addSource("vehicle", {
type: "geojson",
data: geo,
});
} else {
map.getSource("vehicle").setData(geo);
}
if (!map.getLayer("vehicle")) {
map.addLayer({
id: "vehicle",
type: "circle",
source: "vehicle",
paint: {
"circle-blur": 1,
"circle-color": "#06f4fe",
"circle-pitch-alignment": "map",
},
});
if (map.getLayer("holo_crossPoint")) map.moveLayer("holo_crossPoint");
}
}
// 路口icon
export function addOrUpdateCross(map, geo, callback) {
if (!map.getSource("holo_crossPoint")) {
map.addSource("holo_crossPoint", {
type: "geojson",
data: geo,
});
} else {
map.getSource("holo_crossPoint").setData(geo);
}
if (!map.getLayer("holo_crossPoint")) {
map.addLayer({
id: "holo_crossPoint",
type: "symbol",
source: "holo_crossPoint",
layout: {
"icon-image": [
"match",
["get", "isSignal"], // 属性字段名称
1,
"crossNormal",
0,
"crossFalse",
"crossSelect", // 默认值,如果没有匹配到上述枚举值
],
"icon-size": 0.7,
"icon-offset": [0, -10],
},
});
map.on("click", "holo_crossPoint", (aaa) => callback(aaa));
}
}
// second 路口icon
export function addOrUpdateCrossS(map, geo, callback) {
if (!map.getSource("holo_crossPointS")) {
map.addSource("holo_crossPointS", {
type: "geojson",
data: geo,
});
} else {
map.getSource("holo_crossPointS").setData(geo);
}
if (!map.getLayer("holo_crossPointS")) {
map.addLayer({
id: "holo_crossPointS",
type: "symbol",
source: "holo_crossPointS",
layout: {
"icon-image": [
"match",
["get", "isSignal"], // 属性字段名称
1,
"crossNormal",
0,
"crossFalse",
"crossSelect", // 默认值,如果没有匹配到上述枚举值
],
"icon-size": 0.7,
"icon-offset": [0, -10],
},
});
map.on("click", "holo_crossPointS", (aaa) => callback(aaa));
}
}
// 路口名称
export function addOrUpdateCrossName(map, geo) {
if (!map.getSource("holo_crossPoint")) {
map.addSource("holo_crossPoint", {
type: "geojson",
data: geo,
});
} else {
map.getSource("holo_crossPoint").setData(geo);
}
if (!map.getLayer("holo_crossName")) {
map.addLayer({
id: "holo_crossName",
type: "symbol",
source: "holo_crossPoint",
layout: {
"text-field": ["get", "name"],
"text-size": 12,
"text-offset": [0, 1.5],
"text-allow-overlap": true,
"text-ignore-placement": true,
},
paint: {
"text-color": "white",
"text-halo-blur": 1,
"text-halo-width": 2,
"text-halo-color": "black",
},
});
}
}
// 交通事件热力图
export function addOrUpdateEventHeat(map, geo, callback) {
console.log(geo, 7777777777777777777);
if (!map.getSource("eventHeat")) {
map.addSource("eventHeat", {
type: "geojson",
data: geo,
});
} else {
map.getSource("eventHeat").setData(geo);
}
if (!map.getLayer("eventHeat")) {
map.addLayer({
id: "eventHeat",
type: "heatmap",
source: "eventHeat",
paint: {
"heatmap-color": [
"interpolate",
["linear"],
["heatmap-density"],
0,
"rgba(38, 233, 251,0.0)",
0.1,
"rgba(38, 233, 251,0.2)", // 低密度的颜色
0.2,
"rgba(36, 239, 219,0.7)",
0.4,
"rgba(83, 231, 169,0.8)",
0.6,
"rgba(190, 236, 68,0.9)",
0.8,
"rgba(252, 145, 3,0.9)",
1,
"rgba(253, 108, 3,1)", // 高密度的颜色
],
},
});
if (map.getLayer("vehicle3D")) {
map.moveLayer("eventHeat", "vehicle3D");
}
}
}
// 交通事件点图
export function addOrUpdateEventPoint(map, geo, callback) {
if (!map.getSource("eventPoint")) {
map.addSource("eventPoint", {
type: "geojson",
data: geo,
});
} else {
map.getSource("eventPoint").setData(geo);
}
if (!map.getLayer("eventPoint")) {
map.addLayer({
id: "eventPoint",
type: "symbol",
source: "eventPoint",
layout: {
"icon-image": "event",
"icon-size": 1,
"icon-offset": [0, -10],
},
});
map.on("click", "eventPoint", (aaa) => callback(aaa));
}
}
// 相机设备
export function addOrUpdateEquipCamera(map, geo, callback) {
if (!map.getSource("camera")) {
console.log("addsource");
map.addSource("camera", {
type: "geojson",
data: geo,
});
} else {
console.log("setData");
map.getSource("camera").setData(geo);
}
if (!map.getLayer("camera")) {
console.log("addLayer");
map.addLayer({
id: "camera",
type: "symbol",
source: "camera",
layout: {
"icon-image": [
"match",
["get", "status"], // 属性字段名称
'0',
"cameraFalse",
'1',
'camera',
"cameraFalse",
], // 默认值,如果没有匹配到上述枚举值]
// "icon-image": "camera",
"icon-size": 0.6,
"icon-ignore-placement": true,
// 'icon-offset': [0, -10]
},
});
// map.on("click", "camera", (aaa) => callback(aaa, "camera"));
}
}
// 设备...
export function addOrUpdateEquipMilli(map, geo, callback) {
if (!map.getSource("milli")) {
map.addSource("milli", {
type: "geojson",
data: geo,
});
} else {
map.getSource("milli").setData(geo);
}
if (!map.getLayer("milli")) {
map.addLayer({
id: "milli",
type: "symbol",
source: "milli",
layout: {
"icon-image": [
"match",
["get", "status"], // 属性字段名称
'0',
"milliFalse",
'1',
'milli',
"milliFalse",
], // 默认值,如果没有匹配到上述枚举值]
// "icon-image": "milli",
"icon-size": 0.6,
"icon-ignore-placement": true,
},
});
// map.on("click", "milli", (aaa) => callback(aaa, "milli"));
}
}
export function addOrUpdateEquipRadar(map, geo, callback) {
if (!map.getSource("radar")) {
map.addSource("radar", {
type: "geojson",
data: geo,
});
} else {
map.getSource("radar").setData(geo);
}
if (!map.getLayer("radar")) {
map.addLayer({
id: "radar",
type: "symbol",
source: "radar",
layout: {
"icon-image": [
"match",
["get", "status"], // 属性字段名称
'0',
"radarFalse",
'1',
'radar',
"radarFalse",
], // 默认值,如果没有匹配到上述枚举值]
// "icon-image": "radar",
"icon-size": 0.6,
"icon-ignore-placement": true,
},
});
// map.on("click", "radar", (aaa) => callback(aaa, "radar"));
}
}
export function addOrUpdateEquipSignal(map, geo, callback) {
if (!map.getSource("signal")) {
map.addSource("signal", {
type: "geojson",
data: geo,
});
} else {
map.getSource("signal").setData(geo);
}
if (!map.getLayer("signal")) {
map.addLayer({
id: "signal",
type: "symbol",
source: "signal",
layout: {
// "icon-image": "signal",
"icon-image": [
"match",
["get", "status"], // 属性字段名称
'0',
"signalFalse",
'1',
'signal',
"signalFalse",
], // 默认值,如果没有匹配到上述枚举值]
"icon-size": 0.6,
"icon-ignore-placement": true,
},
});
// map.on("click", "signal", (aaa) => callback(aaa, "signal"));
}
}
export function addOrUpdateEquipWeather(map, geo, callback) {
if (!map.getSource("weather")) {
map.addSource("weather", {
type: "geojson",
data: geo,
});
} else {
map.getSource("weather").setData(geo);
}
if (!map.getLayer("weather")) {
map.addLayer({
id: "weather",
type: "symbol",
source: "weather",
layout: {
// "icon-image": "weather",
"icon-image": [
"match",
["get", "status"], // 属性字段名称
'0',
"weatherFalse",
'1',
'weather',
"weatherFalse",
], // 默认值,如果没有匹配到上述枚举值]
"icon-size": 0.6,
"icon-ignore-placement": true,
},
});
// map.on("click", "weather", (aaa) => callback(aaa, "weather"));
}
}
// 车牌号及其背景图片
export function addOrUpdateLicense(map, geo) {
if (!map.getSource("license")) {
map.addSource("license", {
type: "geojson",
data: geo,
});
} else {
map.getSource("license").setData(geo);
}
if (!map.getLayer("licenseBack")) {
map.addLayer({
id: "licenseBack",
type: "symbol",
source: "license",
layout: {
"icon-allow-overlap": true,
"icon-ignore-placement": true,
"icon-size": 0.4,
"icon-image": ["concat", "license", ["get", "licenseColor"]],
"icon-offset": [0, -80],
},
paint: {
// 'icon-translate': [-80, 0],
// 'icon-translate-anchor': 'viewport'
},
});
}
if (!map.getLayer("license")) {
map.addLayer({
id: "license",
type: "symbol",
source: "license",
layout: {
"text-field": ["get", "picLicense"],
"text-size": 10,
"text-offset": [0, -3.5],
"text-allow-overlap": true,
"text-ignore-placement": true,
},
paint: {
"text-color": "white",
"text-halo-width": 0.3,
"text-halo-color": "white",
},
});
}
}
// 中间层级车辆图片图层
export function addOrUpdateVehiclePic(map, geo) {
if (!map.getSource("vehiclePic")) {
map.addSource("vehiclePic", {
type: "geojson",
data: geo,
});
} else {
map.getSource("vehiclePic").setData(geo);
}
if (!map.getLayer("vehiclePic")) {
map.addLayer(
{
id: "vehiclePic",
type: "symbol",
source: "vehiclePic",
layout: {
"icon-allow-overlap": true,
"icon-ignore-placement": true,
"icon-size": 0.2,
"icon-image": ["concat", "car", ["get", "originalType"]],
"icon-pitch-alignment": "map",
"icon-rotate": ["get", "courseAngle"],
"icon-rotation-alignment": "map",
// 'icon-offset': [0, -20]
},
},
"vehicle3D"
);
}
}
// 车道面
export function addOrUpdateRoadPolygon(map, geo, callback) {
if (!map.getSource("roadPolygon")) {
map.addSource("roadPolygon", {
type: "geojson",
data: geo,
});
} else {
map.getSource("roadPolygon").setData(geo);
}
if (!map.getLayer("roadPolygon")) {
map.addLayer(
{
id: "roadPolygon",
type: "fill",
source: "roadPolygon",
paint: {
"fill-color": [
"match",
["get", "select"], // 属性字段名称
0,
"rgba(114, 186, 190,0.4)",
1,
// "rgba(114, 186, 190,0.8)",
'rgba(213, 44, 54,0.8)',
"rgba(255,255,255,1)",
], // 默认值,如果没有匹配到上述枚举值]
},
}
// "vehicle3D"
);
// map.on("click", "roadPolygon", (aaa) => callback(aaa));
}
}
// 轨迹点集合 vector图层
export function addOrUpdateTrackPointVector(map, startTime, endTime, crossId) {
if (!map.getSource("myMVTLayer")) {
map.addSource("myMVTLayer", {
type: "vector",
tiles: [
`${map_config.MVT_TILEURL}/holo/histrory-track/tile?z={z}&x={x}&y={y}&startTime=${startTime}&endTime=${endTime}&crossId=${crossId}`,
],
});
}
if (!map.getLayer("myMVTLayer")) {
map.addLayer({
id: "myMVTLayer",
type: "circle",
source: "myMVTLayer",
"source-layer": "track-point",
paint: {
"circle-color": "#00fff1",
"circle-radius": 1,
},
});
}
}
// 组织评价 - 流量线
export function addOrUpdateFlowLine(map, geo) {
if (!map.getSource("flowLine")) {
map.addSource("flowLine", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowLine").setData(geo);
}
if (!map.getLayer("flowLine")) {
map.addLayer({
id: "flowLine",
type: "line",
source: "flowLine",
paint: {
"line-color": [
"match",
["get", "select"], // 属性字段名称
1,
"rgba(152, 234, 35, 1)",
0,
"rgba(1,1,1,0)",
"rgba(1,1,1,0)", // 默认值,如果没有匹配到上述枚举值
],
"line-width": 2,
},
});
}
}
// 分析报告 - 流量线
export function addOrUpdateFlowLineR(map, geo) {
if (!map.getSource("flowLineR")) {
map.addSource("flowLineR", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowLineR").setData(geo);
}
if (!map.getLayer("flowLineR")) {
map.addLayer({
id: "flowLineR",
type: "line",
source: "flowLineR",
paint: {
// 'line-color':'rgba(152, 234, 35, 1)',
"line-color": [
"match",
["get", "ridDir"], // 属性字段名称
1,
"#d10401",
2,
"#d10401",
3,
"#08a24d",
4,
"#08a24d",
5,
"#5440b8",
6,
"#5440b8",
7,
"#f37c0b",
8,
"#f37c0b",
"rgba(1,1,1,0)", // 默认值,如果没有匹配到上述枚举值
],
"line-width": 4,
},
});
}
}
// 分析报告 - 流量值
export function addOrUpdateFlowLineRText(map, geo) {
if (!map.getSource("flowLineRText")) {
map.addSource("flowLineRText", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowLineRText").setData(geo);
}
if (!map.getLayer("flowLineRText")) {
map.addLayer({
id: "flowLineRText",
type: "symbol",
source: "flowLineRText",
layout: {
"text-field": ["get", "flowVal"],
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-size": 12,
},
paint: {
"text-color": "rgba(255, 225, 0, 1)",
"text-halo-color": "black",
"text-halo-width": 2,
},
});
}
}
// 分析报告 - 流量线箭头
export function addOrUpdateFlowLineRArrow(map, points) {
if (!map.getSource("flowLineArrowR")) {
map.addSource('flowLineArrowR', {
type: 'geojson',
data: points
});
} else {
map.getSource("flowLineArrowR").setData(points);
}
if (!map.getLayer("flowLineArrowR")) {
// console.log('has.............');
if (!map.hasImage('arrowIcon1')) {
const arrowIcons = [];
// Create a triangle icon (arrow) with a specified color
// const arrowIcon0 = createTriangleIcon("#d10401");
const arrowIcon0 = createTriangleIcon("yellow");
const arrowIcon1 = createTriangleIcon("#08a24d");
const arrowIcon2 = createTriangleIcon("#5440b8");
const arrowIcon3 = createTriangleIcon("#f37c0b");
arrowIcons.push(arrowIcon0, arrowIcon2, arrowIcon3, arrowIcon1);
for (let i = 0; i < arrowIcons.length; i++) {
map.loadImage(arrowIcons[i], (error, image) => {
if (error) throw error;
map.addImage(`arrowIcon${i}`, image)
})
}
}
map.addLayer({
id: 'flowLineArrowR',
type: 'symbol',
source: 'flowLineArrowR',
layout: {
// 'icon-image': [
// "match",
// ["get", "ridDir"], // 属性字段名称
// 1,
// "arrowIcon0",
// 2,
// "arrowIcon0",
// 3,
// "arrowIcon1",
// 4,
// "arrowIcon1",
// 5,
// "arrowIcon2",
// 6,
// "arrowIcon2",
// 7,
// "arrowIcon3",
// 8,
// "arrowIcon3",
// "arrowIcon1",
// ],
'icon-image': 'arrowIcon0',
'icon-size': 0.5, // Adjust the size of the arrow
'icon-rotation-alignment': 'map',
'icon-rotate': ['get', 'bearing'], // Rotate the arrow based on bearing
},
});
}
}
// 组织评价 - 流量线箭头
export function addOrUpdateFlowLineArrow(map, json) {
let features = [];
for (let item of json) {
if (item.select) {
let angle = turf.bearing(
turf.point(item.lineArray[0]),
turf.point(item.lineArray[1])
);
features.push(
turf.point([item.endLng, item.endLat], { ...item, angle: angle })
);
}
}
let geo = turf.featureCollection(features);
if (!map.getSource("flowLineArrow")) {
map.addSource("flowLineArrow", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowLineArrow").setData(geo);
}
if (!map.getLayer("flowLineArrow")) {
map.addLayer({
id: "flowLineArrow",
type: "symbol",
source: "flowLineArrow",
layout: {
"icon-image": "lineArrow",
"icon-rotate": ["get", "angle"],
"icon-ignore-placement": true,
"icon-allow-overlap": true,
"icon-pitch-alignment": "map",
"icon-rotation-alignment": "map",
"icon-size": 0.5,
},
});
}
}
// 流量存在分流 一个起始值对应多个分流末尾
// 组织评价 - 流量值(起始
export function addOrUpdateFlowText(map, json) {
let features = [];
for (let item of json) {
if (item.select) {
features.push(turf.point([item.startLng, item.startLat], item));
}
}
let geo = turf.featureCollection(features);
if (!map.getSource("flowText")) {
map.addSource("flowText", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowText").setData(geo);
}
if (!map.getLayer("flowText")) {
map.addLayer({
id: "flowText",
type: "symbol",
source: "flowText",
layout: {
"text-field": ["get", "flow"],
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-size": 12,
},
paint: {
"text-color": "rgba(255, 225, 0, 1)",
"text-halo-color": "black",
"text-halo-width": 2,
},
});
}
}
// 组织评价 - 流量值(结束
export function addOrUpdateFlowTextEnd(map, json) {
let features = [];
for (let item of json) {
if (item.select) {
features.push(turf.point([item.endLng, item.endLat], item));
}
}
let geo = turf.featureCollection(features);
if (!map.getSource("flowTextEnd")) {
map.addSource("flowTextEnd", {
type: "geojson",
data: geo,
});
} else {
map.getSource("flowTextEnd").setData(geo);
}
if (!map.getLayer("flowTextEnd")) {
map.addLayer({
id: "flowTextEnd",
type: "symbol",
source: "flowTextEnd",
layout: {
"text-field": ["get", "endFlow"],
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-size": 12,
},
paint: {
"text-color": "rgba(255, 225, 0, 1)",
"text-halo-color": "black",
"text-halo-width": 2,
},
});
}
}
// let roadLineGeo = null, roadChunkPointGeo = null
// export function addCalibrationTail(map) {
// // 计算1米在当前地图的经度度数
// if (!map.getSource("calibrationTail") && !map.getSource("chunkPointGeo")) {
// getRoadLines().then(res => {
// console.log(res, 111111111111111111111111);
// // let lineStringFeature = turf.lineString([map_config.MAP_CENTER, [113.96364, 28.18825]]) // 线feature
// // let lineFeatures = [lineStringFeature]
// // roadLineGeo = turf.featureCollection(lineFeatures)
// // let chunkLineGeo = turf.lineChunk(lineStringFeature, 0.001, { units: 'kilometers' }); // chunk线geo 1m
// // let chunkPointFeatures = []
// // for (let i = 0; i < chunkLineGeo.features.length; i++) {
// // let bearing = turf.bearing(
// // turf.point(chunkLineGeo.features[i].geometry.coordinates[0]),
// // turf.point(chunkLineGeo.features[i].geometry.coordinates[1])
// // );
// // chunkPointFeatures.push(
// // turf.point(chunkLineGeo.features[i].geometry.coordinates[0], { index: i, angle: bearing })
// // )
// // }
// // roadChunkPointGeo = turf.featureCollection(chunkPointFeatures)
// let chunkPointFeatures = []
// let lineFeatures = []
// for (let multiLineString of res.content) {
// let currentMultiLineGeo = JSON.parse(multiLineString.geom)
// for (let line of currentMultiLineGeo.coordinates) {
// let singleLineFeature = turf.lineString(line.reverse())
// lineFeatures.push(singleLineFeature)
// let singleLineChunkGeo = turf.lineChunk(singleLineFeature, 0.001, { units: 'kilometers' })
// for (let i = 0; i < singleLineChunkGeo.features.length; i++) {
// let bearing = turf.bearing(
// turf.point(singleLineChunkGeo.features[i].geometry.coordinates[0]),
// turf.point(singleLineChunkGeo.features[i].geometry.coordinates[1])
// );
// chunkPointFeatures.push(
// turf.point(singleLineChunkGeo.features[i].geometry.coordinates[0], { index: i, angle: bearing })
// )
// }
// }
// }
// roadChunkPointGeo = turf.featureCollection(chunkPointFeatures)
// roadLineGeo = turf.featureCollection(lineFeatures)
// console.log('roadLineGeo', roadLineGeo);
// console.log('roadChunkPointGeo', roadChunkPointGeo);
// map.addSource("calibrationTail", {
// type: "geojson",
// data: roadLineGeo,
// });
// map.addSource("chunkPointGeo", {
// type: "geojson",
// data: roadChunkPointGeo,
// });
// })
// } else {
// map.getSource("calibrationTail").setData(roadLineGeo, { diff: true });
// map.getSource("chunkPointGeo").setData(roadChunkPointGeo, { diff: true });
// }
// // 线条
// if (!map.getLayer("calibrationTailLine")) {
// map.addLayer(
// {
// id: "calibrationTailLine",
// type: "line",
// source: "calibrationTail",
// paint: {
// 'line-color': 'yellow',
// 'line-width': 1,
// }
// }
// );
// }
// // symbol标记
// if (!map.getLayer("chunkSymbol")) {
// map.addLayer(
// {
// id: "chunkSymbol",
// type: "symbol",
// source: "chunkPointGeo",
// layout: {
// 'text-allow-overlap': true,
// 'text-ignore-placement': true,
// 'text-field': '|', // 刻度线的文本标记,可以用符号代替
// 'text-size': 12,
// 'text-pitch-alignment': 'map',
// 'text-rotate': ['-', ['get', 'angle'], 90],
// 'text-rotation-alignment': 'map'
// },
// paint: {
// 'text-color': 'yellow',
// },
// }
// );
// }
// // text chunk 文本
// if (!map.getLayer('chunkText')) {
// // 添加刻度点编号图层
// map.addLayer({
// id: 'chunkText',
// type: 'symbol',
// source: 'chunkPointGeo',
// layout: {
// 'text-allow-overlap': true,
// 'text-ignore-placement': true,
// 'text-field': ['get', 'index'],
// 'text-size': 10,
// // 'text-offset': [0, 2], // 调整文本位置
// 'text-offset': [2, 0], // 调整文本位置
// 'text-pitch-alignment': 'map',
// 'text-rotate': ['-', ['get', 'angle'], 0],
// 'text-rotation-alignment': 'map'
// },
// paint: {
// 'text-color': 'yellow',
// 'text-halo-color': 'black',
// 'text-halo-width': 2,
// },
// });
// }
// }
export function addCalibrationTail(map) {
let roadLineGeo, roadChunkPointGeo;
let a = new Promise((resolve) => {
if (!map.getSource("calibrationTail") && !map.getSource("chunkPointGeo")) {
fetch("roadLineChunk.json").then((res) => {
console.log("res...", res);
res.json().then((data) => {
console.log("data...", data);
roadLineGeo = data.roadLineGeo;
roadChunkPointGeo = data.roadChunkPointGeo;
map.addSource("calibrationTail", {
type: "geojson",
data: roadLineGeo,
});
map.addSource("chunkPointGeo", {
type: "geojson",
data: roadChunkPointGeo,
});
resolve();
});
});
} else {
map.getSource("calibrationTail").setData(roadLineGeo);
map.getSource("chunkPointGeo").setData(roadChunkPointGeo);
resolve();
}
});
a.then(() => {
// 线条
if (!map.getLayer("calibrationTailLine")) {
map.addLayer({
id: "calibrationTailLine",
type: "line",
source: "calibrationTail",
paint: {
"line-color": "yellow",
"line-width": 1,
},
});
if (map.getLayer("vehicle3D")) {
map.moveLayer("calibrationTailLine", "vehicle3D");
}
}
// symbol标记
if (!map.getLayer("chunkSymbol")) {
map.addLayer({
id: "chunkSymbol",
type: "symbol",
source: "chunkPointGeo",
layout: {
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-field": "|", // 刻度线的文本标记,可以用符号代替
"text-size": 12,
"text-pitch-alignment": "map",
"text-rotate": ["-", ["get", "angle"], 90],
"text-rotation-alignment": "map",
},
paint: {
"text-color": "yellow",
},
});
if (map.getLayer("vehicle3D")) {
map.moveLayer("chunkSymbol", "vehicle3D");
}
}
// text chunk 文本
if (!map.getLayer("chunkText")) {
// 添加刻度点编号图层
map.addLayer({
id: "chunkText",
type: "symbol",
source: "chunkPointGeo",
layout: {
"text-allow-overlap": true,
"text-ignore-placement": true,
"text-field": ["get", "index"],
"text-size": 10,
// 'text-offset': [0, 2], // 调整文本位置
"text-offset": [-2, 0], // 调整文本位置
"text-pitch-alignment": "map",
"text-rotate": ["-", ["get", "angle"], 0],
"text-rotation-alignment": "map",
},
paint: {
"text-color": "yellow",
"text-halo-color": "black",
"text-halo-width": 2,
},
});
if (map.getLayer("vehicle3D")) {
map.moveLayer("chunkText", "vehicle3D");
}
}
});
}
const size = 1000;
export const vehicleWave = {
width: size,
height: size,
data: new Uint8Array(size * size * 4), // 用来存储图像数据
onAdd: function () {
// 创建一个canvas对象并初始化
const canvas = document.createElement("canvas");
canvas.width = this.width;
canvas.height = this.height;
this.context = canvas.getContext("2d");
},
// render 不断调用更新canvas对象的半径与fillStyle 以实现波纹效果
render: function () {
const duration = 1000; // 动画周期
const t = (performance.now() % duration) / duration; // 当前帧相对于动画周期的时间比例
const outerRadius = (size / 2) * 0.7 * t;
const context = this.context;
context.clearRect(0, 0, this.width, this.height);
context.beginPath();
context.arc(this.width / 2, this.height / 2, outerRadius, 0, Math.PI * 2);
context.fillStyle = `rgba(252, 1, 26, ${1 - t})`;
context.lineWidth = 2 + 4 * (1 - t);
context.fill();
this.data = context.getImageData(0, 0, this.width, this.height).data;
map.triggerRepaint();
return true;
},
};
import axios from "axios";
import { tansParams, blobValidate } from "./tools";
import cache from "./cache";
import { saveAs } from "file-saver";
let downloadLoadingInstance;
// 是否显示重新登录
export let isRelogin = { show: false };
axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
// 创建axios实例
const service = axios.create({
// 超时
timeout: 1000000,
});
// request拦截器
service.interceptors.request.use(
(config) => {
// console.log('axios request...', config);
// 是否需要防止数据重复提交
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
// get请求映射params参数
if (config.method === "get" && config.params) {
let url = config.url + "?" + tansParams(config.params);
url = url.slice(0, -1);
config.params = {};
config.url = url;
}
if (
!isRepeatSubmit &&
(config.method === "post" || config.method === "put")
) {
const requestObj = {
url: config.url,
data:
typeof config.data === "object"
? JSON.stringify(config.data)
: config.data,
time: new Date().getTime(),
};
const sessionObj = cache.session.getJSON("sessionObj");
if (
sessionObj === undefined ||
sessionObj === null ||
sessionObj === ""
) {
cache.session.setJSON("sessionObj", requestObj);
} else {
const s_url = sessionObj.url; // 请求地址
const s_data = sessionObj.data; // 请求数据
const s_time = sessionObj.time; // 请求时间
const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交
if (
s_data === requestObj.data &&
requestObj.time - s_time < interval &&
s_url === requestObj.url
) {
const message = "数据正在处理,请勿重复提交";
console.warn(`[${s_url}]: ` + message);
return Promise.reject(new Error(message));
} else {
cache.session.setJSON("sessionObj", requestObj);
}
}
}
return config;
},
(error) => {
console.log(error);
Promise.reject(error);
}
);
// 响应拦截器
service.interceptors.response.use(
(res) => {
console.log("axios response...", res);
// 未设置状态码则默认成功状态
const code = res.status || 200;
// 二进制数据则直接返回
if (
res.request.responseType === "blob" ||
res.request.responseType === "arraybuffer"
) {
let enc = new TextDecoder("utf-8");
let json = null
try {
json = JSON.parse(enc.decode(new Uint8Array(res.data)));
} catch (e) {
json = res.data
}
return json
}
if (code === 401) {
if (!ELEMENT.$_overTime) {
ELEMENT.$_overTime = ELEMENT.Notification.error({
title: "失败",
message: "code 401, 3秒后退出登录",
});
setTimeout(() => {
window.location.href = "/";
}, 3000);
}
return Promise.reject("无效的会话,或者会话已过期,请重新登录。");
}
if (code == 200) {
if (res.config.showMsg) {
ELEMENT.Message.success(res.data.message || res.data.status);
}
return res.data;
} else {
if (res.config.showMsg) {
ELEMENT.Message.error(res.data.message || res.data.status);
}
return null
}
},
(error) => {
// ELEMENT.Message.error(error.message);
return Promise.reject(error);
}
);
export function getBlob(url) {
return service
.get(url, {
headers: { "Content-Type": "application/x-www-form-urlencoded" },
responseType: "blob",
})
.then(async (data) => {
const blob = new Blob([data]);
return blob;
});
}
export default service;
/**
* 通用js方法封装处理
* Copyright (c) 2019 ruoyi
*/
// 日期格式化
export function parseTime(time, pattern) {
if (arguments.length === 0 || !time) {
return null
}
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
time = parseInt(time)
} else if (typeof time === 'string') {
time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/gm), '');
}
if ((typeof time === 'number') && (time.toString().length === 10)) {
time = time * 1000
}
date = new Date(time)
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key]
// Note: getDay() returns 0 on Sunday
if (key === 'a') { return ['', '', '', '', '', '', ''][value] }
if (result.length > 0 && value < 10) {
value = '0' + value
}
return value || 0
})
return time_str
}
// 表单重置
export function resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
}
// 添加日期范围
export function addDateRange(params, dateRange, propName) {
let search = params;
search.params = typeof (search.params) === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {};
dateRange = Array.isArray(dateRange) ? dateRange : [];
if (typeof (propName) === 'undefined') {
search.params['beginTime'] = dateRange[0];
search.params['endTime'] = dateRange[1];
} else {
search.params['begin' + propName] = dateRange[0];
search.params['end' + propName] = dateRange[1];
}
return search;
}
// 回显数据字典
export function selectDictLabel(datas, value) {
if (value === undefined) {
return "";
}
var actions = [];
Object.keys(datas).some((key) => {
if (datas[key].value == ('' + value)) {
actions.push(datas[key].label);
return true;
}
})
if (actions.length === 0) {
actions.push(value);
}
return actions.join('');
}
// 回显数据字典(字符串、数组)
export function selectDictLabels(datas, value, separator) {
if (value === undefined || value.length ===0) {
return "";
}
if (Array.isArray(value)) {
value = value.join(",");
}
var actions = [];
var currentSeparator = undefined === separator ? "," : separator;
var temp = value.split(currentSeparator);
Object.keys(value.split(currentSeparator)).some((val) => {
var match = false;
Object.keys(datas).some((key) => {
if (datas[key].value == ('' + temp[val])) {
actions.push(datas[key].label + currentSeparator);
match = true;
}
})
if (!match) {
actions.push(temp[val] + currentSeparator);
}
})
return actions.join('').substring(0, actions.join('').length - 1);
}
// 字符串格式化(%s )
export function sprintf(str) {
var args = arguments, flag = true, i = 1;
str = str.replace(/%s/g, function () {
var arg = args[i++];
if (typeof arg === 'undefined') {
flag = false;
return '';
}
return arg;
});
return flag ? str : '';
}
// 转换字符串,undefined,null等转化为""
export function parseStrEmpty(str) {
if (!str || str == "undefined" || str == "null") {
return "";
}
return str;
}
// 数据合并
export function mergeRecursive(source, target) {
for (var p in target) {
try {
if (target[p].constructor == Object) {
source[p] = mergeRecursive(source[p], target[p]);
} else {
source[p] = target[p];
}
} catch (e) {
source[p] = target[p];
}
}
return source;
};
/**
* 构造树型结构数据
* @param {*} data 数据源
* @param {*} id id字段 默认 'id'
* @param {*} parentId 父节点字段 默认 'parentId'
* @param {*} children 孩子节点字段 默认 'children'
*/
export function handleTree(data, id, parentId, children) {
let config = {
id: id || 'id',
parentId: parentId || 'parentId',
childrenList: children || 'children'
};
var childrenListMap = {};
var nodeIds = {};
var tree = [];
for (let d of data) {
let parentId = d[config.parentId];
if (childrenListMap[parentId] == null) {
childrenListMap[parentId] = [];
}
nodeIds[d[config.id]] = d;
childrenListMap[parentId].push(d);
}
for (let d of data) {
let parentId = d[config.parentId];
if (nodeIds[parentId] == null) {
tree.push(d);
}
}
for (let t of tree) {
adaptToChildrenList(t);
}
function adaptToChildrenList(o) {
if (childrenListMap[o[config.id]] !== null) {
o[config.childrenList] = childrenListMap[o[config.id]];
}
if (o[config.childrenList]) {
for (let c of o[config.childrenList]) {
adaptToChildrenList(c);
}
}
}
return tree;
}
/**
* 参数处理
* @param {*} params 参数
*/
export function tansParams(params) {
let result = ''
for (const propName of Object.keys(params)) {
const value = params[propName];
var part = encodeURIComponent(propName) + "=";
if (value !== null && value !== "" && typeof (value) !== "undefined") {
if (typeof value === 'object') {
for (const key of Object.keys(value)) {
if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {
let params = propName + '[' + key + ']';
var subPart = encodeURIComponent(params) + "=";
result += subPart + encodeURIComponent(value[key]) + "&";
}
}
} else {
result += part + encodeURIComponent(value) + "&";
}
}
}
return result
}
// 验证是否为blob格式
export async function blobValidate(data) {
try {
const text = await data.text();
JSON.parse(text);
return false;
} catch (error) {
return true;
}
}
\ No newline at end of file
<template>
<div id="error404" style="background-color: #030d1c">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" :src="img_404" alt="404" />
<img class="pic-404__child left" :src="img_404_cloud" alt="404" />
<img class="pic-404__child mid" :src="img_404_cloud" alt="404" />
<img class="pic-404__child right" :src="img_404_cloud" alt="404" />
</div>
<div class="bullshit">
<div class="bullshit__headline">{{ message }}</div>
<div class="bullshit__info">
请检查您填写的网址是否正确,请点击以下按钮返回主页或者发送错误报告
</div>
<a @click="back" class="bullshit__return-home">返回上一页</a>
<a href="/#/navigation" class="bullshit__return-home">返回主页</a>
</div>
</div>
</div>
</template>
<script>
import img_404 from "@/assets/images/404/404.png";
import img_404_cloud from "@/assets/images/404/404_cloud.png";
export default {
data() {
return {
img_404,
img_404_cloud
};
},
computed: {
message() {
return "迷路了...";
}
},
methods: {
back: function() {
window.history.go(-1);
}
}
};
</script>
<style scoped>
#error404 {
background: #f0f2f5;
margin-top: -20px;
height: 100%;
}
.bullshit__return-home {
margin-right: 20px;
}
.wscn-http404 {
position: relative;
width: 1200px;
margin: 20px auto 60px;
padding: 0 100px;
overflow: hidden;
}
.pic-404 {
position: relative;
float: left;
width: 600px;
padding: 150px 0;
overflow: hidden;
}
.pic-404__parent {
width: 100%;
}
.pic-404__child {
position: absolute;
}
.pic-404.left {
width: 80px;
top: 17px;
left: 220px;
opacity: 0;
animation-name: cloudLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
.pic-404.mid {
width: 46px;
top: 10px;
left: 420px;
opacity: 0;
animation-name: cloudMid;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1.2s;
}
.pic-404.right {
width: 62px;
top: 100px;
left: 500px;
opacity: 0;
animation-name: cloudRight;
animation-duration: 2s;
animation-timing-function: linear;
animation-fill-mode: forwards;
animation-delay: 1s;
}
@keyframes cloudLeft {
0% {
top: 17px;
left: 220px;
opacity: 0;
}
20% {
top: 33px;
left: 188px;
opacity: 1;
}
80% {
top: 81px;
left: 92px;
opacity: 1;
}
100% {
top: 97px;
left: 60px;
opacity: 0;
}
}
@keyframes cloudMid {
0% {
top: 10px;
left: 420px;
opacity: 0;
}
20% {
top: 40px;
left: 360px;
opacity: 1;
}
70% {
top: 130px;
left: 180px;
opacity: 1;
}
100% {
top: 160px;
left: 120px;
opacity: 0;
}
}
@keyframes cloudRight {
0% {
top: 100px;
left: 500px;
opacity: 0;
}
20% {
top: 120px;
left: 460px;
opacity: 1;
}
80% {
top: 180px;
left: 340px;
opacity: 1;
}
100% {
top: 200px;
left: 300px;
opacity: 0;
}
}
.bullshit {
position: relative;
float: left;
width: 300px;
padding: 150px 0;
overflow: hidden;
}
.bullshit__oops {
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #1482f0;
opacity: 0;
margin-bottom: 20px;
animation-name: slideUp;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.bullshit__headline {
font-size: 20px;
line-height: 24px;
color: #1482f0;
opacity: 0;
margin-bottom: 10px;
animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.1s;
animation-fill-mode: forwards;
}
.bullshit__info {
font-size: 13px;
line-height: 21px;
color: grey;
opacity: 0;
margin-bottom: 30px;
animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
}
.bullshit__return-home {
display: block;
float: left;
width: 110px;
height: 36px;
background: #1482f0;
border-radius: 100px;
text-align: center;
color: #ffffff;
opacity: 0;
font-size: 14px;
line-height: 36px;
cursor: pointer;
animation-name: slideUp;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
}
@keyframes slideUp {
0% {
transform: translateY(60px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
</style>
<template>
<div>
1111
</div>
</template>
<script>
export default {
}
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<template>
<div class="main">111
</div>
</template>
<script>
export default {
components: {},
computed: {},
data() {
return {};
},
mounted() {
},
methods: {},
beforeDestroy() {
},
};
</script>
<style scoped></style>
const path = require('path')
const pxtovw = require('postcss-px-to-viewport')
const publicPath = '/wj-smartcity'
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']
const proxy = {
'/sso|/design|/develop|/group1|/holo|/web|/opt': {
// target: 'http://10.102.1.181:9000',
target: 'http://10.102.1.182:9000',
},
'/nvr': {
target: 'http://10.100.1.154:19830', // 回放视频
},
'/cdn': {
target: 'http://127.0.0.1:3000',
},
}
module.exports = {
publicPath,
outputDir: 'dist',
assetsDir: 'static',
productionSourceMap: false,
devServer: {
port:9150,
overlay: {
warnings: false,
errors: true,
},
proxy,
},
css: {
loaderOptions: {
postcss: {
//给postcss-loader传递选项
plugins: [
new pxtovw({
unitToConvert: 'px', //需要转换的单位,默认为"px";
viewportWidth: 1920, //设计稿的视口宽度
unitPrecision: 5, //单位转换后保留的小数位数
propList: ['*'], //要进行转换的属性列表,*表示匹配所有,!表示不转换
viewportUnit: 'vw', //转换后的视口单位
fontViewportUnit: 'vw', //转换后字体使用的视口单位
selectorBlackList: ['.notTrans'], //不进行转换的css选择器,继续使用原有单位
minPixelValue: 1, //设置最小的转换数值
mediaQuery: false, //设置媒体查询里的单位是否需要转换单位
replace: true, //是否直接更换属性值,而不添加备用属性
// exclude: [/node_modules/], //忽略某些文件夹下的文件
exclude: [], //忽略某些文件夹下的文件
}),
],
},
},
},
configureWebpack: {
resolve: {
alias: {
vue$: 'vue/dist/vue.esm.js',
'@': path.join(__dirname, 'src'),
},
},
plugins: [
new CompressionWebpackPlugin({
algorithm: 'gzip',
test: /\.js$|\.css$/, // 匹配文件名
threshold: 10240,
minRatio: 1, // 压缩率小于1才会压缩
}),
],
},
}
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