{"version":3,"sources":["webpack:///./src/components/doctor-consultation-price/index.vue?e9c0","webpack:///src/components/doctor-consultation-price/index.vue","webpack:///./src/components/doctor-consultation-price/index.vue?c92b","webpack:///./src/components/doctor-consultation-price/index.vue","webpack:///./src/views/consultation/clinic/detail.vue?5221","webpack:///src/views/consultation/clinic/detail.vue","webpack:///./src/views/consultation/clinic/detail.vue?a24a","webpack:///./src/views/consultation/clinic/detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_e","_v","value","length","_l","item","index","key","_s","directives","name","rawName","expression","class","validationErrors","has","domProps","on","$event","target","composing","$set","first","type","modifiers","_n","$forceUpdate","price","toFixed","deleteItem","addItem","itemsPriceTotal","totalPrice","staticRenderFns","component","_m","consultation","consultationId","startTime","doctorName","doctorHospitalOrClinic","model","callback","$$v","prescriptionList","doctorAdvice"],"mappings":"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","file":"js/chunk-ce80cf64.5e67049d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"data-vv-scope\":\"itemForm\"}},[_c('table',{staticClass:\"table table-bordered\"},[_c('colgroup',[_c('col',{attrs:{\"width\":\"50\"}}),_c('col',{attrs:{\"width\":\"300\"}}),_c('col'),_c('col',{attrs:{\"width\":\"150\"}}),(_vm.isConsultationInProgress)?_c('col',{attrs:{\"width\":\"100\"}}):_vm._e()]),_c('thead',[_c('th',[_vm._v(\"\\n                    #\\n                \")]),_c('th',[_vm._v(\"\\n                    Item type\\n                \")]),_c('th',[_vm._v(\"\\n                    Item Name\\n                \")]),_c('th',{staticClass:\"text-right\"},[_vm._v(\"\\n                    Price (RM)\\n                \")]),(_vm.isConsultationInProgress)?_c('th',[_vm._v(\"Delete\")]):_vm._e()]),_c('tbody',[(_vm.value.length===0)?_c('tr',[_c('td',{staticClass:\"text-center font-italic\",attrs:{\"colspan\":\"5\"}},[_vm._v(\"\\n                        No item added yet.\\n                    \")])]):_vm._e(),_vm._l((_vm.value),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(index + 1))]),_c('td',[(_vm.isConsultationInProgress)?[_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"},{name:\"model\",rawName:\"v-model\",value:(item.type),expression:\"item.type\"}],staticClass:\"form-control\",class:{\n                                'is-invalid':  _vm.validationErrors.has((\"itemForm.itenType\" + index))\n                            },attrs:{\"type\":\"text\",\"name\":(\"itenType\" + index),\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"item type\"},domProps:{\"value\":(item.type)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(item, \"type\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has((\"itemForm.itenType\" + index))),expression:\"validationErrors.has(`itemForm.itenType${index}`)\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.validationErrors.first((\"itemForm.itenType\" + index)))+\"\\n                            \")])]:_c('span',[_vm._v(\"\\n                            \"+_vm._s(item.type)+\"\\n                        \")])],2),_c('td',[(_vm.isConsultationInProgress)?[_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"},{name:\"model\",rawName:\"v-model\",value:(item.name),expression:\"item.name\"}],staticClass:\"form-control\",class:{\n                                'is-invalid':  _vm.validationErrors.has((\"itemForm.itemName\" + index))\n                            },attrs:{\"type\":\"text\",\"name\":(\"itemName\" + index),\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"item name\"},domProps:{\"value\":(item.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(item, \"name\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has((\"itemForm.itemName\" + index))),expression:\"validationErrors.has(`itemForm.itemName${index}`)\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.validationErrors.first((\"itemForm.itemName\" + index)))+\"\\n                            \")])]:_c('span',[_vm._v(\"\\n                            \"+_vm._s(item.name)+\"\\n                        \")])],2),_c('td',[(_vm.isConsultationInProgress)?[_c('input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|decimal:2|min_value:0.01'),expression:\"'required|decimal:2|min_value:0.01'\"},{name:\"model\",rawName:\"v-model.number\",value:(item.price),expression:\"item.price\",modifiers:{\"number\":true}}],staticClass:\"form-control text-right\",class:{\n                                    'is-invalid':  _vm.validationErrors.has((\"itemForm.itemPrice\" + index))\n                                },attrs:{\"type\":\"text\",\"name\":(\"itemPrice\" + index),\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"price\"},domProps:{\"value\":(item.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(item, \"price\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has((\"itemForm.itemPrice\" + index))),expression:\"validationErrors.has(`itemForm.itemPrice${index}`)\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.validationErrors.first((\"itemForm.itemPrice\" + index)))+\"\\n                            \")])]:_c('div',{staticClass:\"text-right\"},[_c('span',[_vm._v(\"\\n                            \"+_vm._s(item.price.toFixed(2))+\"\\n                        \")])])],2),(_vm.isConsultationInProgress)?_c('td',[_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.deleteItem(index)}}},[_vm._v(\"Delete\")])]):_vm._e()])}),(_vm.isConsultationInProgress)?_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_c('button',{staticClass:\"btn btn-primary btn-primary-insv\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.addItem}},[_vm._v(\"\\n                            Add New Item\\n                        \")])])]):_vm._e()],2),_c('tfoot',[_c('tr',[_c('th',{staticClass:\"text-right\",attrs:{\"colspan\":\"3\"}},[_vm._v(\"\\n                        Total Price (RM)\\n                    \")]),_c('td',{staticClass:\"text-right\"},[(_vm.isConsultationInProgress)?[_vm._v(\"\\n                            \"+_vm._s(_vm.itemsPriceTotal)+\"\\n                        \")]:[_vm._v(\"\\n                            \"+_vm._s(_vm.totalPrice.toFixed(2))+\"\\n                        \")]],2),(_vm.isConsultationInProgress)?_c('td'):_vm._e()])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <form data-vv-scope=\"itemForm\">\r\n            <table class=\"table table-bordered\">\r\n                <colgroup>\r\n                    <col width=\"50\">\r\n                    <col width=\"300\">\r\n                    <col>\r\n                    <col width=\"150\">\r\n                    <col width=\"100\" v-if=\"isConsultationInProgress\">\r\n                </colgroup>\r\n                <thead>\r\n                    <th>\r\n                        #\r\n                    </th>\r\n                    <th>\r\n                        Item type\r\n                    </th>\r\n                    <th>\r\n                        Item Name\r\n                    </th>\r\n                    <th class=\"text-right\">\r\n                        Price (RM)\r\n                    </th>\r\n                    <th v-if=\"isConsultationInProgress\">Delete</th>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-if=\"value.length===0\">\r\n                        <td colspan=\"5\" class=\"text-center font-italic\">\r\n                            No item added yet.\r\n                        </td>\r\n                    </tr>\r\n                    <tr v-for=\"(item, index) in value\" :key=\"index\">\r\n                        <td>{{ index + 1}}</td>\r\n                        <td>\r\n                            <template v-if=\"isConsultationInProgress\">\r\n                                <input type=\"text\" class=\"form-control\" :name=\"`itenType${index}`\" data-vv-validate-on=\"blur\" data-vv-as=\"item type\" v-validate=\"'required'\" v-model=\"item.type\" :class=\"{\r\n                                    'is-invalid':  validationErrors.has(`itemForm.itenType${index}`)\r\n                                }\">\r\n                                <div v-show=\"validationErrors.has(`itemForm.itenType${index}`)\" class=\"invalid-feedback\">\r\n                                    {{ validationErrors.first(`itemForm.itenType${index}`) }}\r\n                                </div>\r\n                            </template>\r\n                            <span v-else>\r\n                                {{ item.type }}\r\n                            </span>\r\n                        </td>\r\n                        <td>\r\n                            <template v-if=\"isConsultationInProgress\">\r\n                                <input type=\"text\" class=\"form-control\" :name=\"`itemName${index}`\" data-vv-validate-on=\"blur\" data-vv-as=\"item name\" v-validate=\"'required'\" v-model=\"item.name\" :class=\"{\r\n                                    'is-invalid':  validationErrors.has(`itemForm.itemName${index}`)\r\n                                }\">\r\n                                <div v-show=\"validationErrors.has(`itemForm.itemName${index}`)\" class=\"invalid-feedback\">\r\n                                    {{ validationErrors.first(`itemForm.itemName${index}`) }}\r\n                                </div>\r\n                            </template>\r\n                            <span v-else>\r\n                                {{ item.name }}\r\n                            </span>\r\n                        </td>\r\n                        <td>\r\n                            <template v-if=\"isConsultationInProgress\">\r\n                                <input type=\"text\" class=\"form-control text-right\" :name=\"`itemPrice${index}`\" data-vv-validate-on=\"blur\" data-vv-as=\"price\" v-validate=\"'required|decimal:2|min_value:0.01'\" v-model.number=\"item.price\" :class=\"{\r\n                                        'is-invalid':  validationErrors.has(`itemForm.itemPrice${index}`)\r\n                                    }\">\r\n                                <div v-show=\"validationErrors.has(`itemForm.itemPrice${index}`)\" class=\"invalid-feedback\">\r\n                                    {{ validationErrors.first(`itemForm.itemPrice${index}`) }}\r\n                                </div>\r\n                            </template>\r\n                            <div v-else class=\"text-right\">\r\n                            <span >\r\n                                {{ item.price.toFixed(2) }}\r\n                            </span>\r\n                            </div>\r\n                        </td>\r\n                        <td v-if=\"isConsultationInProgress\">\r\n                            <button type=\"button\" class=\"btn btn-danger\" @click=\"deleteItem(index)\">Delete</button>\r\n                        </td>\r\n                    </tr>\r\n                    <tr  v-if=\"isConsultationInProgress\">\r\n                        <td colspan=\"5\">\r\n                            <button type=\"button\" class=\"btn btn-primary btn-primary-insv\" @click=\"addItem\">\r\n                                Add New Item\r\n                            </button>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n                <tfoot>\r\n                    <tr>\r\n                        <th colspan=\"3\" class=\"text-right\">\r\n                            Total Price (RM)\r\n                        </th>\r\n                        <td class=\"text-right\">\r\n                            <template v-if=\"isConsultationInProgress\">\r\n                                {{itemsPriceTotal}}\r\n                            </template>\r\n                            <template v-else>\r\n                                {{totalPrice.toFixed(2)}}\r\n                            </template>\r\n                        </td>\r\n                        <td v-if=\"isConsultationInProgress\"></td>\r\n                    </tr>\r\n                </tfoot>\r\n            </table>\r\n        </form>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    'name': 'DoctorConsultationPrice',\r\n    'props': {\r\n        'isConsultationInProgress': {\r\n            'type': Boolean,\r\n            'default': false\r\n        },\r\n        'totalPrice': {\r\n            'type': Number,\r\n            'default': 0\r\n        },\r\n        'value': {\r\n            'type': Array,\r\n            'required': true\r\n        }\r\n    },\r\n    'computed': {\r\n        itemsPriceTotal () {\r\n            if (!this.validationErrors.any('itemForm')) {\r\n                if (this.isConsultationInProgress) {\r\n                    let items = this.value;\r\n\r\n                    let prices = items.map((i) => i.price);\r\n\r\n                    let total = prices.reduce((a, b) => {\r\n                        return a + b;\r\n                    }, 0);\r\n\r\n                    return total.toFixed(2);\r\n                }\r\n            }\r\n            return '-';\r\n        }\r\n    },\r\n    'methods': {\r\n        addItem () {\r\n            this.validateForm().then(() => {\r\n                if (this.value.length === 0) {\r\n                    this.value.push({\r\n                        'type': 'Delivery Cost',\r\n                        'name': 'Delivery Cost',\r\n                        'price': 0\r\n                    });\r\n                }\r\n\r\n                this.value.push({\r\n                    'type': 'Medication',\r\n                    'name': '',\r\n                    'price': 0\r\n                });\r\n            });\r\n        },\r\n        deleteItem (index) {\r\n            this.value.splice(index, 1);\r\n        },\r\n        validateForm () {\r\n            return this.$validator.validateAll('itemForm');\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\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=311003aa&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"display-heading\"},[_vm._v(\"Consultation Session\")]),_vm._m(0),_c('div',{staticClass:\"tab-content\",attrs:{\"id\":\"myTabContent\"}},[_c('div',{staticClass:\"tab-pane fade show active\",attrs:{\"id\":\"consultationDetails\",\"role\":\"tabpanel\"}},[_c('div',{staticClass:\"tab-content-wrapper\"},[_c('div',{staticClass:\"card mb-5\"},[_c('div',{staticClass:\"card-body\"},[_c('appointment-detail',{attrs:{\"participantNameDisplay\":\"Doctor Name\",\"isConsultation\":true,\"consultationId\":_vm.consultation.consultationId,\"appointmentDate\":_vm.consultation.startTime,\"appointmentParticipant\":_vm.consultation.doctorName,\"doctorClinicHospitalName\":_vm.consultation.doctorHospitalOrClinic,\"isPatient\":true}})],1)]),_c('div',[_c('div',{staticClass:\"card mb-5\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"mb-5\"},[_c('h5',{staticClass:\"mb-3\"},[_vm._v(\"Medication Details\")]),_c('div',[_c('prescription-detail',{attrs:{\"isEdit\":false,\"drugType\":2},model:{value:(_vm.prescriptionList),callback:function ($$v) {_vm.prescriptionList=$$v},expression:\"prescriptionList\"}})],1)])])]),_c('div',{staticClass:\"mb-5\"},[_c('h5',{staticClass:\"mb-3\"},[_vm._v(\"Consultation Details\")]),_c('div',[_c('label',[_vm._v(\"Doctor Advice\")]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.doctorAdvice)}})])])])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"nav nav-tabs nav-tabs-nowrap\",attrs:{\"id\":\"myTab\",\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"id\":\"consultation-details-tab\",\"data-toggle\":\"tab\",\"href\":\"#consultationDetails\",\"role\":\"tab\"}},[_vm._v(\"Consultation Details\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <h1 class=\"display-heading\">Consultation Session</h1>\r\n\r\n        <ul class=\"nav nav-tabs nav-tabs-nowrap\" id=\"myTab\" role=\"tablist\">\r\n            <li class=\"nav-item\">\r\n                <a\r\n                    class=\"nav-link active\"\r\n                    id=\"consultation-details-tab\"\r\n                    data-toggle=\"tab\"\r\n                    href=\"#consultationDetails\"\r\n                    role=\"tab\"\r\n                >Consultation Details</a>\r\n            </li>\r\n        </ul>\r\n\r\n        <div class=\"tab-content\" id=\"myTabContent\">\r\n            <div class=\"tab-pane fade show active\" id=\"consultationDetails\" role=\"tabpanel\">\r\n                <div class=\"tab-content-wrapper\">\r\n                    <div class=\"card mb-5\">\r\n                        <div class=\"card-body\">\r\n                            <appointment-detail\r\n                                participantNameDisplay=\"Doctor Name\"\r\n                                :isConsultation=\"true\"\r\n                                :consultationId=\"consultation.consultationId\"\r\n                                :appointmentDate=\"consultation.startTime\"\r\n                                :appointmentParticipant=\"consultation.doctorName\"\r\n                                :doctorClinicHospitalName=\"consultation.doctorHospitalOrClinic\"\r\n                                :isPatient=\"true\"\r\n                            ></appointment-detail>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <div class=\"card mb-5\">\r\n                            <div class=\"card-body\">\r\n\r\n                                <div class=\"mb-5\">\r\n                                    <h5 class=\"mb-3\">Medication Details</h5>\r\n                                    <div>\r\n                                        <prescription-detail\r\n                                            :isEdit=\"false\"\r\n                                            v-model=\"prescriptionList\"\r\n                                            :drugType=\"2\"\r\n                                        ></prescription-detail>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"mb-5\">\r\n                            <h5 class=\"mb-3\">Consultation Details</h5>\r\n                            <div>\r\n                                <label>Doctor Advice</label>\r\n                                <div class=\"card\">\r\n                                    <div class=\"card-body\">\r\n                                        <div v-html=\"doctorAdvice\"></div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport popupModal from '@/components/popup-modal';\r\nimport {\r\n    replaceLineBreakInHtml,\r\n    constructPrescriptionList\r\n} from '@/utilities';\r\nimport appointmentDetail from '@/components/appointment-detail';\r\nimport prescriptionDetail from '@/components/prescription';\r\nimport twilioVideo from '@/components/twilio-video';\r\nimport doctorConsultationPrice from '@/components/doctor-consultation-price';\r\nexport default {\r\n    'components': {\r\n        appointmentDetail,\r\n        prescriptionDetail,\r\n        twilioVideo,\r\n        doctorConsultationPrice,\r\n        popupModal\r\n    },\r\n    'computed': {\r\n        isCompanyUser () {\r\n            return this.$store.state.user.isCompanyUser;\r\n        },\r\n        consultationId () {\r\n            return this.$route.params.id;\r\n        },\r\n        doctorAdvice () {\r\n            return this.consultation.advice ? replaceLineBreakInHtml(this.consultation.advice) : 'NIL';\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            'form': {\r\n                'da': null,\r\n                'ea': null,\r\n                'la': null,\r\n                'm': null,\r\n                'ai': null,\r\n                'c': null\r\n            },\r\n            'consultation': {\r\n                'startTime': null,\r\n                'consultationId': null,\r\n                'participantName': null,\r\n                'participantIcNumber': null,\r\n                'doctorName': null,\r\n                'advice': null,\r\n                'type': 0,\r\n                'doctorHospitalOrClinic': ''\r\n            },\r\n            'prescriptionList': []\r\n        };\r\n    },\r\n    mounted () {\r\n        let id = this.$route.params.id;\r\n\r\n        if (id) {\r\n            this.axios\r\n                .get('Clinic/GetPatientConsultationDetail', {\r\n                    'params': {\r\n                        'consultationId': id\r\n                    }\r\n                })\r\n                .then(({ data }) => {\r\n                    // console.log(data);\r\n                    let consultation = data.data;\r\n\r\n                    this.consultation.startTime = consultation.st;\r\n                    this.consultation.consultationId = consultation.cis;\r\n                    this.consultation.advice = consultation.a;\r\n                    this.consultation.doctorName = consultation.dn\r\n                        ? consultation.dn\r\n                        : null;\r\n                    this.consultation.doctorHospitalOrClinic = consultation.cn\r\n                        ? consultation.cn\r\n                        : null;\r\n\r\n                    if (consultation.p && consultation.p.pil) {\r\n                        this.prescriptionList = constructPrescriptionList(consultation.p.pil);\r\n                    }\r\n                })\r\n                .catch(() => {});\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=629e29bd&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}