{"version":3,"sources":["webpack:///./src/views/personalCenter/scrapDetails.vue","webpack:///src/views/personalCenter/scrapDetails.vue","webpack:///./src/views/personalCenter/scrapDetails.vue?ef7c","webpack:///./src/views/personalCenter/scrapDetails.vue?1988","webpack:///./src/views/personalCenter/scrapDetails.vue?1fb9"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","requreCarData","carCode","carOwner","creationTime","remark","reviewedUser","reviewedTime","content","_m","_l","orderStatus","customerStatusList","item","key","value","class","status","Number","text","name","time","carType","phone","address","ref","photos","fileId","attrs","path","staticRenderFns","data","computed","mapState","state","persoCenScrapDetail","customerStatus","length","map","index","created","fetch","methods","$store","dispatch","$route","query","then","ViewerDom","$refs","information","Viewer","title","fullscreen","component"],"mappings":"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","file":"js/chunk-350c5b64.26de1619.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bulkComm-detail\"},[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"type\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"iocn\"}),_c('span',{staticClass:\"order\"},[_vm._v(\"单号：\")]),_c('span',{staticClass:\"orderNum\"},[_vm._v(_vm._s(_vm.requreCarData.carCode))])]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"left\"},[_c('p',[_vm._v(\" 车主：\"),_c('span',{staticClass:\"personal\"},[_vm._v(_vm._s(_vm.requreCarData.carOwner))])]),_c('p',[_vm._v(\" 提交申请时间：\"),_c('span',{staticClass:\"p-time\"},[_vm._v(_vm._s(_vm.requreCarData.creationTime))])]),_c('p',[_vm._v(\" 车主备注：\"),_c('span',{staticClass:\"p-remakes\"},[_vm._v(_vm._s(_vm.requreCarData.remark))])])]),_c('div',{staticClass:\"right\"},[_c('p',[_vm._v(\" 审核人：\"),_c('span',{staticClass:\"examine\"},[_vm._v(_vm._s(_vm.requreCarData.reviewedUser))])]),_c('p',[_vm._v(\" 审核时间：\"),_c('span',{staticClass:\"e-time\"},[_vm._v(_vm._s(_vm.requreCarData.reviewedTime))])]),_c('p',[_vm._v(\" 审核备注：\"),_c('span',{staticClass:\"e-remakes\"},[_vm._v(_vm._s(_vm.requreCarData.content))])])])])])]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"process\"},[_vm._m(0),_c('div',{staticClass:\"progress\"},[_c('ul',_vm._l((_vm.orderStatus.customerStatusList),function(item){return _c('li',{key:item.value,class:`progress-item ${item.status}${Number(item.value) + 1}`},[_c('div',{staticClass:\"progress-img\"}),_c('span',{class:`${item.status}Text`},[_vm._v(_vm._s(item.text))]),_c('span',{class:`examine ${item.status}examine`},[_vm._v(_vm._s(item.name))]),_c('span',{class:`e-time ${item.status}time`},[_vm._v(_vm._s(item.time))])])}),0)])]),_c('div',{staticClass:\"owner\"},[_vm._m(1),_c('div',{staticClass:\"information\"},[_c('ul',[_c('li',[_c('span',[_vm._v(\"车主：\")]),_c('em',{staticClass:\"personal\"},[_vm._v(_vm._s(_vm.requreCarData.carOwner))])]),_c('li',[_c('span',[_vm._v(\"车辆型号：\")]),_c('em',{staticClass:\"model\"},[_vm._v(_vm._s(_vm.requreCarData.carType))])]),_c('li',[_c('span',[_vm._v(\"联系电话：\")]),_c('em',{staticClass:\"tel\"},[_vm._v(_vm._s(_vm.requreCarData.phone)+\" \")])]),_c('li',[_c('span',[_vm._v(\"联系地址：\")]),_c('em',{staticClass:\"address\"},[_vm._v(_vm._s(_vm.requreCarData.address))])])])])]),_c('div',{staticClass:\"image\"},[_vm._m(2),_c('div',{ref:\"information\",staticClass:\"information\"},[_c('ul',_vm._l((_vm.requreCarData.photos),function(item){return _c('li',{key:item.fileId},[_c('img',{attrs:{\"src\":item.path,\"alt\":\"\"}})])}),0)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\"}),_c('span',[_vm._v(\"流程进度\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\"}),_c('span',[_vm._v(\"车主信息\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\"}),_c('span',[_vm._v(\"图片信息\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bulkComm-detail\">\r\n    <div class=\"banner\">\r\n      <div class=\"type\">\r\n        <div class=\"title\">\r\n          <div class=\"iocn\"></div>\r\n          <span class=\"order\">单号：</span>\r\n          <span class=\"orderNum\">{{ requreCarData.carCode }}</span>\r\n        </div>\r\n        <div class=\"details\">\r\n          <div class=\"left\">\r\n            <p>\r\n              车主：<span class=\"personal\">{{ requreCarData.carOwner }}</span>\r\n            </p>\r\n            <p>\r\n              提交申请时间：<span class=\"p-time\">{{\r\n                requreCarData.creationTime\r\n              }}</span>\r\n            </p>\r\n            <p>\r\n              车主备注：<span class=\"p-remakes\">{{\r\n                requreCarData.remark\r\n              }}</span>\r\n            </p>\r\n          </div>\r\n          <div class=\"right\">\r\n            <p>\r\n              审核人：<span class=\"examine\">{{\r\n                requreCarData.reviewedUser\r\n              }}</span>\r\n            </p>\r\n            <p>\r\n              审核时间：<span class=\"e-time\">{{\r\n                requreCarData.reviewedTime\r\n              }}</span>\r\n            </p>\r\n            <p>\r\n              审核备注：<span class=\"e-remakes\">{{\r\n                requreCarData.content\r\n              }}</span>\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"content\">\r\n      <div class=\"process\">\r\n        <div class=\"title\">\r\n          <div class=\"icon\"></div>\r\n          <span>流程进度</span>\r\n        </div>\r\n        <div class=\"progress\">\r\n          <ul>\r\n            <li :class=\"`progress-item ${item.status}${Number(item.value) + 1}`\"\r\n              v-for=\"item in orderStatus.customerStatusList\" :key=\"item.value\">\r\n              <div class=\"progress-img\" />\r\n              <span :class=\"`${item.status}Text`\">{{ item.text }}</span>\r\n              <span :class=\"`examine ${item.status}examine`\">{{\r\n                item.name\r\n              }}</span>\r\n              <span :class=\"`e-time ${item.status}time`\">{{ item.time }}</span>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"owner\">\r\n        <div class=\"title\">\r\n          <div class=\"icon\"></div>\r\n          <span>车主信息</span>\r\n        </div>\r\n        <div class=\"information\">\r\n          <ul>\r\n            <li>\r\n              <span>车主：</span><em class=\"personal\">{{ requreCarData.carOwner }}</em>\r\n            </li>\r\n            <li>\r\n              <span>车辆型号：</span><em class=\"model\">{{ requreCarData.carType }}</em>\r\n            </li>\r\n            <li>\r\n              <span>联系电话：</span><em class=\"tel\">{{ requreCarData.phone }} </em>\r\n            </li>\r\n            <li>\r\n              <span>联系地址：</span><em class=\"address\">{{ requreCarData.address }}</em>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"image\">\r\n        <div class=\"title\">\r\n          <div class=\"icon\"></div>\r\n          <span>图片信息</span>\r\n        </div>\r\n        <div class=\"information\" ref=\"information\">\r\n          <ul>\r\n            <li v-for=\"item in requreCarData.photos\" :key=\"item.fileId\">\r\n              <img :src=\"item.path\" alt=\"\" />\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport Viewer from 'viewerjs';\r\nimport 'viewerjs/dist/viewer.css';\r\n\r\nexport default {\r\n  name: \"fillInTheOrder\",\r\n  data() {\r\n    return {};\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      orderStatus: (state) => {\r\n        let orderStatus = state.persoCenScrapDetail.orderStatus;\r\n        let customerStatus = orderStatus.customerStatus;\r\n        if (\r\n          orderStatus.customerStatusList &&\r\n          orderStatus.customerStatusList.length > 0\r\n        ) {\r\n          orderStatus.customerStatusList = orderStatus.customerStatusList.map(\r\n            (item, index) => {\r\n              customerStatus < index && (item.status = \"noApproval\"); // 未审批\r\n              customerStatus === index && (item.status = \"ongoing\"); // 审批中\r\n              customerStatus > index && (item.status = \"haveApproval\"); // 审批完成\r\n              return item;\r\n            }\r\n          );\r\n        }\r\n        return orderStatus;\r\n      },\r\n      requreCarData: (state) => {\r\n        return state.persoCenScrapDetail.requreCarData;\r\n      },\r\n    }),\r\n  },\r\n  created() {\r\n    this.fetch();\r\n  },\r\n  methods: {\r\n    fetch() {\r\n      this.$store.dispatch(\"persoCenScrapDetail/getOrderStatus\", {\r\n        ...this.$route.query,\r\n      });\r\n      this.$store.dispatch(\"persoCenScrapDetail/getRequreCar\", {\r\n        ...this.$route.query,\r\n      }).then(() => {\r\n\t\t\t\tconst ViewerDom = this.$refs.information;\r\n\t\t\t\tconst viewer = new Viewer(ViewerDom, {\r\n\t\t\t\t\t// inline: true,\r\n\t\t\t\t\ttitle: false,\r\n\t\t\t\t\tfullscreen: false,\r\n\t\t\t\t\t// zoomRatio: 3,\r\n\t\t\t\t\t// zIndexInline: 10,\r\n\t\t\t\t\t// url: 'data-original',\r\n\t\t\t\t\t// viewed () {\r\n\t\t\t\t\t//\tviewer.zoomTo(0.6)\r\n\t\t\t\t\t//}\r\n\t\t\t\t})\r\n\t\t\t})\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\nem {\r\n  font-style: normal;\r\n}\r\n.clearFix() {\r\n  *zoom: 1;\r\n  &::after {\r\n    content: \"\";\r\n    display: block;\r\n    clear: both;\r\n  }\r\n}\r\n.banner {\r\n  // position: relative;\r\n  height: 200px; /* no */\r\n  background-image: url(/img/scrapDetails/banner.png);\r\n  background-size: 100%;\r\n  opacity: 0.8;\r\n  .type {\r\n    width: 1200px; /* no */\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    .title {\r\n      width: 100%;\r\n      .clearFix();\r\n      .iocn {\r\n        width: 40px; /* no */\r\n        height: 40px; /* no */\r\n        background: url(/img/scrapDetails/icon.png) no-repeat;\r\n        background-size: 100%;\r\n        margin-top: 29px; /* no */\r\n        float: left;\r\n        box-shadow: 0px 2px 11px 0px rgba(41, 119, 210, 0.4); /* no */\r\n      }\r\n      .order {\r\n        height: 22px; /* no */\r\n        float: left;\r\n        margin-left: 24px; /* no */\r\n        margin-top: 35px; /* no */\r\n        font-size: 22px; /* no */\r\n        font-family: SourceHanSansCN;\r\n        font-weight: 500;\r\n        color: #ffffff;\r\n      }\r\n      .orderNum {\r\n        height: 21px; /* no */\r\n        float: left;\r\n        margin-top: 35px; /* no */\r\n        letter-spacing: 1px; /* no */\r\n        font-size: 24px; /* no */\r\n        font-family: OPPOSans;\r\n        font-weight: normal;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n    .details {\r\n      > div {\r\n        margin-top: 19px; /* no */\r\n        > p {\r\n          font-size: 16px; /* no */\r\n          font-family: SourceHanSansCN;\r\n          font-weight: 300;\r\n          color: #b9dbf7;\r\n          margin-bottom: 10px; /* no */\r\n          > span {\r\n            font-size: 16px; /* no */\r\n            font-family: SourceHanSansCN;\r\n            font-weight: 300;\r\n            color: #ffffff;\r\n          }\r\n        }\r\n      }\r\n      .left {\r\n        margin-left: 62px; /* no */\r\n        float: left;\r\n      }\r\n      .right {\r\n        float: left;\r\n        margin-left: 237px; /* no */\r\n      }\r\n    }\r\n  }\r\n}\r\n.content {\r\n  width: 1200px; /*no*/\r\n  margin: 30px auto 42px; /* no */\r\n  border: 2px solid #ffffff; /* no */\r\n  box-shadow: 0px 0px 16px 0px rgba(68, 109, 194, 0.2); /* no */\r\n  border-radius: 5px; /* no */\r\n  background: #ffffff;\r\n  .process {\r\n    width: 100%;\r\n    background: linear-gradient(90deg, #cee9ff 0%, #edf8fd 100%);\r\n    border-radius: 5px; /* no */\r\n    padding-bottom: 18px; /* no */\r\n    .clearFix();\r\n    .title {\r\n      width: 100%;\r\n      height: 70px; /* no */\r\n      border-bottom: 1px solid #ffffff; /* no */\r\n      .clearFix();\r\n      .icon {\r\n        width: 46px; /* no */\r\n        height: 46px; /* no */\r\n        background: url(/img/scrapDetails/content.png) no-repeat left;\r\n        background-size: 46px; /* no */\r\n        margin: 14px 0 0 23px; /* no */\r\n        float: left;\r\n      }\r\n      > span {\r\n        line-height: 70px; /* no */\r\n        font-size: 20px; /* no */\r\n        font-family: SourceHanSansCN;\r\n        font-weight: 300;\r\n        color: #333333;\r\n        margin-left: 10px; /* no */\r\n        float: left;\r\n      }\r\n    }\r\n    .progress {\r\n      width: 100%;\r\n      > ul {\r\n        width: 100%;\r\n        margin-left: 27px; /* no */\r\n        padding-top: 29px; /* no */\r\n        overflow: hidden;\r\n        > .progress-item {\r\n          position: relative;\r\n          padding-right: 3.5%;\r\n          width: 8.9%;\r\n          // height: 139px;\r\n          float: left;\r\n          img {\r\n            margin-left: 14px; /* no */\r\n            display: block;\r\n          }\r\n          &:after {\r\n            content: \"\";\r\n            width: 36px; /* no */\r\n            height: 50px; /* no */\r\n            background-image: url(\"/img/scrapDetails/9.png\");\r\n            position: absolute;\r\n            right: 6px; /* no */\r\n            top: 30px; /* no */\r\n          }\r\n          .progress-img {\r\n            width: 80%;\r\n            margin: 0 auto;\r\n            height: 89px; /*no*/\r\n            background-image: url(\"/img/scrapDetails/orderStatus.png\");\r\n            background-repeat: no-repeat;\r\n          }\r\n          &.haveApproval1 {\r\n            .progress-img {\r\n              background-position: -37px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval2 {\r\n            .progress-img {\r\n              background-position: -187px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval3 {\r\n            .progress-img {\r\n              background-position: -338px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval4 {\r\n            .progress-img {\r\n              background-position: -484px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval5 {\r\n            .progress-img {\r\n              background-position: -633px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval6 {\r\n            .progress-img {\r\n              background-position: -782px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval7 {\r\n            .progress-img {\r\n              background-position: -931px -20px; /*no*/\r\n            }\r\n          }\r\n          &.haveApproval8 {\r\n            .progress-img {\r\n              background-position: -1079px -20px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing1 {\r\n            .progress-img {\r\n              background-position: -37px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing2 {\r\n            .progress-img {\r\n              background-position: -187px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing3 {\r\n            .progress-img {\r\n              background-position: -338px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing4 {\r\n            .progress-img {\r\n              background-position: -489px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing5 {\r\n            .progress-img {\r\n              background-position: -633px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing6 {\r\n            .progress-img {\r\n              background-position: -782px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing7 {\r\n            .progress-img {\r\n              background-position: -931px -180px; /*no*/\r\n            }\r\n          }\r\n          &.ongoing8 {\r\n            .progress-img {\r\n              background-position: -1079px -180px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval1 {\r\n            .progress-img {\r\n              background-position: -37px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval2 {\r\n            .progress-img {\r\n              background-position: -187px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval3 {\r\n            .progress-img {\r\n              background-position: -338px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval4 {\r\n            .progress-img {\r\n              background-position: -490px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval5 {\r\n            .progress-img {\r\n              background-position: -633px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval6 {\r\n            .progress-img {\r\n              background-position: -782px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval7 {\r\n            .progress-img {\r\n              background-position: -931px -339px; /*no*/\r\n            }\r\n          }\r\n          &.noApproval8 {\r\n            .progress-img {\r\n              background-position: -1079px -339px; /*no*/\r\n            }\r\n          }\r\n          &:last-child {\r\n            padding-right: 0;\r\n          }\r\n          &:last-child:after {\r\n            content: \"\";\r\n            display: none;\r\n          }\r\n          > span {\r\n            display: block;\r\n            text-align: center;\r\n            font-size: 16px; /* no */\r\n            font-family: SourceHanSansCN;\r\n            font-weight: 700;\r\n            color: #333333;\r\n          }\r\n          .examine {\r\n            margin-top: 10px; /* no */\r\n          }\r\n          .examine,\r\n          .e-time {\r\n            font-size: 14px; /* no */\r\n            font-family: SourceHanSansCN;\r\n            font-weight: 300;\r\n            color: #879baa;\r\n          }\r\n          .haveApprovalText {\r\n            color: #333333;\r\n          }\r\n          .ongoingText,\r\n          .ongoingtime,\r\n          .ongoingexamine {\r\n            color: #30af7d;\r\n          }\r\n          .noApprovalText,\r\n          .noApprovaltime,\r\n          .noApprovalexamine,\r\n          .haveApprovaltime,\r\n          .haveApprovalexamine {\r\n            color: #879baa;\r\n          }\r\n          // &.arrow {\r\n          //   width: 2.689%;\r\n          //   height: 50px;\r\n          //   margin: 14px 1px 0 10px;\r\n          //   img {\r\n          //     margin-left: 0;\r\n          //   }\r\n          // }\r\n          .active {\r\n            color: #30af7d;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .owner {\r\n    height: 170px; /* no */\r\n    background: rgba(245, 249, 252, 0.9);\r\n    .title {\r\n      width: 100%;\r\n      height: 70px; /* no */\r\n      background: #fff;\r\n      border-bottom: 1px solid #ffffff; /* no */\r\n      .clearFix();\r\n      .icon {\r\n        width: 46px; /* no */\r\n        height: 46px; /* no */\r\n        background: url(/img/scrapDetails/content.png) no-repeat left;\r\n        background-size: 46px; /* no */\r\n        margin: 14px 0 0 23px; /* no */\r\n        float: left;\r\n      }\r\n      > span {\r\n        line-height: 70px; /* no */\r\n        font-size: 20px; /* no */\r\n        font-family: SourceHanSansCN;\r\n        font-weight: 300;\r\n        color: #333333;\r\n        margin-left: 10px; /* no */\r\n        float: left;\r\n      }\r\n    }\r\n    .information {\r\n      width: 100%;\r\n\r\n      ul {\r\n        overflow: hidden;\r\n        margin-left: 58px; /* no */\r\n        li {\r\n          float: left;\r\n          width: 500px; /* no */\r\n          line-height: 20px; /* no */\r\n          margin-top: 20px; /* no */\r\n          background: url(/img/scrapDetails/spot.png) no-repeat no-repeat left\r\n            4px; /* no */\r\n          background-size: 12px; /* no */\r\n          > span {\r\n            float: left;\r\n            font-size: 16px; /* no */\r\n            padding-left: 20px; /* no */\r\n            font-family: SourceHanSansCN;\r\n            font-weight: 300;\r\n            color: #333333;\r\n          }\r\n          > em {\r\n            float: left;\r\n            font-size: 16px; /* no */\r\n            font-family: SourceHanSansCN;\r\n            font-weight: 400;\r\n            color: #333333;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .image {\r\n    .title {\r\n      width: 100%;\r\n      height: 70px; /* no */\r\n      background: #fff;\r\n      border-bottom: 1px solid #ffffff; /* no */\r\n      .clearFix();\r\n      .icon {\r\n        width: 46px; /* no */\r\n        height: 46px; /* no */\r\n        background: url(/img/scrapDetails/content.png) no-repeat left;\r\n        background-size: 46px; /* no */\r\n        margin: 14px 0 0 23px; /* no */\r\n        float: left;\r\n      }\r\n      > span {\r\n        line-height: 70px; /* no */\r\n        font-size: 20px; /* no */\r\n        font-family: SourceHanSansCN;\r\n        font-weight: 300;\r\n        color: #333333;\r\n        margin-left: 10px; /* no */\r\n        float: left;\r\n      }\r\n    }\r\n    .information {\r\n      background-color: rgba(245, 249, 252, 0.9);\r\n      width: 100%;\r\n      overflow: hidden;\r\n      ul {\r\n        li {\r\n          width: 21.8%;\r\n          float: left;\r\n          margin: 1.62% 0 0 2.5%;\r\n          img {\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scrapDetails.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scrapDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./scrapDetails.vue?vue&type=template&id=5e6570cc&scoped=true\"\nimport script from \"./scrapDetails.vue?vue&type=script&lang=js\"\nexport * from \"./scrapDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./scrapDetails.vue?vue&type=style&index=0&id=5e6570cc&prod&lang=less&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  \"5e6570cc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./scrapDetails.vue?vue&type=style&index=0&id=5e6570cc&prod&lang=less&scoped=true\""],"sourceRoot":""}