{"remainingRequest":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\yhxt-web\\src\\views\\basicDataManagement\\MapToolManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\basicDataManagement\\MapToolManagement.vue","mtime":1714500819515},{"path":"D:\\jenkins\\workspace\\yhxt-web\\babel.config.js","mtime":1667326389982},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport req from '@/request.js';\nimport basicData from '@/api/basicData.js';\nvar yhxt = window.context.yhxt;\nexport default {\n  name: 'MapToolManagement',\n  data: function data() {\n    var _ref;\n    return _ref = {\n      map: '',\n      marker: '',\n      radio: '桥梁',\n      tableData: [],\n      name: '桥梁名称',\n      url: '/bizBridgeInformation/v1/getJson',\n      //默认请求桥梁数据\n      type: '1',\n      //控制数据显示表头名称,1 代表是桥梁，隧道, 沿线设施，2 代表边坡， 3代表涵洞\n      open: true\n    }, _defineProperty(_ref, \"marker\", ''), _defineProperty(_ref, \"editObj\", ''), _defineProperty(_ref, \"value\", '桥梁'), _defineProperty(_ref, \"fullscreenLoading\", false), _defineProperty(_ref, \"markers\", []), _defineProperty(_ref, \"activeName\", 'first'), _defineProperty(_ref, \"currentPage\", 1), _defineProperty(_ref, \"pageSize\", 10), _defineProperty(_ref, \"total\", 0), _defineProperty(_ref, \"pageBean\", {\n      page: 1,\n      pageSize: 10,\n      showTotal: true\n    }), _defineProperty(_ref, \"searchForm\", {\n      name: '',\n      number: '',\n      roadSegmentName: ''\n    }), _defineProperty(_ref, \"roadData\", []), _ref;\n  },\n  created: function created() {\n    var _this = this;\n    this.roadData = this.getroad();\n    setTimeout(function () {\n      // this.initMap()\n    }, 1000);\n    //默认第一次请求桥梁信息\n    this.getData(this.url).then(function (res) {\n      console.log(res, 'map');\n      _this.total = res.total;\n      _this.pageSize = res.pageSize;\n      _this.currentPage = res.page;\n      _this.tableData = res.rows;\n    });\n  },\n  watch: {\n    iconStyle: function iconStyle() {\n      console.log(this.iconStyle);\n    }\n  },\n  methods: {\n    getroad: function getroad() {\n      var arr = [];\n      basicData.getRoadManagement().then(function (res) {\n        res.rows.forEach(function (item) {\n          arr.push({\n            value: item.name,\n            key: item.name\n          });\n        });\n        console.log(arr, '12');\n      });\n      return arr;\n    },\n    //分页\n    handleSizeChange: function handleSizeChange(val) {\n      console.log(1);\n      this.pageBean.pageSize = val;\n      var obj = {};\n      obj.pageBean = this.pageBean;\n      this.handleChange(this.value, obj);\n      // console.log(`每页 ${val} 条`)\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      var query = [];\n      var search = {\n        road_segment_name_: this.searchForm.roadSegmentName,\n        name: this.searchForm.name,\n        number: this.searchForm.number\n      };\n      for (var i in search) {\n        if (search[i]) {\n          query.push({\n            group: 'advance',\n            operation: 'LIKE',\n            property: i,\n            relation: 'AND',\n            value: search[i]\n          });\n        }\n      }\n      this.pageBean.page = val;\n      if (query.length == 0) {\n        var obj = {};\n        obj.pageBean = this.pageBean;\n        this.handleChange(this.value, obj);\n      } else {\n        var data = {\n          pageBean: {\n            page: val,\n            pageSize: 10,\n            showTotal: true\n          },\n          querys: query\n        };\n        this.handleChange(this.value, data);\n      }\n      // console.log(`当前页: ${val}`)\n    },\n    //tab栏切换事件\n    handleClick: function handleClick(tab) {\n      var value = tab.label;\n      this.handleChange(value);\n    },\n    // 标记地图坐标\n    remark: function remark(obj) {\n      //移除上一个标记点\n      if (this.marker) {\n        this.marker.setMap(null);\n        this.marker = null;\n      }\n      //扩展出x,lat\n      var lng = obj.lng,\n        lat = obj.lat,\n        name = obj.name,\n        id = obj.id;\n      if (lng && lat) {\n        this.locationMark(lng, lat, name);\n        // }\n      } else {\n        //如果不存在默认一个坐标\n        lng = 117.678805;\n        lat = 35.357825;\n        this.locationMark(lng, lat, name);\n      }\n    },\n    //修改地图横纵坐标\n    edit: function edit(obj) {\n      //暂存修改的数据\n      this.$set(obj, 'show', true);\n      this.editObj = obj;\n      //移除上一个标记点\n      if (this.marker) {\n        this.marker.setMap(null);\n        this.marker = null;\n      }\n      //扩展出x,lat\n      var lng = obj.lng,\n        lat = obj.lat,\n        name = obj.name,\n        id = obj.id;\n      if (lng && lat) {\n        //  console.log(lng.indexOf('.'))\n        // if (lng.indexOf('.') && lat.indexOf('.') != -1) {\n        //   this.locationMark(lng, lat, name)\n        // } else {\n        //   lng = lng.slice(0, 3) + '.' + lng.slice(3)\n        //   lat = lat.slice(0, 2) + '.' + lat.slice(2)\n        this.locationMark(lng, lat, name);\n        // }\n      } else {\n        //如果不存在默认一个坐标\n        lng = 117.678805;\n        lat = 35.357825;\n        this.locationMark(lng, lat, name);\n      }\n    },\n    //将获取的坐标标记到地图上\n    locationMark: function locationMark(lng, lat, name) {\n      var _this2 = this;\n      var icon;\n      if (this.value == '桥梁') {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/qiaoliang.png\")\n        });\n      } else if (this.value == '隧道') {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/suidao.png\")\n        });\n      } else if (this.value == '边坡') {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/bianpo.png\")\n        });\n      } else if (this.value == '涵洞') {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/hanong.png\")\n        });\n      } else if (this.value == '沿线设施') {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/yanxiansheshi.png\")\n        });\n      } else {\n        icon = new AMap.Icon({\n          size: new AMap.Size(48, 48),\n          image: require(\"../../assets/img/qiaoliang.png\")\n          // imageSize: new AMap.Size(135, 40),\n          // imageOffset: new AMap.Pixel(-8, -3)\n        });\n      }\n\n      // 创建一个 Marker 实例：\n      this.marker = new AMap.Marker({\n        map: this.map,\n        position: [lng, lat],\n        // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]\n        offset: new AMap.Pixel(-13, -30),\n        title: name,\n        icon: icon\n      });\n      // 将创建的点标记添加到已有的地图实例：\n      this.map.add(this.marker);\n      //定位导标记点\n      this.map.setFitView();\n      //设置图标移动\n      // this.marker.setDraggable(true)\n      //标记移动绑定事件\n      // let amp = AMap.event.addListener\n      // amp(this.marker, 'mouseup', (e) => {\n      //   console.log(this.editObj)\n      //   // console.log(e.lnglat)\n      //   let lng = e.lnglat.lng //经度\n      //   let lat = e.lnglat.lat //维度\n      //   // console.log(this.editObj)\n      //   //保存数据，保存之前给用户一个提示\n      //   this.editObj.lng = lng\n      //   this.editObj.lat = lat\n      //   this.editObj.show = true\n      //   // this.saveData(this.editObj)\n      // })\n      // let dvd=window.document.createElement('div')\n      var info = [];\n      if (this.value == '桥梁') {\n        info.push(\"<div><p style='margin:10px 0'>桥梁编号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.number + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥梁名称 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.name + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>所在路段 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.roadSegmentName + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥梁类型 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.typeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥梁分类 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.categoryValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥梁方向 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.directionValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥面铺装 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.surfaceinstallValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桥梁长度 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.length + 'm</span></p>');\n        info.push(\"<p style='margin:10px 0'>跨径组合 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.spanCombo + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>上部结构类型 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.shapeTypeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>横坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lng + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>纵坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lat + '</span></p></div>');\n        console.log(info);\n      } else if (this.value == '隧道') {\n        info.push(\"<div><p style='margin:10px 0'>隧道编号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.number + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>隧道名称 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.name + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>所在路段 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.roadSegmentName + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>隧道类型 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.typeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>隧道等级 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.gradeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>隧道方向 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.directionValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>入口形式 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.entranceFormValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>出口形式 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.exitFormValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>断面形式 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.surfaceLayValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>衬砌材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.onMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>洞身材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.bodyMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>横坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lng + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>纵坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lat + '</span></p></div>');\n      } else if (this.value == '边坡') {\n        this.editObj.isHighRiskValue = this.editObj.isHighRisk == '1' ? '是' : '否';\n        this.editObj.isRampValue = this.editObj.isRamp == '1' ? '是' : '否';\n        info.push(\"<div><p style='margin:10px 0'>边坡编号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.number + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>所在路段 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.roadSegmentName + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>起点桩号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.startPeg + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>止点桩号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.endPeg + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>边坡方向 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.directionValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>保护尺寸 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.protectiveDimension + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>是否高危边坡 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.isHighRiskValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>是否匝道结构物 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.isRampValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>保护种类 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.protectType + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>防护位置 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.geology + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>横坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lng + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>纵坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lat + '</span></p></div>');\n      } else if (this.value == '涵洞') {\n        info.push(\"<div><p style='margin:10px 0'>涵洞编号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.number + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>涵洞类型 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.typeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>所在路段 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.roadSegmentName + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>涵洞方向 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.directionValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>涵洞高度 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.height + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>涵洞长度 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.length + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>上层材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.topMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>身体材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.bodyMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>入口材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.entranceMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>出口材料 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.exitMaterialValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>入口形式 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.entranceFormValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>出口形式 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.exitFormValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>用途 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.usesValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>横坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lng + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>纵坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lat + '</span></p></div>');\n      } else if (this.value == '沿线设施') {\n        info.push(\"<div><p style='margin:10px 0'>沿线设施名称 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.name + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>所在路段 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.roadSegmentName + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>设施类型 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.typeValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>设施方向 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.directionValue + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>桩号 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.peg + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>横坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lng + '</span></p>');\n        info.push(\"<p style='margin:10px 0'>纵坐标 : <span style='font-size:14px;font-weight:600'>\" + this.editObj.lat + '</span></p></div>');\n      }\n      this.marker.content = info;\n      var infoWindow = new AMap.InfoWindow({\n        offset: new AMap.Pixel(0, -30),\n        content: info.join('')\n      });\n      this.marker.emit('click', {\n        target: this.marker\n      });\n      this.marker.on('dblclick', function (e) {\n        console.log(e);\n        // infoWindow.setContent(e.target.content)\n        infoWindow.open(_this2.map, e.target.getPosition());\n      });\n    },\n    // //弹框\n    // openBox(lng, lat) {\n    //   console.log(this.editObj)\n    //   this.$confirm('是否执行这项操作', '提示', {\n    //     confirmButtonText: '确定',\n    //     cancelButtonText: '取消',\n    //     type: 'warning',\n    //   })\n    //     .then(() => {\n    //       //保存数据\n    //       //将修改之后的经纬度赋值到原来的数据\n    //       this.editObj.lng = lng\n    //       this.editObj.lat = lat\n    //       this.saveData(this.editObj)\n    //       this.$message({\n    //         type: 'success',\n    //         message: '修改成功!',\n    //       })\n    //     })\n    //     .catch(() => {\n    //       this.edit(this.editObj)\n    //       this.$message({\n    //         type: 'info',\n    //         message: '已取消修改',\n    //       })\n    //     })\n    // },\n    //打开数据列表\n    openList: function openList() {\n      this.open = !this.open;\n    },\n    //获取数据\n    getData: function getData(url, data) {\n      return new Promise(function (resolve, reject) {\n        req.post(yhxt + \"\".concat(url), data).then(function (resp) {\n          resolve(resp.data);\n        }, function (error) {\n          reject(error);\n        });\n      });\n    },\n    saveDate: function saveDate(row) {\n      this.saveData(row);\n      this.$set(row, 'show', false);\n      //移除上一个标记点\n      if (this.marker) {\n        this.marker.setMap(null);\n        this.marker = null;\n      }\n      //扩展出x,lat\n      var lng = row.lng,\n        lat = row.lat,\n        name = row.name,\n        id = row.id;\n      if (lng && lat) {\n        //  console.log(lng.indexOf('.'))\n        // if (lng.indexOf('.') && lat.indexOf('.') != -1) {\n        //   this.locationMark(lng, lat, name)\n        // } else {\n        //   lng = lng.slice(0, 3) + '.' + lng.slice(3)\n        //   lat = lat.slice(0, 2) + '.' + lat.slice(2)\n        this.locationMark(lng, lat, name);\n        // }\n      } else {\n        //如果不存在默认一个坐标\n        lng = 117.678805;\n        lat = 35.357825;\n        this.locationMark(lng, lat, name);\n      }\n    },\n    //保存数据\n    save: function save(url, data) {\n      return new Promise(function (resolve, reject) {\n        req.post(yhxt + \"\".concat(url), data).then(function (resp) {\n          resolve(resp.data);\n        }, function (error) {\n          reject(error);\n        });\n      });\n    },\n    saveData: function saveData(data) {\n      var _this3 = this;\n      this.fullscreenLoading = true;\n      if (this.value == '桥梁') {\n        this.save('/bizBridgeInformation/v1/saveBridge', data).then(function (res) {\n          // console.log(res)\n          if (res.state) {\n            _this3.$message.success(res.message);\n          } else {\n            _this3.$message.error('保存失败！');\n          }\n          _this3.fullscreenLoading = false;\n        });\n      } else if (this.value == '隧道') {\n        this.save('/bizTunnelInformation/v1/saveTunnel', data).then(function (res) {\n          // console.log(res)\n          if (res.state) {\n            _this3.$message.success(res.message);\n          } else {\n            _this3.$message.error('保存失败！');\n          }\n          _this3.fullscreenLoading = false;\n        });\n      } else if (this.value == '边坡') {\n        this.save('/bizSideSlopeInformation/v1/saveSideSlope', data).then(function (res) {\n          // console.log(res)\n          if (res.state) {\n            _this3.$message.success(res.message);\n          } else {\n            _this3.$message.error('保存失败！');\n          }\n          _this3.fullscreenLoading = false;\n        });\n      } else if (this.value == '涵洞') {\n        this.save('/bizCulvertInformation/bizCulvertInformationmanager/v1/save', data).then(function (res) {\n          // console.log(res)\n          if (res.state) {\n            _this3.$message.success(res.message);\n          } else {\n            _this3.$message.error('保存失败！');\n          }\n          _this3.fullscreenLoading = false;\n        });\n      } else if (this.value == '沿线设施') {\n        this.save('/bizRoadsideFacilities/bizRoadsideFacilitiesManager/v1/save', data).then(function (res) {\n          // console.log(res)\n          if (res.state) {\n            _this3.$message.success(res.message);\n          } else {\n            _this3.$message.error('保存失败！');\n          }\n          _this3.fullscreenLoading = false;\n        });\n      }\n    },\n    //复选框改变事件，赋值请求名称\n    handleChange: function handleChange(val, data) {\n      var _this4 = this;\n      //暂存名称便于保存数据时判断保存的是一条数据\n      console.log(val, data);\n      this.value = val;\n      if (val == '桥梁') {\n        this.name = '桥梁名称';\n        this.type = '1';\n        this.getData('/bizBridgeInformation/v1/getJson', data).then(function (res) {\n          _this4.tableData = res.rows;\n          console.log(_this4.tableData);\n          _this4.total = res.total;\n          _this4.pageSize = res.pageSize;\n          _this4.currentPage = res.page;\n        });\n      } else if (val == '隧道') {\n        this.name = '隧道名称';\n        this.type = '1';\n        this.getData('/bizTunnelInformation/v1/getJson', data).then(function (res) {\n          _this4.tableData = res.rows;\n          _this4.total = res.total;\n          _this4.pageSize = res.pageSize;\n          _this4.currentPage = res.page;\n        });\n      } else if (val == '边坡') {\n        this.name = '类型';\n        this.type = '2';\n        this.getData('/bizSideSlopeInformation/v1/getJson', data).then(function (res) {\n          _this4.tableData = res.rows;\n          _this4.total = res.total;\n          _this4.pageSize = res.pageSize;\n          _this4.currentPage = res.page;\n        });\n      } else if (val == '涵洞') {\n        this.name = '用途';\n        this.type = '3';\n        this.getData('/bizCulvertInformation/bizCulvertInformationmanager/v1/getJson', data).then(function (res) {\n          _this4.tableData = res.rows;\n          console.log(_this4.tableData, '涵洞');\n          _this4.total = res.total;\n          _this4.pageSize = res.pageSize;\n          _this4.currentPage = res.page;\n        });\n      } else if (val == '沿线设施') {\n        this.name = '沿线设施名称';\n        this.type = '1';\n        this.getData('/bizRoadsideFacilities/bizRoadsideFacilitiesManager/v1/getJson', data).then(function (res) {\n          _this4.tableData = res.rows;\n          _this4.total = res.total;\n          _this4.pageSize = res.pageSize;\n          _this4.currentPage = res.page;\n        });\n      }\n    },\n    //初始地图\n    // initMap() {\n    //   let map = new AMap.Map('container', {\n    //     resizeEnable: true,\n    //     draggable: true,\n    //     mapStyle: 'amap://styles/darkblue', //地图主题\n    //     // mapStyle:'amap://styles/260ac3de881fb752fdf854ea2b2540d8',\n    //     zoom: 13, //地图显示的缩放级别\n    //   })\n    //   this.map = map\n    // },\n    //查找\n    searCh: function searCh() {\n      var query = [];\n      var search = {\n        road_segment_name_: this.searchForm.roadSegmentName,\n        name: this.searchForm.name,\n        number: this.searchForm.number\n      };\n      for (var i in search) {\n        if (search[i]) {\n          query.push({\n            group: 'advance',\n            operation: 'LIKE',\n            property: i,\n            relation: 'AND',\n            value: search[i]\n          });\n        }\n      }\n      var data = {\n        pageBean: {\n          page: 1,\n          pageSize: 10,\n          showTotal: true\n        },\n        querys: query\n      };\n      this.handleChange(this.value, data);\n    } //初始化标记\n    // initMarker() {\n    //   // console.log(this.markers, 'dddddddddddddddddd')\n    //   this.map.remove(this.markers);\n    //   let icon = new AMap.Icon({\n    //     size: new AMap.Size(53, 68),\n    //     image:\n    //       '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png'\n    //     // imageSize: new AMap.Size(135, 40),\n    //     // imageOffset: new AMap.Pixel(-8, -3)\n    //   })\n    //   let markerList = []\n    //   this.tableData.forEach(item => {\n    //     let {lng: lng, lat: lat, name: name, id: id} = item\n    //     if (lng && lat) {\n    //       //  console.log(lng.slice(3),lng.slice(0,3))\n    //       if (lng.indexOf('.') && lat.indexOf('.') != -1) {\n    //         lng = lng\n    //         lat = lat\n    //       } else {\n    //         lng = lng.slice(0, 3) + '.' + lng.slice(3)\n    //         lat = lat.slice(0, 2) + '.' + lat.slice(2)\n    //       }\n    //     }\n    //     markerList.push({\n    //       map: this.map,\n    //       position: [lng, lat], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]\n    //       offset: new AMap.Pixel(-13, -30),\n    //       title: name,\n    //       icon: icon\n    //     })\n    //   })\n    //   // console.log(markerList)\n    //   markerList.forEach(item => {\n    //     if (item.position[0] && item.position[1]) {\n    //       this.markers.push(new AMap.Marker(item))\n    //       this.map.add(new AMap.Marker(item))\n    //     }\n    //   })\n    //   //定位到标记点\n    //   this.map.setFitView()\n    // }\n    // handleAdd() {\n    //   //自定义弹窗\n    //   let infoWindow = new AMap.InfoWindow({\n    //     isCustom: true, //使用自定义窗体\n    //     offset: new AMap.Pixel(16, -45)\n    //   })\n    //   this.createInfoDom(infoWindow, this.name)\n    // },\n    // createInfoDom(infoWindow, item){//自定义弹框\n    //   let Content = Vue.extend({//自定义模板继承\n    //     template: `<base-info :propData=\"nameExtend\"></base-info>`,\n    //     name: 'child',\n    //     components: {\n    //       'base-info': info //弹框用子组件包裹\n    //     },\n    //     data(){\n    //       return {\n    //         nameExtend:item\n    //       }\n    //     }\n    //   });\n    //   let component = new Content().$mount();\n    //   infoWindow.setContent(component.$el);\n    //   infoWindow.open(this.map, [106.545566, 29.566804]);\n    // }\n  }\n};",null]}