5 mesi fa · 566e0854a3
--- a/README.md
+++ b/README.md
--- a/babel.config.js
+++ b/babel.config.js
--- a/build/index.js
+++ b/build/index.js
--- a/dist/19241681291305_.pic.jpg
+++ b/dist/19241681291305_.pic.jpg
--- a/dist/SH-demo(1).html
+++ b/dist/SH-demo(1).html
@@ -0,0 +1,664 @@
 
				+<!DOCTYPE html>

			
 
				+<html xmlns:th="http://www.thymeleaf.org" lang="en">

			
 
				+

			
 
				+<head>

			
 
				+    <meta charset="UTF-8" />

			
 
				+    <title>首页</title>

			
 
				+    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> -->

			
 
				+    <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css">

			
 
				+    <script src="http://10.48.37.32:8080/arcgis_js_api/library/3.16/rgis/Rinit.js"></script>

			
 
				+    <!-- <script src="https://js.arcgis.com/3.16/"></script> -->

			
 
				+

			
 
				+    <style>

			
 
				+        html,

			
 
				+        body {

			
 
				+            height: 100%;

			
 
				+            width: 100%;

			
 
				+            margin: 0;

			
 
				+            padding: 0;

			
 
				+        }

			
 
				+

			
 
				+        .webMap {

			
 
				+            height: 100%;

			
 
				+            width: 100%;

			
 
				+        }

			
 
				+

			
 
				+        .legend {

			
 
				+            position: absolute;

			
 
				+            bottom: 120px;

			
 
				+            right: 24px;

			
 
				+            border-radius: 6px;

			
 
				+            background-color: #fff;

			
 
				+            display: flex;

			
 
				+            flex-direction: column;

			
 
				+            gap: 6px;

			
 
				+            z-index: 1;

			
 
				+            padding: 12px;

			
 
				+        }

			
 
				+

			
 
				+        .legend>div {

			
 
				+            cursor: pointer;

			
 
				+            display: flex;

			
 
				+            align-items: center;

			
 
				+        }

			
 
				+

			
 
				+        #define {

			
 
				+            cursor: pointer;

			
 
				+            background: #fff;

			
 
				+            padding: 12px;

			
 
				+            text-align: center;

			
 
				+            width: 100px;

			
 
				+            position: absolute;

			
 
				+            border-radius: 8px;

			
 
				+        }

			
 
				+

			
 
				+        .info {

			
 
				+            border: 1px solid #ccc;

			
 
				+            position: absolute;

			
 
				+            left: 0;

			
 
				+            right: 0;

			
 
				+            width: 60%;

			
 
				+            margin: auto;

			
 
				+            margin-top: 100px;

			
 
				+            z-index: 1;

			
 
				+            background: #fff;

			
 
				+            padding-bottom: 12px;

			
 
				+        }

			
 
				+

			
 
				+        .info>.head {

			
 
				+            display: flex;

			
 
				+            justify-content: space-between;

			
 
				+            align-items: center;

			
 
				+            padding: 0 12px;

			
 
				+            height: 40px;

			
 
				+            border-bottom: 1px solid #ccc;

			
 
				+        }

			
 
				+

			
 
				+        .info>.content {

			
 
				+            display: flex;

			
 
				+            gap: 12px;

			
 
				+            padding: 12px;

			
 
				+        }

			
 
				+

			
 
				+        .info>.content p {

			
 
				+            margin-top: 0px;

			
 
				+            margin-bottom: 6px;

			
 
				+        }

			
 
				+

			
 
				+        .info>.foot {

			
 
				+            display: flex;

			
 
				+            justify-content: center;

			
 
				+            align-items: center;

			
 
				+        }

			
 
				+

			
 
				+        .esriPopupWrapper>div:first-child,

			
 
				+        .esriPopupWrapper>div:nth-child(3) {

			
 
				+            display: none;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop {

			
 
				+            width: 240px;

			
 
				+            height: 130px;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop>foreignObject {

			
 
				+            width: 100%;

			
 
				+            height: 100%;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content {

			
 
				+            font-size: 12px;

			
 
				+            width: 100%;

			
 
				+            height: 100%;

			
 
				+            border-radius: 6px;

			
 
				+            background: #fff;

			
 
				+            border: 1px solid #ccc;

			
 
				+            box-sizing: border-box;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content>*:first-child {

			
 
				+            display: flex;

			
 
				+            justify-content: space-between;

			
 
				+            padding: 6px;

			
 
				+            border-bottom: 1px solid #ccc;

			
 
				+            text-overflow: ellipsis;

			
 
				+            overflow: hidden;

			
 
				+        }

			
 
				+

			
 
				+

			
 
				+        #cameraTop .content>*:first-child>div:first-child {

			
 
				+            font-weight: bold;

			
 
				+            font-size: 14px;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content>*:first-child>div:last-child {

			
 
				+            cursor: pointer;

			
 
				+            transform: scale(1.3);

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content>*:first-child>div:last-child:hover {

			
 
				+            color: red;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content>*:last-child {

			
 
				+            outline-style: none;

			
 
				+            padding: 6px;

			
 
				+            padding-top: 0;

			
 
				+            margin: 0;

			
 
				+        }

			
 
				+

			
 
				+        #cameraTop .content>*:last-child li {

			
 
				+            margin-top: 10px;

			
 
				+            display: flex;

			
 
				+            justify-content: space-between;

			
 
				+        }

			
 
				+

			
 
				+        .highligh {

			
 
				+            border: dashed #00f;

			
 
				+            border-radius: 10px;

			
 
				+        }

			
 
				+

			
 
				+        .esriPopup .contentPane {

			
 
				+            padding: 0 !important;

			
 
				+            background-color: unset !important;

			
 
				+        }

			
 
				+

			
 
				+        .outerPointer.left {

			
 
				+            z-index: 1;

			
 
				+            box-shadow: none;

			
 
				+            border-left: 1px solid #ccc;

			
 
				+            border-bottom: 1px solid #ccc;

			
 
				+            background: #fff;

			
 
				+        }

			
 
				+

			
 
				+        .esriPopupWrapper {

			
 
				+            width: 200px !important;

			
 
				+            box-shadow: 0 4px 4px 0px #ccc !important;

			
 
				+        }

			
 
				+

			
 
				+        #graphicsLayer3_layer>* {

			
 
				+            cursor: pointer;

			
 
				+        }

			
 
				+

			
 
				+        .sizer .content {

			
 
				+            width: 100% !important;

			
 
				+        }

			
 
				+

			
 
				+        #map111_graphics_layer {

			
 
				+            display: none !important;

			
 
				+        }

			
 
				+    </style>

			
 
				+</head>

			
 
				+

			
 
				+<body>

			
 
				+    <div id="define" style="display: none;">

			
 
				+        <span>费奥军</span>

			
 
				+        <img src="" height="20" width="6" alt="">

			
 
				+        <span>费奥军11</span>

			
 
				+        <div>11231231</div>

			
 
				+    </div>

			
 
				+    <!-- <div id="cameraTop">

			
 
				+        <div class="content">

			
 
				+            <div>

			
 
				+                <div>XXX线路</div>

			
 
				+                <div>×</div>

			
 
				+            </div>

			
 
				+            <ul>

			
 
				+                <li><span>里程位置</span><span>k1+400km</span></li>

			
 
				+                <li><span>里程范围</span><span>k1+400km</span></li>

			
 
				+                <li><span>经纬度</span><span>k1+400km</span></li>

			
 
				+            </ul>

			
 
				+        </div>

			
 
				+    </div> -->

			
 
				+    <!-- <svg id="cameraTop" viewBox="0 0 220 122" font-size="12">

			
 
				+        <rect x="10" y="10" width="200" height="102" fill="#fff" stroke="#ccc" rx="6"></rect>

			
 
				+        <g>

			
 
				+            <text x="18" y="28">XXX线路</text>

			
 
				+            <text x="190" y="28">X</text>

			
 
				+        </g>

			
 
				+        <line x1="10" y1="38" x2="210" y2="38" stroke="#ccc"></line>

			
 
				+        <g>

			
 
				+            <text x="18" y="58">里程位置</text>

			
 
				+            <text x="200" y="58" text-anchor="end">k1+400km</text>

			
 
				+        </g>

			
 
				+        <g>

			
 
				+            <text x="18" y="78">里程范围</text>

			
 
				+            <text x="200" y="78" text-anchor="end">k1+400km</text>

			
 
				+        </g>

			
 
				+        <g>

			
 
				+            <text x="18" y="98">经纬度</text>

			
 
				+            <text x="200" y="98" style="text-anchor:end">k1+400km</text>

			
 
				+        </g>

			
 
				+    </svg> -->

			
 
				+    <!-- <div class=" info">

			
 
				+                <div class="head">

			
 
				+                    <div>报警信息提示</div>

			
 
				+                    <div>❓</div>

			
 
				+                </div>

			
 
				+                <div class="content">

			
 
				+                    <img src="" width="200" height="100" alt="">

			
 
				+                    <div>

			
 
				+                        <p>报警线路xx线路</p>

			
 
				+                        <p>危岩落石 ，上行， 里程位置k1+400km</p>

			
 
				+                        <p>2023.01.02 01:30:00</p>

			
 
				+                    </div>

			
 
				+                </div>

			
 
				+                <div class="foot">

			
 
				+                    <div

			
 
				+                        style="text-align: center;line-height: 36px;cursor: pointer;width: 100px;height: 36px;color: #fff;background-color: #2866dd;">

			
 
				+                        立即查看</div>

			
 
				+                    <div onclick="infoShow()"

			
 
				+                        style="border: 1px solid #2866dd ;text-align: center;line-height: 36px;cursor: pointer;;width: 100px;height: 36px;margin-left: 12px;">

			
 
				+                        我知道了</div>

			
 
				+                </div>

			
 
				+                </div> -->

			
 
				+    <div class="legend">

			
 
				+        <div>

			
 
				+            <img src="/map/blueTrain.png" width="32" height="32" alt="">

			
 
				+            重车线

			
 
				+        </div>

			
 
				+        <div>

			
 
				+            <img src="/map/greenTrain.png" width="32" height="32" alt="">

			
 
				+            空车线

			
 
				+        </div>

			
 
				+    </div>

			
 
				+    <div class="webMap" id="map111"></div>

			
 
				+    <script>

			
 
				+        function infoShow() {

			
 
				+            document.body.querySelector('.info').style.display = 'none'

			
 
				+        }

			
 
				+        function throttle(fn, delay) {

			
 
				+            let timer = null;

			
 
				+            return function () {

			
 
				+                let context = this;

			
 
				+                let args = arguments;

			
 
				+                if (!timer) {

			
 
				+                    timer = setTimeout(function () {

			
 
				+                        fn.apply(context, args);

			
 
				+                        timer = null;

			
 
				+                    }, delay);

			
 
				+                }

			
 
				+            }

			
 
				+        }

			
 
				+        self.addEventListener('message', (e) => {

			
 
				+            if (typeof e.data === "boolean") {

			
 
				+                cameraShow = e.data

			
 
				+                cameraPoints.forEach(({ graphic }) => {

			
 
				+                    e.data ? graphic.show() : (graphic.hide(), map.infoWindow.hide())

			
 
				+                })

			
 
				+                return

			
 
				+            }

			
 
				+            const { type, data } = e.data

			
 
				+            if (type === 1)

			
 
				+                vehicleList = data

			
 
				+            else if (type === 2)

			
 
				+                cameraList = data

			
 
				+            else if (type === 3) {

			
 
				+                searchInfo = data;

			
 
				+                const cameraTops = self.document.querySelectorAll("#cameraTop")

			
 
				+                cameraTops?.forEach?.(item => {

			
 
				+                    searchInfo.camera === item?.dataset?.index ?

			
 
				+                        item.classList.add("highligh") :

			
 
				+                        item.classList.remove("highligh")

			
 
				+                })

			
 
				+            }

			
 
				+            generatePoints()

			
 
				+        }, false)

			
 
				+        let mapLoaded = false

			
 
				+        let vehicleList = []

			
 
				+        let cameraList = []

			
 
				+        let blue

			
 
				+        let green

			
 
				+        let camera

			
 
				+        let panelPoints = []

			
 
				+        let cameraPoints = []

			
 
				+        let cameraShow = true

			
 
				+        let searchInfo = {

			
 
				+            camera: '',

			
 
				+            vehicle: ''

			
 
				+        }

			
 
				+        let topInfo = {

			
 
				+            1: {

			
 
				+                start: '神池南',

			
 
				+                end: '黄骅港'

			
 
				+            },

			
 
				+            2: {

			
 
				+                start: '神池南',

			
 
				+                end: '黄骅港'

			
 
				+            }

			
 
				+        }

			
 
				+        var map;

			
 
				+        var graphicsLayer;

			
 
				+        var mapObject;

			
 
				+        var Point

			
 
				+        var PictureMarkerSymbol

			
 
				+        var Graphic

			
 
				+        var webMercatorUtils

			
 
				+        var InfoTemplate

			
 
				+        var InfoWindow

			
 
				+        var GraphicsLayer

			
 
				+        require([

			
 
				+            "esri/map",

			
 
				+            "esri/InfoTemplate",

			
 
				+            "esri/dijit/InfoWindow",

			
 
				+            "esri/geometry/Extent",

			
 
				+            "esri/geometry/Point",

			
 
				+            "esri/geometry/Polyline",

			
 
				+            "esri/layers/ArcGISDynamicMapServiceLayer",

			
 
				+            "esri/layers/ArcGISTiledMapServiceLayer",

			
 
				+            "esri/layers/GraphicsLayer",

			
 
				+            "esri/symbols/SimpleLineSymbol",

			
 
				+            "esri/symbols/SimpleMarkerSymbol",

			
 
				+            "esri/symbols/TextSymbol",

			
 
				+            "esri/symbols/Font",

			
 
				+            "esri/Color",

			
 
				+            "esri/graphic",

			
 
				+            "esri/geometry/webMercatorUtils",

			
 
				+            "esri/SpatialReference",

			
 
				+            "esri/geometry/Circle",

			
 
				+            "esri/symbols/SimpleFillSymbol",

			
 
				+            "esri/symbols/PictureMarkerSymbol",

			
 
				+            "dojo/domReady!"

			
 
				+        ], function (Map, _InfoTemplate, _InfoWindow, Extent, _Point, Polyline, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, _GraphicsLayer, SimpleLineSymbol,

			
 
				+            SimpleMarkerSymbol, TextSymbol, Font, Color, _Graphic, _webMercatorUtils, SpatialReference, Circle, SimpleFillSymbol, _PictureMarkerSymbol, SwipeTool) {

			
 
				+            Point = _Point

			
 
				+            PictureMarkerSymbol = _PictureMarkerSymbol

			
 
				+            Graphic = _Graphic

			
 
				+            webMercatorUtils = _webMercatorUtils

			
 
				+            InfoTemplate = _InfoTemplate

			
 
				+            InfoWindow = _InfoWindow

			
 
				+            GraphicsLayer = _GraphicsLayer

			
 
				+            map = new Map("map111", {

			
 
				+                logo: false,

			
 
				+                autoResize: true,

			
 
				+                // sliderPosition: "bottom-right",

			
 
				+                center: [114.906005859375, 38.38897705078125],

			
 
				+                scale: 4017396,

			
 
				+            });

			
 
				+            var layer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/BaseMap_write/MapServer")

			
 
				+            // var layer = new ArcGISDynamicMapServiceLayer("https://services.arcgisonline.com/ArcGIS/rest/services/World_Terrain_Base/MapServer")

			
 
				+            var xlLayer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/SH_XL/MapServer")

			
 
				+            var czLayer = new ArcGISDynamicMapServiceLayer("http://10.48.37.32:8080/OneMapServer/rest/services/SH_CZ/MapServer")

			
 
				+            map.addLayer(layer);

			
 
				+            map.addLayer(xlLayer);

			
 
				+            map.addLayer(czLayer);

			
 
				+            graphicsLayer = new GraphicsLayer()

			
 
				+            map.addLayer(graphicsLayer)

			
 
				+            map.on('load', () => {

			
 
				+                mapLoaded = true

			
 
				+                blue = new PictureMarkerSymbol('/map/blueTrain.png', 32, 32)

			
 
				+                green = new PictureMarkerSymbol('/map/greenTrain.png', 32, 32)

			
 
				+                camera = new PictureMarkerSymbol('/map/camera1.png', 60, 60)

			
 
				+                // camera = new PictureMarkerSymbol('https://bpic.588ku.com/element_origin_min_pic/16/10/28/d438fb1a4c9de459ff7736b050f77199.jpg', 32, 32)

			
 
				+                // blue = new PictureMarkerSymbol('https://img0.baidu.com/it/u=1482373880,50717570&fm=253&fmt=auto&app=138&f=JPG?w=500&h=500', 32, 32)

			
 
				+                generatePoints()

			
 
				+            })

			
 
				+            graphicsLayer.on('click', (e) => {

			
 
				+                console.log(e, 1111111)

			
 
				+                e.graphic.symbol.data &&

			
 
				+                    self.parent.postMessage({

			
 
				+                        name: e.graphic.symbol.name,

			
 
				+                        data: e.graphic.symbol.data

			
 
				+                    })

			
 
				+

			
 
				+                //     if (e.graphic?.attributes?.show) {

			
 
				+                //         if (cameraPoints[e.graphic.attributes.index].active) {

			
 
				+                //             cameraPoints[e.graphic.attributes.index].active = false

			
 
				+                //             cameraPoints[e.graphic.attributes.index].topPanel.hide()

			
 
				+                //         } else {

			
 
				+                //             cameraPoints[e.graphic.attributes.index].active = true

			
 
				+                //             cameraPoints[e.graphic.attributes.index].topPanel.show()

			
 
				+                //         }

			
 
				+                //     }

			
 
				+            })

			
 
				+        })

			
 
				+        const vehicleList1 = [

			
 
				+            {

			
 
				+                "ids": null,

			
 
				+                "id": 79,

			
 
				+                "vehicleCode": "HXD1 7084A",

			
 
				+                "vehicleName": "",

			
 
				+                "createBy": "af09aac6340744d6be5b64b1697d7415",

			
 
				+                "createTime": "2023-10-18 15:05:32",

			
 
				+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",

			
 
				+                "updateTime": "2023-10-19 09:58:19",

			
 
				+                "terminalName": "车载终端01",

			
 
				+                "remark": "神华号",

			
 
				+                "vehicleTerminalDto": {

			
 
				+                    "id": "44",

			
 
				+                    "terminalCode": "CZZD06",

			
 
				+                    "vehicleCode": "HXD1 7084A",

			
 
				+                    "vehicleName": null,

			
 
				+                    "lineDir": "2",

			
 
				+                    "travelMile": 196500,

			
 
				+                    "terminalLongitude": "114.38200",

			
 
				+                    "terminalLatitude": "39.2284",

			
 
				+                    "railwayName": null,

			
 
				+                    "railwayCode": "SHTL"

			
 
				+                }

			
 
				+            },

			
 
				+            {

			
 
				+                "ids": null,

			
 
				+                "id": 80,

			
 
				+                "vehicleCode": "HXD1 7084B",

			
 
				+                "vehicleName": "",

			
 
				+                "createBy": "af09aac6340744d6be5b64b1697d7415",

			
 
				+                "createTime": "2023-10-18 15:11:50",

			
 
				+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",

			
 
				+                "updateTime": "2023-10-19 09:58:13",

			
 
				+                "terminalName": "车载终端02",

			
 
				+                "remark": "神华号",

			
 
				+                "vehicleTerminalDto": {

			
 
				+                    "id": "42",

			
 
				+                    "terminalCode": "CZZD08",

			
 
				+                    "vehicleCode": "HXD1 7084B",

			
 
				+                    "vehicleName": null,

			
 
				+                    "lineDir": "1",

			
 
				+                    "travelMile": 49822,

			
 
				+                    "terminalLongitude": "113.7253",

			
 
				+                    "terminalLatitude": "38.3942",

			
 
				+                    "railwayName": null,

			
 
				+                    "railwayCode": "SHTL"

			
 
				+                }

			
 
				+            }

			
 
				+        ]

			
 
				+        const cameraList1 = [

			
 
				+            {

			
 
				+                "ids": null,

			
 
				+                "id": 79,

			
 
				+                "vehicleCode": "HXD1 7084A",

			
 
				+                "vehicleName": "",

			
 
				+                "createBy": "af09aac6340744d6be5b64b1697d7415",

			
 
				+                "createTime": "2023-10-18 15:05:32",

			
 
				+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",

			
 
				+                "updateTime": "2023-10-19 09:58:19",

			
 
				+                "terminalName": "车载终端01",

			
 
				+                "remark": "神华号",

			
 
				+                installLongitude: "115.7253",

			
 
				+                installLatitude: "38.3942",

			
 
				+                cameraCode: "123",

			
 
				+                "vehicleTerminalDto": {

			
 
				+                    "id": "44",

			
 
				+                    "terminalCode": "CZZD06",

			
 
				+                    "vehicleCode": "HXD1 7084A",

			
 
				+                    "vehicleName": null,

			
 
				+                    "lineDir": "1",

			
 
				+                    "travelMile": 48018,

			
 
				+                    "terminalLongitude": "114.38200",

			
 
				+                    "terminalLatitude": "39.2284",

			
 
				+                    "railwayName": null,

			
 
				+                    "railwayCode": "SHTL"

			
 
				+                }

			
 
				+            },

			
 
				+            {

			
 
				+                "ids": null,

			
 
				+                "id": 80,

			
 
				+                "vehicleCode": "HXD1 7084B",

			
 
				+                "vehicleName": "",

			
 
				+                "createBy": "af09aac6340744d6be5b64b1697d7415",

			
 
				+                "createTime": "2023-10-18 15:11:50",

			
 
				+                "updateBy": "c0917e58bb254c7b825a6ce974e42d96",

			
 
				+                "updateTime": "2023-10-19 09:58:13",

			
 
				+                "terminalName": "车载终端02",

			
 
				+                "remark": "神华号",

			
 
				+                installLongitude: "114.7253",

			
 
				+                installLatitude: "38.3942",

			
 
				+                cameraCode: "234",

			
 
				+                "vehicleTerminalDto": {

			
 
				+                    "id": "42",

			
 
				+                    "terminalCode": "CZZD08",

			
 
				+                    "vehicleCode": "HXD1 7084B",

			
 
				+                    "vehicleName": null,

			
 
				+                    "lineDir": "1",

			
 
				+                    "travelMile": 49822,

			
 
				+                    "terminalLongitude": "113.7253",

			
 
				+                    "terminalLatitude": "38.3942",

			
 
				+                    "railwayName": null,

			
 
				+                    "railwayCode": "SHTL"

			
 
				+                }

			
 
				+            }

			
 
				+        ]

			
 
				+        function createTopPanelGraphic(point, item) {

			
 
				+            const scale = 2;

			
 
				+            let width = 160 * scale, height = 80 * scale

			
 
				+            const arrowLen = 50

			
 
				+            const cvs = document.createElement('canvas')

			
 
				+            cvs.width = width

			
 
				+            cvs.height = height

			
 
				+            const ctx = cvs.getContext('2d')

			
 
				+            ctx.translate(0.5, 0.5)

			
 
				+            ctx.save()

			
 
				+            ctx.beginPath()

			
 
				+            ctx.roundRect(20, 20, width - 40, height - 40, 6)

			
 
				+            ctx.fillStyle = '#fff'

			
 
				+            ctx.strokeStyle = '#ccc'

			
 
				+            ctx.shadowColor = item.data.lineDir === 1 ? '#006aef' : '#38e731'

			
 
				+            // ctx.shadowOffsetY = 4

			
 
				+            ctx.shadowBlur = 20

			
 
				+            ctx.stroke()

			
 
				+            ctx.fill()

			
 
				+            ctx.restore()

			
 
				+            if (searchInfo.vehicle === item.id) {

			
 
				+                ctx.save()

			
 
				+                ctx.beginPath()

			
 
				+                ctx.lineWidth = 4

			
 
				+                ctx.strokeStyle = '#00f'

			
 
				+                ctx.setLineDash([5, 5])

			
 
				+                ctx.roundRect(20, 20, width - 40, height - 40, 6)

			
 
				+                ctx.stroke()

			
 
				+                ctx.restore()

			
 
				+            }

			
 
				+            ctx.fillStyle = '#000'

			
 
				+            ctx.font = `bold ${12 * scale}px serif`

			
 
				+            ctx.textAlign = "right"

			
 
				+            ctx.fillText(item.direct ? item.start : item.end, width / 2 - arrowLen / 2 - 10, 30 * scale)

			
 
				+            // const x = width / 2 - arrowLen / 2, y = 20 * scale + 4 * scale, w = arrowLen - 10, h = 4 * scale

			
 
				+            const w = arrowLen - 10, h = 4 * scale

			
 
				+            ctx.save()

			
 
				+            ctx.translate(width / 2 - arrowLen / 2 + (arrowLen - 10) / 2, 20 * scale + 4 * scale + 4 * scale / 2)

			
 
				+            if (item.direct) {

			
 
				+                ctx.fillRect(-w / 2, -h / 2, w, h)

			
 
				+                ctx.fill(new Path2D(`m${arrowLen / 2 - 10} ${-h / 2 - 4}L${arrowLen / 2} 0L${arrowLen / 2 - 10} ${h / 2 + 4}z`))

			
 
				+            }

			
 
				+            else {

			
 
				+                ctx.rotate(Math.PI)

			
 
				+                ctx.fillRect(-w / 2, -h / 2, w, h)

			
 
				+                ctx.fill(new Path2D(`m${arrowLen / 2 - 10} ${-h / 2 - 4}L${arrowLen / 2} 0L${arrowLen / 2 - 10} ${h / 2 + 4}z`))

			
 
				+            }

			
 
				+            ctx.restore()

			
 
				+            ctx.textAlign = "left"

			
 
				+            ctx.fillText(item.direct ? item.end : item.start, width / 2 + arrowLen / 2 + 10, 30 * scale)

			
 
				+            ctx.textAlign = "center"

			
 
				+            ctx.fillText(item.code, width / 2, height - 20 * scale)

			
 
				+            const url = cvs.toDataURL('image/png', 1)

			
 
				+            const symbol = new PictureMarkerSymbol({ url, width: 160, height: 80, yoffset: 52, name: item.name, data: item.data })

			
 
				+            return new Graphic(point, symbol)

			
 
				+        }

			
 
				+

			
 
				+        function createCameraInfo(point, item) {

			
 
				+            const temp = document.querySelector('#cameraTop').cloneNode(true)

			
 
				+            temp.style.display = 'block'

			
 
				+            const svgUrl = new XMLSerializer().serializeToString(temp)

			
 
				+            try {

			
 
				+                const url = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svgUrl)))

			
 
				+                return new Graphic(point, new PictureMarkerSymbol({ url, width: 220, height: 122, yoffset: 52 }))

			
 
				+            } catch (e) {

			
 
				+                console.error(e)

			
 
				+            }

			
 
				+        }

			
 
				+        function closeInfo(index) {

			
 
				+            map.infoWindow.hide()

			
 
				+        }

			
 
				+        function generatePoints() {

			
 
				+            if (!mapLoaded) return

			
 
				+            graphicsLayer.clear()

			
 
				+            panelPoints = []

			
 
				+            cameraPoints = []

			
 
				+            for (let i = 0; i < vehicleList.length; i++) {

			
 
				+                const item = vehicleList[i];

			
 
				+                console.log(i, item)

			
 
				+                let picSymbol

			
 
				+                if (item.vehicleTerminalDto?.lineDir === 1)

			
 
				+                    picSymbol = blue

			
 
				+                else if (item.vehicleTerminalDto?.lineDir === 2)

			
 
				+                    picSymbol = green

			
 
				+                var point = new Point(parseFloat(+item.vehicleTerminalDto?.terminalLongitude), parseFloat(+item.vehicleTerminalDto?.terminalLatitude), map.spatialReference);

			
 
				+                panelPoints.push({ point, item })

			
 
				+                var webMercator = webMercatorUtils.geographicToWebMercator(point);

			
 
				+                point.x = webMercator.x

			
 
				+                point.y = webMercator.y

			
 
				+                picSymbol.name = item.remark

			
 
				+                const lineDir = item.vehicleTerminalDto?.lineDir

			
 
				+                picSymbol.data = {

			
 
				+                    lineDir: lineDir,

			
 
				+                    travelMile: item.vehicleTerminalDto?.travelMile,

			
 
				+                    railwayCode: item.vehicleTerminalDto?.railwayCode

			
 
				+                }

			
 
				+                const graphic = new Graphic(point, picSymbol, item, '')

			
 
				+                graphicsLayer.add(graphic)

			
 
				+                graphicsLayer.add(createTopPanelGraphic(point, {

			
 
				+                    start: topInfo[lineDir]?.start, end: topInfo[lineDir]?.end, code: '火车编号：' + item.vehicleTerminalDto?.vehicleCode, direct: lineDir === 1,

			
 
				+                    id: item.vehicleTerminalDto?.vehicleCode,

			
 
				+                    name: item.remark,

			
 
				+                    data: picSymbol.data

			
 
				+                })); // direct表示箭头方向：true向右，false向左

			
 
				+            }

			
 
				+            for (let i = 0; i < cameraList.length; i++) {

			
 
				+                const item = cameraList[i];

			
 
				+                var point = new Point(parseFloat(+item.installLongitude), parseFloat(+item.installLatitude), map.spatialReference);

			
 
				+                var webMercator = webMercatorUtils.geographicToWebMercator(point);

			
 
				+                point.x = webMercator.x

			
 
				+                point.y = webMercator.y

			
 
				+                const graphic = new Graphic(point, camera, { show: true, data: item, index: i, active: false }, '')

			
 
				+                const topPanel = new InfoTemplate(item.vehicleCode, `

			
 
				+                <div id="cameraTop" data-index="${item.cameraCode}" class="${item.cameraCode === searchInfo.camera ? 'highligh' : ''}">

			
 
				+                    <div class="content">

			
 
				+                        <div>

			
 
				+                            <div>${item.railwayName}</div>

			
 
				+                            <div onclick="closeInfo(${i})">×</div>

			
 
				+                        </div>

			
 
				+                        <ul>

			
 
				+                            <li><span>里程位置</span><span>${item.installMiles}</span></li>

			
 
				+                            <li><span>里程范围</span><span>${item.milesRange}</span></li>

			
 
				+                            <li><span>经纬度</span><span>${item.installLatitude},${item.installLongitude}</span></li>

			
 
				+                        </ul>

			
 
				+                    </div>

			
 
				+                </div>

			
 
				+                `)

			
 
				+                map.infoWindow.anchor = 'top'

			
 
				+                graphic.setInfoTemplate(topPanel)

			
 
				+                graphicsLayer.add(graphic)

			
 
				+                cameraPoints.push({ graphic, topPanel, point });

			
 
				+                cameraShow ? graphic.show() : graphic.hide();

			
 
				+                //     graphic.draw()

			
 
				+                if (searchInfo.camera === item.cameraCode) {

			
 
				+                    // map.infoWindow.show(point)

			
 
				+                    map.infoWindow.show(point);

			
 
				+                    map.infoWindow.setFeatures([graphic]);

			
 
				+                }

			
 
				+            }

			
 
				+        }

			
 
				+    </script>

			
 
				+</body>

			
 
				+

			
 
				+</html>
			
