{"version":3,"sources":["webpack:///./node_modules/core-js/internals/same-value.js","webpack:///./node_modules/core-js/modules/es.string.search.js","webpack:///./src/views/map/index.vue?3c5b","webpack:///src/views/map/index.vue","webpack:///./src/views/map/index.vue?5cbc","webpack:///./src/views/map/index.vue","webpack:///./src/views/map/index.vue?414b"],"names":["module","exports","Object","is","x","y","fixRegExpWellKnownSymbolLogic","anObject","requireObjectCoercible","sameValue","toString","getMethod","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","this","searcher","undefined","call","RegExp","string","rx","S","res","done","value","previousLastIndex","lastIndex","result","index","render","_vm","_h","$createElement","_c","_self","style","staticStyle","attrs","staticClass","model","callback","$$v","inputSearchVal","expression","slot","_v","on","$event","Draw","staticRenderFns","name","data","map","autoCompleteComponent","placeSearchComponent","mouseTool","driving","conheight","height","width","markerList","mapInput","areaRanges","created","window","addEventListener","handleResize","beforeDestroy","removeEventListener","computed","rightWidth","mounted","init","addMarker","mapSearchInit","LoadAreaRanges","methods","document","documentElement","clientWidth","clientHeight","resizeEnable","zoom","lang","addControl","drivingFn","panel","policy","console","log","status","openInfo","content","str","offset","infoWindow","open","positionResult","lnglat","marker","position","title","extData","that","pointData","add","autoOptions","input","city","poi","location","setCenter","lat","searchKeyword","search","InitMouseTool","api","$api","message","$message","showInputBox","$showInputBox","type","polygon","strokeColor","strokeOpacity","strokeWeight","event","caption","isconfirm","method","proc","pars","tmscode","loginsite","token","params","msg","reload","remove","obj","InitText","forEach","text","element","anchor","cursor","fontSize","fontWeight","strokeWidth","fold","padding","background","border","setMap","InitAreaRange","polygons","contextMenu","addItem","setFitView","polyEditor","close","boxdata","then","path","JSON","parse","positions","fillColor","fillOpacity","e","push","overlayGroup","InitMarks","textStyle","LabelsData","item","zooms","opacity","zIndex","direction","markers","allowCollision","layer","i","length","curData","labelMarker","getAreaCenter","total","X","z","lng","Math","cos","sin","Y","Z","Lng","atan2","Hyp","sqrt","Lat","component"],"mappings":"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","file":"static/js/chunk-af5a2bc6.26db557f.js","sourcesContent":["// `SameValue` abstract operation\n// https://tc39.es/ecma262/#sec-samevalue\n// eslint-disable-next-line es/no-object-is -- safe\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare -- NaN check\n  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.es/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = requireObjectCoercible(this);\n      var searcher = regexp == undefined ? undefined : getMethod(regexp, SEARCH);\n      return searcher ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](toString(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search\n    function (string) {\n      var rx = anObject(this);\n      var S = toString(string);\n      var res = maybeCallNative(nativeSearch, rx, S);\n\n      if (res.done) return res.value;\n\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.conheight)},[_c('div',{staticStyle:{\"height\":\"100%\",\"width\":\"100%\"},attrs:{\"id\":\"container\",\"width\":\"\",\"tabindex\":\"0\"}}),_c('div',{staticClass:\"search-div\"},[_c('el-input',{attrs:{\"id\":\"tipInput\",\"placeholder\":\"请输入搜索关键字\"},model:{value:(_vm.inputSearchVal),callback:function ($$v) {_vm.inputSearchVal=$$v},expression:\"inputSearchVal\"}},[_c('template',{slot:\"prepend\"},[_vm._v(\"关键字：\")])],2),_c('div',{attrs:{\"id\":\"panel\"}})],1),_c('div',{staticClass:\"tooldiv\"},[_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.Draw()}}},[_vm._v(\"绘制\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"conheight\">\r\n    <div style=\"height:100%;width:100%\" id=\"container\" width tabindex=\"0\"></div>\r\n    <div class=\"search-div\">\r\n      <el-input id=\"tipInput\" v-model=\"inputSearchVal\" placeholder=\"请输入搜索关键字\">\r\n        <template slot=\"prepend\">关键字：</template>\r\n      </el-input>\r\n      <div id=\"panel\"></div>\r\n    </div>\r\n    <div class=\"tooldiv\">\r\n      <button class=\"button\" @click=\"Draw()\">绘制</button>\r\n      <!-- <button class=\"button\" @click=\"Save()\">保存</button> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AMap from 'AMap'\r\n\r\nexport default {\r\n  name: 'mapDetail',\r\n  data() {\r\n    return {\r\n      // 地图map对象\r\n      map: null,\r\n      // 组件\r\n      autoCompleteComponent: null,\r\n      placeSearchComponent: null,\r\n      mouseTool: null,\r\n      driving: undefined, // 路线\r\n      // 样式\r\n      conheight: {\r\n        height: 'calc(100vh - 105px)',\r\n        width: ''\r\n      },\r\n      // marker点集合\r\n      markerList: [],\r\n      mapInput: '',\r\n      inputSearchVal: '',\r\n      areaRanges: []\r\n    }\r\n  },\r\n  created() {\r\n    window.addEventListener('resize', this.handleResize)\r\n  },\r\n  beforeDestroy: function () {\r\n    window.removeEventListener('resize', this.handleResize)\r\n  },\r\n  computed: {\r\n    rightWidth() {\r\n      let leftWidth = this.isCollapse ? '64' : '200';\r\n      return (this.conheight.width - leftWidth) + 'px'\r\n    }\r\n  },\r\n  mounted() {\r\n    this.init();\r\n    this.addMarker();\r\n    this.mapSearchInit();\r\n    this.LoadAreaRanges();\r\n  },\r\n  methods: {\r\n    /** 处理宽 */\r\n    handleResize(event) {\r\n      this.conheight.width = document.documentElement.clientWidth;\r\n      this.conheight.height = document.documentElement.clientHeight\r\n    },\r\n    /** 初始化map对象 */\r\n    init() {\r\n      let map = new AMap.Map('container', {\r\n        // center: [116.397428, 39.90923],\r\n        resizeEnable: true,\r\n        zoom: 15,\r\n        lang: 'cn'\r\n      })\r\n      AMap.plugin(['AMap.ToolBar', 'AMap.Scale'], function () {\r\n        map.addControl(new AMap.ToolBar())\r\n        map.addControl(new AMap.Scale())\r\n      });\r\n      this.map = map;\r\n    },\r\n    drivingFn(location) {\r\n      AMap.plugin(['AMap.Driving'], () => {\r\n        this.driving = new AMap.Driving({\r\n          // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式\r\n          map: this.map,\r\n          panel: \"panel\",\r\n          policy: AMap.DrivingPolicy.LEAST_TIME\r\n        })\r\n        let start = [116.379028, 39.865042], end = [location.lng, location.lat]\r\n        this.driving.search(start, end, function (status, result) {\r\n          // 未出错时，result即是对应的路线规划方案\r\n          console.log(status, result)\r\n        })\r\n      })\r\n    },\r\n    /** 打开marker消息窗体 */\r\n    openInfo(positionResult, pointData, poi) {\r\n      let str = `\r\n                <div class='input-card content-window-card'>\r\n                    <div style=\"padding:7px 0px 0px 0px;\">\r\n                    <h4>${poi.name}</h4>\r\n                    <p class='input-item'>地址 :${poi.district} ${poi.address}</p>\r\n                    </div>\r\n                    </div>`\r\n\r\n      let infoWindow = new AMap.InfoWindow({\r\n        content: str,\r\n        offset: new AMap.Pixel(10, -25)\r\n      });\r\n      infoWindow.open(this.map, positionResult.lnglat);\r\n    },\r\n    /** 添加marker */\r\n    addMarker() {\r\n      let that = this;\r\n      var marker = new AMap.Marker({\r\n        position: new AMap.LngLat(116.397428, 39.90923),\r\n        title: '北京',\r\n        extData: { id: '123456' }\r\n      });\r\n      //绑定点击事件\r\n      marker.on('click', positionResult => {\r\n        console.log(positionResult);\r\n        let pointData = positionResult.target.getExtData();\r\n        that.openInfo(positionResult, pointData); // 点击浮点显示弹窗\r\n      });\r\n      //\r\n      // this.markerList.push(marker);\r\n      this.map.add(this.markerList);\r\n    },\r\n    /** 初始化搜索工具 */\r\n    mapSearchInit() {\r\n      const that = this;\r\n      // 绑定自动提示\r\n      AMap.plugin(['AMap.Autocomplete', 'AMap.PlaceSearch'], () => {\r\n        var autoOptions = {\r\n          input: \"tipInput\",\r\n          city: '全国',\r\n        }\r\n        var autoCompleteComponent = new AMap.Autocomplete(autoOptions);\r\n        // 监听选中项\r\n        AMap.event.addListener(autoCompleteComponent, \"select\", (data) => {\r\n          console.log(data);\r\n          if (data.poi.location != undefined) {\r\n            //定位到中心点\r\n            that.map.setCenter(data.poi.location);\r\n            // 获取数据，对数据进行操作如：添加marker等\r\n            if (data.poi.location && data.poi.location.lat) {\r\n              // 路线\r\n              // this.drivingFn(data.poi.location,[data.poi.location.lng,data.poi.location.lat])\r\n\r\n\r\n              let marker = new AMap.Marker({\r\n                position: new AMap.LngLat(data.poi.location.lng, data.poi.location.lat),\r\n                title: data.poi.name,\r\n                // extData: {id:'123456'}\r\n              });\r\n              marker.on('click', positionResult => {\r\n                let pointData = positionResult.target.getExtData();\r\n                let poi = data.poi\r\n                that.openInfo(positionResult, pointData, poi); // 点击浮点显示弹窗\r\n              });\r\n              this.markerList.push(marker);\r\n              this.map.add(this.markerList);\r\n            }\r\n          }\r\n        })\r\n        that.autoCompleteComponent = autoCompleteComponent;\r\n        // 注册placeSearch组件\r\n        that.placeSearchComponent = new AMap.PlaceSearch({\r\n          // city 指定搜索所在城市，支持传入格式有：城市名、citycode和adcode\r\n          // city: '北京'\r\n        })\r\n      });\r\n    },\r\n    /** 关键词搜索 */\r\n    searchKeyword() {\r\n      this.placeSearchComponent.search(this.inputSearchVal, function (status, result) {\r\n        // 查询成功时，result即对应匹配的POI信息\r\n        console.log(status);\r\n        console.log(result);\r\n      })\r\n    },\r\n    InitMouseTool() {\r\n      //初始化鼠标绘制工具\r\n      this.mouseTool = new AMap.MouseTool(this.map);\r\n    },\r\n    Draw() {\r\n      var api = this.$api;\r\n      var message = this.$message;\r\n      var showInputBox = this.$showInputBox;\r\n      var map = this.map;\r\n      message({\r\n        message: \"点击左键开始绘制，右键结束！\",\r\n        type: 'info'\r\n      })\r\n\r\n      this.mouseTool.polygon({\r\n        strokeColor: \"#FF33FF\",\r\n        strokeOpacity: 1,\r\n        strokeWeight: 6,\r\n        strokeOpacity: 0.2,\r\n        fillColor: '#1791fc',\r\n        fillOpacity: 0.4,\r\n        strokeStyle: \"solid\",\r\n      });\r\n\r\n      this.mouseTool.on('draw', function (event) {\r\n        var value = { name: '', remark: '' }\r\n        showInputBox({\r\n          caption: \"请输入：\",\r\n          value,\r\n          callback: (data) => {\r\n            if (data.isconfirm) {\r\n              let params = {\r\n                method: \"Modify\",\r\n                proc: \"USP_Update_MarkRange\",\r\n                pars: [\r\n                  { name: data.name, positions: event.obj.getPath().map(x => [x.lng, x.lat]), remark: data.remark }\r\n                ],\r\n                tmscode: \"89569\",\r\n                loginsite: \"全部\",\r\n                token: \"\"\r\n              }\r\n\r\n              api(params, { loading: false }).then(res => {\r\n                message({\r\n                  message: res.msg,\r\n                  type: 'success'\r\n                })\r\n\r\n                location.reload();\r\n              })\r\n            } else {\r\n              map.remove([event.obj])\r\n            }\r\n          }\r\n        })\r\n      })\r\n    },\r\n    LoadAreaRanges() {\r\n      let params = {\r\n        method: \"Query\",\r\n        proc: \"QSP_GET_MarkRange\",\r\n        pars: [],\r\n        tmscode: \"89569\",\r\n        loginsite: \"全部\",\r\n        token: \"\"\r\n      }\r\n      this.$api(params, { loading: false }).then(res => {\r\n        if (res && res.msg) {\r\n          res.msg.map(x => {\r\n            this.areaRanges.push({ id: x.id, name: x.name, positions: x.positions });\r\n          });\r\n        }\r\n\r\n        // this.InitMarks();\r\n        this.InitText();\r\n        this.InitMouseTool();\r\n        this.InitAreaRange();\r\n      })\r\n    },\r\n    InitText() {\r\n      var map = this.map;\r\n      this.areaRanges.forEach(element => {\r\n        // 创建纯文本标记\r\n        var text = new AMap.Text({\r\n          text: element.name,\r\n          anchor: 'center', // 设置文本标记锚点\r\n          cursor: 'pointer',\r\n          style: {\r\n            fontSize: 12,\r\n            fontWeight: 'normal',\r\n            strokeWidth: 2,\r\n            fold: true,\r\n            padding: '2, 5',\r\n            background: \"transparent\",\r\n            border: \"none\"\r\n          },\r\n          position: this.getAreaCenter(JSON.parse(element.positions)),\r\n        });\r\n\r\n        text.setMap(map);\r\n      });\r\n    },\r\n    InitAreaRange() {\r\n      var api = this.$api;\r\n      var message = this.$message;\r\n      var map = this.map;\r\n      var polygons = [];\r\n      var contextMenu = new AMap.ContextMenu();\r\n      var showInputBox = this.$showInputBox;\r\n      contextMenu.addItem(\"修改\", function () {\r\n        // 缩放地图到合适的视野级别\r\n        map.setFitView()\r\n        contextMenu.polyEditor = new AMap.PolyEditor(map, contextMenu.polygon);\r\n        contextMenu.polyEditor.open();\r\n      }, 0);\r\n\r\n      contextMenu.addItem(\"保存\", function () {\r\n        if (contextMenu.polyEditor) {\r\n          contextMenu.polyEditor.close();\r\n          var value = { name: contextMenu.data.name, remark: contextMenu.data.reamrk }\r\n          showInputBox({\r\n            caption: \"请输入：\",\r\n            value,\r\n            callback: (boxdata) => {\r\n              if (boxdata.isconfirm) {\r\n                let params = {\r\n                  method: \"Modify\",\r\n                  proc: \"USP_Update_MarkRange\",\r\n                  pars: [\r\n                    { id: contextMenu.data.id, name: boxdata.name, positions: contextMenu.polygon.getPath().map(x => [x.lng, x.lat]), remark: boxdata.reamrk }\r\n                  ],\r\n                  tmscode: \"89569\",\r\n                  loginsite: \"全部\",\r\n                  token: \"\"\r\n                }\r\n                api(params).then(res => {\r\n                  message({\r\n                    message: res.msg,\r\n                    type: 'success'\r\n                  })\r\n\r\n                  location.reload();\r\n                })\r\n              }\r\n            }\r\n          })\r\n        }\r\n      }, 1);\r\n\r\n      contextMenu.addItem(\"删除\", function () {\r\n        let params = {\r\n          method: \"Modify\",\r\n          proc: \"USP_Delete_MarkRange\",\r\n          pars: [\r\n            { id: contextMenu.data.id }\r\n          ],\r\n          tmscode: \"89569\",\r\n          loginsite: \"全部\",\r\n          token: \"\"\r\n        }\r\n        api(params).then(res => {\r\n          message({\r\n            message: res.msg,\r\n            type: 'success'\r\n          })\r\n\r\n          location.reload();\r\n        })\r\n      }, 2);\r\n\r\n      this.areaRanges.forEach(element => {\r\n        var polygon = new AMap.Polygon({\r\n          path: JSON.parse(element.positions),//设置多边形边界路径\r\n          strokeColor: \"#FF33FF\", //线颜色\r\n          strokeOpacity: 0.2, //线透明度\r\n          strokeWeight: 3,    //线宽\r\n          fillColor: \"#1791fc\", //填充色\r\n          fillOpacity: 0.35//填充透明度\r\n        });\r\n\r\n        polygon.on('rightclick', function (e) {\r\n          contextMenu.open(map, e.lnglat);\r\n          contextMenu.data = element;\r\n          contextMenu.polygon = polygon;\r\n        });\r\n\r\n        polygons.push(polygon);\r\n      });\r\n\r\n      var overlayGroup = new AMap.OverlayGroup(polygons);\r\n      this.map.add(overlayGroup);\r\n    },\r\n    InitMarks() {\r\n      var textStyle = {\r\n        fontSize: 12,\r\n        fontWeight: 'normal',\r\n        fillColor: '#22886f',\r\n        strokeColor: '#fff',\r\n        strokeWidth: 2,\r\n        fold: true,\r\n        padding: '2, 5',\r\n      };\r\n\r\n      var LabelsData = [];\r\n      this.areaRanges.forEach(item => {\r\n        LabelsData.push({\r\n          name: item.name,\r\n          position: this.getAreaCenter(JSON.parse(item.positions)),\r\n          zooms: [10, 20],\r\n          opacity: 1,\r\n          zIndex: 1,\r\n          fold: true,\r\n          style: textStyle,\r\n          text: {\r\n            // 要展示的文字内容\r\n            content: item.name,\r\n            // 文字方向，有 icon 时为围绕文字的方向，没有 icon 时，则为相对 position 的位置\r\n            direction: 'right',\r\n            // 在 direction 基础上的偏移量\r\n            offset: [-20, -5],\r\n            // 文字样式\r\n            style: {\r\n              // 字体大小\r\n              fontSize: 18,\r\n              // 字体颜色\r\n              fillColor: '#22886f',\r\n              strokeColor: '#fff',\r\n              strokeWidth: 2,\r\n              fold: true,\r\n              padding: '2, 5',\r\n            }\r\n          }\r\n        })\r\n      })\r\n\r\n      var markers = [];\r\n      var allowCollision = false;\r\n      var layer = new AMap.LabelsLayer({\r\n        zooms: [3, 20],\r\n        zIndex: 1000,\r\n        // collision: false,\r\n        // 设置 allowCollision：true，可以让标注避让用户的标注\r\n        allowCollision,\r\n      });\r\n      layer.add(markers);\r\n      // 图层添加到地图\r\n      this.map.add(layer);\r\n      // 初始化 labelMarker\r\n      for (var i = 0; i < LabelsData.length; i++) {\r\n        var curData = LabelsData[i];\r\n        curData.extData = {\r\n          index: i\r\n        };\r\n\r\n        var labelMarker = new AMap.LabelMarker(curData);\r\n        markers.push(labelMarker);\r\n      }\r\n      // 将 marker 添加到图层\r\n      layer.add(markers);\r\n    },\r\n    getAreaCenter(location) {\r\n      var total = location.length;\r\n      var X = 0,\r\n        Y = 0,\r\n        Z = 0;\r\n      location.forEach(lnglat => {\r\n        var lng = (lnglat[0] * Math.PI) / 180;\r\n        var lat = (lnglat[1] * Math.PI) / 180;\r\n        var x, y, z;\r\n        x = Math.cos(lat) * Math.cos(lng);\r\n        y = Math.cos(lat) * Math.sin(lng);\r\n        z = Math.sin(lat);\r\n        X += x;\r\n        Y += y;\r\n        Z += z;\r\n      });\r\n      X = X / total;\r\n      Y = Y / total;\r\n      Z = Z / total;\r\n\r\n      var Lng = Math.atan2(Y, X);\r\n      var Hyp = Math.sqrt(X * X + Y * Y);\r\n      var Lat = Math.atan2(Z, Hyp);\r\n      return [\r\n        parseFloat((Lng * 180) / Math.PI),\r\n        parseFloat((Lat * 180) / Math.PI),\r\n      ];\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-div {\r\n  position: absolute;\r\n  align-items: center;\r\n  left: 100px;\r\n  top: 50px;\r\n  width: 300px;\r\n  background: #fff;\r\n  box-sizing: border-box;\r\n  box-shadow: 2px 2px 2px #ccc;\r\n  overflow: hidden;\r\n\r\n  ::v-deep #panel {\r\n    background-color: white;\r\n    overflow-y: auto;\r\n    top: 85px;\r\n    left: 100px;\r\n    width: 300px;\r\n\r\n    .amap-call {\r\n      background-color: #009cf9;\r\n      border-top-left-radius: 4px;\r\n      border-top-right-radius: 4px;\r\n    }\r\n\r\n    .amap-lib-driving {\r\n      max-height: 500px;\r\n      border-bottom-left-radius: 4px;\r\n      border-bottom-right-radius: 4px;\r\n      overflow: scroll;\r\n    }\r\n  }\r\n}\r\n\r\n.tooldiv {\r\n  position: absolute;\r\n  align-items: center;\r\n  left: 410px;\r\n  top: 50px;\r\n  background: #fff;\r\n  box-sizing: border-box;\r\n  box-shadow: 2px 2px 2px #ccc;\r\n  overflow: hidden;\r\n  background-color: rgba(255, 0, 0, 0);\r\n\r\n  .button {\r\n    width: 50px;\r\n    margin: 5px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=9361f8a4&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=9361f8a4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9361f8a4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=9361f8a4&lang=scss&scoped=true&\""],"sourceRoot":""}