{"version":3,"sources":["webpack:///./src/views/screens/briefings/BriefingsReportCreate.vue?c1b2","webpack:///src/views/screens/briefings/BriefingsReportCreate.vue","webpack:///./src/views/screens/briefings/BriefingsReportCreate.vue?205e","webpack:///./src/views/screens/briefings/BriefingsReportCreate.vue","webpack:///./src/components/files/Upload.vue?db2c","webpack:///./src/views/screens/briefings/BriefingsReportCreate.vue?7793","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"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","directives","name","rawName","value","expression","model","callback","$$v","inputReportTitle","_s","errors","first","AppActiveUser","department_name","inputReportContent","inputYear","inputMonth","on","$event","day","month","year","inputReportDate","displayUploadDialog","attachments","files","length","staticStyle","_e","$router","back","create","scopedSlots","_u","key","fn","proxy","$refs","uploadDialog","uploadFiles","uploadDone","dialog","$set","ref","staticRenderFns","component","type","size","onBeforeDelete","filesSelected","fileRecords","item","data","fileIds","join"],"mappings":"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","file":"js/chunk-3dff5678.17a95ded.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"briefings-report-create\"}},[_c('CCard',[_c('CCardHeader',[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Thêm báo cáo trước giao ban\")])]),_c('CCardBody',[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"8\"}},[_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\",\"placeholder\":\"Điền tên báo cáo trước giao ban\"},model:{value:(_vm.inputReportTitle),callback:function ($$v) {_vm.inputReportTitle=$$v},expression:\"inputReportTitle\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Tên báo cáo\")))])],1),_c('CCol',{attrs:{\"md\":\"4\"}},[_c('CInput',{attrs:{\"label\":\"Phòng ban\",\"value\":this.AppActiveUser.department_name,\"readonly\":\"\"}})],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"12\"}},[_c('CTextarea',{attrs:{\"label\":\"Nội dung\",\"rows\":\"5\",\"placeholder\":\"Điền nội dung tóm tắt báo cáo trước giao ban\"},model:{value:(_vm.inputReportContent),callback:function ($$v) {_vm.inputReportContent=$$v},expression:\"inputReportContent\"}})],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"2\"}},[_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\":\"2\"}},[_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\":\"2\"}},[_c('label',{attrs:{\"for\":\"datepicker\"}},[_vm._v(\"Ngày nộp\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker\",\"locale\":\"vi\",\"placeholder\":\"Chọn ngày nộp\",\"date-format-options\":{ day: '2-digit', month: '2-digit', year: 'numeric' },\"hide-header\":true,\"label-help\":\"\",\"value-as-date\":true},model:{value:(_vm.inputReportDate),callback:function ($$v) {_vm.inputReportDate=$$v},expression:\"inputReportDate\"}})],1),_c('CCol',{attrs:{\"md\":\"2\"}},[_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)],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.create}},[_c('i',{staticClass:\"bx bxs-save\"}),_vm._v(\"  Thêm mới\")])],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\n    import moment from \"moment\";\r\n\timport { mapState, mapActions } from \"vuex\";\r\n\timport ClientFactory from \"@/api/ClientFactory\";\r\n\tconst api = ClientFactory.get(\"briefings\");\r\n\timport UploadFile from '../../../components/files/Upload.vue';\r\n\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t\tUploadFile,\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tinputReportTitle: \"\",\r\n                inputReportContent: \"\",\r\n\t\t\t\tinputYear: new Date().getFullYear(),\r\n\t\t\t\tinputMonth: new Date().getMonth() + 1,\r\n                inputReportDate: new Date(),\r\n\t\t\t\tdialog: {\r\n\t\t\t\t\tactive: false\r\n\t\t\t\t},\r\n\t\t\t\tattachments: {\r\n\t\t\t\t\tfiles: [],\r\n\t\t\t\t},\r\n\t\t\t\tattachmentsFilesName: {\r\n\t\t\t\t\tfiles: [],\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n\t\t\tasync create() {\r\n\t\t\t\tthis.$validator.validateAll();\r\n\t\t\t\tif (!this.validator()) {\r\n\t\t\t\t\treturn this.notify({\r\n\t\t\t\t\t\terror: true,\r\n\t\t\t\t\t\ttext: \"Dữ liệu không hợp lệ.\",\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tif(this.attachments.files.length == 0) {\r\n\t\t\t\t\treturn this.notify({\r\n\t\t\t\t\t\terror: true,\r\n\t\t\t\t\t\ttext: 'Tệp tin đính kèm là bắt buộc',\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t\tthis.loading(this.$vs);\r\n\r\n\t\t\t\tlet response = await api.insReport({\r\n\t\t\t\t\tbriefings_month: this.inputMonth,\r\n                    briefings_year: this.inputYear,\r\n                    department_id: this.AppActiveUser.department_id,\r\n                    report_date: moment(this.inputReportDate).format(\"DD/MM/YYYY\"),\r\n                    report_title: this.inputReportTitle,\r\n                    report_content:  this.inputReportContent,\r\n                    file_id: this.attachments.files\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\ttypeof response.error !== \"undefined\" ||\r\n\t\t\t\t\tresponse.data.status === \"failed\"\r\n\t\t\t\t) {\r\n\t\t\t\t\tthis.closeLoading();\r\n\t\t\t\t\treturn this.notify({\r\n\t\t\t\t\t\terror: true,\r\n\t\t\t\t\t\ttext: response.error || response.data.message,\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.$router.back();\r\n\t\t\t\t\tthis.closeLoading();\r\n\t\t\t\t\treturn this.notify({\r\n\t\t\t\t\t\ttext: \"Thêm mới dữ liệu thành công\",\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tvalidator() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t!this.errors.any() &&\r\n\t\t\t\t\tthis.inputReportTitle !== \"\" &&\r\n\t\t\t\t\tthis.inputMonth !== \"\" &&\r\n                    this.inputYear !== \"\" &&\r\n                    this.inputReportDate !== \"\"\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t\tdisplayUploadDialog() {\r\n\t\t\t\tthis.dialog.active = true;\r\n\t\t\t},\r\n\t\t\tuploadDone() {\r\n\t\t\t\tthis.dialog.active = false;\r\n\t\t\t\tthis.attachments.files = this.$refs.uploadDialog.fileIds;\r\n\t\t\t\tthis.attachmentsFilesName.files = this.$refs.uploadDialog.fileRecordsForUpload.map(item => {\r\n\t\t\t\t\treturn item.file.name\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t},\r\n\t\tdestroyed() {\r\n\t\t\tthis.closeLoading();\r\n\t\t},\r\n        computed: {\r\n            ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n        },\r\n\t};\r\n</script>\r\n<template>\r\n\t<div id=\"briefings-report-create\">\r\n\t\t<CCard>\r\n\t\t\t<CCardHeader>\r\n\t\t\t\t<span class=\"card-header-title\">Thêm báo cáo trước giao ban</span>\r\n\t\t\t</CCardHeader>\r\n\t\t\t<CCardBody>\r\n\t\t\t\t<CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"8\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputReportTitle\"\r\n\t\t\t\t\t\t\tlabel=\"Tên báo cáo (*)\"\r\n\t\t\t\t\t\t\tv-validate=\"'required'\"\r\n\t\t\t\t\t\t\tname=\"Tên báo cáo\"\r\n\t\t\t\t\t\t\tplaceholder=\"Điền tên báo cáo trước giao ban\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span class=\"text-danger text-sm\">{{\r\n\t\t\t\t\t\t\terrors.first(\"Tên báo cáo\")\r\n\t\t\t\t\t\t}}</span>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"4\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tlabel=\"Phòng ban\"\r\n                            :value=\"this.AppActiveUser.department_name\"\r\n                            readonly\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t</CRow>\r\n\t\t\t\t<CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"12\">\r\n\t\t\t\t\t\t<CTextarea\r\n\t\t\t\t\t\t\tv-model=\"inputReportContent\"\r\n\t\t\t\t\t\t\tlabel=\"Nội dung\"\r\n\t\t\t\t\t\t\trows=\"5\"\r\n\t\t\t\t\t\t\tplaceholder=\"Điền nội dung tóm tắt báo cáo trước giao ban\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t</CRow>\r\n\t\t\t\t<CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"2\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputYear\"\r\n\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\tlabel=\"Năm (*)\"\r\n\t\t\t\t\t\t\tv-validate=\"'required'\"\r\n\t\t\t\t\t\t\tname=\"Năm\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span class=\"text-danger text-sm\">{{\r\n\t\t\t\t\t\t\terrors.first(\"Năm\")\r\n\t\t\t\t\t\t}}</span>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t\t<CCol md=\"2\">\r\n\t\t\t\t\t\t<CSelect\r\n\t\t\t\t\t\t\t:value.sync=\"inputMonth\"\r\n\t\t\t\t\t\t\tlabel=\"Tháng\"\r\n\t\t\t\t\t\t\t:options=\"[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t\t<CCol md=\"2\">\r\n\t\t\t\t\t\t<label for=\"datepicker\">Ngày nộp</label>\r\n\t\t\t\t\t\t<b-form-datepicker\r\n\t\t\t\t\t\t\tid=\"datepicker\"\r\n\t\t\t\t\t\t\tv-model=\"inputReportDate\"\r\n\t\t\t\t\t\t\tclass=\"mb-2\"\r\n                            locale=\"vi\"\r\n                            placeholder=\"Chọn ngày nộp\"\r\n                            :date-format-options=\"{ day: '2-digit', month: '2-digit', year: 'numeric' }\"\r\n                            :hide-header=true\r\n                            label-help=\"\"\r\n                            :value-as-date=true\r\n\t\t\t\t\t\t></b-form-datepicker>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t\t<CCol md=\"2\">\r\n\t\t\t\t\t\t<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\t\t\t\t\t</CCol>\r\n\t\t\t\t</CRow>\r\n\t\t\t\t\r\n\t\t\t</CCardBody>\r\n\t\t\t<CCardFooter>\r\n\t\t\t\t<CRow>\r\n\t\t\t\t\t<CCol md=\"12\">\r\n\t\t\t\t\t\t<div class=\"text-center\">\r\n\t\t\t\t\t\t\t<vs-button\r\n\t\t\t\t\t\t\t\tclass=\"d-inline custom_btn_search\"\r\n\t\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\t\tdanger\r\n\t\t\t\t\t\t\t\t@click=\"$router.back()\"\r\n\t\t\t\t\t\t\t\t><i class='bx bx-left-arrow-alt'></i>&nbsp; Quay lại</vs-button\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<vs-button class=\"d-inline\" square @click=\"create\"\r\n\t\t\t\t\t\t\t\t><i class='bx bxs-save'></i>&nbsp; Thêm mới</vs-button\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t</CRow>\r\n\t\t\t</CCardFooter>\r\n\t\t</CCard>\r\n\t\t<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\t</div>\r\n</template>\r\n<style lang=\"scss\">\r\n    #briefings-report-create {\r\n        .form-control-file {\r\n            margin-top: 5px;\r\n        }\r\n    }\r\n</style>\r\n\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!./BriefingsReportCreate.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!./BriefingsReportCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BriefingsReportCreate.vue?vue&type=template&id=13c1fe5a&\"\nimport script from \"./BriefingsReportCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./BriefingsReportCreate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BriefingsReportCreate.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!./Upload.vue?vue&type=style&index=0&lang=scss&\"","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!./BriefingsReportCreate.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',{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"],"sourceRoot":""}