{"version":3,"sources":["webpack:///./src/views/offer-search/index.vue?9110","webpack:///./src/api/offer-search.js","webpack:///src/views/offer-search/index.vue","webpack:///./src/views/offer-search/index.vue?37ca","webpack:///./src/views/offer-search/index.vue","webpack:///./src/views/offer-search/index.vue?7e3c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","ref","attrs","ruleForm","rules","optiontypes","cascaderProps","model","value","callback","$$v","$set","expression","options","on","exchange","_v","submit","offerSearch","length","_l","item","index","key","$event","getSearchForm","closeTag","_s","start","end","delSearchForm","_e","bzcount","_m","dataList","staticRenderFns","getOfferSearch","data","request","url","method","metaInfo","title","meta","components","countTo","Banner","page","pageSize","total","region","code","name","expandTrigger","label","children","resource","type","computed","mounted","getSearchCount","InitSitePar","methods","remoteOfferSearch","arr","proc","pars","tmscode","loginsite","token","$api","params","getData","$refs","validate","valid","subForm","cplx","bsheng","bcity","barea","esheng","ecity","earea","res","msg","forEach","id","component"],"mappings":"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","file":"static/js/chunk-05ecd13b.329e6383.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticStyle:{\"padding\":\"0 70px\"}},[_c('div',{staticClass:\"banner\"},[_c('banner')],1)]),_c('div',{staticClass:\"search_box\"},[_c('el-form',{ref:\"ruleForm\",staticClass:\"demo-ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules,\"label-width\":\"90px\",\"label-position\":\"left\"}},[_c('el-row',{attrs:{\"type\":\"flex\",\"justify\":\"start\",\"gutter\":20}},[_c('el-col',{attrs:{\"span\":10}},[_c('el-form-item',{attrs:{\"label\":\"类型：\",\"prop\":\"type\"}},[_c('el-cascader',{staticStyle:{\"width\":\"250px!important\"},attrs:{\"size\":\"medium\",\"options\":_vm.optiontypes,\"props\":_vm.cascaderProps},model:{value:(_vm.ruleForm.type),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"type\", $$v)},expression:\"ruleForm.type\"}})],1)],1),_c('el-col',{attrs:{\"span\":10}},[_c('el-form-item',{attrs:{\"label\":\"发站：\",\"prop\":\"start\"}},[_c('el-cascader',{staticStyle:{\"width\":\"250px!important\"},attrs:{\"size\":\"medium\",\"options\":_vm.options,\"props\":_vm.cascaderProps},model:{value:(_vm.ruleForm.start),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"start\", $$v)},expression:\"ruleForm.start\"}})],1)],1),_c('el-col',{attrs:{\"span\":20}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"pointer flex-c op-7\",on:{\"click\":_vm.exchange}},[_c('div',{staticClass:\"separator\"},[_vm._v(\"换\")])]),_c('el-form-item',{attrs:{\"label\":\"到站：\",\"prop\":\"end\"}},[_c('el-cascader',{staticStyle:{\"width\":\"250px!important\"},attrs:{\"size\":\"medium\",\"options\":_vm.options,\"props\":_vm.cascaderProps},model:{value:(_vm.ruleForm.end),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"end\", $$v)},expression:\"ruleForm.end\"}})],1)],1)]),_c('el-col',{attrs:{\"span\":6}},[_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"medium\",\"icon\":\"el-icon-search\"},on:{\"click\":_vm.submit}},[_vm._v(\"搜索\")])],1)],1)],1),(_vm.offerSearch.length > 0)?_c('div',{staticClass:\"history_search\"},[_c('el-row',[_c('el-col',{attrs:{\"span\":20}},[_c('div',{staticClass:\"flexSC wrap\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"历史搜索：\")]),_vm._l((_vm.offerSearch),function(item,index){return _c('div',{key:index,staticClass:\"history\"},[_c('el-tag',{staticClass:\"pointer op-7\",attrs:{\"type\":\"primary\",\"size\":\"small\",\"closable\":\"\"},on:{\"click\":function($event){return _vm.getSearchForm(item)},\"close\":function($event){return _vm.closeTag(item, index)}}},[_vm._v(\" \"+_vm._s(item.start[0])+\" \"+_vm._s(item.start[1])+\" → \"+_vm._s(item.end[0])+\" \"+_vm._s(item.end[2])+\" \")])],1)}),_c('div',[_c('el-tag',{staticClass:\"clean_btn op-7 pointer\",attrs:{\"type\":\"warning\"},on:{\"click\":_vm.delSearchForm}},[_vm._v(\"清除\")])],1)],2)])],1)],1):_vm._e(),_c('div',{staticClass:\"queries_num\"},[_c('div',{staticClass:\"flexSC\"},[_c('img',{staticClass:\"logobg\",attrs:{\"src\":require(\"../../assets/logo2.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"count\"},[_vm._v(\" 累计 \"),_c('count-to',{attrs:{\"startVal\":0,\"endVal\":_vm.bzcount,\"duration\":1000}}),_vm._v(\" 次查询 \")],1)]),_vm._m(0)])],1),_c('div',{staticClass:\"data_box\"},[(_vm.dataList.length > 0)?_c('div',{staticClass:\"title\"},[_vm._v(\" 共为您找到 \"),_c('span',[_vm._v(_vm._s(_vm.dataList.length))]),_vm._v(\" 条关于 \"),_c('span',[_vm._v(_vm._s(_vm.ruleForm.start[2])+\" → \"+_vm._s(_vm.ruleForm.end[2]))]),_vm._v(\" 的报价结果 \")]):_vm._e(),_c('el-card',{staticClass:\"box-card mb20\"},[_c('div',{staticClass:\"data_title flexSC\"},[_c('div',{staticClass:\"bar\"}),_c('div',{staticClass:\"txt\"},[_vm._v(\"今日运价\")])]),_c('div',{staticClass:\"tip\"},[_c('div',[_vm._v(\"计价规则\"),_c('i',{staticClass:\"el-icon-warning-outline warning\"})]),_c('div',{staticClass:\"txt\"},[_vm._v(\"注：查询结果仅供参考，具体时效运价已实际为准。\")])]),_c('div',{staticClass:\"list\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.dataList,\"border\":\"\",\"stripe\":\"\",\"size\":\"medium\"}},[_c('el-table-column',{attrs:{\"prop\":\"id\",\"label\":\"序号\"}}),_c('el-table-column',{attrs:{\"prop\":\"transType\",\"label\":\"产品类型\"}}),_c('el-table-column',{attrs:{\"prop\":\"product\",\"label\":\"品名\"}}),_c('el-table-column',{attrs:{\"prop\":\"bsite\",\"label\":\"发站\"}}),_c('el-table-column',{attrs:{\"prop\":\"esite\",\"label\":\"到站\"}}),_c('el-table-column',{attrs:{\"prop\":\"accmin\",\"label\":\"最低一票\"}}),_c('el-table-column',{attrs:{\"prop\":\"zl1_zd\",\"label\":\"0.00-500.00KG\"}}),_c('el-table-column',{attrs:{\"prop\":\"zl5_zd\",\"label\":\"0.00-10.00m3\"}})],1)],1)])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right_img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/magnifying_glass.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","import request from \"@/utils/request\";\r\n\r\n/**\r\n *  报价数据api\r\n * @param data\r\n * @returns {*}\r\n */\r\nexport const getOfferSearch = data => {\r\n    return request({\r\n        url: '/FileUpLoadApp/SqlDataGet.ashx?pars=' + data,\r\n        method: 'post',\r\n        // data\r\n    })\r\n}\r\n","<template>\r\n  <div class=\"content\">\r\n    <div style=\"padding: 0 70px\">\r\n      <div class=\"banner\">\r\n        <banner></banner>\r\n      </div>\r\n    </div>\r\n    <div class=\"search_box\">\r\n      <!-- 搜索模块 -->\r\n      <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\" label-width=\"90px\" label-position=\"left\"\r\n        class=\"demo-ruleForm\">\r\n        <el-row type=\"flex\" justify=\"start\" :gutter=\"20\">\r\n          <el-col :span=\"10\">\r\n            <el-form-item label=\"类型：\" prop=\"type\">\r\n              <el-cascader size=\"medium\" v-model=\"ruleForm.type\" :options=\"optiontypes\" :props=\"cascaderProps\"\r\n                style=\"width: 250px!important;\"></el-cascader>\r\n            </el-form-item>\r\n          </el-col>\r\n\r\n          <el-col :span=\"10\">\r\n            <el-form-item label=\"发站：\" prop=\"start\">\r\n              <el-cascader size=\"medium\" v-model=\"ruleForm.start\" :options=\"options\" :props=\"cascaderProps\"\r\n                style=\"width: 250px!important;\"></el-cascader>\r\n            </el-form-item>\r\n          </el-col>\r\n\r\n          <el-col :span=\"20\">\r\n            <div class=\"box\">\r\n              <div class=\"pointer flex-c op-7\" @click=\"exchange\">\r\n                <div class=\"separator\">换</div>\r\n              </div>\r\n              <el-form-item label=\"到站：\" prop=\"end\">\r\n                <el-cascader size=\"medium\" v-model=\"ruleForm.end\" :options=\"options\" :props=\"cascaderProps\"\r\n                  style=\"width: 250px!important;\"></el-cascader>\r\n              </el-form-item>\r\n            </div>\r\n          </el-col>\r\n          <el-col :span=\"6\">\r\n            <el-button type=\"primary\" size=\"medium\" icon=\"el-icon-search\" @click=\"submit\">搜索</el-button>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n      <!-- 历史搜索 -->\r\n      <div class=\"history_search\" v-if=\"offerSearch.length > 0\">\r\n        <el-row>\r\n          <el-col :span=\"20\">\r\n            <div class=\"flexSC wrap\">\r\n              <span class=\"title\">历史搜索：</span>\r\n              <div class=\"history\" v-for=\"(item, index) in offerSearch\" :key=\"index\">\r\n                <el-tag class=\"pointer op-7\" type=\"primary\" size=\"small\" @click=\"getSearchForm(item)\"\r\n                  @close=\"closeTag(item, index)\" closable>\r\n                  {{ item.start[0] }} {{ item.start[1] }} → {{ item.end[0] }} {{ item.end[2] }}\r\n                </el-tag>\r\n              </div>\r\n              <div>\r\n                <el-tag class=\"clean_btn op-7 pointer\" type=\"warning\" @click=\"delSearchForm\">清除</el-tag>\r\n              </div>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </div>\r\n      <!-- 查询统计 -->\r\n      <div class=\"queries_num\">\r\n        <div class=\"flexSC\">\r\n          <img class=\"logobg\" src=\"../../assets/logo2.png\" alt=\"\" />\r\n          <div class=\"count\">\r\n            累计\r\n            <count-to :startVal=\"0\" :endVal=\"bzcount\" :duration=\"1000\"></count-to>\r\n            次查询\r\n          </div>\r\n        </div>\r\n        <div class=\"right_img\">\r\n          <img src=\"../../assets/magnifying_glass.png\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 查询结果 -->\r\n    <div class=\"data_box\">\r\n      <div class=\"title\" v-if=\"dataList.length > 0\">\r\n        共为您找到 <span>{{ dataList.length }}</span> 条关于\r\n        <span>{{ ruleForm.start[2] }} → {{ ruleForm.end[2] }}</span> 的报价结果\r\n      </div>\r\n      <el-card class=\"box-card mb20\">\r\n        <div class=\"data_title flexSC\">\r\n          <div class=\"bar\"></div>\r\n          <div class=\"txt\">今日运价</div>\r\n        </div>\r\n        <div class=\"tip\">\r\n          <div>计价规则<i class=\"el-icon-warning-outline warning\"></i></div>\r\n          <div class=\"txt\">注：查询结果仅供参考，具体时效运价已实际为准。</div>\r\n        </div>\r\n        <div class=\"list\">\r\n          <el-table :data=\"dataList\" border stripe size=\"medium\" style=\"width: 100%\">\r\n            <el-table-column prop=\"id\" label=\"序号\"></el-table-column>\r\n            <el-table-column prop=\"transType\" label=\"产品类型\"></el-table-column>\r\n            <el-table-column prop=\"product\" label=\"品名\"></el-table-column>\r\n            <el-table-column prop=\"bsite\" label=\"发站\"></el-table-column>\r\n            <el-table-column prop=\"esite\" label=\"到站\"></el-table-column>\r\n            <el-table-column prop=\"accmin\" label=\"最低一票\"></el-table-column>\r\n            <el-table-column prop=\"zl1_zd\" label=\"0.00-500.00KG\"></el-table-column>\r\n            <!-- <el-table-column prop=\"zl2_zd\" label=\"500.00-800.00KG\"></el-table-column>\r\n            <el-table-column prop=\"zl3_zd\" label=\"800.00-\"></el-table-column>\r\n            <el-table-column prop=\"zl4_zd\" label=\"3000.00\"></el-table-column> -->\r\n            <el-table-column prop=\"zl5_zd\" label=\"0.00-10.00m3\"></el-table-column>\r\n            <!-- <el-table-column prop=\"zl12_zd\" label=\"10.00-9999.00m3\"></el-table-column> -->\r\n          </el-table>\r\n        </div>\r\n      </el-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport countTo from \"vue-count-to\";\r\nimport region from '@/global/region.json'\r\nimport { getOfferSearch } from '@/api/offer-search'\r\nimport { mapGetters, mapActions } from 'vuex'\r\nimport Banner from '@/components/Banner'\r\n\r\nexport default {\r\n  metaInfo: {\r\n    title: '中国物流网,物流,货源,车源,专线',\r\n    meta: [\r\n      {\r\n        name: 'keywords',\r\n        content: '中国物流网,物流,货源,车源,专线'\r\n      },\r\n      {\r\n        name: 'description',\r\n        content: '中国物流网,物流,货源,车源,专线'\r\n      }\r\n    ]\r\n  },\r\n  components: {\r\n    countTo,\r\n    Banner\r\n  },\r\n  data() {\r\n    return {\r\n      page: 1,\r\n      pageSize: 100,\r\n      total: 0,\r\n      bzcount: 0, // 查询次数\r\n      options: region,\r\n      optiontypes: [{\r\n        code: 0,\r\n        name: '全部',\r\n      }, {\r\n        code: 1,\r\n        name: '整车',\r\n      }, {\r\n        code: 2,\r\n        name: '零担',\r\n      }],\r\n      cascaderProps: {\r\n        expandTrigger: 'hover',\r\n        value: 'name',\r\n        label: 'name',\r\n        children: 'children'\r\n      },\r\n      ruleForm: {\r\n        resource: '',\r\n        start: [],\r\n        end: []\r\n      },\r\n      rules: {\r\n        type: [\r\n          { required: true, message: '请输入产品类型', trigger: 'change' }\r\n        ],\r\n        start: [\r\n          { required: true, message: '请输入发起地点', trigger: 'change' }\r\n        ],\r\n        end: [\r\n          { required: true, message: '请输入接收地点', trigger: 'change' }\r\n        ],\r\n      },\r\n      dataList: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'offerSearch'\r\n    ])\r\n  },\r\n  mounted() {\r\n    this.getSearchCount()\r\n    this.InitSitePar();\r\n  },\r\n  methods: {\r\n    ...mapActions('searchHistory', [\r\n      'setOfferSearch',\r\n      'remoteOfferSearch'\r\n    ]),\r\n    // 删除指定搜索历史\r\n    closeTag(item, index) {\r\n      this.remoteOfferSearch(index)\r\n    },\r\n    // 出发站和到站调换\r\n    exchange() {\r\n      let arr = []\r\n      arr = [...this.ruleForm.start]\r\n      this.ruleForm.start = this.ruleForm.end\r\n      this.ruleForm.end = arr\r\n    },\r\n    // 获取查询次数\r\n    getSearchCount() {\r\n      let params = {\r\n        method: \"Query\",\r\n        proc: \"GET_APP_BZCOUNT\",\r\n        pars: [\r\n          {}\r\n        ],\r\n        tmscode: \"89569\",\r\n        loginsite: \"全部\",\r\n        token: \"\"\r\n      }\r\n      this.$api(params, { loading: false }).then(res => {\r\n        this.bzcount = res.msg.length && res.msg[0].out_bzcount\r\n      })\r\n    },\r\n    // 搜索历史填入输入框，并执行搜索\r\n    getSearchForm(item) {\r\n      this.ruleForm = { ...item }\r\n      this.getData()\r\n    },\r\n    // 清除搜索历史\r\n    delSearchForm() {\r\n      this.remoteOfferSearch()\r\n    },\r\n    submit() {\r\n      this.$refs.ruleForm.validate(valid => {\r\n        if (valid) {\r\n          // 设置历史搜索\r\n          this.setOfferSearch({ ...this.ruleForm })\r\n          this.getData()\r\n        }\r\n      })\r\n    },\r\n    // 获取数据\r\n    getData() {\r\n      let { start, end, type } = this.ruleForm\r\n      let subForm = {}\r\n      subForm.cplx = type.length && type[0]\r\n      subForm.bsheng = start.length && start[0]\r\n      subForm.bcity = start.length && start[1]\r\n      subForm.barea = start.length && start[2]\r\n      subForm.esheng = end.length && end[0]\r\n      subForm.ecity = end.length && end[1]\r\n      subForm.earea = end.length && end[2]\r\n      let params = {\r\n        method: \"Query\",\r\n        proc: \"GET_APP_GXPRICE\",\r\n        pars: [\r\n          { ...subForm }\r\n        ],\r\n        tmscode: \"89569\",\r\n        loginsite: \"全部\",\r\n        token: \"\"\r\n      }\r\n      getOfferSearch(JSON.stringify(params)).then(res => {\r\n        res.msg.length && res.msg.forEach((item, index) => {\r\n          item.id = ++index\r\n        })\r\n        this.dataList = res.msg\r\n        this.total = res.msg.length && res.msg[0].count\r\n        this.bzcount++ // 前端自增查询次数，不需要通过接口\r\n      })\r\n    },\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap {\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.mb20 {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.flexSC {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.content {\r\n  .el-cascader {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .banner {\r\n    width: 100%;\r\n    height: 230px;\r\n    margin-bottom: 20px;\r\n    background: url(\"../../assets/banner1.png\");\r\n    background-size: 100% 100%;\r\n  }\r\n\r\n  .search_box {\r\n    padding: 0 70px;\r\n    margin-bottom: 20px;\r\n\r\n    .box {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .separator {\r\n        width: 20px;\r\n        height: 20px;\r\n        color: #f5a623;\r\n        border: 1px solid #f5a623;\r\n        border-radius: 50%;\r\n        font-size: 14px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-right: 5px;\r\n\r\n        &:hover {\r\n          animation: heartBeat 1s;\r\n          animation-iteration-count: 1;\r\n        }\r\n      }\r\n\r\n      .el-form-item--small.el-form-item {\r\n        margin-bottom: 0 !important;\r\n      }\r\n    }\r\n\r\n    .history_search {\r\n      .title {\r\n        //margin-left: 25px;\r\n        font-size: 14px;\r\n        color: #999999;\r\n      }\r\n\r\n      .history {\r\n        margin-right: 10px;\r\n        font-size: 14px;\r\n        line-height: 30px;\r\n\r\n        .pointer {\r\n          animation: bounceIn 1s;\r\n\r\n          &:hover {\r\n            animation: jello 1s;\r\n            animation-iteration-count: 1;\r\n          }\r\n        }\r\n      }\r\n\r\n      .clean_btn {\r\n        color: red !important;\r\n      }\r\n    }\r\n\r\n    .queries_num {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-top: 20px;\r\n\r\n      .logobg {\r\n        width: 120px;\r\n        height: 40px;\r\n        margin-right: 25px;\r\n        opacity: 0.7;\r\n      }\r\n\r\n      .count {\r\n        color: #999999;\r\n      }\r\n\r\n      .right_img {\r\n        width: 133px;\r\n        height: 60px;\r\n\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .data_box {\r\n    padding: 0 70px;\r\n    overflow: hidden;\r\n\r\n    .title {\r\n      font-size: 14px;\r\n      color: #333333;\r\n      margin-bottom: 40px;\r\n\r\n      span {\r\n        color: #eb5e00;\r\n      }\r\n    }\r\n\r\n    .data_title {\r\n      margin-bottom: 50px;\r\n\r\n      .bar {\r\n        width: 4px;\r\n        height: 18px;\r\n        background: #eb5e00;\r\n        border-radius: 2px;\r\n        margin-right: 30px;\r\n      }\r\n\r\n      .txt {\r\n        font-size: 18px;\r\n        color: #333333;\r\n        letter-spacing: 0;\r\n        font-weight: 700;\r\n      }\r\n    }\r\n\r\n    .tip {\r\n      font-size: 12px;\r\n      color: #333333;\r\n      //padding: 0 40px;\r\n\r\n      .warning {\r\n        color: red;\r\n        margin-left: 10px;\r\n      }\r\n\r\n      .txt {\r\n        color: #999999;\r\n        margin: 10px 0;\r\n      }\r\n    }\r\n\r\n    .list {\r\n      //padding: 0 40px;\r\n      margin-bottom: 50px;\r\n\r\n      .text {\r\n        font-size: 16px;\r\n        color: #FA6400;\r\n        font-weight: 600;\r\n      }\r\n    }\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=f98ddeb0&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=f98ddeb0&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  \"f98ddeb0\",\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=f98ddeb0&lang=scss&scoped=true&\""],"sourceRoot":""}