--- a/dist/SketchPng0b0556e16d6c95993fcd5b96046898f4cc5939d7fe71cc1a8419e0c9ec506b58.png
+++ b/dist/SketchPng0b0556e16d6c95993fcd5b96046898f4cc5939d7fe71cc1a8419e0c9ec506b58.png
--- a/dist/SketchPng1f1ff6c34c2be4410ce5e77f6011f06ad96b4b58e4ba8a411bcdb9b8aa3d5a26.png
+++ b/dist/SketchPng1f1ff6c34c2be4410ce5e77f6011f06ad96b4b58e4ba8a411bcdb9b8aa3d5a26.png
--- a/dist/SketchPng235888bcfa71bd61b35d5ce92ebc08c82145533f132a4cd32b1b7b3625893655.png
+++ b/dist/SketchPng235888bcfa71bd61b35d5ce92ebc08c82145533f132a4cd32b1b7b3625893655.png
--- a/dist/SketchPng261292b73d4834e8d0483c7fbf3bf336c354210be875c407ff5c8215862500bc.png
+++ b/dist/SketchPng261292b73d4834e8d0483c7fbf3bf336c354210be875c407ff5c8215862500bc.png
--- a/dist/SketchPng328cf3d13d3c361a915529d46378aca4b07c825e2a8a90a51317d5c3537ad502.png
+++ b/dist/SketchPng328cf3d13d3c361a915529d46378aca4b07c825e2a8a90a51317d5c3537ad502.png
--- a/dist/SketchPng4084ace84ffba2b4ef7eb9925fb5a42352d3234a2703aa91e5d8dfd44e226bc3.png
+++ b/dist/SketchPng4084ace84ffba2b4ef7eb9925fb5a42352d3234a2703aa91e5d8dfd44e226bc3.png
--- a/dist/SketchPng4202e1c9cd6ca318fb584a059513163abd4922e1fa9f520831008113487186ee.png
+++ b/dist/SketchPng4202e1c9cd6ca318fb584a059513163abd4922e1fa9f520831008113487186ee.png
--- a/dist/SketchPng70ca5d3dbecfc154738dd1f1278ebb864e07003d101ef4732b74a4f38a88dd41.png
+++ b/dist/SketchPng70ca5d3dbecfc154738dd1f1278ebb864e07003d101ef4732b74a4f38a88dd41.png
--- a/dist/SketchPng712a6d1c28f4ee1b8590051b83d42215de2b724e0253d21aa8d833935e402435.png
+++ b/dist/SketchPng712a6d1c28f4ee1b8590051b83d42215de2b724e0253d21aa8d833935e402435.png
--- a/dist/SketchPng7350e73a3bb82367dcbbe6dd876246a9c2e9f82c177c89e9c8744843a49b0a3d.png
+++ b/dist/SketchPng7350e73a3bb82367dcbbe6dd876246a9c2e9f82c177c89e9c8744843a49b0a3d.png
--- a/dist/SketchPng7a0d3a448fbd81392f6cb18b3a6e238f15d038c9a009e420e3b835b26f77a085.png
+++ b/dist/SketchPng7a0d3a448fbd81392f6cb18b3a6e238f15d038c9a009e420e3b835b26f77a085.png
--- a/dist/SketchPnga68370626d212156593358873aab056573fc4b5b223b629d997f16fe4fa61761.png
+++ b/dist/SketchPnga68370626d212156593358873aab056573fc4b5b223b629d997f16fe4fa61761.png
--- a/dist/SketchPngb4ae23a3bd7396a8f133c50d96bc9a8bec0c4d12b8f5c8310591b24d152f3851.png
+++ b/dist/SketchPngb4ae23a3bd7396a8f133c50d96bc9a8bec0c4d12b8f5c8310591b24d152f3851.png
--- a/dist/SketchPngb97ab495293d4ff1fdce169d0e597a4060a76f199d548072228e3937d361369b.png
+++ b/dist/SketchPngb97ab495293d4ff1fdce169d0e597a4060a76f199d548072228e3937d361369b.png
--- a/dist/SketchPngd2ce85e329d882b040926f2ae726f8036b0872371b9838edf9e1cc7620005474.png
+++ b/dist/SketchPngd2ce85e329d882b040926f2ae726f8036b0872371b9838edf9e1cc7620005474.png
--- a/dist/_down_initMap.html
+++ b/dist/_down_initMap.html
@@ -0,0 +1,58 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<html>
			
 
				+<head>
			
 
				+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
			
 
				+    <script type="text/javascript" src="http://172.20.98.215:8080/arcgis_js_api/library/3.22/rgis/Rinit.js"></script>
			
 
				+    <title></title>
			
 
				+    <style type="text/css">
			
 
				+        *{
			
 
				+            margin: 0;
			
 
				+            padding: 0;
			
 
				+        }
			
 
				+        html, body, #map{
			
 
				+            height: 100%;
			
 
				+            width: 100%;
			
 
				+        }
			
 
				+    </style>
			
 
				+    <script>
			
 
				+        var host="http://172.17.109.19:8080";
			
 
				+        var serverIP="http://172.17.109.19:8080";
			
 
				+        var itemName="/Portal";
			
 
				+        var map_wkid = "4490";
			
 
				+
			
 
				+        window.urlPath = host;
			
 
				+        document.write("<script src='http://172.17.109.19:8080/Portal/arcgis2D.js'><\/script>");
			
 
				+        document.write('<script src="'+host+itemName+'/js/jquery/jquery-1.9.1.min.js"><\/script>');
			
 
				+    </script>
			
 
				+</head>
			
 
				+<body>
			
 
				+<div id="map"></div>
			
 
				+</body>
			
 
				+<script type="text/javascript">
			
 
				+    var map;
			
 
				+    require([
			
 
				+        "esri/map",
			
 
				+        "rgis/tools/TokenUtil",
			
 
				+        "rgis/layers/TianDiTuLayer",
			
 
				+        "esri/layers/ArcGISDynamicMapServiceLayer",
			
 
				+        "esri/geometry/Extent",
			
 
				+        "dojo/domReady!"
			
 
				+    ], function (Map,TokenUtil, TianDiTuLayer,ArcGISDynamicMapServiceLayer, Extent) {
			
 
				+        map = new Map("map", {
			
 
				+                logo: false,
			
 
				+                sliderPosition: "bottom-right",
			
 
				+                sliderStyle: "small"
			
 
				+              
			
 
				+        });
			
 
				+		var layer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/BaseMap_white/MapServer")
			
 
				+		var xlLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_XL/MapServer")
			
 
				+		var czLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_CZXL_V2/MapServer")
			
 
				+
			
 
				+		map.addLayer(layer)
			
 
				+		map.addLayer(xlLayer)
			
 
				+		map.addLayer(czLayer)
			
 
				+    });
			
 
				+</script>
			
 
				+</html>
			
