1

shuishen

2022-12-26 306663e1666e68f61fabc01b90a8e9acfcce6cb4

1

 package-lock.json

Diff too large

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-19 16:50:46
 * @LastEditTime: 2022-12-26 09:18:51
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -169,35 +169,27 @@
            // global.viewer.addTerrain(terrain)

            // 天地图 影像
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )


            // 上饶部署，内网使用的
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
                    layer: "wmts_4326_361100",
                    style: "default",
                    format: "image/png",
                    tileMatrixSetID: "c",
                    tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1),
                    tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })
            )

            // 加载顺丰底图

            // 上饶部署，内网使用的
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: "http://36.14.131.102:8899/tile?x={x}&y={y}&z={z}&mid=basemap&p=0&f=pbf"
            //         // url: "https://webmap-tile.sf-express.com/MapTileService/rt?x={x}&y={y}&z={z}"
            //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
            //         url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
            //         layer: "wmts_4326_361100",
            //         style: "default",
            //         format: "image/png",
            //         tileMatrixSetID: "c",
            //         tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1),
            //         tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
            //     })
            // )

@@ -291,7 +283,7 @@

            global.viewer.use(new global.DC.Measure())

            global.viewer.locationBar.enable = true
            // global.viewer.locationBar.enable = true
            // 缩放
            global.viewer.zoomController.enable = true
            // 比例尺

 src/styles/media/index.scss

@@ -143,22 +143,6 @@
                                        }
                                    }

                                    .legend {
                                        width: calc(100% - countSizeVw(36, 1920));

                                        ul {
                                            li {
                                                margin-right: countSizeVw(10, 1920);

                                                div {
                                                    width: countSizeVw(20, 1920);
                                                    border-radius: countSizeVh(4);
                                                    margin-top: countSizeVh(5);
                                                    margin-right: countSizeVw(2, 1920);
                                                }
                                            }
                                        }
                                    }
                                }

                                .table-box {

 src/views/home/components/rightContainer.vue

@@ -63,45 +63,6 @@
                    <span :class="{ choosed: linetype == 0 }" @click="lineTabClick(0)">设备种类</span>/
                    <span :class="{ choosed: linetype == 1 }" @click="lineTabClick(1)">设备状态</span>
                </div>
                <div class="legend" v-show="(linetype == 0)">
                    <ul>
                        <li style="color:#5470FE">
                            <img src="/img/icon/pCar.png" alt />
                            车辆
                        </li>
                        <li style="color:#90cb75">
                            <img src="/img/icon/monitor.png" alt />
                            摄像头
                        </li>
                        <li style="color:#fed85e">
                            <img src="/img/icon/recorder.png" alt />
                            执法记录仪
                        </li>
                        <li style="color:#f06767">
                            <img src="/img/icon/pPhone.png" alt />
                            手台
                        </li>
                    </ul>
                </div>
                <div class="legend" v-show="(linetype == 1)">
                    <ul>
                        <li style="color:#4caf50">
                            <div style="background-color:#4caf50"></div>正常
                        </li>
                        <li style="color:#2979ff">
                            <div style="background-color:#2979ff"></div>保养
                        </li>
                        <li style="color:#ffd600">
                            <div style="background-color:#ffd600"></div>故障
                        </li>
                        <li style="color:#0d47a1">
                            <div style="background-color:#0d47a1"></div>停用
                        </li>
                        <li style="color:#b71c1c">
                            <div style="background-color:#b71c1c"></div>封存
                        </li>
                    </ul>
                </div>
            </div>
            <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div>
        </div>
@@ -795,40 +756,6 @@
                font-weight: 700;
                margin-left: 50%;
                letter-spacing: 1px;
            }

            .legend {
                position: absolute;
                width: calc(100% - 36px);
                height: 70%;
                top: 120%;
                font-style: normal;
                font-weight: normal;

                ul {
                    display: flex;
                    height: 100%;

                    li {
                        height: 100%;
                        display: flex;
                        line-height: 160%;
                        margin-right: 10px;

                        img {
                            height: 60%;
                        }

                        div {
                            width: 20px;
                            height: 42%;
                            background-color: #fff;
                            border-radius: 4px;
                            margin-top: 5px;
                            margin-right: 2px;
                        }
                    }
                }
            }
        }