From 8771da4318a03cc5052a121e05b0258e3fdf8425 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Wed, 7 Sep 2022 14:40:56 +0800
Subject: [PATCH] upup

---
 public/index.html                             |   1 +
 .../rain/inspection/components/config.js      | 252 ++++++
 src/views/rain/inspection/components/init.js  | 750 ++++++++++++++++++
 .../rain/inspection/components/mapShow.vue    |   7 +-
 src/views/rain/inspection/inspection.vue      |   2 +-
 src/views/rain/order/check.vue                |   4 -
 vue.config.js                                 |   8 +
 7 files changed, 1018 insertions(+), 6 deletions(-)
 create mode 100644 src/views/rain/inspection/components/config.js
 create mode 100644 src/views/rain/inspection/components/init.js
diff --git a/public/index.html b/public/index.html
index 39bbb70..86d0e4e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,6 +18,7 @@
 
     <!-- 天地图 -->
     <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=82526d64e8504a0341f775c087863825" type="text/javascript"></script>
+    <!-- <script src="http://gisserver.tianditu.com/tiandituService/wms"></script> -->
   </head>
   <body>
     <noscript>
diff --git a/src/views/rain/inspection/components/config.js b/src/views/rain/inspection/components/config.js
new file mode 100644
index 0000000..75524a9
--- /dev/null
+++ b/src/views/rain/inspection/components/config.js
@@ -0,0 +1,252 @@
+/**
+ * 配置对象，用于配置地图地址和其他通用配置
+ */
+
+var CONFIGS = [
+
+
+    {
+        title: "天地图",
+        id: "M2",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "TD地图",
+        opacity: 1,
+        url: "http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=7f7a0ff731935a571d8d0fd3364b59ed"
+    },
+    {
+        title: "遥感图",
+        id: "M3",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "TD地图",
+        opacity: 1,
+        url: "http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=7f7a0ff731935a571d8d0fd3364b59ed"
+    },
+    {
+        title: "水利图",
+        id: "S1",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "GIS地图",
+        opacity: 1,
+        url: "http://172.17.50.65:6080/arcgis/rest/services/hcdt/苏州市矢量图0916/MapServer/tile/{z}/{y}/{x}"
+    },
+    {
+        title: "河道图",
+        id: "H1",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "GIS地图",
+        opacity: 1,
+        url: "http://172.17.50.65:6080/arcgis/rest/services/hcdt/%E8%8B%8F%E5%B7%9E%E6%B0%B4%E7%B3%BB%E5%9B%BE%E9%AB%98%E4%BA%AE%E7%89%88/MapServer/tile/{z}/{y}/{x}"
+    },
+    {
+        title: "高清影像",
+        id: "M1",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "地图",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/xmqyx4490/MapServer"
+    },
+
+
+    {
+        title: "主干管",
+        id: "M4",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysxzgg/MapServer"
+
+    },
+    {
+        title: "主干管边井管",
+        id: "M5",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysxzggbjg/MapServer"
+    },
+    {
+        title: "检查井",
+        id: "M6",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjszjcj/MapServer"
+    },
+    {
+        title: "出水口",
+        id: "M7",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjszcsk/MapServer"
+    },
+    {
+        title: "雨篦",
+        id: "M8",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjszyb/MapServer"
+    },
+    {
+        title: "其他井",
+        id: "M9",
+        type: "overlay",
+        visible: true,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjszqtj/MapServer"
+    },
+    {
+        title: "雨水泵站",
+        id: "M10",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjysbz/MapServer"
+    },
+
+    {
+        title: "立交泵站",
+        id: "M11",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjljbz/MapServer"
+    },
+
+    {
+        title: "管网",
+        id: "M12",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysxzg/MapServer"
+    },
+
+
+    {
+        title: "管井",
+        id: "M13",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjzggj/MapServer"
+    },
+
+    {
+        title: "管网",
+        id: "M14",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysxxqg/MapServer"
+    },
+    {
+        title: "管井",
+        id: "M15",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ysjxqgj/MapServer"
+    },
+    {
+        title: "已达标",
+        id: "M16",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/ydbq/MapServer"
+    },
+    {
+        title: "未达标",
+        id: "M17",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/wdbq/MapServer"
+    },
+    {
+        title: "巡查养护",
+        id: "M18",
+        type: "overlay",
+        visible: false,
+        projection: "EPSG:4490",
+        layerType: "数据",
+        opacity: 1,
+        url: "http://192.168.60.22:6080/arcgis/rest/services/szhd/xcyh/MapServer"
+
+    },
+
+]
+
+
+/**
+ * 后台接口
+ * */
+//var testurls = "http://10.0.0.208:801";
+var testurls = "";
+var HCONFIGS = {
+    S_Pipe_Point: testurls + "/Search/S_Pipe_Point", //基本信息查询-雨水管井
+    S_Pipe_Line: testurls + "/Search/S_Pipe_Line", //基本信息查询-雨水管网
+    S_Dbq: testurls + "/Search/S_Dbq", //基本信息查询-达标区
+    S_Tctj: testurls + "/Search/S_Tctj",//图层统计
+    SearchMap: testurls + "/Search/SearchMap",//地图点击查询
+    GeomSearch: testurls + "/Search/GeomSearch",// 地图空间查询
+    GeomTj: testurls + "/Search/GeomTj",// 空间统计
+    G_Dictionaries: testurls + "/Interface/G_Dictionaries",// 获取字典
+    RoadSearch: testurls + "/Search/RoadSearch",// 道路查询 统计
+}
+
+/**
+ * 定义地图页面配置文件
+ */
+//
+
+var MAPCONFIGS = {
+    Map_Code: "EPSG:4490",//坐标系名
+   // Map_extent: [390000, 3500000, 490000, 3360000], //范围框
+    Map_units: "degrees",//单位  m/degrees等
+    Map_axisOrientation: "neu",//轴
+    Map_global: false, //全球
+    MAP_center: [120.6126391, 31.3029816],//定义中心点
+    Map_Zooms: [13, 23, 13],//定义地图初始层级、最大层级、最小层级
+    Map_ID: "map",//地图标识ID
+}
diff --git a/src/views/rain/inspection/components/init.js b/src/views/rain/inspection/components/init.js
new file mode 100644
index 0000000..6b37987
--- /dev/null
+++ b/src/views/rain/inspection/components/init.js
@@ -0,0 +1,750 @@
+
+proj4.defs("EPSG:4490", '+proj=longlat +ellps=GRS80 +no_defs') 
+/*自定义坐标系 命名、范围、单位等; */
+var projection = new ol.proj.Projection({
+    // extent: MAPCONFIGS.Map_extent,
+    code: MAPCONFIGS.Map_Code,
+    units: MAPCONFIGS.Map_units,
+    axisOrientation: MAPCONFIGS.Map_axisOrientation,
+    global: MAPCONFIGS.Map_global,
+});
+ol.proj.addProjection(projection);
+
+
+
+/**
+ *地图基本属性定义
+ **/
+var ZJMAP;
+var ClickMap = 0;//0点击地图 // 1 获取坐标 //2 测量  //3空间查询统计
+var vectorLayer; //基本信息 ，统计等 查询结果层
+var vectorLayer2; //定位展示
+var vectorLayer3;
+
+var vectorLayer1;
+var source;//空间图层
+var draw, drawtype, geomtype, geomdraw, radiusdraw;
+var yxdtmap = true;
+
+//页面加载完成后执行
+$(document).ready(function () {
+
+    ZJMAP = new ol.Map({
+        view: new ol.View({
+            center: MAPCONFIGS.MAP_center,
+            zoom: MAPCONFIGS.Map_Zooms[0],
+            projection: projection,
+            maxZoom: MAPCONFIGS.Map_Zooms[1],
+            minZoom: MAPCONFIGS.Map_Zooms[2]
+        }),
+        layers: [],
+        target: MAPCONFIGS.Map_ID,
+        interactions: ol.interaction.defaults({
+            doubleClickZoom: false,
+        }),
+    });
+
+    //加载图层
+    ShowLayers();
+
+    //加载查询结果层
+    vectorLayer = new ol.layer.Image({
+        source: new ol.source.ImageVector({
+            source: new ol.source.Vector(),
+            style: new ol.style.Style({
+                image: new ol.style.Icon(
+                    ({
+                        anchor: [0.5, 60],
+                        anchorOrigin: 'top-right',
+                        anchorXUnits: 'fraction',
+                        anchorYUnits: 'pixels',
+                        offsetOrigin: 'top-right',
+                        //透明度
+                        opacity: 0.97,
+                        //图标缩放比例
+                        scale: 0.55,
+                        //图标的url
+                        src: '../image/标绘点.png'
+                    })
+                ),
+                fill: new ol.style.Fill({
+                    color: 'rgba(255, 0, 0, 0.2)'
+                }),
+                stroke: new ol.style.Stroke({
+                    color: '#FF4500',
+                    width: 4
+                })
+            })
+        })
+    });
+    ZJMAP.addLayer(vectorLayer);
+
+    //加载查询结果层
+    vectorLayer2 = new ol.layer.Image({
+        source: new ol.source.ImageVector({
+            source: new ol.source.Vector(),
+            style: new ol.style.Style({
+                image: new ol.style.Icon(
+                    ({
+                        anchor: [0.5, 60],
+                        anchorOrigin: 'top-right',
+                        anchorXUnits: 'fraction',
+                        anchorYUnits: 'pixels',
+                        offsetOrigin: 'top-right',
+                        //透明度
+                        opacity: 0.97,
+                        //图标缩放比例
+                        scale: 0.55,
+                        //图标的url
+                        src: '../image/标绘点2.png'
+                    })
+                ),
+                fill: new ol.style.Fill({
+                    color: 'rgba(255,255,102, 0.2)'
+                }),
+                stroke: new ol.style.Stroke({
+                    color: '#FFFF66',
+                    width: 4
+                })
+                //image: new ol.style.Icon(
+                //    ({
+                //        anchor: [0.5, 60],
+                //        anchorOrigin: 'top-right',
+                //        anchorXUnits: 'fraction',
+                //        anchorYUnits: 'pixels',
+                //        offsetOrigin: 'top-right',
+                //        //透明度
+                //        opacity: 0.97,
+                //        //图标缩放比例
+                //        scale: 0.55,
+                //        //图标的url
+                //        src: '../image/标绘点.png'
+                //    })
+                //),
+                //fill: new ol.style.Fill({
+                //    color: 'rgba(255, 0, 0, 0.2)'
+                //}),
+                //stroke: new ol.style.Stroke({
+                //    color: '#000080',
+                //    width: 4
+                //})
+            })
+        })
+    });
+    ZJMAP.addLayer(vectorLayer2);
+
+    vectorLayer3 = new ol.layer.Image({
+        source: new ol.source.ImageVector({
+            source: new ol.source.Vector(),
+            style: new ol.style.Style({
+                image: new ol.style.Icon(
+                    ({
+                        anchor: [0.5, 60],
+                        anchorOrigin: 'top-right',
+                        anchorXUnits: 'fraction',
+                        anchorYUnits: 'pixels',
+                        offsetOrigin: 'top-right',
+                        //透明度
+                        opacity: 0.97,
+                        //图标缩放比例
+                        scale: 0.55,
+                        //图标的url
+                        src: '../image/标绘点.png'
+                    })
+                ),
+                fill: new ol.style.Fill({
+                    color: 'rgba(255,255,102, 0.1)'
+                }),
+                stroke: new ol.style.Stroke({
+                    color: '#FFFF66',
+                    width: 4
+                }) 
+            })
+        })
+    });
+    ZJMAP.addLayer(vectorLayer3);
+
+
+
+
+    ///临时图层
+    source = new ol.source.Vector({ wrapX: false });
+    vector = new ol.layer.Vector({
+        //数据源  
+        source: source,
+        //样式  
+        style: new ol.style.Style({
+            //样式填充  
+            fill: new ol.style.Fill({
+                //填充颜色  
+                color: 'rgba(37,241,239,0.2)'
+            }),
+            //笔触  
+            stroke: new ol.style.Stroke({
+                //笔触颜色  
+                color: '#264df6',
+                //笔触宽度  
+                width: 2
+            }),
+            //图形样式，主要适用于点样式  
+            image: new ol.style.Circle({
+                //半径大小  
+                radius: 7,
+                //填充  
+                fill: new ol.style.Fill({
+                    //填充颜色  
+                    color: '#e81818'
+                })
+            })
+        })
+    });
+    ZJMAP.addLayer(vector);
+
+
+    var createLabelStyle = function (feature) {
+        return new ol.style.Style({
+            text: new ol.style.Text({
+                //位置
+                textAlign: 'center',
+                //基准线
+                textBaseline: 'bottom',
+                //文字样式
+                font: 'normal 16px 黑体',
+                //文本内容
+                text: feature.get('name'),
+                //文本填充样式（即文字颜色）
+                fill: new ol.style.Fill({ color: 'black' }),
+                stroke: new ol.style.Stroke({ color: 'white', width: 5 }),
+                offsetY: 20
+            })
+        });
+    }
+    var centerpoint = ol.proj.fromLonLat([0, 0]);
+    var iconFeature = new ol.Feature({
+        geometry: new ol.geom.Point(centerpoint),
+        //名称属性
+        name: '',
+
+    });
+    iconFeature.setStyle(createLabelStyle(iconFeature));
+
+
+    //矢量标注的数据源
+    var vectorSource = new ol.source.Vector({
+        features: [iconFeature]
+    });
+    //矢量标注图层
+    vectorLayer1 = new ol.layer.Vector({
+        source: vectorSource
+    });
+
+    function addVectorLabel(coordinate, text) {
+        //新建一个要素 ol.Feature
+        var newFeature = new ol.Feature({
+            //几何信息
+            geometry: new ol.geom.Point(coordinate),
+            //名称属性
+            name: text
+        });
+        //设置要素的样式
+        newFeature.setStyle(createLabelStyle(newFeature));
+        //将新要素添加到数据源中
+        vectorSource.addFeature(newFeature);
+    }
+
+    ZJMAP.addLayer(vectorLayer1);
+     
+    ZJMAP.on('click', function (evt) {
+        coordinate = evt.coordinate;
+        console.log(coordinate);
+        if (ClickMap == 0) { //点击获取数据
+            vectorLayer.getSource().getSource().clear();
+
+            vectorLayer2.getSource().getSource().clear();
+            vectorLayer3.getSource().getSource().clear();
+            var Cextent = new ol.geom.Circle(coordinate, 0.000003).getExtent();
+            var ply = Cextent[0] + " " + Cextent[1] + "," + Cextent[2] + " " + Cextent[1] + "," + Cextent[2] + " " + Cextent[3] + "," + Cextent[0] + " " + Cextent[3] + "," + Cextent[0] + " " + Cextent[1];
+            var layers = ZJMAP.getLayers().getArray();
+            var Tlayers = "";
+            for (i = 0; i < layers.length; i++) {
+                var Visible = layers[i].getVisible();
+                if (Visible) {
+                    if (layers[i].get("layerType") == "数据") {
+                        var title = layers[i].get("id");
+                        if (title != "") {
+                            Tlayers += layers[i].get("id") + ",";
+                        }
+                    }
+                }
+            }
+            console.log(Tlayers);
+            if (ply == "" || ply == null || Tlayers == "") {
+                console.log("请打开图层，点击地图！")
+            } else {
+
+                console.log("开始", Date())
+
+                $.post(HCONFIGS.SearchMap, { geom: ply, layers: Tlayers }, res => {
+
+                    console.log("结束", Date())
+            
+             
+                    var title = [];
+                    var geom = [];
+                    if (res.lcount != 0) {
+                        for (i = 1; i <= res.lcount; i++) {
+                            var b = { id: "L" + i, name: "管网" + i, type: "line", geom: res.data.line[i - 1].geom };
+                            title.push(b);
+                        }
+                        geom.push(res.data.line[0].geom);
+                    }
+                    if (res.pcount != 0) {
+                        for (i = 1; i <= res.pcount; i++) {
+                            var b = { id: "P" + i, name: "管井" + i, type: "point", geom: res.data.point[i - 1].geom };
+                            title.push(b);
+                        }
+                        if (geom == "") {
+                            geom.push(res.data.point[0].geom);
+                        }
+                    }
+                    if (res.dcount != 0) {
+                        for (i = 1; i <= res.dcount; i++) {
+                            var b = { id: "D" + i, name: "达标区" + i, type: "dbq", geom: res.data.dbq[i - 1].geom };
+                            title.push(b);
+                        }
+                        if (geom == "") {
+                            geom.push(res.data.dbq[0].geom);
+                        }
+                    }
+                    if (res.ljcount != 0) {
+                        for (i = 1; i <= res.ljcount; i++) {
+                            var b = { id: "J" + i, name: "立交泵站" + i, type: "lj", geom: res.data.ljbz[i - 1].geom };
+                            title.push(b);
+                        }
+                        if (geom == "") {
+                            geom.push(res.data.ljbz[0].geom);
+                        }
+                    }
+
+                    if (res.xcount != 0) {
+                        for (i = 1; i <= res.xcount; i++) {
+                            var b = { id: "X" + i, name: "巡查养护" + i, type: "xcyh", geom: res.data.xcyh[i - 1].geom };
+                            title.push(b);
+                        }
+                        if (geom == "") {
+                            geom.push(res.data.xcyh[0].geom);
+                        }
+                    }
+                    if (geom != "") {
+                        ///绘制
+                        MapShowClick(geom, false)
+                    };
+                    var ndata = {
+                        "title": title,
+                        "line": res.data.line,
+                        "point": res.data.point,
+                        "dbq": res.data.dbq,
+                        "ljbz": res.data.ljbz,
+                        "xcyh": res.data.xcyh,
+                        "count": res.count
+                    }
+                    console.log(ndata);
+                    app.tabShow(ndata)
+
+                })
+            }
+
+        }
+        else if (ClickMap == 1) { //点击获取坐标
+            var pit = "Point(" + coordinate[0] + " " + coordinate[1] + ")";
+            MapShowClick([pit], false);
+            vectorLayer1.getSource().clear();
+            var center = [coordinate[0], coordinate[1]];
+            addVectorLabel(center, "坐标：" + coordinate[0] + "," + coordinate[1]);
+        }
+        else if (ClickMap == 2) { //测量情况
+
+        }
+        else if (ClickMap == 3) { //空间查询
+
+
+            if (drawtype == "Circle") {
+                var len = vector.getSource().getFeatures().length;
+                if (len > 0) {
+                    ZJMAP.removeInteraction(draw);
+                    if (geomtype == "circle") {
+                        var a = vector.getSource().getFeatures()[len - 1].getGeometry();
+                        console.log(a);
+                        geom = a.getCenter();
+                        radiusdraw = a.getRadius();                   
+                        var showlength = "半径：" + (radiusdraw / 0.0000089932).toFixed(2) + "m";
+                        // showtext = "半径：" + radiusdraw + "m";
+                        addVectorLabel(geom, showlength);
+                        geomdraw = GetPolygon(geom)
+
+                        console.log(geomdraw, radiusdraw)
+                    } else {
+                        var a = vector.getSource().getFeatures()[len - 1].getGeometry();
+                        geomdraw = GetPolygon(a.A)
+
+                    }
+                    //if (geomdraw != "") {
+                    //    app.kjSearch();
+                    //    app.kjCensus();
+                    //} 
+                    ClickMap = 0;
+                }
+
+            } else if (drawtype == "Polygon") {
+                var len = vector.getSource().getFeatures().length;
+                if (len > 0) {
+                    ZJMAP.removeInteraction(draw);
+                    var a = vector.getSource().getFeatures()[len - 1].getGeometry();
+                    geomdraw = GetPolygon(a.A)
+                    ClickMap = 0;
+                }
+            }
+        }
+    });
+
+
+    ZJMAP.on('dblclick', function (evt) {
+
+        if (ClickMap == 0) {
+            ZJMAP.removeInteraction(draw);
+            /* modify.setActive(false);*/
+        }
+        else if (ClickMap == 2) {
+            var points = evt.coordinate;
+            var center = [points[0], points[1]];
+            var showtext;
+            var len = vector.getSource().getFeatures().length;
+            ZJMAP.removeInteraction(draw);
+            if (drawtype == "LineString") {
+                if (vector.getSource().getFeatures()[len - 1].getGeometry().getLength()) {
+                    showtext = vector.getSource().getFeatures()[len - 1].getGeometry().getLength(); 
+                    showtext = showtext / 0.0000089932; 
+                    var showtextsp = showtext.toString().split("."); 
+                    showtext = showtextsp[0];
+                    showtext += "m";
+                    addVectorLabel(center, showtext);
+                }
+            } else if (drawtype == "Polygon") {
+                if (vector.getSource().getFeatures()[len - 1].getGeometry().getArea()) {
+                    showtext = vector.getSource().getFeatures()[len - 1].getGeometry().getArea();
+                    console.log(showtext);
+
+                    showtext = showtext / (0.0000089932 * 0.0000089932 );
+                    showtext = showtext.toFixed(2);
+                    showtext += "㎡";
+                    addVectorLabel(center, showtext);
+                }
+            }
+            ClickMap = 0;
+        } else if (ClickMap == 3) {
+            if (drawtype == "Polygon") {
+                var len = vector.getSource().getFeatures().length;
+                ZJMAP.removeInteraction(draw);
+                var a = vector.getSource().getFeatures()[len - 1].getGeometry();
+                geomdraw = GetPolygon(a.A)
+                //if (geomdraw != "") {
+                //    app.kjSearch();
+                //    app.kjCensus();
+                //}
+                ClickMap = 0;
+
+            }
+        }
+    })
+
+});
+
+////////////////////////////////////
+//加载图层
+function ShowLayers() {
+    //var a = [120, 31];
+    //a = ol.proj.fromLonLat(a, "EPSG:4490")
+    //console.log(a);
+    for (i = 0; i < CONFIGS.length; i++) {
+        var result = CONFIGS[i];
+
+        if (result.layerType == "TD地图") {
+
+            var layer = new ol.layer.Tile({
+                title: result.title,
+                id: result.id,
+                type: result.type,
+                visible: result.visible,
+                layerType: result.layerType,
+                opacity: result.opacity,
+                source: new ol.source.XYZ({
+                    crossOrigin: 'anonymous',
+                    url: result.url,
+                    //     projection: result.projection
+                })
+            })
+            ZJMAP.addLayer(layer); 
+            ///tile/6/33543/47426
+        }
+        if (result.layerType == "GIS地图") {
+            var projection = ol.proj.get(result.projection);
+            var origin = [-400.0, 399.9999999999998]; 
+            var resolutions = [0.0027465820824835565,0.0013732910412417782,6.866455206208891E-4,3.4332276031044456E-4,1.7166138015522228E-4,8.583069007761114E-5,4.291534503880557E-5,2.1457672519402785E-5,1.0728836259701392E-5];
+
+            var fullExtent = [118.63622216442072, 30.12564516975147, 122.81217622965288, 32.74305227616479];
+
+            var tileGrid = new ol.tilegrid.TileGrid({
+                tileSize: 256,
+                origin: origin,
+                extent: fullExtent,
+                resolutions: resolutions
+            });
+    
+
+            var layer = new ol.layer.Tile({
+                title: result.title,
+                id: result.id,
+                type: result.type,
+                visible: result.visible,
+                layerType: result.layerType,
+                opacity: result.opacity,
+                source: new ol.source.XYZ({ 
+                    tileGrid: tileGrid,
+                    url: result.url,
+                    projection: projection
+                })
+            })
+            ZJMAP.addLayer(layer);
+
+
+            ///tile/6/33543/47426
+        }
+        else {
+            var layer = new ol.layer.Tile({
+                title: result.title,
+                id: result.id,
+                type: result.type,
+                visible: result.visible,
+                layerType: result.layerType,
+                opacity: result.opacity,
+                source: new ol.source.TileArcGISRest({
+                    url: result.url, 
+                    projection: result.projection
+                }),
+            });
+            ZJMAP.addLayer(layer);
+        }
+    }
+}
+
+//选择取消图层
+function checkLayers(id, bool) {
+  
+
+    var layers = ZJMAP.getLayers().getArray();
+    for (i = 0; i < layers.length; i++) {
+        if (layers[i].get("id") == id) {
+            if (bool) {
+                layers[i].setVisible(true);
+            } else {
+                layers[i].setVisible(false);
+            }
+        }
+    }
+}
+
+//基本信息查询展示 ，
+function MapSearchShow(data, bool) {
+    vectorLayer.getSource().getSource().clear();
+    var features = [];
+    var format = new ol.format.WKT();
+    for (i = 0; i < data.length; i++) {
+        var feature = format.readFeature(data[i].geom, {});
+        features.push(feature);
+    }
+    vectorLayer.getSource().getSource().addFeatures(features);
+    if (bool) {
+        var extent = vectorLayer.getSource().getSource().getExtent();
+        ZJMAP.getView().fit(extent, {
+            duration: 1,
+            callback: null
+        })
+    }
+}
+//空间查询展示
+function MapSearchShow2(data, bool) {
+ 
+    var features = [];
+    var format = new ol.format.WKT();
+    for (i = 0; i < data.length; i++) {
+        var feature = format.readFeature(data[i].geom, {});
+        features.push(feature);
+    }
+    vectorLayer.getSource().getSource().addFeatures(features);
+  
+}
+
+function MapSearchShow3(data, bool) {
+    vectorLayer.getSource().getSource().clear();
+    vectorLayer3.getSource().getSource().clear();
+
+    console.log(data);
+    var features = [];
+    var rfeatures = [];
+    var format = new ol.format.WKT();
+    for (i = 0; i < data.length; i++) {
+        var feature = format.readFeature(data[i].geom, {});
+        if (data[i].layers == "road") {
+            features.push(feature);
+        } else {   
+            rfeatures.push(feature); 
+        } 
+    }
+    vectorLayer.getSource().getSource().addFeatures(rfeatures);
+    vectorLayer3.getSource().getSource().addFeatures(features);
+
+    if (bool) {
+        var extent = vectorLayer3.getSource().getSource().getExtent();
+        ZJMAP.getView().fit(extent, {
+            duration: 1,
+            callback: null
+        })
+    }
+}
+
+
+//点击定位
+function MapShowClick(geom, bool) {
+    vectorLayer2.getSource().getSource().clear();
+    var features = [];
+    var format = new ol.format.WKT();
+    for (i = 0; i < geom.length; i++) {
+        var feature = format.readFeature(geom[i], {});
+        features.push(feature);
+    }
+    vectorLayer2.getSource().getSource().addFeatures(features);
+    if (bool) {
+        var extent = vectorLayer2.getSource().getSource().getExtent();
+        ZJMAP.getView().fit(extent, {
+            duration: 1,
+            callback: null
+        })
+    }
+}
+
+
+
+//获取Polygon
+function GetPolygon(points) {
+    var polygon = "";
+    for (i = 0; i < points.length; i++) {
+        var poly = points[i];
+        if (i == 0) {
+            polygon += poly + " ";
+        } else {
+            if (i % 2 == 0) {
+                //双数
+                polygon += poly + " ";
+            } else {
+                polygon += poly + ","
+            }
+        }
+    }
+    polygon = polygon.substring(0, polygon.length - 1);
+    return polygon;
+
+}
+
+//空间查询-绘制双击结束
+function addInteraction(value, id, type) {
+    if (draw) {
+        vectorLayer1.getSource().clear();
+        drawtype = "";
+        geomtype = "";
+        source = null;
+        //设置矢量图层的数据源为空  
+        vector.setSource(source);
+        ZJMAP.removeInteraction(draw);
+    };
+    //获取当前选择的绘图类型   
+    //如果当前选择的绘图类型不为"None"的话，则进行相应绘图操作  
+    //如果当前选择的绘图类型为"None"的话，则清空矢量数据源  
+    if (value !== 'None') {
+        if (id == 2) {
+            ClickMap = 2;
+            drawtype = value;
+        }
+        else if (id == 3) {
+            ClickMap = 3;
+            drawtype = value;
+            geomtype = type;
+        } else {
+            ClickMap = 0;
+        }
+        //如果当前的矢量数据源为空的话，则重新创建和设置数据源  
+        //因为当你选择的绘图类型为"None"时，会清空数据源  
+        if (source == null) {
+            source = new ol.source.Vector({ wrapX: false });
+            vector.setSource(source);
+        }
+
+        if (geomtype == "box") {
+            //将交互绘图对象赋给draw对象  
+            //初始化交互绘图对象  
+            draw = new ol.interaction.Draw({
+                //数据源  
+                source: source,
+                //绘制类型  
+                type: value,
+                geometryFunction: ol.interaction.Draw.createBox()
+            });
+        } else {
+            draw = new ol.interaction.Draw({
+                //数据源  
+                source: source,
+                //绘制类型  
+                type: value,
+
+            });
+        }  
+        //将draw对象添加到map中，然后就可以进行图形绘制了  
+        ZJMAP.addInteraction(draw);
+    } else {
+        //清空矢量数据源  
+        source = null;
+        //设置矢量图层的数据源为空  
+        vector.setSource(source);
+        ZJMAP.removeInteraction(draw);
+    }
+}
+
+//清空图层
+function clearmap() {
+    ClickMap = 0;
+    if (draw) {
+        drawtype = "";
+        geomtype = "";
+        geomdraw = "";
+        source = null;
+        //设置矢量图层的数据源为空  
+        vector.setSource(source);
+        ZJMAP.removeInteraction(draw);
+    };
+    vectorLayer1.getSource().clear();
+    vectorLayer.getSource().getSource().clear();
+    vectorLayer2.getSource().getSource().clear();
+    vectorLayer3.getSource().getSource().clear();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/rain/inspection/components/mapShow.vue b/src/views/rain/inspection/components/mapShow.vue
index de0fda9..b7be972 100644
--- a/src/views/rain/inspection/components/mapShow.vue
+++ b/src/views/rain/inspection/components/mapShow.vue
@@ -59,7 +59,12 @@
           this.map = new T.Map('mapDiv');
         }
         this.map.clearOverLays();
