{"version":3,"sources":["webpack:///./src/components/files/Upload.vue?db2c","webpack:///./src/views/screens/briefings/BriefingsConclusionEdit.vue?e6cc","webpack:///src/views/screens/briefings/BriefingsConclusionEdit.vue","webpack:///./src/views/screens/briefings/BriefingsConclusionEdit.vue?8358","webpack:///./src/views/screens/briefings/BriefingsConclusionEdit.vue","webpack:///./src/components/files/Upload.vue?ceb6","webpack:///src/components/files/Upload.vue","webpack:///./src/components/files/Upload.vue?3c08","webpack:///./src/components/files/Upload.vue","webpack:///./src/views/screens/briefings/BriefingsConclusionEdit.vue?53b0"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","directives","name","rawName","value","expression","model","callback","$$v","inputContent","_s","errors","first","inputYear","inputMonth","on","$event","displayUploadDialog","attachments","files","length","staticStyle","_e","file_columns","listFiles","enabled","scopedSlots","_u","key","fn","props","column","field","modifiers","row","file_path","removeFile","slot","$router","back","update","proxy","$refs","uploadDialog","uploadFiles","uploadDone","dialog","$set","ref","staticRenderFns","error","text","response","message","component","type","size","onBeforeDelete","filesSelected","fileRecords","item","data","fileIds","join"],"mappings":"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","file":"js/chunk-91b38af2.746c8216.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!./Upload.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"briefings-conclusion-edit\"}},[_c('CCard',[_c('CCardHeader',[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Cập nhật kết luận giao ban\")])]),_c('CCardBody',[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"12\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Tên báo cáo\",\"name\":\"Tên báo cáo\"},model:{value:(_vm.inputContent),callback:function ($$v) {_vm.inputContent=$$v},expression:\"inputContent\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Tên báo cáo\")))])],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"3\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"type\":\"number\",\"label\":\"Năm\",\"name\":\"Năm\"},model:{value:(_vm.inputYear),callback:function ($$v) {_vm.inputYear=$$v},expression:\"inputYear\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Năm\")))])],1),_c('CCol',{attrs:{\"md\":\"3\"}},[_c('CSelect',{attrs:{\"value\":_vm.inputMonth,\"label\":\"Tháng\",\"options\":[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]},on:{\"update:value\":function($event){_vm.inputMonth=$event}}})],1),_c('CCol',{attrs:{\"md\":\"3\"}},[_c('span',[_vm._v(\"File đính kèm (*)\")]),_c('vs-button',{staticClass:\"mt-2 ml-0\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":_vm.displayUploadDialog}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Chọn files\")]),(this.attachments.files.length > 0)?_c('span',{staticClass:\"small\",staticStyle:{\"color\":\"#2eb85c\"}},[_vm._v(\"Đã tải lên \"+_vm._s(this.attachments.files.length)+\" tệp tin\")]):_vm._e()],1)],1),_c('CRow',[_c('CCol',{staticClass:\"mb-2\",attrs:{\"sm\":\"12\"}},[_c('span',[_vm._v(\"File đính kèm hiện tại\")])])],1),_c('vue-good-table',{attrs:{\"columns\":_vm.file_columns,\"rows\":_vm.listFiles,\"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_path,\"target\":\"_blank\"}},[_c('span',[_c('i',{staticClass:\"bx bx-download\"})])])],1),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.removeFile(props.row)}}},[_c('i',{staticClass:\"bx bx-x\"})])],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 \")])])],1),_c('CCardFooter',[_c('CRow',[_c('CCol',{attrs:{\"md\":\"12\"}},[_c('div',{staticClass:\"text-center\"},[_c('vs-button',{staticClass:\"d-inline custom_btn_search\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.$router.back()}}},[_c('i',{staticClass:\"bx bx-left-arrow-alt\"}),_vm._v(\"  Quay lại\")]),_c('vs-button',{staticClass:\"d-inline\",attrs:{\"square\":\"\"},on:{\"click\":_vm.update}},[_c('i',{staticClass:\"bx bxs-save\"}),_vm._v(\"  Cập nhật\")])],1)])],1)],1)],1),_c('vs-dialog',{attrs:{\"prevent-close\":\"\",\"width\":\"600px\",\"scroll\":\"\",\"overflow-hidden\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_c('b',[_vm._v(\"Tải lên\")])])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"con-footer flex flex-end\"},[_c('vs-button',{attrs:{\"square\":\"\",\"success\":\"\"},on:{\"click\":function($event){return _vm.$refs.uploadDialog.uploadFiles()}}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Bắt đầu tải\")]),_c('vs-button',{attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":_vm.uploadDone}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"   Xong\")])],1)]},proxy:true}]),model:{value:(_vm.dialog.active),callback:function ($$v) {_vm.$set(_vm.dialog, \"active\", $$v)},expression:\"dialog.active\"}},[_c('UploadFile',{ref:\"uploadDialog\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst api = ClientFactory.get(\"briefings\");\r\nimport UploadFile from '../../../components/files/Upload.vue';\r\nimport { VueGoodTable } from \"vue-good-table\";\r\n\r\nexport default {\r\n    components: {\r\n        UploadFile,\r\n        VueGoodTable\r\n    },\r\n    data() {\r\n        return {\r\n            dataModel: \"\",\r\n            inputContent: \"\",\r\n            inputYear: new Date().getFullYear(),\r\n            inputMonth: new Date().getMonth() + 1,\r\n            inputFile: null,\r\n            dialog: {\r\n                active: false\r\n            },\r\n            attachments: {\r\n                files: [],\r\n            },\r\n            listFiles:[]\r\n        };\r\n    },\r\n    methods: {\r\n        ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n        async update() {\r\n            this.$validator.validateAll();\r\n            if (!this.validator()) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: \"Dữ liệu không hợp lệ.\",\r\n                });\r\n            }\r\n            \r\n            \r\n            this.dataModel.content = this.inputContent;\r\n            this.dataModel.briefings_year = this.inputYear;\r\n            this.dataModel.briefings_month = this.inputMonth;\r\n\r\n            let attachmentIds = this.listFiles.map(f => {\r\n                return f.id\r\n            })\r\n            attachmentIds = attachmentIds.concat(this.attachments.files)\r\n            this.dataModel.file_id = attachmentIds;\r\n            if(attachmentIds.length == 0) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: 'Tệp tin đính kèm là bắt buộc',\r\n                });\r\n            }\r\n            this.loading(this.$vs);\r\n\r\n            let response = await api.updConclusion(this.dataModel);\r\n            if (\r\n                typeof response.error !== \"undefined\" ||\r\n                response.data.status === \"failed\"\r\n            ) {\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    error: true,\r\n                    text: response.error || response.data.message,\r\n                });\r\n            } else {\r\n                this.$router.back();\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    text: \"Cập nhật dữ liệu thành công\",\r\n                });\r\n            }\r\n        },\r\n        validator() {\r\n            return (\r\n                !this.errors.any() &&\r\n                this.inputContent !== \"\" &&\r\n                this.inputYear !== \"\"\r\n            );\r\n        },\r\n        displayUploadDialog() {\r\n            this.dialog.active = true;\r\n        },\r\n        uploadDone() {\r\n            this.dialog.active = false;\r\n            this.attachments.files = this.attachments.files.concat(this.$refs.uploadDialog.fileIds.map(f=> parseInt(f)));\r\n        },\r\n        removeFile(file) {\r\n            this.listFiles = this.listFiles.filter(f => f.id !== file.id)\r\n        },\r\n    },\r\n    async created() {\r\n        let id = this.$route.params.id;\r\n        this.loading(this.$vs);\r\n        let response = await api.searchConclusion(id, \"\", \"\");\r\n        if (\r\n            typeof response.error !== \"undefined\" ||\r\n            response.status === \"failed\"\r\n        ) {\r\n            this.closeLoading();\r\n            this.notify({\r\n                error: true,\r\n                text: response.error || response.message,\r\n            });\r\n            return this.$router\r\n                .push(\"/briefingsconclusion/list/\")\r\n                .catch(() => {});\r\n        }\r\n        this.dataModel = response.data.data[0];\r\n        this.inputContent = this.dataModel.content;\r\n        this.inputYear = this.dataModel.briefings_year;\r\n        this.inputMonth = this.dataModel.briefings_month;\r\n\r\n        this.listFiles = (await api.getfileConclusion(id)).data;\r\n        this.closeLoading();\r\n    },\r\n    destroyed() {\r\n        this.closeLoading();\r\n    },\r\n    computed: {\r\n        file_columns() {\r\n            return [\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    },\r\n};\r\n</script>\r\n<template>\r\n    <div id='briefings-conclusion-edit'>\r\n        <CCard>\r\n            <CCardHeader>\r\n                <span class=\"card-header-title\">Cập nhật kết luận giao ban</span>\r\n            </CCardHeader>\r\n            <CCardBody>\r\n                <CRow class=\"mb-2\">\r\n                    <CCol md=\"12\">\r\n                        <CInput\r\n                            v-model=\"inputContent\"\r\n                            label=\"Tên báo cáo\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Tên báo cáo\"\r\n                        />\r\n                        <span class=\"text-danger text-sm\">{{\r\n                            errors.first(\"Tên báo cáo\")\r\n                        }}</span>\r\n                    </CCol>\r\n                </CRow>\r\n                <CRow class=\"mb-2\">\r\n                    <CCol md=\"3\">\r\n                        <CInput\r\n                            v-model=\"inputYear\"\r\n                            type=\"number\"\r\n                            label=\"Năm\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Năm\"\r\n                        />\r\n                        <span class=\"text-danger text-sm\">{{\r\n                            errors.first(\"Năm\")\r\n                        }}</span>\r\n                    </CCol>\r\n                    <CCol md=\"3\">\r\n                        <CSelect\r\n                            :value.sync=\"inputMonth\"\r\n                            label=\"Tháng\"\r\n                            :options=\"[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\"\r\n                        />\r\n                    </CCol>\r\n                    <CCol md=\"3\">\r\n                        <span>File đính kèm (*)</span>\r\n\t\t\t\t\t\t<vs-button class=\"mt-2 ml-0\" square danger @click=\"displayUploadDialog\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Chọn files</vs-button>\r\n\t\t\t\t\t\t<span v-if=\"this.attachments.files.length > 0\" style=\"color: #2eb85c\" class=\"small\">Đã tải lên {{this.attachments.files.length}} tệp tin</span>\r\n                    </CCol>\r\n                </CRow>\r\n                <CRow>\r\n                    <CCol sm=\"12\" class=\"mb-2\"><span>File đính kèm hiện tại</span></CCol>\r\n                </CRow>\r\n\t\t\t\t<vue-good-table\r\n                        :columns=\"file_columns\"\r\n                        :rows=\"listFiles\"\r\n                        :sort-options=\"{\r\n                            enabled: false,\r\n                        }\"\r\n                >\r\n\t\t\t\t\t<div slot=\"emptystate\" style=\"margin-top: 10px; margin-bottom: 10px\">\r\n\t\t\t\t\t\tKhông có dữ liệu\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<template slot=\"table-row\" slot-scope=\"props\" >\r\n\t\t\t\t\t\t<div v-if=\"props.column.field === 'action'\" class=\"row\">\r\n\t\t\t\t\t\t\t<vs-button v-b-tooltip.hover transparent circle icon>\r\n\t\t\t\t\t\t\t\t<CLink :href=\"props.row.file_path\" target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<span><i class=\"bx bx-download\"></i></span>\r\n\t\t\t\t\t\t\t\t</CLink>\r\n\t\t\t\t\t\t\t</vs-button>\r\n\t\t\t\t\t\t\t<vs-button v-b-tooltip.hover transparent circle icon danger @click=\"removeFile(props.row)\"><i class='bx bx-x'></i></vs-button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</template>\r\n                </vue-good-table>\r\n                \r\n            </CCardBody>\r\n            <CCardFooter>\r\n                <CRow>\r\n                    <CCol md=\"12\">\r\n                        <div class=\"text-center\">\r\n                            <vs-button\r\n                                class=\"d-inline custom_btn_search\"\r\n                                square\r\n                                danger\r\n                                @click=\"$router.back()\"\r\n                                ><i class='bx bx-left-arrow-alt'></i>&nbsp; Quay lại</vs-button\r\n                            >\r\n                            <vs-button class=\"d-inline\" square @click=\"update\"\r\n                                ><i class='bx bxs-save'></i>&nbsp; Cập nhật</vs-button\r\n                            >\r\n                        </div>\r\n                    </CCol>\r\n                </CRow>\r\n            </CCardFooter>\r\n        </CCard>\r\n        <vs-dialog prevent-close width=\"600px\" scroll overflow-hidden v-model=\"dialog.active\">\r\n            <template #header>\r\n                <h4 class=\"not-margin\">\r\n                <b>Tải lên</b>\r\n                </h4>\r\n            </template>\r\n            <UploadFile ref=\"uploadDialog\"/>\r\n            <template #footer>\r\n                <div class=\"con-footer flex flex-end\">\r\n                    <vs-button square success @click=\"$refs.uploadDialog.uploadFiles()\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Bắt đầu tải</vs-button>\r\n                    <vs-button square danger @click=\"uploadDone\"><i class=\"bx bx-save\"></i> &nbsp; Xong</vs-button>\r\n                </div>\r\n            </template>\r\n        </vs-dialog>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    #briefings-conclusion-edit {\r\n        .form-control-file {\r\n            margin-top: 5px;\r\n        }\r\n        .vgt-responsive {\r\n\t\t\toverflow-x: inherit;\r\n\t\t}\r\n\t\ttable.vgt-table td {\r\n\t\t\tvertical-align: inherit;\r\n\t\t\tpadding: 0em 0.75em 0em 0.75em;\r\n\t\t}\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!./BriefingsConclusionEdit.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!./BriefingsConclusionEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BriefingsConclusionEdit.vue?vue&type=template&id=3272ade2&\"\nimport script from \"./BriefingsConclusionEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./BriefingsConclusionEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BriefingsConclusionEdit.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"upload-file-component\"},[_c('VueFileAgent',{ref:\"vueFileAgent\",attrs:{\"theme\":'list',\"multiple\":true,\"deletable\":true,\"maxSize\":'50MB',\"maxFiles\":10,\"helpText\":'Click vào đây để chọn file tải lên',\"errorText\":{\n            type: 'Loại file không được hỗ trợ',\n            size: 'Kích thước file tải lên quá lớn, vượt giới hạn 100 MB',\n        }},on:{\"beforedelete\":function($event){return _vm.onBeforeDelete($event)},\"select\":function($event){return _vm.filesSelected($event)}},model:{value:(_vm.fileRecords),callback:function ($$v) {_vm.fileRecords=$$v},expression:\"fileRecords\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapState } from \"vuex\";\r\nimport Client from \"../../api/AxiosClient\";\r\n\r\nexport default {\r\n    data: () => ({\r\n        fileRecords: [],\r\n        fileRecordsForUpload: [], // maintain an upload queue\r\n        uploadUrl: `${Client.defaults.baseURL}/private/files`,\r\n        uploadHeaders: { 'x-access-token': localStorage.getItem('accessToken') ? localStorage.getItem('accessToken').toString() : ''},\r\n        fileIds: []\r\n\r\n    }),\r\n    methods: {\r\n        async uploadFiles() {\r\n            this.$refs.vueFileAgent.upload(this.uploadUrl, this.uploadHeaders, this.fileRecordsForUpload, function createFormData(fileData){\r\n                var formData = new FormData();\r\n                formData.append('files', fileData.file); // this is important! - the actual file for upload\r\n                return formData; // edit: fixed. Thanks to Chauhan-Nitesh for the comment below\r\n            }).then(response => {\r\n                this.fileIds = response.map(item => {\r\n                    return item.data.fileIds.join(',')\r\n                })\r\n                \r\n            }).catch(e => {\r\n                console.log(e)\r\n            });\r\n           \r\n        },\r\n        onBeforeDelete: function (fileRecord) {\r\n            var i = this.fileRecordsForUpload.indexOf(fileRecord);\r\n            if (i !== -1) {\r\n            // queued file, not yet uploaded. Just remove from the arrays\r\n            this.fileRecordsForUpload.splice(i, 1);\r\n            var k = this.fileRecords.indexOf(fileRecord);\r\n            if (k !== -1) this.fileRecords.splice(k, 1);\r\n            } else {\r\n                this.$refs.vueFileAgent.deleteFileRecord(fileRecord); // will trigger 'delete' event\r\n            }\r\n        },\r\n        filesSelected: function (fileRecordsNewlySelected) {\r\n            var validFileRecords = fileRecordsNewlySelected.filter((fileRecord) => !fileRecord.error);\r\n            this.fileRecordsForUpload = this.fileRecordsForUpload.concat(validFileRecords);\r\n        },\r\n        done: function() {\r\n            console.log('done')\r\n            console.log(this.fileIds)\r\n        }\r\n\r\n    },\r\n    computed: {\r\n        ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n    },\r\n    \r\n}\r\n</script>\r\n<template>\r\n    <div class=\"upload-file-component\">\r\n        <VueFileAgent\r\n            ref=\"vueFileAgent\"\r\n            :theme=\"'list'\"\r\n            :multiple=\"true\"\r\n            :deletable=\"true\"\r\n            :maxSize=\"'50MB'\"\r\n            :maxFiles=\"10\"\r\n            :helpText=\"'Click vào đây để chọn file tải lên'\"\r\n            :errorText=\"{\r\n                type: 'Loại file không được hỗ trợ',\r\n                size: 'Kích thước file tải lên quá lớn, vượt giới hạn 100 MB',\r\n            }\"\r\n            @beforedelete=\"onBeforeDelete($event)\"\r\n            @select=\"filesSelected($event)\"\r\n            v-model=\"fileRecords\"\r\n        />\r\n        <!-- <CRow class=\"center\">\r\n            <vs-button square success :disabled=\"!fileRecordsForUpload.length\" @click=\"uploadFiles()\"><i class=\"bx bx-save\"></i> &nbsp; Bắt đầu tải {{ fileRecordsForUpload.length }} files</vs-button>\r\n            <vs-button square danger @click=\"done\"><i class=\"bx bx-save\"></i> &nbsp; Xong</vs-button>\r\n        </CRow> -->\r\n        \r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .upload-file-component {\r\n        .vue-file-agent .file-progress.file-progress-done {\r\n            width: calc(100% - 55px) !important;\r\n            border-radius: 0;\r\n        }\r\n        .vue-file-agent.file-input-wrapper {\r\n            min-height: 200px;\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!./Upload.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!./Upload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Upload.vue?vue&type=template&id=17df494b&\"\nimport script from \"./Upload.vue?vue&type=script&lang=js&\"\nexport * from \"./Upload.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Upload.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","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!./BriefingsConclusionEdit.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}