| 1 |
- {"version":3,"sources":["webpack:///./src/components/module/file-viewer.vue?82b2","webpack:///./src/views/information/information-details.vue?04ce","webpack:///./src/views/information/information-details.vue","webpack:///./src/components/module/file-viewer.vue","webpack:///src/components/module/file-viewer.vue","webpack:///./src/components/module/file-viewer.vue?7e9f","webpack:///./src/components/module/file-viewer.vue?cbbe","webpack:///src/views/information/information-details.vue","webpack:///./src/views/information/information-details.vue?dddb","webpack:///./src/views/information/information-details.vue?3096"],"names":["render","_vm","this","_c","_self","staticClass","attrs","info","datum_info","on","handleSwitch","toVideoDetail","toImageTextDetail","toCollection","showVip","_e","handleView","_v","is_down","handleDownload","$event","$router","push","ref","is_like","like_num","handleComment","handleLike","handleCollect","handleForward","handleReport","handleNotice","comment_option","model","value","visible","callback","$$v","expression","reportVisible","viewerVisible","staticRenderFns","_","$emit","fileIcon","download","name","props","type","Object","Boolean","prop","event","computed","getFileIcon","concat","fileType","methods","_this","url","is_encrypt","OSS_URL","urlInfo","pdf_clear","DatumService","datumDownload","datum_id","url_id","id","then","downloadLocalFile","title","component","components","DetailTitle","DetailInteractive","CommentAll","Comment","Report","FileViewer","data","previewable","listApi","params","getDatumCommentList","_objectSpread","likeApi","comment","commentTags","comment_id","postApi","datumComment","postReplyApi","secondCommend","reportType","delApi","delComment","info_vip","is_vip","user_vip","$store","state","userInfo","level_id","is_release","created","option","$route","query","getSeriesDetail","getDetail","dispatch","mounted","handleRead","_this2","getDatumDetail","_ref","detail","_this3","getDatumItemInfo","_ref2","getFileType","INFORMATION_PREVIEWABLE_FILE_TYPE","includes","$nextTick","$refs","init","_this4","GeneralService","switchSet","_ref3","msg","follow_switch","status","$message","success","path","video_id","videoArrId","video_item","article_item","item_id","article_id","_this5","datumTags","_ref4","is_praise","tags","praise_num","Number","_this6","datumCollect","_ref5","is_collect","_this7","datumTransmit","transmit_num","_this8","_ref6","switch_open","_this9","datumRead"],"mappings":"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","file":"js/chunk-0ef822fe.8ec33de7.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./file-viewer.vue?vue&type=style&index=0&id=c81a01ba&prod&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./information-details.vue?vue&type=style&index=0&id=208c5890&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"title\"},[_c('DetailTitle',{attrs:{\"info\":_vm.info,\"show_desc\":false,\"series_info\":_vm.datum_info},on:{\"handleSwitch\":_vm.handleSwitch,\"toVideoDetail\":_vm.toVideoDetail,\"toImageTextDetail\":_vm.toImageTextDetail,\"toCollection\":_vm.toCollection}})],1),(!_vm.showVip)?_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"view\",on:{\"click\":_vm.handleView}},[_vm._v(\"点击查看\")]),(_vm.info.is_down)?_c('div',{staticClass:\"download\",on:{\"click\":_vm.handleDownload}},[_vm._v(\"\\n 下载\\n \")]):_vm._e()]):_vm._e(),(_vm.showVip)?_c('div',{staticClass:\"vip-content\"},[_c('div',{staticClass:\"tips\"},[_vm._v(\"您当前身份处于非VIP普通用户 请开通VIP进行观看\")]),_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.$router.push('/vip')}}},[_vm._v(\"立即开通\")])]):_vm._e(),_c('div',{staticClass:\"comment\"},[_c('Comment',{ref:\"comment\"})],1),_c('div',{staticClass:\"interactive\"},[_c('DetailInteractive',{attrs:{\"info\":_vm.info,\"dict\":{\n is_like: 'is_praise',\n like_num: 'praise_num',\n }},on:{\"handleComment\":_vm.handleComment,\"handleLike\":_vm.handleLike,\"handleCollect\":_vm.handleCollect,\"handleForward\":_vm.handleForward,\"handleReport\":_vm.handleReport,\"handleNotice\":_vm.handleNotice}})],1),_c('CommentAll',{attrs:{\"info\":_vm.info,\"option\":_vm.comment_option,\"reportType\":8},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}}),_c('Report',{attrs:{\"type\":4,\"info\":_vm.info},model:{value:(_vm.reportVisible),callback:function ($$v) {_vm.reportVisible=$$v},expression:\"reportVisible\"}}),_c('FileViewer',{attrs:{\"info\":_vm.info},model:{value:(_vm.viewerVisible),callback:function ($$v) {_vm.viewerVisible=$$v},expression:\"viewerVisible\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"file-viewer\"},[(_vm.visible)?_c('el-dialog',{attrs:{\"width\":\"360px\",\"show-close\":false,\"visible\":_vm.visible,\"before-close\":(_) => _vm.$emit('visible', false)},on:{\"update:visible\":function($event){_vm.visible=$event}}},[_c('div',{staticClass:\"content\"},[_c('img',{staticClass:\"file-icon\",attrs:{\"src\":_vm.fileIcon,\"alt\":\"\"}}),_c('div',{staticClass:\"none-view\"},[_vm._v(\"暂不支持预览此类型文件\")]),(_vm.info.is_down)?_c('div',{staticClass:\"tips\"},[_vm._v(\"请尝试下载后使用其他应用打开\")]):_vm._e(),(_vm.info.is_down)?_c('div',{staticClass:\"download\",on:{\"click\":_vm.download}},[_vm._v(\"\\n 点击下载\\n \")]):_vm._e()])]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"file-viewer\">\r\n <el-dialog\r\n v-if=\"visible\"\r\n width=\"360px\"\r\n :show-close=\"false\"\r\n :visible.sync=\"visible\"\r\n :before-close=\"(_) => $emit('visible', false)\"\r\n >\r\n <div class=\"content\">\r\n <img class=\"file-icon\" :src=\"fileIcon\" alt=\"\" />\r\n <div class=\"none-view\">暂不支持预览此类型文件</div>\r\n <div class=\"tips\" v-if=\"info.is_down\">请尝试下载后使用其他应用打开</div>\r\n <div class=\"download\" v-if=\"info.is_down\" @click=\"download\">\r\n 点击下载\r\n </div>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getFileIcon } from \"@/common/util\";\r\nimport { DatumService } from \"@/common/service\";\r\nimport { downloadLocalFile } from \"@/common/request\";\r\nexport default {\r\n name: \"FileViewer\",\r\n props: {\r\n info: {\r\n type: Object,\r\n },\r\n visible: {\r\n type: Boolean,\r\n },\r\n },\r\n model: {\r\n prop: \"visible\",\r\n event: \"visible\",\r\n },\r\n computed: {\r\n fileIcon() {\r\n return getFileIcon(`${this.info.fileType}_bg`);\r\n },\r\n },\r\n methods: {\r\n download() {\r\n let url = this.info.url;\r\n if (this.info.is_down && this.info.is_encrypt) {\r\n url = OSS_URL + this.urlInfo.pdf_clear;\r\n }\r\n DatumService.datumDownload({\r\n datum_id: this.info.datum_id,\r\n url_id: this.info.id,\r\n }).then(() => {\r\n downloadLocalFile(url, this.info.title);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.file-viewer {\r\n ::v-deep .el-dialog__header {\r\n display: none;\r\n }\r\n ::v-deep .el-dialog {\r\n border-radius: 10px;\r\n }\r\n}\r\n.content {\r\n height: 260px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-around;\r\n .file-icon {\r\n width: 85px;\r\n height: 85px;\r\n }\r\n .none-view {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #333333;\r\n }\r\n .tips {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #999999;\r\n }\r\n .download {\r\n width: 160px;\r\n height: 45px;\r\n background: #ffffff;\r\n border-radius: 22px;\r\n border: 1px solid #2a63f3;\r\n text-align: center;\r\n line-height: 45px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #2a63f3;\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!./file-viewer.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!./file-viewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./file-viewer.vue?vue&type=template&id=c81a01ba&scoped=true&\"\nimport script from \"./file-viewer.vue?vue&type=script&lang=js&\"\nexport * from \"./file-viewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./file-viewer.vue?vue&type=style&index=0&id=c81a01ba&prod&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 \"c81a01ba\",\n null\n \n)\n\nexport default component.exports","<template>\r\n <div class=\"wrap\">\r\n <div class=\"title\">\r\n <DetailTitle\r\n :info=\"info\"\r\n :show_desc=\"false\"\r\n :series_info=\"datum_info\"\r\n @handleSwitch=\"handleSwitch\"\r\n @toVideoDetail=\"toVideoDetail\"\r\n @toImageTextDetail=\"toImageTextDetail\"\r\n @toCollection=\"toCollection\"\r\n />\r\n </div>\r\n <div class=\"content\" v-if=\"!showVip\">\r\n <div class=\"view\" @click=\"handleView\">点击查看</div>\r\n <div class=\"download\" v-if=\"info.is_down\" @click=\"handleDownload\">\r\n 下载\r\n </div>\r\n </div>\r\n <div class=\"vip-content\" v-if=\"showVip\">\r\n <div class=\"tips\">您当前身份处于非VIP普通用户 请开通VIP进行观看</div>\r\n <div class=\"btn\" @click=\"$router.push('/vip')\">立即开通</div>\r\n </div>\r\n <div class=\"comment\">\r\n <Comment ref=\"comment\" />\r\n </div>\r\n <div class=\"interactive\">\r\n <DetailInteractive\r\n :info=\"info\"\r\n :dict=\"{\r\n is_like: 'is_praise',\r\n like_num: 'praise_num',\r\n }\"\r\n @handleComment=\"handleComment\"\r\n @handleLike=\"handleLike\"\r\n @handleCollect=\"handleCollect\"\r\n @handleForward=\"handleForward\"\r\n @handleReport=\"handleReport\"\r\n @handleNotice=\"handleNotice\"\r\n />\r\n </div>\r\n <CommentAll\r\n v-model=\"visible\"\r\n :info=\"info\"\r\n :option=\"comment_option\"\r\n :reportType=\"8\"\r\n />\r\n <Report :type=\"4\" :info=\"info\" v-model=\"reportVisible\" />\r\n <FileViewer :info=\"info\" v-model=\"viewerVisible\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { DatumService, GeneralService } from \"@/common/service\";\r\nimport { downloadLocalFile } from \"@/common/request\";\r\nimport { INFORMATION_PREVIEWABLE_FILE_TYPE, OSS_URL } from \"@/common/config\";\r\nimport { getFileType } from \"@/common/util\";\r\nimport DetailTitle from \"@/components/module/detail-title.vue\";\r\nimport DetailInteractive from \"@/components/module/detail-interactive.vue\";\r\nimport Comment from \"@/components/module/comment.vue\";\r\nimport CommentAll from \"@/components/module/comment-all.vue\";\r\nimport Report from \"@/components/module/report.vue\";\r\nimport FileViewer from \"@/components/module/file-viewer.vue\";\r\nexport default {\r\n components: {\r\n DetailTitle,\r\n DetailInteractive,\r\n CommentAll,\r\n Comment,\r\n Report,\r\n FileViewer,\r\n },\r\n data() {\r\n return {\r\n datum_info: {},\r\n info: {},\r\n visible: false,\r\n reportVisible: false,\r\n previewable: false, // 是否可预览\r\n viewerVisible: false,\r\n };\r\n },\r\n computed: {\r\n comment_option() {\r\n return {\r\n // 列表api\r\n listApi: (params) =>\r\n DatumService.getDatumCommentList({\r\n ...params,\r\n url_id: this.info.id,\r\n }),\r\n // 点赞\r\n likeApi: (comment) =>\r\n DatumService.commentTags({\r\n comment_id: comment.id,\r\n }),\r\n // 发布评论\r\n postApi: (params) =>\r\n DatumService.datumComment({\r\n ...params,\r\n datum_id: this.datum_info.id,\r\n url_id: this.info.id,\r\n }),\r\n // 回复评论\r\n postReplyApi: (params, comment) =>\r\n DatumService.secondCommend({\r\n ...params,\r\n id: comment.id,\r\n }),\r\n reportType: 10,\r\n // 删除评论\r\n delApi: (params) => DatumService.delComment({ id: params.id }),\r\n };\r\n },\r\n showVip() {\r\n let info_vip = !!this.info.is_vip;\r\n let user_vip = !!this.$store.state.userInfo.level_id;\r\n let is_release = !!this.info.is_release;\r\n return info_vip && !user_vip && !is_release;\r\n },\r\n },\r\n created() {\r\n const option = this.$route.query;\r\n this.datum_info.id = option.id;\r\n this.info.id = option.url_id;\r\n if (option.id) this.getSeriesDetail();\r\n if (option.url_id) this.getDetail();\r\n this.$store.dispatch(\"getMarkNum\", \"information\");\r\n },\r\n mounted() {\r\n this.handleRead();\r\n },\r\n methods: {\r\n // 获取系列资料详情\r\n getSeriesDetail() {\r\n DatumService.getDatumDetail({ id: this.datum_info.id }).then(\r\n ({ data }) => {\r\n this.datum_info = data.detail;\r\n }\r\n );\r\n },\r\n // 获取资料详情\r\n getDetail() {\r\n DatumService.getDatumItemInfo({ url_id: this.info.id }).then(\r\n ({ data }) => {\r\n data.detail[\"fileType\"] = getFileType(data.detail.url);\r\n this.previewable = INFORMATION_PREVIEWABLE_FILE_TYPE.includes(\r\n data.detail[\"fileType\"]\r\n );\r\n this.info = data.detail;\r\n this.$nextTick((_) => {\r\n this.$refs[\"comment\"].init(this.comment_option);\r\n });\r\n }\r\n );\r\n },\r\n // 订阅\r\n handleSwitch() {\r\n GeneralService.switchSet({ id: this.datum_info.id, type: 4 }).then(\r\n ({ data, msg }) => {\r\n this.datum_info.follow_switch = data.status;\r\n this.$message.success(msg);\r\n }\r\n );\r\n },\r\n // 跳转合集\r\n toCollection() {\r\n this.$router.push({\r\n path: \"/information-collection\",\r\n query: {\r\n id: this.datum_info.id,\r\n },\r\n });\r\n },\r\n // 跳转视频\r\n toVideoDetail() {\r\n this.$router.push({\r\n path: \"/video-details\",\r\n query: {\r\n id: this.info.video_id,\r\n videoArrId: this.info.video_item,\r\n },\r\n });\r\n },\r\n // 跳转图文\r\n toImageTextDetail() {\r\n if (this.info.article_item) {\r\n this.$router.push({\r\n path: \"/image-text-details\",\r\n query: {\r\n item_id: this.info.article_item,\r\n id: this.info.article_id,\r\n },\r\n });\r\n } else {\r\n this.$router.push({\r\n path: \"/image-text-collection\",\r\n query: {\r\n id: this.info.article_id,\r\n },\r\n });\r\n }\r\n },\r\n // 评论\r\n handleComment() {\r\n this.visible = true;\r\n },\r\n // 点赞\r\n handleLike() {\r\n DatumService.datumTags({\r\n datum_id: this.datum_info.id,\r\n url_id: this.info.id,\r\n }).then(({ data, msg }) => {\r\n this.info.is_praise = data.tags;\r\n this.info.praise_num = data.tags\r\n ? Number(this.info.praise_num) + 1\r\n : Number(this.info.praise_num) - 1;\r\n this.$message.success(msg);\r\n });\r\n },\r\n // 收藏\r\n handleCollect() {\r\n DatumService.datumCollect({\r\n datum_id: this.datum_info.id,\r\n url_id: this.info.id,\r\n }).then(({ data, msg }) => {\r\n this.info.is_collect = data.status;\r\n this.$message.success(msg);\r\n });\r\n },\r\n // 分享---统计分享量\r\n handleForward() {\r\n DatumService.datumTransmit({\r\n datum_id: this.datum_info.id,\r\n url_id: this.info.id,\r\n }).then(\r\n (_) => (this.info.transmit_num = Number(this.info.transmit_num) + 1)\r\n );\r\n },\r\n // 举报\r\n handleReport() {\r\n this.reportVisible = true;\r\n },\r\n // 通知\r\n handleNotice() {\r\n GeneralService.switchSet({ id: this.info.id, type: 9 }).then(\r\n ({ data, msg }) => {\r\n this.info.switch_open = data.status;\r\n this.$message.success(msg);\r\n }\r\n );\r\n },\r\n // 预览\r\n handleView() {\r\n if (!this.previewable) return (this.viewerVisible = true);\r\n this.$router.push({\r\n name: \"information-details-content\",\r\n params: {\r\n datum_info: this.datum_info,\r\n previewable: this.previewable,\r\n info: this.info,\r\n },\r\n });\r\n },\r\n // 下载---统计下载量\r\n handleDownload() {\r\n let url = this.info.url;\r\n if (this.info.is_down && this.info.is_encrypt) {\r\n url = OSS_URL + this.urlInfo.pdf_clear;\r\n }\r\n DatumService.datumDownload({\r\n datum_id: this.info.datum_id,\r\n url_id: this.info.id,\r\n }).then(() => {\r\n downloadLocalFile(url, this.info.title);\r\n });\r\n },\r\n // 统计阅读量\r\n handleRead() {\r\n DatumService.datumRead({ url_id: this.info.id });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrap {\r\n width: 70%;\r\n margin: 0 auto;\r\n min-width: 800px;\r\n padding-top: 20px;\r\n position: relative;\r\n .title {\r\n padding: 30px;\r\n background-color: white;\r\n }\r\n .content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: white;\r\n justify-content: center;\r\n height: 400px;\r\n width: 100%;\r\n div {\r\n width: 160px;\r\n height: 45px;\r\n box-shadow: 0px 2px 0px 0px rgba(5, 145, 255, 0.1);\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-align: center;\r\n line-height: 45px;\r\n cursor: pointer;\r\n }\r\n .view {\r\n background: #1677ff;\r\n border: 1px solid transparent;\r\n color: #ffffff;\r\n }\r\n .download {\r\n margin-top: 20px;\r\n border: 1px solid #2a63f3;\r\n color: #2a63f3;\r\n }\r\n }\r\n .vip-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: white;\r\n justify-content: center;\r\n height: 400px;\r\n width: 100%;\r\n .tips {\r\n width: 220px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #333333;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n .btn {\r\n width: 160px;\r\n height: 45px;\r\n background: #ebd793;\r\n border-radius: 10px;\r\n text-align: center;\r\n line-height: 45px;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #553d0e;\r\n cursor: pointer;\r\n }\r\n }\r\n .comment {\r\n margin-top: 30px;\r\n padding: 10px 30px 30px 30px;\r\n background-color: white;\r\n }\r\n .interactive {\r\n position: fixed;\r\n top: 100px;\r\n right: calc(15% - 100px);\r\n }\r\n @media (max-width: 1105px) {\r\n .interactive {\r\n position: absolute;\r\n top: 20px;\r\n left: 860px;\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!./information-details.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!./information-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./information-details.vue?vue&type=template&id=208c5890&scoped=true&\"\nimport script from \"./information-details.vue?vue&type=script&lang=js&\"\nexport * from \"./information-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./information-details.vue?vue&type=style&index=0&id=208c5890&prod&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 \"208c5890\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
|