-        this.map.centerAndZoom(new T.LngLat(120.63212, 31.26249), this.zoom)
+        this.map.centerAndZoom(new T.LngLat(120.63212, 31.26249), this.zoom)
+        var imageURL = "/MapServerApi/arcgis/rest/services/szhd/ysxzgg/MapServer";
+        //创建自定义图层对象
+        var lay = new T.TileLayer(imageURL, {minZoom: 1, maxZoom: 18});
+        //将图层增加到地图上
+        this.map.addLayer(lay);
         let lnglats = [];
         // 标注图标
         var icon = new T.Icon({
diff --git a/src/views/rain/inspection/inspection.vue b/src/views/rain/inspection/inspection.vue
index 26d4666..47065d5 100644
--- a/src/views/rain/inspection/inspection.vue
+++ b/src/views/rain/inspection/inspection.vue
@@ -50,7 +50,7 @@
               <Button type="primary" @click="edit()" style="margin-left: 10px">新增</Button>
               <Button type="primary" @click="review()" style="margin-left: 10px">批量复核</Button>
               <Button type="primary" @click="exportExcel()" style="margin-left: 10px">导出</Button>
-              <Button type="primary" v-if="false" @click="showMap()" style="margin-left: 10px">地图</Button>
+              <Button type="primary" v-if="true" @click="showMap()" style="margin-left: 10px">地图</Button>
             </div>
           </slot>
         </LxHeader>
diff --git a/src/views/rain/order/check.vue b/src/views/rain/order/check.vue
index 568abf7..d587b53 100644
--- a/src/views/rain/order/check.vue
+++ b/src/views/rain/order/check.vue
@@ -108,8 +108,6 @@
         <img width="100%" :src="dialogImageUrl" alt="">
       </el-dialog>
 
-      <maintainInfo ref="maintain"></maintainInfo>
-
       <!-- // 巡查查看 -->
       <showRainEquipmentInfo ref="showRainEquipmentInfo"></showRainEquipmentInfo>
       <showRainSiteInfo ref="showRainSiteInfo"></showRainSiteInfo>
@@ -143,7 +141,6 @@
     listaccount
   } from "../../../api/basic/account.js"
   import LxHeader from "@/components/LxHeader/index.vue";
-  import maintainInfo from '@/views/rain/order/components/maintainInfo'
   import showRainEquipmentInfo from '@/views/rain/inspection/components/showRainEquipmentInfo'
   import showRainSiteInfo from '@/views/rain/inspection/components/showRainSiteInfo'
   import showCirculationInfo from '@/views/rain/maintain/components/showCirculationInfo'
@@ -152,7 +149,6 @@
   export default {
     components: {
       LxHeader,
-      maintainInfo,
       showRainEquipmentInfo,
       showRainSiteInfo,
       showCirculationInfo,
diff --git a/vue.config.js b/vue.config.js
index e81b252..a4e50d9 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -52,6 +52,14 @@ module.exports = {
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''
         }
+      },
+      ['^/MapServerApi']: {
+        //target: 'http://patrol.115.langye.net/',
+        target: "http://192.168.60.22:6080",//'http://192.168.60.100:9001/',
+        changeOrigin: true, //配置跨域
+        pathRewrite: {
+          ['^/MapServerApi']: ''
+        }
       }
     }
   },
