{"version":3,"sources":["webpack:///./src/views/screens/revenues_pay/payDetail.vue?72eb","webpack:///./src/views/screens/revenues_pay/payDetail.vue?130f","webpack:///src/views/screens/revenues_pay/payDetail.vue","webpack:///./src/views/screens/revenues_pay/payDetail.vue?45db","webpack:///./src/views/screens/revenues_pay/payDetail.vue"],"names":["render","this$1","this","_vm","_h","$createElement","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","expression","typeReports","body","report_type","on","$event","$set","day","month","year","model","callback","$$v","units","unit","columns","dataBody","enabled","placeholder","scopedSlots","_u","key","fn","props","column","field","months","years","_e","file_columns","file_data","modifiers","row","file_url","staticStyle","slot","$router","go","status","updateStatus","staticRenderFns","file_id","file","file_type_id","file_type_name","file_name","file_path","component"],"mappings":"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","file":"js/chunk-67731272.6f567ea9.js","sourcesContent":["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!./payDetail.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {\nvar this$1 = this;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"edit-pay-container\"},[_c('CCard',{staticClass:\"mb-12\",attrs:{\"title\":\"Chi ngân sách\"}},[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Chi tiết báo cáo chi ngân sách\")])]),_c('CCardBody',[_c('CRow',[_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"3\"}},[_c('CSelect',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Loại báo cáo (*)\",\"name\":\"Loại báo cáo\",\"options\":_vm.typeReports,\"value\":_vm.body.report_type,\"disabled\":\"\"},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"report_type\", $event)}}})],1),_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"3\"}},[_c('span',[_vm._v(\"Ngày công bố *\")]),_c('b-form-datepicker',{staticClass:\"mb-2 mt-2\",attrs:{\"id\":\"datepicker\",\"locale\":\"vi\",\"placeholder\":\"Ngày công bố\",\"date-format-options\":{\n                        day: '2-digit',\n                        month: '2-digit',\n                        year: 'numeric',\n                    },\"hide-header\":true,\"label-help\":\"\",\"value-as-date\":true,\"disabled\":\"\"},model:{value:(_vm.body.public_date),callback:function ($$v) {_vm.$set(_vm.body, \"public_date\", $$v)},expression:\"body.public_date\"}})],1),_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"2\"}},[_c('CSelect',{attrs:{\"label\":\"Đơn vị\",\"options\":_vm.units,\"value\":_vm.body.unit,\"disabled\":\"\"},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"unit\", $event)}}})],1)],1),_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.dataBody,\"compactMode\":\"\",\"pagination-options\":{\n                    \n                },\"search-options\":{\n                    enabled: false,\n                    placeholder: 'Tìm kiếm',\n                },\"sort-options\":{\n                    enabled: false,\n                }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'report_name')?_c('div',[_c('CInput',{attrs:{\"placeholder\":\"Điền tên báo cáo thu ngân sách\",\"name\":\"Tên báo cáo\",\"disabled\":\"\"},model:{value:(_vm.body.report_name),callback:function ($$v) {_vm.$set(_vm.body, \"report_name\", $$v)},expression:\"body.report_name\"}})],1):(props.column.field === 'month')?_c('div',[_c('CSelect',{attrs:{\"name\":\"Tháng\",\"options\":_vm.months,\"value\":_vm.body.month,\"disabled\":\"\"},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"month\", $event)}}})],1):(props.column.field === 'year')?_c('div',[_c('CSelect',{attrs:{\"options\":_vm.years,\"name\":\"Năm\",\"value\":_vm.body.year,\"disabled\":\"\"},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"year\", $event)}}})],1):(props.column.field === 'localbudget_pay')?_c('div',[_c('CInput',{attrs:{\"name\":\"Chi cân đối NS địa phương\",\"disabled\":\"\"},model:{value:(_vm.body.localbudget_pay),callback:function ($$v) {_vm.$set(_vm.body, \"localbudget_pay\", $$v)},expression:\"body.localbudget_pay\"}})],1):(props.column.field === 'other_pay')?_c('div',[_c('CInput',{attrs:{\"name\":\"Chi CT MTQG,DA, nhiệm vụ khác\",\"disabled\":\"\"},model:{value:(_vm.body.other_pay),callback:function ($$v) {_vm.$set(_vm.body, \"other_pay\", $$v)},expression:\"body.other_pay\"}})],1):_vm._e()]}}])}),_c('CRow',{staticClass:\"mt-4\"},[_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"12\"}},[_c('span',[_vm._v(\"File đính kèm\")])])],1),_c('vue-good-table',{staticClass:\"file-table\",attrs:{\"columns\":_vm.file_columns,\"rows\":_vm.file_data,\"sort-options\":{\n                        enabled: false,\n                    }},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',{staticClass:\"row\"},[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\"}},[_c('CLink',{attrs:{\"href\":props.row.file_url,\"target\":\"_blank\"}},[_c('span',[_c('i',{staticClass:\"bx bx-download\"})])])],1)],1):_vm._e()]}}])},[_c('div',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"},attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])]),_c('CRow',{staticClass:\"mb-2 mt-4\"},[_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('CTextarea',{attrs:{\"multiple\":\"true\",\"label\":\"Ghi chú\",\"placeholder\":\"Điền nội dung ghi chú cho báo cáo\",\"disabled\":\"\"},model:{value:(_vm.body.note),callback:function ($$v) {_vm.$set(_vm.body, \"note\", $$v)},expression:\"body.note\"}})],1)],1)],1),_c('CCardFooter',[_c('CRow',[_c('CCol',{staticClass:\"center\",attrs:{\"sm\":\"12\"}},[_c('vs-button',{staticClass:\"custom_btn_search\",attrs:{\"square\":\"\"},on:{\"click\":function () {this$1.$router.go(-1);}}},[_c('i',{staticClass:\"bx bx-left-arrow-alt\"}),_vm._v(\"   Quay lại\")]),(_vm.body.status == 1)?_c('vs-button',{attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":_vm.updateStatus}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"   Ngừng sử dụng\")]):_vm._e(),((_vm.body.status == 0 || _vm.body.status == 2))?_c('vs-button',{attrs:{\"success\":\"\",\"square\":\"\"},on:{\"click\":_vm.updateStatus}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"   Sử dụng\")]):_vm._e()],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport moment from \"moment\";\r\nconst dropdownsApi = ClientFactory.get(\"dropdowns\");\r\nconst paysApi = ClientFactory.get(\"pays\");\r\nimport Datepicker from \"vuejs-datepicker\";\r\nimport { vi } from \"vuejs-datepicker/dist/locale\";\r\nimport UploadFile from '../../../components/files/Upload.vue';\r\nimport { VueGoodTable } from \"vue-good-table\";\r\nexport default {\r\n    components: {\r\n        Datepicker,\r\n        UploadFile,\r\n        VueGoodTable\r\n    },\r\n    data: () => ({\r\n        datepicker: {\r\n            lang: {\r\n                vi: vi,\r\n            },\r\n        },\r\n        body: {\r\n            report_name: \"\",\r\n            report_type: 2,\r\n            year: new Date().getFullYear(),\r\n            month: new Date().getMonth() + 1,\r\n            form_name:\"\",\r\n            circulars_number: \"\",\r\n            public_date: new Date(),\r\n            localbudget_pay: \"\",\r\n            unit_localbudget: \"triệu đồng\",\r\n            other_pay: \"\",\r\n            unit_other: \"triệu đồng\",\r\n            note: \"\",\r\n            unit: \"triệu đồng\"\r\n\r\n        },\r\n        years:[],\r\n        dialog: {\r\n            active: false,\r\n            type: \"\"\r\n        },\r\n        attachments: {\r\n            file_statistical: [],\r\n            file_other: [],\r\n            file_report: []\r\n        },\r\n        attachmentsFilesName: {\r\n            file_statistical: [],\r\n            file_other: [],\r\n            file_report: []\r\n        },\r\n        file_data: [],\r\n        dataBody:[{\r\n            month: 1\r\n        }]\r\n    }),\r\n    methods: {\r\n        ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n        async getReport(id) {\r\n            this.loading(this.$vs);\r\n            const response = await paysApi.get_pay({id: id });\r\n            await this.getAttachments(id);\r\n            if (response.status == \"success\") {\r\n                ({  id: this.body.id,\r\n                    report_name: this.body.report_name, \r\n                    report_type: this.body.report_type,\r\n                    year: this.body.year,\r\n                    month: this.body.month,\r\n                    form_name: this.body.form_name,\r\n                    circulars_number: this.body.circulars_number,\r\n                    public_date: this.body.public_date,\r\n\r\n                    localbudget_pay: this.body.localbudget_pay,\r\n                    unit_localbudget: this.body.unit,\r\n                    other_pay: this.body.other_pay,\r\n                    unit_other: this.body.unit,\r\n\r\n                    note: this.body.note,\r\n                    status: this.body.status\r\n                } = response.data[0]);\r\n\r\n                this.body.unit = Number(this.body.unit) || 2; // Chuyển đổi đơn vị sang kiểu số để hiển thị. 1: triệu đồng, 2: tỷ đồng\r\n                this.body.public_date = moment(this.body.public_date, \"DD/MM/YYYY\").toDate()\r\n            }\r\n            this.closeLoading();\r\n        },\r\n        async getAttachments(id) {\r\n            const result = await paysApi.get_pay_file({\r\n                report_id: id,\r\n                report_type: this.body.report_type\r\n            });\r\n\r\n            this.file_data = result.data.map(file => {\r\n                return {\r\n                    file_id: file.file_id,\r\n                    file_type_id: file.file_type_id,\r\n                    file_type_name: file.file_type_name,\r\n                    file_name: file.file_name,\r\n                    file_url: file.file_path,\r\n                }\r\n            })\r\n        },\r\n        /**\r\n         * Lọc những file theo kiểu file: file báo cáo, file thống kê hay file khác từ mảng tổng các files.\r\n         */\r\n        getListFileAsType(files, type) {\r\n            return files.filter(f => f.file_type_id === type).map(item=> item.file_id)\r\n        },\r\n        \r\n        async updateStatus() {\r\n            this.loading(this.$vs);\r\n            let result = await paysApi.syncPayReport({report_id: this.body.id});\r\n\r\n            if (typeof result.error !== \"undefined\" ||result.data.status === \"failed\" ||result.status === \"failed\") {\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    error: true,\r\n                    text: result.error || result.message,\r\n                });\r\n            } else {\r\n                this.closeLoading();\r\n                this.notify({\r\n                    text: result.data[0].error_message,\r\n                });\r\n                return this.$router.go(-1);\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n        typeReports() {\r\n            return [\r\n                {\r\n                    label: \"Thu ngân sách\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"Chi ngân sách\",\r\n                    value: 2,\r\n                },\r\n            ]\r\n        },\r\n        months() {\r\n            return [\r\n                {\r\n                    label: \"Tháng 1\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"Tháng 2\",\r\n                    value: 2,\r\n                },\r\n                {\r\n                    label: \"Tháng 3\",\r\n                    value: 3,\r\n                },\r\n                {\r\n                    label: \"Tháng 4\",\r\n                    value: 4,\r\n                },\r\n                {\r\n                    label: \"Tháng 5\",\r\n                    value: 5,\r\n                },\r\n                {\r\n                    label: \"Tháng 6\",\r\n                    value: 6,\r\n                },\r\n                {\r\n                    label: \"Tháng 7\",\r\n                    value: 7,\r\n                },\r\n                {\r\n                    label: \"Tháng 8\",\r\n                    value: 8,\r\n                },\r\n                {\r\n                    label: \"Tháng 9\",\r\n                    value: 9,\r\n                },\r\n                {\r\n                    label: \"Tháng 10\",\r\n                    value: 10,\r\n                },\r\n                {\r\n                    label: \"Tháng 11\",\r\n                    value: 11,\r\n                },\r\n                {\r\n                    label: \"Tháng 12\",\r\n                    value: 12,\r\n                },\r\n            ]\r\n        },\r\n        file_columns() {\r\n            return [\r\n                {\r\n                    label: \"Loại tệp báo cáo\",\r\n                    field: \"file_type_name\",\r\n                    thClass: \"emu-vgt-thead-th\",\r\n                    tdClass: \"emu-vgt-tbody-td\",\r\n                    width: \"200px\",\r\n                },\r\n                {\r\n                    label: \"Tên tệp tin\",\r\n                    field: \"file_name\",\r\n                    thClass: \"emu-vgt-thead-th\",\r\n                    tdClass: \"emu-vgt-tbody-td\",\r\n                },\r\n                {\r\n                    label: \"Hành động\",\r\n                    field: \"action\",\r\n                    thClass: \"emu-vgt-thead-th text-center width-status\",\r\n                    tdClass: \"emu-vgt-tbody-td text-center width-status\",\r\n                    width: \"100px\",\r\n                },\r\n            ]\r\n        },\r\n        columns() {\r\n            return [\r\n                {\r\n                    label: \"Tên báo cáo *\",\r\n                    field: \"report_name\",\r\n                    thClass: \"text-center\",\r\n                    width: \"200px\",\r\n                },\r\n                {\r\n                    label: \"Tháng *\",\r\n                    field: \"month\",\r\n                    thClass: \"text-center\",\r\n                    width: \"130px\",\r\n                },\r\n                {\r\n                    label: \"Năm *\",\r\n                    field: \"year\",\r\n                    thClass: \"text-center\",\r\n                    width: \"100px\",\r\n                },\r\n                {\r\n                    label: \"Chi cân đối NS địa phương\",\r\n                    field: \"localbudget_pay\",\r\n                    thClass: \"text-center\",\r\n                    tdClass: \"text-center\",\r\n                    width: \"150px\",\r\n                },\r\n                {\r\n                    label: \"Chi CT MTQG,DA,nhiệm vụ khác\",\r\n                    field: \"other_pay\",\r\n                    thClass: \"text-center\",\r\n                    tdClass: \"text-center\",\r\n                    width: \"150px\",\r\n                },\r\n            ]\r\n        },\r\n        units() {\r\n            return [\r\n                {\r\n                label: \"triệu đồng\",\r\n                value: 1,\r\n                },\r\n                {\r\n                label: \"tỷ đồng\",\r\n                value: 2,\r\n                },\r\n            ]\r\n        }\r\n    },\r\n    async created() {\r\n        this.years = await dropdownsApi.get(dropdownsApi.type.YEARS);\r\n        const reportId = this.$route.params.id || -1;\r\n        this.body.id = reportId;\r\n        this.getReport(reportId);\r\n    },\r\n    destroyed() {\r\n        this.closeLoading();\r\n    }\r\n    \r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"edit-pay-container\">\r\n        <CCard title=\"Chi ngân sách\" class=\"mb-12\">\r\n            <CCardHeader class=\"pt-1 pb-1\">\r\n                <span class=\"card-header-title\">Chi tiết báo cáo chi ngân sách</span>\r\n            </CCardHeader>\r\n            <CCardBody>\r\n                <CRow>\r\n                    <CCol sm=\"3\" class=\"mb-2\">\r\n                        <CSelect\r\n                            label=\"Loại báo cáo (*)\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Loại báo cáo\"\r\n                            :options=\"typeReports\"\r\n                            :value.sync=\"body.report_type\"\r\n                            disabled\r\n                        />\r\n                    </CCol>\r\n                    <CCol sm=\"3\" class=\"mb-2\">\r\n                        <span>Ngày công bố *</span>\r\n                        <b-form-datepicker\r\n                        id=\"datepicker\"\r\n                        v-model=\"body.public_date\"\r\n                        class=\"mb-2 mt-2\"\r\n                        locale=\"vi\"\r\n                        placeholder=\"Ngày công bố\"\r\n                        :date-format-options=\"{\r\n                            day: '2-digit',\r\n                            month: '2-digit',\r\n                            year: 'numeric',\r\n                        }\"\r\n                        :hide-header=\"true\"\r\n                        label-help=\"\"\r\n                        :value-as-date=\"true\"\r\n                        disabled\r\n                        />\r\n                    </CCol>\r\n                    <CCol sm=\"2\" class=\"mb-2\">\r\n                        <CSelect\r\n                            label=\"Đơn vị\"\r\n                            :options=\"units\"\r\n                            :value.sync=\"body.unit\"\r\n                            disabled\r\n                        />\r\n                    </CCol>\r\n                </CRow>\r\n\r\n                <vue-good-table\r\n                    :columns=\"columns\"\r\n                    :rows=\"dataBody\"\r\n                    compactMode\r\n                    :pagination-options=\"{\r\n                        \r\n                    }\"\r\n                    :search-options=\"{\r\n                        enabled: false,\r\n                        placeholder: 'Tìm kiếm',\r\n                    }\"\r\n                    :sort-options=\"{\r\n                        enabled: false,\r\n                    }\"\r\n                >\r\n                    <template slot=\"table-row\" slot-scope=\"props\">\r\n                        <div v-if=\"props.column.field === 'report_name'\">\r\n                            <CInput\r\n                            placeholder=\"Điền tên báo cáo thu ngân sách\"\r\n                            name=\"Tên báo cáo\"\r\n                            v-model=\"body.report_name\"\r\n                            disabled\r\n                            />\r\n                        </div>\r\n                        <div v-else-if=\"props.column.field === 'month'\">\r\n                            <CSelect\r\n                                name=\"Tháng\"\r\n                                :options=\"months\"\r\n                                :value.sync=\"body.month\"\r\n                                disabled\r\n                            />\r\n                        </div>\r\n                        <div v-else-if=\"props.column.field === 'year'\">\r\n                            <CSelect\r\n                                :options=\"years\"\r\n                                name=\"Năm\"\r\n                                :value.sync=\"body.year\"\r\n                                disabled\r\n                            />\r\n                        </div>\r\n                        <div v-else-if=\"props.column.field === 'localbudget_pay'\">\r\n                            <CInput\r\n                                name=\"Chi cân đối NS địa phương\"\r\n                                v-model=\"body.localbudget_pay\"\r\n                                disabled\r\n                            />\r\n                        </div>\r\n                        <div v-else-if=\"props.column.field === 'other_pay'\">\r\n                        <CInput\r\n                            name=\"Chi CT MTQG,DA, nhiệm vụ khác\"\r\n                            v-model=\"body.other_pay\"\r\n                            disabled\r\n                            />\r\n                        </div>\r\n                    </template>\r\n                </vue-good-table>\r\n                <CRow class=\"mt-4\">\r\n                    <CCol sm=\"12\" class=\"mb-2\"><span>File đính kèm</span></CCol>\r\n                </CRow>\r\n                <vue-good-table\r\n                        :columns=\"file_columns\"\r\n                        :rows=\"file_data\"\r\n                        :sort-options=\"{\r\n                            enabled: false,\r\n                        }\"\r\n                        class=\"file-table\"\r\n                    >\r\n                        <div slot=\"emptystate\" style=\"margin-top: 10px; margin-bottom: 10px\">\r\n                            Không có dữ liệu\r\n                        </div>\r\n                        <template slot=\"table-row\" slot-scope=\"props\">\r\n                            <div v-if=\"props.column.field === 'action'\" class=\"row\">\r\n                                <vs-button v-b-tooltip.hover transparent circle icon>\r\n                                    <CLink :href=\"props.row.file_url\" target=\"_blank\">\r\n                                        <span><i class=\"bx bx-download\"></i></span>\r\n                                    </CLink>\r\n                                </vs-button>\r\n                            </div>\r\n                        </template>\r\n                </vue-good-table>\r\n                <CRow class=\"mb-2 mt-4\">\r\n                    <CCol sm=\"12\">\r\n                        <CTextarea\r\n                        multiple=\"true\"\r\n                        label=\"Ghi chú\"\r\n                        placeholder=\"Điền nội dung ghi chú cho báo cáo\"\r\n                        v-model=\"body.note\"\r\n                        disabled\r\n                        />\r\n                    </CCol>\r\n                </CRow>\r\n            </CCardBody>\r\n            <CCardFooter>\r\n                <CRow>\r\n                    <CCol sm=\"12\" class=\"center\">\r\n                        <vs-button square class=\"custom_btn_search\" @click=\"() => {this.$router.go(-1);}\"><i class=\"bx bx-left-arrow-alt\"></i> &nbsp; Quay lại</vs-button>\r\n                        <vs-button v-if=\"body.status == 1\" square danger @click=\"updateStatus\"><i class=\"bx bx-save\"></i> &nbsp; Ngừng sử dụng</vs-button>\r\n                        <vs-button v-if=\"(body.status == 0 || body.status == 2)\" success square @click=\"updateStatus\"><i class=\"bx bx-save\"></i> &nbsp; Sử dụng</vs-button>\r\n                    </CCol>\r\n                </CRow>\r\n            </CCardFooter>\r\n        </CCard>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\">\r\n.edit-pay-container {\r\n    .file-table {\r\n        .vgt-responsive {\r\n            overflow-x: inherit;\r\n        }\r\n        table.vgt-table td {\r\n            vertical-align: inherit;\r\n            padding: 0em 0.75em 0em 0.75em;\r\n        }\r\n        table.vgt-table th {\r\n            font-weight: normal;\r\n        }\r\n    }\r\n    \r\n}\r\n    \r\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!./payDetail.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!./payDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payDetail.vue?vue&type=template&id=47112f06&\"\nimport script from \"./payDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./payDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payDetail.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"],"sourceRoot":""}