--- a/dist/api.md
+++ b/dist/api.md
--- a/dist/back.png
+++ b/dist/back.png
--- a/dist/bg.jpg
+++ b/dist/bg.jpg
--- a/dist/decoder-pro-audio.js
+++ b/dist/decoder-pro-audio.js
--- a/dist/decoder-pro-audio.wasm
+++ b/dist/decoder-pro-audio.wasm
--- a/dist/decoder-pro-hard.js
+++ b/dist/decoder-pro-hard.js
--- a/dist/decoder-pro-mt-worker.js
+++ b/dist/decoder-pro-mt-worker.js
--- a/dist/decoder-pro-mt-worker.wasm
+++ b/dist/decoder-pro-mt-worker.wasm
--- a/dist/decoder-pro-mt-worker.worker.js
+++ b/dist/decoder-pro-mt-worker.worker.js
--- a/dist/decoder-pro-mt.js
+++ b/dist/decoder-pro-mt.js
--- a/dist/decoder-pro-simd-mt-worker.js
+++ b/dist/decoder-pro-simd-mt-worker.js
--- a/dist/decoder-pro-simd-mt-worker.wasm
+++ b/dist/decoder-pro-simd-mt-worker.wasm
--- a/dist/decoder-pro-simd-mt-worker.worker.js
+++ b/dist/decoder-pro-simd-mt-worker.worker.js
--- a/dist/decoder-pro-simd-mt.js
+++ b/dist/decoder-pro-simd-mt.js
--- a/dist/decoder-pro-simd.js
+++ b/dist/decoder-pro-simd.js
--- a/dist/decoder-pro-simd.wasm
+++ b/dist/decoder-pro-simd.wasm
--- a/dist/decoder-pro.js
+++ b/dist/decoder-pro.js
--- a/dist/decoder-pro.wasm
+++ b/dist/decoder-pro.wasm
--- a/dist/demo.html
+++ b/dist/demo.html
@@ -0,0 +1,61 @@
 
				+<!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">
			
 
				+  <title>Document</title>
			
 
				+  <style>
			
 
				+    body>#video {
			
 
				+      width: 100vw;
			
 
				+      height: 100vh;
			
 
				+      background: #000;
			
 
				+      text-align: center;
			
 
				+    }
			
 
				+
			
 
				+    * {
			
 
				+      padding: 0;
			
 
				+      margin: 0;
			
 
				+    }
			
 
				+  </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="video"></div>
			
 
				+  <script src="./jessibuca-pro-multi.js"></script>
			
 
				+  <script>
			
 
				+    let urlString = window.location.href;
			
 
				+    // 获取 URL 中的参数部分
			
 
				+    let searchParams = new URLSearchParams(window.location.search);
			
 
				+    const url = searchParams.get('url')
			
 
				+    var jessibuca = new JessibucaPro({
			
 
				+      container: video,
			
 
				+      videoBuffer: 0.2, // 缓存时长
			
 
				+      isResize: true,
			
 
				+      text: "",
			
 
				+      loadingText: "加载中",
			
 
				+      useMSE: true,
			
 
				+      useSIMD: true,
			
 
				+      autoWasm: true,
			
 
				+      // debug: true,
			
 
				+      // debugLevel: "debug",
			
 
				+      controlAutoHide: true,
			
 
				+      showBandwidth: false, // 显示网速
			
 
				+      operateBtns: {
			
 
				+        fullscreen: true,
			
 
				+        screenshot: true,
			
 
				+        play: true,
			
 
				+        audio: true,
			
 
				+      },
			
 
				+      forceNoOffscreen: true,
			
 
				+      useWebFullScreen: true,
			
 
				+      isNotMute: false,
			
 
				+      loadingTimeoutReplayTimes: -1,
			
 
				+      heartTimeoutReplayTimes: -1,
			
 
				+    });
			
 
				+    jessibuca.play('ws://10.48.31.84:9080/ws/12a38b545afb4e3cb22f962ceac914cf/channel.flv')(url);
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/dist/empty-bg.png
+++ b/dist/empty-bg.png
--- a/dist/favicon.ico
+++ b/dist/favicon.ico
--- a/dist/icon1.png
+++ b/dist/icon1.png
--- a/dist/icon2.png
+++ b/dist/icon2.png
--- a/dist/index.html
+++ b/dist/index.html
--- a/dist/jessibuca-pro-multi.d.ts
+++ b/dist/jessibuca-pro-multi.d.ts
--- a/dist/jessibuca-pro-multi.js
+++ b/dist/jessibuca-pro-multi.js
--- a/dist/jessibuca-pro-talk.d.ts
+++ b/dist/jessibuca-pro-talk.d.ts
@@ -0,0 +1,107 @@
 
				+
			
 
				+declare namespace JessibucaProTalk {
			
 
				+    enum EVENTS {
			
 
				+        talkStreamClose = 'talkStreamClose',
			
 
				+        talkStreamError = 'talkStreamError',
			
 
				+        talkStreamInactive = 'talkStreamInactive',
			
 
				+        talkGetUserMediaTimeout = 'talkGetUserMediaTimeout'
			
 
				+    }
			
 
				+
			
 
				+    interface Config {
			
 
				+        // 语音编码类型，支持`g711a`和`g711u`，默认是`g711a`
			
 
				+        encType: string,
			
 
				+        // 语音包类型，支持`rtp`，默认是`rtp`
			
 
				+        packetType: string,
			
 
				+        // rtp包的ssrc，10位
			
 
				+        rtpSsrc: string,
			
 
				+        // 采样通道
			
 
				+        numberChannels: number,
			
 
				+        // 采样率
			
 
				+        sampleRate: number,
			
 
				+        // 采样精度
			
 
				+        sampleBitsWidth: number,
			
 
				+        // 是否开启debug模式
			
 
				+        debug: boolean,
			
 
				+        // debug模式下的日志级别，支持`debug`、`warn`，默认是`warn`
			
 
				+        debugLevel: string,
			
 
				+        //   是否开启测试麦克风,不连接ws
			
 
				+        testMicrophone: boolean,
			
 
				+        // 语音引擎，支持`worklet`和`script`，默认是`worklet`
			
 
				+        engine: string,
			
 
				+        // 是否开启检测getUserMedia超时
			
 
				+        checkGetUserMediaTimeout: boolean,
			
 
				+        // getUserMedia超时时间，单位ms
			
 
				+        getUserMediaTimeout: number
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare class JessibucaProTalk {
			
 
				+    constructor(config?: JessibucaProTalk.Config);
			
 
				+
			
 
				+    /**
			
 
				+     * 开启语音
			
 
				+     * @param wsUrl
			
 
				+     * @param options
			
 
				+     */
			
 
				+    startTalk(wsUrl, options: JessibucaProTalk.Config): Promise<any>;
			
 
				+
			
 
				+
			
 
				+    /**
			
 
				+     * 关闭语音
			
 
				+     */
			
 
				+    stopTalk(): Promise<any>;
			
 
				+
			
 
				+    /**
			
 
				+     * 获取语音音量
			
 
				+     * * 返回值是一个0-100的数字，表示当前语音音量
			
 
				+     */
			
 
				+    getTalkVolume(): Promise<Number>;
			
 
				+
			
 
				+    /**
			
 
				+     * 设置语音音量
			
 
				+     * @param volume 0-100的数字，表示当前语音音量
			
 
				+     */
			
 
				+    setTalkVolume(volume: number): Promise<any>;
			
 
				+
			
 
				+
			
 
				+    /**
			
 
				+     * 监听ws 断开
			
 
				+     * @param event
			
 
				+     * @param callback
			
 
				+     */
			
 
				+    on(event: JessibucaProTalk.EVENTS.talkStreamClose, callback: Function): void;
			
 
				+
			
 
				+    /**
			
 
				+     * 监听 ws error
			
 
				+     * @param event
			
 
				+     * @param callback
			
 
				+     */
			
 
				+    on(event: JessibucaProTalk.EVENTS.talkStreamError, callback: Function): void;
			
 
				+
			
 
				+
			
 
				+    /**
			
 
				+     * 监听 stream oninactive
			
 
				+     * @param event
			
 
				+     * @param callback
			
 
				+     */
			
 
				+    on(event: JessibucaProTalk.EVENTS.talkStreamInactive, callback: Function): void;
			
 
				+
			
 
				+    /**
			
 
				+     * 检查 getUserMedia 超时
			
 
				+     * @param event
			
 
				+     * @param callback
			
 
				+     */
			
 
				+    on(event: JessibucaProTalk.EVENTS.talkGetUserMediaTimeout, callback: Function): void;
			
 
				+
			
 
				+    /**
			
 
				+     * 监听方法
			
 
				+     *
			
 
				+     @example
			
 
				+
			
 
				+     JessibucaProTalk.on("talkStreamClose",function(){console.log('talkStreamClose')})
			
 
				+     */
			
 
				+    on(event: string, callback: Function): void;
			
 
				+}
			
 
				+
			
 
				+export default JessibucaProTalk;
			
--- a/dist/jessibuca-pro-talk.js
+++ b/dist/jessibuca-pro-talk.js
--- a/dist/jessibuca-pro.d.ts
+++ b/dist/jessibuca-pro.d.ts
--- a/dist/jessibuca-pro.js
+++ b/dist/jessibuca-pro.js
--- a/dist/map.html
+++ b/dist/map.html
@@ -0,0 +1,30 @@
 
				+<!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">

			
 
				+  <title>Document</title>

			
 
				+  <style>

			
 
				+    *{

			
 
				+      padding: 0;

			
 
				+      margin: 0;

			
 
				+    }

			
 
				+    html{

			
 
				+      

			
 
				+    height: 100%;

			
 
				+    overflow: hidden;

			
 
				+    }

			
 
				+  </style>

			
 
				+</head>

			
 
				+<body>

			
 
				+  <div>

			
 
				+    <iframe style="

			
 
				+    width: 100%;

			
 
				+    height: 99.5vh;"

			
 
				+    src="https://ditu.amap.com/?amapexchange=%2F"

			
 
				+    frameborder="0" 

			
 
				+  ></iframe>

			
 
				+  </div>

			
 
				+</body>

			
 
				+</html>
			
--- a/dist/map/blueTrain.png
+++ b/dist/map/blueTrain.png
--- a/dist/map/camera.png
+++ b/dist/map/camera.png
--- a/dist/map/camera1.png
+++ b/dist/map/camera1.png
--- a/dist/map/camera2.png
+++ b/dist/map/camera2.png
--- a/dist/map/greenTrain.png
+++ b/dist/map/greenTrain.png
--- a/dist/mapEsri.html
+++ b/dist/mapEsri.html
@@ -0,0 +1,79 @@
 
				+<!DOCTYPE html>

			
 
				+<html xmlns:th="http://www.thymeleaf.org" lang="en">

			
 
				+

			
 
				+<head>

			
 
				+  <meta charset="UTF-8" />

			
 
				+  <title>首页</title>

			
 
				+  <script type="text/javascript" src="http://172.20.98.215:8080/arcgis_js_api/library/3.22/rgis/Rinit.js"></script>

			
 
				+  <style>

			
 
				+    html,

			
 
				+    body {

			
 
				+      height: 100%;

			
 
				+      width: 100%;

			
 
				+      margin: 0;

			
 
				+      padding: 0;

			
 
				+    }

			
 
				+

			
 
				+    .webMap {

			
 
				+      height: 100%;

			
 
				+      width: 100%;

			
 
				+    }

			
 
				+  </style>

			
 
				+</head>

			
 
				+

			
 
				+<body>

			
 
				+  <div class="webMap" id="map111"></div>

			
 
				+  <script>

			
 
				+    var map;

			
 
				+    require([

			
 
				+      "esri/map",

			
 
				+      "rgis/tools/TokenUtil",

			
 
				+      "rgis/tools/RFindUtil",

			
 
				+      "rgis/tools/RMeasure",

			
 
				+      "rgis/layers/TianDiTuLayer",

			
 
				+      "esri/geometry/Extent",

			
 
				+      "esri/geometry/Point",

			
 
				+      "esri/geometry/Polyline",

			
 
				+      "esri/layers/ArcGISDynamicMapServiceLayer",

			
 
				+      "esri/layers/ArcGISTiledMapServiceLayer",

			
 
				+      "esri/layers/GraphicsLayer",

			
 
				+      "esri/symbols/SimpleLineSymbol",

			
 
				+      "esri/symbols/SimpleMarkerSymbol",

			
 
				+      "esri/symbols/TextSymbol",

			
 
				+      "esri/symbols/Font",

			
 
				+      "esri/Color",

			
 
				+      "esri/graphic",

			
 
				+      "esri/geometry/webMercatorUtils",

			
 
				+      "esri/SpatialReference",

			
 
				+      "esri/geometry/Circle",

			
 
				+      "esri/symbols/SimpleFillSymbol",

			
 
				+      "esri/symbols/PictureMarkerSymbol",

			
 
				+      "rgis/layers/echarts.min",

			
 
				+      "dojo/domReady!"

			
 
				+    ], function (Map, TokenUtil, RFindUtil, RMeasure, TianDiTuLayer, Extent, Point, Polyline, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, GraphicsLayer, SimpleLineSymbol,

			
 
				+      SimpleMarkerSymbol, TextSymbol, Font, Color, Graphic, webMercatorUtils, SpatialReference, Circle, SimpleFillSymbol, PictureMarkerSymbol, echarts, SwipeTool) {

			
 
				+

			
 
				+      map = new Map("map111", {

			
 
				+        logo: false,

			
 
				+        sliderPosition: "bottom-right",

			
 
				+        extent: new Extent({

			
 
				+          xmax: 120.179443359375,

			
 
				+          xmin: 109.632568359375,

			
 
				+          ymax: 41.0504150390625,

			
 
				+          ymin: 35.7275390625,

			
 
				+          spatialReference: { wkid: 4490 }

			
 
				+        })

			
 
				+      });

			
 
				+

			
 
				+      var layer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/BaseMap_white/MapServer")

			
 
				+      var xlLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_XL/MapServer")

			
 
				+      var czLayer = new ArcGISDynamicMapServiceLayer("http://172.20.98.156:8080/OneMapServer/rest/services/SH_CZXL_V2/MapServer")

			
 
				+      map.addLayer(layer);

			
 
				+      map.addLayer(xlLayer);

			
 
				+      map.addLayer(czLayer);

			
 
				+

			
 
				+    })

			
 
				+  </script>

			
 
				+</body>

			
 
				+

			
 
				+</html>
			
--- a/dist/multi-api.md
+++ b/dist/multi-api.md
@@ -0,0 +1,273 @@
 
				+# 播放器（Multi）API
			
 
				+
			
 
				+## JessibucaProMulti(options)
			
 
				+
			
 
				+options 支持的参数有：
			
 
				+
			
 
				+### container
			
 
				+
			
 
				+等同于 `JessibucaPro` 的 `container` 参数
			
 
				+
			
 
				+### maxSplit
			
 
				+
			
 
				+- **类型**：`number`
			
 
				+- **默认值**：`4`
			
 
				+- **用法**：
			
 
				+
			
 
				+最大分屏数
			
 
				+
			
 
				+### split
			
 
				+
			
 
				+- **类型**：`number`
			
 
				+- **默认值**：`1`
			
 
				+- **用法**：
			
 
				+
			
 
				+当前分屏数
			
 
				+
			
 
				+### style
			
 
				+
			
 
				+- **类型**：`number`
			
 
				+- **默认值**：`1`
			
 
				+- **参数**：
			
 
				+    - `{string} border`  `选填` 边框颜色 `默认：#343434`
			
 
				+    - `{string} borderSelect` `选填`  边框选中颜色 `默认：#FFCC00`
			
 
				+    - `{string} background` `选填`  背景颜色 `默认：#000`
			
 
				+
			
 
				+### supportDblclickContainerFullscreen
			
 
				+
			
 
				+- **类型**：`boolean`
			
 
				+- **默认值**：`false`
			
 
				+- **用法**：
			
 
				+
			
 
				+是否支持双击单个播放窗口，使之全屏到container容器大小。
			
 
				+
			
 
				+> 双击切换container内全屏/取消全屏
			
 
				+
			
 
				+> 如果设置为true了，则会影响 `supportDblclickFullscreen` 这个参数的生效。默认会在内部把`supportDblclickFullscreen` 改为false。
			
 
				+
			
 
				+### 其他参数
			
 
				+
			
 
				+其他参数等同于 `JessibucaPro` 的参数
			
 
				+
			
 
				+## 静态变量
			
 
				+
			
 
				+### MULTI_EVENTS
			
 
				+
			
 
				+事件里面的`key`值
			
 
				+
			
 
				+播放器对外的事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaPro.on(JessibucaPro.MULTI_EVENTS.blur, () => {
			
 
				+    // 窗口不可见
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### ERROR
			
 
				+
			
 
				+播放器对外的事件
			
 
				+
			
 
				+等同于 `JessibucaPro` 的 `ERROR`
			
 
				+
			
 
				+事件`error`里面的value 的值
			
 
				+
			
 
				+### EVENTS
			
 
				+
			
 
				+播放器对外的事件
			
 
				+
			
 
				+等同于 `JessibucaPro` 的 `EVENTS`
			
 
				+
			
 
				+事件里面的`key`值
			
 
				+
			
 
				+```js
			
 
				+jessibucaPro.on(JessibucaPro.EVENTS.selected, () => {
			
 
				+    // 窗口不可见
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+## 方法
			
 
				+
			
 
				+### destroySingle(windowIndex)
			
 
				+- **参数**：
			
 
				+    - `{number} windowIndex` `选填`  窗口下标(从0开始)，如果不传，则销毁目前选中的窗口
			
 
				+- **返回**：
			
 
				+    - `{Promise}`
			
 
				+- **用法**： 销毁单个播放窗口播放器实例
			
 
				+
			
 
				+```js
			
 
				+jessibucaPro.destroySingle(0).then(() => {
			
 
				+    // 销毁成功
			
 
				+}).catch((error) => {
			
 
				+    // 销毁失败
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+
			
 
				+### destroy()
			
 
				+- **返回**：
			
 
				+    - `{Promise}`
			
 
				+- **用法**： 销毁整个jessibucaProMulti实例
			
 
				+
			
 
				+```js
			
 
				+
			
 
				+jessibucaPro.destroy().then(() => {
			
 
				+    // 销毁成功
			
 
				+}).catch((error) => {
			
 
				+    // 销毁失败
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### setFullscreenMulti(flag)
			
 
				+- **参数**：
			
 
				+    - `{boolean} flag` `必填`  是否全屏
			
 
				+- **返回**：
			
 
				+    - `{Promise}`
			
 
				+- **用法**： 整个播放全屏/取消全屏
			
 
				+
			
 
				+
			
 
				+```js
			
 
				+jessibucaPro.setFullscreenMulti(true).then(() => {
			
 
				+    // 全屏成功
			
 
				+}).catch((error) => {
			
 
				+    // 全屏失败
			
 
				+})
			
 
				+
			
 
				+jessibucaPro.setFullscreenMulti(false).then(() => {
			
 
				+    // 取消全屏成功
			
 
				+}).catch((error) => {
			
 
				+    // 取消全屏失败
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+
			
 
				+### selectWindow(windowIndex)
			
 
				+- **参数**：
			
 
				+    - `{number} windowIndex` `选填`  窗口下标(从0开始)，如果不传，则销毁目前选中的窗口
			
 
				+- **返回**：
			
 
				+    - `{void}`
			
 
				+- **用法**： 选择某个播放窗口
			
 
				+
			
 
				+
			
 
				+
			
 
				+### arrangeWindow(split)
			
 
				+- **参数**：
			
 
				+    - `{number|string} split` `必填` 数量 num: `1`, `2`, `3`, `4`, 特殊 str: `'3-1'`,`'4-1'`
			
 
				+- **返回**：
			
 
				+    - `{void}`
			
 
				+- **用法**： 切换分屏数 `1*1`，`2*2`，`3*3`，`4*4` `不规则尺寸3-1`，`不规则尺寸4-1`
			
 
				+
			
 
				+```js
			
 
				+jessibucaPro.arrangeWindow(1)
			
 
				+jessibucaPro.arrangeWindow(2)
			
 
				+jessibucaPro.arrangeWindow(3)
			
 
				+jessibucaPro.arrangeWindow(4)
			
 
				+
			
 
				+jessibucaPro.arrangeWindow('3-1')
			
 
				+jessibucaPro.arrangeWindow('4-1')
			
 
				+```
			
 
				+
			
 
				+### getCurrentSplit()
			
 
				+- **返回**：
			
 
				+    - `{number}`
			
 
				+- **用法**： 获取当前分屏数
			
 
				+
			
 
				+```js
			
 
				+const split = jessibucaPro.getCurrentSplit()
			
 
				+console.log(split)
			
 
				+```
			
 
				+
			
 
				+### getSelectedWindowIndex()
			
 
				+- **返回**：
			
 
				+    - `{number}`
			
 
				+- **用法**： 获取当前选中的播放窗口下标
			
 
				+
			
 
				+```js
			
 
				+const windowIndex = jessibucaPro.getSelectedWindowIndex()
			
 
				+console.log(windowIndex)
			
 
				+```
			
 
				+
			
 
				+### 其他方法
			
 
				+
			
 
				+其他方法等同于 `JessibucaPro` 的方法，只是多了一个参数 `index`，用来指定操作的第几个播放器窗口，`下标从0开始`
			
 
				+
			
 
				+例如 `play` 方法
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.play(url, options, index).then(() => {
			
 
				+
			
 
				+}).catch((error) => {
			
 
				+
			
 
				+});
			
 
				+```
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.play(url, index).then(() => {
			
 
				+
			
 
				+}).catch((error) => {
			
 
				+
			
 
				+});
			
 
				+```
			
 
				+
			
 
				+## 事件
			
 
				+
			
 
				+### dblSelected
			
 
				+
			
 
				+双击选中事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('dblSelected', (index) => {
			
 
				+    console.log('dblSelected', index);
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### selected
			
 
				+
			
 
				+单击选中事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('selected', (index) => {
			
 
				+    console.log('selected', index);
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### mouseOver
			
 
				+
			
 
				+鼠标移入事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('mouseOver', (index) => {
			
 
				+    console.log('mouseOver', index);
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### mouseOut
			
 
				+
			
 
				+鼠标移出事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('mouseOut', (index) => {
			
 
				+    console.log('mouseOut', index);
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### mouseUp
			
 
				+
			
 
				+鼠标mouseUp事件
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('mouseUp', (index) => {
			
 
				+    console.log('mouseUp', index);
			
 
				+})
			
 
				+```
			
 
				+
			
 
				+### 其他事件
			
 
				+
			
 
				+其他事件等同于 `JessibucaPro` 的事件
			
 
				+
			
 
				+事件的第一个参数是`index` 剩下的参数和`JessibucaPro`的同等事件一样
			
 
				+
			
 
				+```js
			
 
				+jessibucaProMulti.on('xxx', (index, value) => {
			
 
				+    console.log('xxx', index, value);
			
 
				+})
			
 
				+```
			
--- a/dist/static/css/app.55fd25ab.css
+++ b/dist/static/css/app.55fd25ab.css
--- a/dist/static/css/chunk-0010f7b2.7101a6d1.css
+++ b/dist/static/css/chunk-0010f7b2.7101a6d1.css
--- a/dist/static/css/chunk-00662e15.2e5cdc68.css
+++ b/dist/static/css/chunk-00662e15.2e5cdc68.css
@@ -0,0 +1 @@
 
				+[data-v-d2b269a4] .el-dialog__body{padding:20px 95px!important}[data-v-d2b269a4] .el-textarea .el-input__count{bottom:-40px}
			
--- a/dist/static/css/chunk-01e7f715.1b30c1b9.css
+++ b/dist/static/css/chunk-01e7f715.1b30c1b9.css
@@ -0,0 +1 @@
 
				+.className2{position:relative}.button-base{width:25px;float:right}.button-base,.fangda{height:18px;margin-right:10px;cursor:pointer}.fangda{width:18px}.homeRight-video-operation{text-align:right;background:red}
			
--- a/dist/static/css/chunk-04848c97.fd30e0b9.css
+++ b/dist/static/css/chunk-04848c97.fd30e0b9.css
@@ -0,0 +1 @@
 
				+.user-info-head[data-v-42043afc]{position:relative;display:inline-block;height:120px}.user-info-head[data-v-42043afc]:hover:after{content:"+";position:absolute;left:0;right:0;top:0;bottom:0;color:#eee;background:rgba(0,0,0,.5);font-size:24px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;line-height:110px;border-radius:50%}
			
--- a/dist/static/css/chunk-073c6d2a.51ac7227.css
+++ b/dist/static/css/chunk-073c6d2a.51ac7227.css
--- a/dist/static/css/chunk-07b3e5f4.7971cb68.css
+++ b/dist/static/css/chunk-07b3e5f4.7971cb68.css
--- a/dist/static/css/chunk-08769533.eb3c8f33.css
+++ b/dist/static/css/chunk-08769533.eb3c8f33.css
@@ -0,0 +1 @@
 
				+.dashboard-container[data-v-dd252c2c]{margin:30px}.dashboard-text[data-v-dd252c2c]{font-size:30px;line-height:46px}
			
--- a/dist/static/css/chunk-0c99edf2.5d2db0a5.css
+++ b/dist/static/css/chunk-0c99edf2.5d2db0a5.css
--- a/dist/static/css/chunk-118b5a0e.506fe7cb.css
+++ b/dist/static/css/chunk-118b5a0e.506fe7cb.css
--- a/dist/static/css/chunk-12edf2f8.b67eaed5.css
+++ b/dist/static/css/chunk-12edf2f8.b67eaed5.css
@@ -0,0 +1 @@
 
				+[data-v-5961a2c8] .el-dialog__body{padding:20px 95px!important}
			
--- a/dist/static/css/chunk-159c7f2c.3c7f5ad9.css
+++ b/dist/static/css/chunk-159c7f2c.3c7f5ad9.css
--- a/dist/static/css/chunk-17adeab4.ba6831d2.css
+++ b/dist/static/css/chunk-17adeab4.ba6831d2.css
@@ -0,0 +1 @@
 
				+.dashboard-container[data-v-410e212a]{margin:20px 30px 30px}.dashboard-text[data-v-410e212a]{font-size:30px;line-height:46px}.elkContent[data-v-410e212a]{border:0;width:100%}
			
--- a/dist/static/css/chunk-1b858b49.e51717d9.css
+++ b/dist/static/css/chunk-1b858b49.e51717d9.css
--- a/dist/static/css/chunk-1dc73f4a.8b5620f9.css
+++ b/dist/static/css/chunk-1dc73f4a.8b5620f9.css
--- a/dist/static/css/chunk-1e3c05b9.b41a8f87.css
+++ b/dist/static/css/chunk-1e3c05b9.b41a8f87.css
--- a/dist/static/css/chunk-2d0999d3.33b8b2d6.css
+++ b/dist/static/css/chunk-2d0999d3.33b8b2d6.css
--- a/dist/static/css/chunk-33b3eff0.c6594d57.css
+++ b/dist/static/css/chunk-33b3eff0.c6594d57.css
--- a/dist/static/css/chunk-3692c002.ef55f0b4.css
+++ b/dist/static/css/chunk-3692c002.ef55f0b4.css
--- a/dist/static/css/chunk-3aac80b4.99afcf39.css
+++ b/dist/static/css/chunk-3aac80b4.99afcf39.css
@@ -0,0 +1 @@
 
				+.list-group-striped>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.list-group-item{height:66px;line-height:40px}.app-container{padding:20px}.list-group{padding-left:0;list-style:none}.list-group-item{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;margin-bottom:-1px;padding:11px 0;font-size:13px}.pull-right{float:right!important}.persionancenter .el-card{height:calc(100vh - 113px);background:#fff}
			
--- a/dist/static/css/chunk-3c2dc1a2.b2648f0e.css
+++ b/dist/static/css/chunk-3c2dc1a2.b2648f0e.css
--- a/dist/static/css/chunk-411c7dd8.d5d42b1d.css
+++ b/dist/static/css/chunk-411c7dd8.d5d42b1d.css
--- a/dist/static/css/chunk-41e6bfc8.bde0b69c.css
+++ b/dist/static/css/chunk-41e6bfc8.bde0b69c.css
--- a/dist/static/css/chunk-49a3d9e0.d0d51d8f.css
+++ b/dist/static/css/chunk-49a3d9e0.d0d51d8f.css
--- a/dist/static/css/chunk-4b86ffb0.9f1934b2.css
+++ b/dist/static/css/chunk-4b86ffb0.9f1934b2.css
--- a/dist/static/css/chunk-4c9d3898.99b789e0.css
+++ b/dist/static/css/chunk-4c9d3898.99b789e0.css
@@ -0,0 +1 @@
 
				+.detaileDia .el-dialog div[data-v-6f7dc530]{padding-left:280px;margin:30px auto}.detaileDia .el-dialog div span[data-v-6f7dc530]{font-size:14px;color:#000}.detaileDia .el-dialog div .text[data-v-6f7dc530]{color:#555;font-weight:400}
			
--- a/dist/static/css/chunk-4efabd60.f6cc19d3.css
+++ b/dist/static/css/chunk-4efabd60.f6cc19d3.css
--- a/dist/static/css/chunk-4f4fa477.673fdd1b.css
+++ b/dist/static/css/chunk-4f4fa477.673fdd1b.css
--- a/dist/static/css/chunk-50ef26f6.a9fd4678.css
+++ b/dist/static/css/chunk-50ef26f6.a9fd4678.css
@@ -0,0 +1 @@
 
				+[data-v-245c175a] .el-dialog__body{padding:20px 95px!important}[data-v-245c175a] .el-textarea .el-input__count{bottom:-40px}
			
--- a/dist/static/css/chunk-514ba10b.cca61495.css
+++ b/dist/static/css/chunk-514ba10b.cca61495.css
--- a/dist/static/css/chunk-519535f8.90c8f490.css
+++ b/dist/static/css/chunk-519535f8.90c8f490.css
--- a/dist/static/css/chunk-52eb4333.34a3ace4.css
+++ b/dist/static/css/chunk-52eb4333.34a3ace4.css
--- a/dist/static/css/chunk-53afc281.86e92e75.css
+++ b/dist/static/css/chunk-53afc281.86e92e75.css
--- a/dist/static/css/chunk-542f4cd8.2b506a0b.css
+++ b/dist/static/css/chunk-542f4cd8.2b506a0b.css
--- a/dist/static/css/chunk-57d670f0.65b8fedc.css
+++ b/dist/static/css/chunk-57d670f0.65b8fedc.css
--- a/dist/static/css/chunk-597fed98.13fb72b9.css
+++ b/dist/static/css/chunk-597fed98.13fb72b9.css
--- a/dist/static/css/chunk-5d16dce2.9b5e08b6.css
+++ b/dist/static/css/chunk-5d16dce2.9b5e08b6.css
--- a/dist/static/css/chunk-5d8adb67.3d326035.css
+++ b/dist/static/css/chunk-5d8adb67.3d326035.css
--- a/dist/static/css/chunk-5db14429.957a41cc.css
+++ b/dist/static/css/chunk-5db14429.957a41cc.css
--- a/dist/static/css/chunk-60b83b5e.328c6603.css
+++ b/dist/static/css/chunk-60b83b5e.328c6603.css
--- a/dist/static/css/chunk-62105dc0.3f21f2d8.css
+++ b/dist/static/css/chunk-62105dc0.3f21f2d8.css
		`@@ -0,0 +1 @@`
		`+[data-v-d2b269a4] .el-dialog__body{padding:20px 95px!important}[data-v-d2b269a4] .el-textarea .el-input__count{bottom:-40px}`
		`@@ -0,0 +1 @@`
		`+.dashboard-container[data-v-dd252c2c]{margin:30px}.dashboard-text[data-v-dd252c2c]{font-size:30px;line-height:46px}`
		`@@ -0,0 +1 @@`
		`+[data-v-5961a2c8] .el-dialog__body{padding:20px 95px!important}`
		`@@ -0,0 +1 @@`
		`+.dashboard-container[data-v-410e212a]{margin:20px 30px 30px}.dashboard-text[data-v-410e212a]{font-size:30px;line-height:46px}.elkContent[data-v-410e212a]{border:0;width:100%}`
		`@@ -0,0 +1 @@`
		`+[data-v-245c175a] .el-dialog__body{padding:20px 95px!important}[data-v-245c175a] .el-textarea .el-input__count{bottom:-40px}`