wangrong
2021-11-24 130b72d6c5734f8acaac0214b6dfe5c8bfa319c3
1
{"version":3,"sources":["webpack:///./src/views/monitoringPointManage/index.vue?ec48","webpack:///src/views/monitoringPointManage/index.vue","webpack:///./src/views/monitoringPointManage/index.vue?1760","webpack:///./src/views/monitoringPointManage/index.vue","webpack:///./src/views/monitoringPointManage/index.vue?9d64"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","attrs","_v","staticClass","staticStyle","tableData","scopedSlots","_u","key","fn","scope","on","$event","lookPassage","lookFrequency","lookBack","lookPassageVisible","showFirst","_s","_f","row","channelId","STATUS","frequencyValue","isChange","isPlay","pauseVideo","playVideo","stopVideo","_e","lookFrequencyVisible","showSecond","status","lookBackVisible","slot","lookBackData","monitorpointName","status_name","model","callback","$$v","timeValue","frequencySel","staticRenderFns","watch","handler","console","log","length","getFrequencySel","player","pause","unload","detachMediaElement","destroy","filters","formatChannelId","id","formatSTATUS","formateFreStatus","data","activeName","frequencyArr","nowPlayId","mounted","getInfo","methods","monitorpointId","isplay","play","getPalyUrl","param","append","$getJSON","res","url","flvjs","isSupported","type","dateFormatter","year","time","getFullYear","month","getMonth","date","getDate","hour","getHours","minute","getMinutes","second","getSeconds","add0","val","forEach","fArr","push","item","handleClick","tab","event","component"],"mappings":"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","file":"assets/js/chunk-fa27c6ca.ac9f56fc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('video',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"id\":\"videoElement\",\"controls\":\"\",\"width\":\"0\",\"height\":\"0\"}},[_vm._v(\" xxx \")]),_c('div',{staticClass:\"tableDiv\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData}},[_c('el-table-column',{attrs:{\"label\":\"ID\",\"prop\":\"monitorpointId\"}}),_c('el-table-column',{attrs:{\"label\":\"监测点名称\",\"prop\":\"monitorstationId_name\"}}),_c('el-table-column',{attrs:{\"label\":\"状态\",\"prop\":\"status_name\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"label\":\"查看通道\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"success\"},on:{\"click\":function($event){return _vm.lookPassage(scope)}}},[_vm._v(\"查看通道\")])],1)]}}])}),_c('el-table-column',{attrs:{\"label\":\"频率清单\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"success\"},on:{\"click\":function($event){return _vm.lookFrequency(scope)}}},[_vm._v(\"查看\")])],1)]}}])}),_c('el-table-column',{attrs:{\"label\":\"录音回放\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_c('el-button',{attrs:{\"size\":\"mini\",\"type\":\"success\"},on:{\"click\":function($event){return _vm.lookBack(scope)}}},[_vm._v(\"回放\")])],1)]}}])})],1)],1),_c('el-dialog',{attrs:{\"title\":\"查看通道\",\"visible\":_vm.lookPassageVisible},on:{\"update:visible\":function($event){_vm.lookPassageVisible=$event}}},[_c('el-table',{attrs:{\"data\":_vm.showFirst,\"show-header\":false}},[_c('el-table-column',{attrs:{\"label\":\"channelId\",\"prop\":\"channelId\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"formatChannelId\")(scope.row.channelId))+\" \")])]}}])}),_c('el-table-column',{attrs:{\"label\":\"STATUS\",\"prop\":\"STATUS\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"formatSTATUS\")(scope.row.STATUS))+\" \")])]}}])}),_c('el-table-column',{attrs:{\"label\":\"frequencyValue\",\"prop\":\"frequencyValue\"}}),_c('el-table-column',{attrs:{\"label\":\"start_time\",\"prop\":\"start_time\"}}),_c('el-table-column',{attrs:{\"label\":\"stop_time\",\"prop\":\"stop_time\"}}),_c('el-table-column',{attrs:{\"label\":\"操作\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [(\n              !(\n                scope.row.frequencyValue == '' ||\n                scope.row.frequencyValue == '--'\n              )\n            )?_c('div',{key:_vm.isChange},[(!_vm.isPlay)?_c('i',{staticClass:\"el-icon-video-play\",on:{\"click\":function($event){return _vm.playVideo(scope)}}}):_c('i',{staticClass:\"el-icon-video-pause\",on:{\"click\":function($event){return _vm.pauseVideo(scope)}}}),_c('i',{staticClass:\"el-icon-video-pause\",staticStyle:{\"margin-left\":\"30px\"},on:{\"click\":function($event){return _vm.stopVideo(scope)}}})]):_vm._e()]}}])})],1)],1),_c('el-dialog',{attrs:{\"title\":\"频率清单\",\"visible\":_vm.lookFrequencyVisible},on:{\"update:visible\":function($event){_vm.lookFrequencyVisible=$event}}},[_c('el-table',{attrs:{\"data\":_vm.showSecond}},[_c('el-table-column',{attrs:{\"label\":\"频率\",\"prop\":\"frequencyValue\"}}),_c('el-table-column',{attrs:{\"label\":\"类型\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"formateFreStatus\")(scope.row.status))+\" \")])]}}])}),_c('el-table-column',{attrs:{\"label\":\"信号\",\"prop\":\"level\"}})],1)],1),_c('el-dialog',{attrs:{\"visible\":_vm.lookBackVisible},on:{\"update:visible\":function($event){_vm.lookBackVisible=$event}}},[_c('div',{staticClass:\"lookBackDataTitle\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('p',[_vm._v(_vm._s(_vm.lookBackData.monitorpointName))]),_c('p',[_vm._v(_vm._s(_vm.lookBackData.status_name))])]),_c('div',[_c('div',{staticClass:\"lookBackBlock\"},[_c('span',{staticClass:\"demonstration\"},[_vm._v(\"回放时间\")]),_c('el-date-picker',{staticStyle:{\"margin-left\":\"20px\"},attrs:{\"type\":\"datetimerange\",\"range-separator\":\"至\",\"start-placeholder\":\"开始日期\",\"end-placeholder\":\"结束日期\"},model:{value:(_vm.timeValue),callback:function ($$v) {_vm.timeValue=$$v},expression:\"timeValue\"}})],1),_c('div',{staticClass:\"lookBackBlock\",staticStyle:{\"margin-top\":\"30px\"}},[_c('span',[_vm._v(\"请选择频率:\")]),_c('el-select',{staticStyle:{\"margin-left\":\"20px\"},attrs:{\"placeholder\":\"请先填写日期\"},model:{value:(_vm.frequencySel),callback:function ($$v) {_vm.frequencySel=$$v},expression:\"frequencySel\"}})],1)]),_c('div',{staticStyle:{\"margin-top\":\"30px\"}},[_c('div',[_c('i',{staticClass:\"el-icon-video-play\"}),_c('i',{staticClass:\"el-icon-video-pause\"})])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <video id=\"videoElement\" controls width=\"0\" height=\"0\" v-show=\"false\">\n      xxx\n    </video>\n    <div class=\"tableDiv\">\n      <el-table :data=\"tableData\" style=\"width: 100%\">\n        <el-table-column label=\"ID\" prop=\"monitorpointId\"> </el-table-column>\n        <el-table-column label=\"监测点名称\" prop=\"monitorstationId_name\">\n        </el-table-column>\n        <el-table-column label=\"状态\" prop=\"status_name\" align=\"center\">\n        </el-table-column>\n        <el-table-column label=\"查看通道\">\n          <template slot-scope=\"scope\">\n            <div>\n              <el-button size=\"mini\" type=\"success\" @click=\"lookPassage(scope)\"\n                >查看通道</el-button\n              >\n            </div>\n          </template>\n          <!-- <template slot-scope=\"scope\">\n            <el-tabs v-model=\"activeName\" type=\"card\" @tab-click=\"handleClick\">\n              <el-tab-pane label=\"扫描通道\" name=\"first\">\n\n              </el-tab-pane>\n              <el-tab-pane label=\"频率清单\" name=\"second\">\n                <el-table :data=\"showSecond\">\n                  <el-table-column label=\"频率\" prop=\"frequencyValue\">\n                  </el-table-column>\n                  <el-table-column label=\"类型\">\n                  </el-table-column>\n                  <el-table-column label=\"信号\" prop=\"level\">\n                  </el-table-column>\n                </el-table>\n              </el-tab-pane>\n            </el-tabs>\n          </template> -->\n        </el-table-column>\n        <el-table-column label=\"频率清单\">\n          <template slot-scope=\"scope\">\n            <div>\n              <el-button\n                size=\"mini\"\n                type=\"success\"\n                @click=\"lookFrequency(scope)\"\n                >查看</el-button\n              >\n            </div>\n          </template>\n        </el-table-column>\n        <el-table-column label=\"录音回放\">\n          <template slot-scope=\"scope\">\n            <div>\n              <el-button size=\"mini\" type=\"success\" @click=\"lookBack(scope)\"\n                >回放</el-button\n              >\n            </div>\n          </template>\n        </el-table-column>\n      </el-table>\n    </div>\n\n    <el-dialog title=\"查看通道\" :visible.sync=\"lookPassageVisible\">\n      <el-table :data=\"showFirst\" :show-header=\"false\">\n        <el-table-column label=\"channelId\" prop=\"channelId\">\n          <template slot-scope=\"scope\">\n            <div>\n              {{ scope.row.channelId | formatChannelId }}\n            </div>\n          </template>\n        </el-table-column>\n        <el-table-column label=\"STATUS\" prop=\"STATUS\">\n          <template slot-scope=\"scope\">\n            <div>\n              {{ scope.row.STATUS | formatSTATUS }}\n            </div>\n          </template>\n        </el-table-column>\n        <el-table-column label=\"frequencyValue\" prop=\"frequencyValue\">\n        </el-table-column>\n        <el-table-column label=\"start_time\" prop=\"start_time\"></el-table-column>\n        <el-table-column label=\"stop_time\" prop=\"stop_time\"></el-table-column>\n        <el-table-column label=\"操作\">\n          <template slot-scope=\"scope\">\n            <div\n              :key=\"isChange\"\n              v-if=\"\n                !(\n                  scope.row.frequencyValue == '' ||\n                  scope.row.frequencyValue == '--'\n                )\n              \"\n            >\n              <i\n                class=\"el-icon-video-play\"\n                @click=\"playVideo(scope)\"\n                v-if=\"!isPlay\"\n              ></i>\n              <i\n                class=\"el-icon-video-pause\"\n                @click=\"pauseVideo(scope)\"\n                v-else\n              ></i>\n              <i\n                class=\"el-icon-video-pause\"\n                style=\"margin-left: 30px\"\n                @click=\"stopVideo(scope)\"\n              ></i>\n            </div>\n          </template>\n        </el-table-column>\n      </el-table>\n    </el-dialog>\n\n    <el-dialog title=\"频率清单\" :visible.sync=\"lookFrequencyVisible\">\n      <el-table :data=\"showSecond\">\n        <el-table-column label=\"频率\" prop=\"frequencyValue\"> </el-table-column>\n        <el-table-column label=\"类型\">\n          <template slot-scope=\"scope\">\n            <div>\n              {{ scope.row.status | formateFreStatus }}\n            </div>\n          </template>\n        </el-table-column>\n        <el-table-column label=\"信号\" prop=\"level\"> </el-table-column>\n      </el-table>\n    </el-dialog>\n    <el-dialog :visible.sync=\"lookBackVisible\">\n      <div slot=\"title\" class=\"lookBackDataTitle\">\n        <p>{{ lookBackData.monitorpointName }}</p>\n        <p>{{ lookBackData.status_name }}</p>\n      </div>\n      <div>\n        <div class=\"lookBackBlock\">\n          <span class=\"demonstration\">回放时间</span>\n          <el-date-picker\n            v-model=\"timeValue\"\n            type=\"datetimerange\"\n            range-separator=\"至\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n            style=\"margin-left: 20px\"\n          >\n          </el-date-picker>\n        </div>\n        <div class=\"lookBackBlock\" style=\"margin-top: 30px\">\n          <span>请选择频率:</span>\n          <el-select\n            v-model=\"frequencySel\"\n            placeholder=\"请先填写日期\"\n            style=\"margin-left: 20px\"\n          >\n          </el-select>\n        </div>\n      </div>\n      <div style=\"margin-top: 30px\">\n        <div>\n          <i class=\"el-icon-video-play\"></i>\n          <i class=\"el-icon-video-pause\"></i>\n        </div>\n      </div>\n\n      <!-- <el-table :data=\"showSecond\">\n        <el-table-column label=\"频率\" prop=\"frequencyValue\"> </el-table-column>\n        <el-table-column label=\"类型\"> </el-table-column>\n        <el-table-column label=\"信号\" prop=\"level\"> </el-table-column>\n      </el-table> -->\n    </el-dialog>\n  </div>\n</template>\n<script>\nexport default {\n  watch: {\n    timeValue: {\n      handler(n, o) {\n        console.log(this.timeValue);\n        if (this.timeValue.length == 2) {\n          this.getFrequencySel();\n        }\n      },\n    },\n    lookPassageVisible: {\n      handler(n, o) {\n        if (!this.lookPassageVisible) {\n          if (this.player) {\n            // this.player.destory();\n            this.player.pause();\n            this.player.unload();\n            this.player.detachMediaElement();\n            this.player.destroy();\n            this.player = null;\n            console.log(\"drop\")\n          }\n        }\n      },\n    },\n  },\n  filters: {\n    formatChannelId(id) {\n      console.log(id);\n      if (id == 1) {\n        return \"监听通道\";\n      } else if (id == 0) {\n        return \"扫频通道\";\n      } else {\n        return \"录制通道\";\n      }\n    },\n    formatSTATUS(status) {\n      if (status == \"1\") {\n        return \"正在录制\";\n      }\n      if (status == \"0\") {\n        return \"停止录制\";\n      }\n    },\n    formateFreStatus(status) {\n      if (status == \"0\") {\n        return \"合法频点\";\n      } else if (status == \"1\") {\n        return \"非法频点\";\n      } else if (status == \"2\") {\n        return \"误报\";\n      } else if (status == \"3\") {\n        return \"白名单\";\n      } else if (status == \"4\") {\n        return \"异地频点\";\n      } else if (status == \"5\") {\n        return \"疑似非法频点\";\n      } else if (status == \"6\") {\n        return \"丢失\";\n      } else {\n        return \"未知\";\n      }\n    },\n  },\n  data() {\n    return {\n      tableData: [],\n      activeName: \"first\",\n      showFirst: [],\n      showSecond: [],\n      lookPassageVisible: false,\n      lookFrequencyVisible: false,\n      lookBackVisible: false,\n      lookBackData: {},\n      timeValue: \"\",\n      frequencySel: \"\",\n      frequencyArr: [],\n      nowPlayId: null,\n      player: null,\n      isPlay: false,\n      isChange: false,\n    };\n  },\n  mounted() {\n    this.getInfo();\n  },\n  methods: {\n    pauseVideo(scope) {},\n    playVideo(scope) {\n      console.log(scope);\n      // this.socketArray.forEach((item) => {\n      //   item.isPlay = 0;\n      // });\n      // this.socketArray[scope.$index].isPlay = 1;\n\n      if (this.nowPlayId) {\n        if (this.nowPlayId == scope.row.monitorpointId) {\n          console.log(\"暂停后开始\");\n          this.isplay = true;\n          this.player.play();\n        } else {\n          console.log(\"停止后开始\");\n          this.player.pause();\n          this.player.unload();\n          this.player.detachMediaElement();\n          this.player.destroy();\n          this.player = null;\n\n          this.nowPlayId = scope.row.monitorpointId;\n          this.getPalyUrl(scope.row);\n        }\n      } else {\n        console.log(\"初始\");\n        this.nowPlayId = scope.row.monitorpointId;\n        this.getPalyUrl(scope.row);\n      }\n\n      // // this.isChange = !this.isChange;\n    },\n    stopVideo(scope) {\n      console.log(scope);\n      let param = new URLSearchParams();\n      param.append(\"method\", \"delete\");\n      param.append(\"monitorpointId\", scope.row.monitorpointId);\n      param.append(\"frequencyValue\", scope.row.frequencyValue);\n      param.append(\"key\", 123456);\n      this.$getJSON(\n        \"http://wiibox.xicp.io:19868/FRP/TNewrecordtask.do\",\n        param\n      ).then((res) => {\n        console.log(res);\n      });\n\n      if (this.player) {\n        // this.player.destory();\n        this.player.pause();\n        this.player.unload();\n        this.player.detachMediaElement();\n        this.player.destroy();\n        this.player = null;\n      }\n    },\n\n    getPalyUrl(row) {\n      // this.$emit(\"showLoading\", \"jianting\");\n\n      // if (row.frequencyValue == \"\" || row.frequencyValue == \"--\") {\n\n      // }\n      // this.showLoading(\"jianting\");\n      let param = new URLSearchParams();\n      param.append(\"method\", \"playLiveNew\");\n      param.append(\"instruct\", 1);\n      param.append(\"playType\", 0);\n      param.append(\"hls\", 0);\n      param.append(\"key\", 123456);\n      param.append(\"monitorpointId\", row.monitorpointId);\n      param.append(\"frequencyValue\", row.frequencyValue);\n\n      // let url = `http://wiibox.xicp.io:19868/FRP/ScanSignal.do?method=playLiveNew&instruct=1&playType=0&hls=0&key=123456&monitorpointId=${row.monitorpointId}&frequencyValue=${row.frequency}`;\n      this.$getJSON(\n        \"http://wiibox.xicp.io:19868/FRP/ScanSignal.do\",\n        param\n      ).then((res) => {\n        console.log(res);\n        this.$message.warning(res.success);\n        // this.hideLoading();\n\n        let flvurl = \"\";\n        if (res.url) {\n          flvurl = res.url;\n        }\n\n        // let param1 = {\n        //   bid: \"setTempRecord\",\n        //   monitorpointId: row.monitorpointId,\n        //   frequency: row.frequencyValue,\n        //   userid: JSON.parse(sessionStorage.getItem(\"userName\")).username,\n        //   requesturl: url,\n        //   success: res.success,\n        //   msg: res.msg,\n        //   flvurl: flvurl,\n        // };\n\n        // this.$post(\n        //   \"http://wiibox.xicp.io:8484/dataservice/dealData\",\n        //   param1\n        // ).then((res1) => {});\n\n        if (res.url) {\n          this.rtsp = res.url;\n\n          let video = document.getElementById(\"videoElement\");\n\n          if (flvjs.isSupported()) {\n            this.player = flvjs.createPlayer({\n              type: \"flv\",\n              url: this.rtsp,\n            });\n\n            this.player.attachMediaElement(video);\n\n            this.player.load(); //加载\n\n            if (this.rtsp) {\n              this.isplay = true;\n              this.player.play();\n            } else {\n              this.$message.error(\"无音频文件\");\n            }\n          }\n        } else {\n          this.isPlay = true;\n          this.isChange = !this.isChange;\n        }\n      });\n    },\n\n    dateFormatter(time) {\n      var year = time.getFullYear();\n      var month = time.getMonth() + 1;\n      var date = time.getDate();\n      var hour = time.getHours();\n      var minute = time.getMinutes();\n      var second = time.getSeconds();\n      return (\n        this.add0(year) +\n        \"-\" +\n        this.add0(month) +\n        \"-\" +\n        this.add0(date) +\n        \" \" +\n        this.add0(hour) +\n        \":\" +\n        this.add0(minute) +\n        \":\" +\n        this.add0(second)\n      );\n    },\n\n    add0(val) {\n      return val < 10 ? \"0\" + val : val;\n    },\n    getInfo() {\n      let param = new URLSearchParams();\n      param.append(\"method\", \"searchByPage\");\n      param.append(\"type\", 1);\n      param.append(\"key\", 10010);\n      param.append(\"iDisplayStart\", 0);\n      param.append(\"iDisplayLength\", 100000);\n\n      this.$getJSON(\n        \"http://wiibox.xicp.io:19868/FRP/TMonitorpointInfo.do\",\n        param\n      ).then((res) => {\n        console.log(res);\n        this.tableData = res.aaData;\n      });\n    },\n    lookBack(scope) {\n      console.log(scope);\n      this.lookBackData = scope.row;\n      this.lookBackVisible = true;\n    },\n    //  http://wiibox.xicp.io:8484/dataservice/getNoTokenData?bid=getRecordFreqs&start_time=2021-07-24%2018:00:00&end_time=2017-07-24%2019:00:00&monitorpointId=16\n    getFrequencySel() {\n      let param = new URLSearchParams();\n      param.append(\"bid\", \"getRecordFreqs\");\n      param.append(\"start_time\", 1);\n      param.append(\"end_time\", 10010);\n      param.append(\"monitorpointId\", 0);\n      this.$getJSON(\n        \"http://wiibox.xicp.io:8484/dataservice/getNoTokenData\",\n        param\n      ).then((res) => {\n        console.log(res);\n        let fArr = [];\n        res.data.data[0].forEach((item) => {\n          fArr.push(item.frequencyValue);\n        });\n        this.frequencyArr = fArr;\n      });\n    },\n    handleClick(tab, event) {\n      console.log(tab, event);\n    },\n    lookFrequency(scope) {\n      let param = new URLSearchParams();\n      param.append(\"bid\", \"getCurrPointFreqs\");\n      param.append(\"monitorpointId\", scope.row.monitorpointId);\n      this.$getJSON(\n        \"http://wiibox.xicp.io:8484/dataservice/getNoTokenData\",\n        param\n      ).then((res) => {\n        console.log(res);\n        this.showSecond = res.data.data[0];\n        console.log(this.showSecond);\n        this.lookFrequencyVisible = true;\n      });\n    },\n    lookPassage(scope) {\n      let param = new URLSearchParams();\n      param.append(\"bid\", \"getChannelRecord\");\n      param.append(\"monitorpointId\", scope.row.monitorpointId);\n      this.$getJSON(\n        \"http://wiibox.xicp.io:8484/dataservice/getNoTokenData\",\n        param\n      ).then((res) => {\n        console.log(res);\n        this.showFirst = res.data.data[0];\n        console.log(this.showFirst);\n        this.lookPassageVisible = true;\n      });\n    },\n    // expandChange(row, expanded) {},\n  },\n};\n</script>\n<style lang=\"scss\">\n.tableDiv {\n  width: 90%;\n  margin-left: 5%;\n  margin-top: 30px;\n}\n\n.lookBackDataTitle {\n  width: 90%;\n  margin-left: 5%;\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n}\n\n// .lookBackBlock {\n//   display: flex;\n//   flex-wrap: nowrap;\n//   flex-direction: row;\n//   justify-content: start;\n// }\n</style>","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=10f0655d&\"\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&lang=scss&\"\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  null,\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&lang=scss&\""],"sourceRoot":""}