{"version":3,"sources":["webpack:///./src/components/files/Upload.vue?db2c","webpack:///./src/views/screens/budgetreport/CreateBudget.vue?00cd","webpack:///src/views/screens/budgetreport/CreateBudget.vue","webpack:///./src/views/screens/budgetreport/CreateBudget.vue?49c2","webpack:///./src/views/screens/budgetreport/CreateBudget.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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","directives","name","rawName","value","expression","model","callback","$$v","inputReportName","_s","errors","first","inputCate","listCate","on","$event","listPeriod","inputPeriod","periodChange","inputReportYear","class","listPeriodDetail","inputPeriodDetail","inputDocumentNo","inputCircularsNo","inputCircularsTemplateNo","day","month","year","inputPublishDate","inputPublishTime","displayUploadDialog","attachments","file_report","length","staticStyle","_e","file_statistical","file_other","inputNote","$router","back","addReport","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-7a792828.1be2f867.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',[_c('CCard',[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('h4',[_vm._v(\"Thêm báo cáo công khai ngân sách\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-1\"},[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"6\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Tên báo cáo (*)\",\"placeholder\":\"Điền tên báo cáo\",\"name\":\"Tên báo cáo\"},model:{value:(_vm.inputReportName),callback:function ($$v) {_vm.inputReportName=$$v},expression:\"inputReportName\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Tên báo cáo\")))])],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"6\"}},[_c('CSelect',{attrs:{\"value\":_vm.inputCate,\"label\":\"Danh mục\",\"options\":_vm.listCate},on:{\"update:value\":function($event){_vm.inputCate=$event}}})],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"3\"}},[_c('CSelect',{attrs:{\"label\":\"Kỳ báo cáo\",\"options\":_vm.listPeriod,\"value\":_vm.inputPeriod},on:{\"update:value\":function($event){_vm.inputPeriod=$event},\"change\":_vm.periodChange}})],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"3\"}},[_c('CInput',{attrs:{\"type\":\"number\",\"label\":\"Năm\"},model:{value:(_vm.inputReportYear),callback:function ($$v) {_vm.inputReportYear=$$v},expression:\"inputReportYear\"}})],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"sm\":\"3\"}},[_c('CSelect',{class:_vm.inputPeriod != 4 && _vm.inputPeriod != -1 ? 'visible' : 'invisible',attrs:{\"label\":\"Loại kỳ báo cáo\",\"options\":_vm.listPeriodDetail,\"value\":_vm.inputPeriodDetail},on:{\"update:value\":function($event){_vm.inputPeriodDetail=$event}}})],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"3\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Số văn bản công bố (*)\",\"name\":\"Số văn bản công bố\",\"placeholder\":\"Điền số văn bản công bố\"},model:{value:(_vm.inputDocumentNo),callback:function ($$v) {_vm.inputDocumentNo=$$v},expression:\"inputDocumentNo\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Số văn bản công bố\")))])],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"3\"}},[_c('CInput',{attrs:{\"label\":\"Số thông tư áp dụng\",\"name\":\"Số thông tư áp dụng\",\"placeholder\":\"Điền số thông tư áp dụng\"},model:{value:(_vm.inputCircularsNo),callback:function ($$v) {_vm.inputCircularsNo=$$v},expression:\"inputCircularsNo\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Số thông tư áp dụng\")))])],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"2\"}},[_c('CInput',{attrs:{\"label\":\"Biểu mẫu thông tư\",\"name\":\"Biểu mẫu thông tư\",\"placeholder\":\"Điền tên biểu mẫu thông tư\"},model:{value:(_vm.inputCircularsTemplateNo),callback:function ($$v) {_vm.inputCircularsTemplateNo=$$v},expression:\"inputCircularsTemplateNo\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Biểu mẫu thông tư\")))])],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"2\"}},[_c('label',{attrs:{\"for\":\"datepicker\"}},[_vm._v(\"Ngày công bố\")]),_c('b-form-datepicker',{staticClass:\"mb-2\",attrs:{\"id\":\"datepicker\",\"locale\":\"vi\",\"placeholder\":\"Chọn ngày công bố\",\"date-format-options\":{ day: '2-digit', month: '2-digit', year: 'numeric' },\"hide-header\":true,\"label-help\":\"\",\"value-as-date\":true},model:{value:(_vm.inputPublishDate),callback:function ($$v) {_vm.inputPublishDate=$$v},expression:\"inputPublishDate\"}})],1),_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"2\"}},[_c('label',{attrs:{\"for\":\"timepicker\"}},[_vm._v(\"Giờ công bố\")]),_c('b-form-timepicker',{attrs:{\"id\":\"timepicker\",\"placeholder\":\"Chọn giờ công bố\",\"hourCycle\":\"h23\",\"hide-header\":true,\"no-close-button\":\"\",\"locale\":\"vi\"},model:{value:(_vm.inputPublishTime),callback:function ($$v) {_vm.inputPublishTime=$$v},expression:\"inputPublishTime\"}})],1)],1),_c('CRow',{staticClass:\"mb-2 mt-3\"},[_c('CCol',{staticClass:\"ml-0\",attrs:{\"sm\":\"3\"}},[_c('span',[_vm._v(\"Văn bản/báo cáo (*)\")]),_c('vs-button',{staticClass:\"ml-0\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.displayUploadDialog('file_report')}}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Chọn files\")]),(this.attachments.file_report.length > 0)?_c('span',{staticClass:\"small\",staticStyle:{\"color\":\"#2eb85c\"}},[_vm._v(\"Đã tải lên \"+_vm._s(this.attachments.file_report.length)+\" tệp tin\")]):_vm._e()],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('span',[_vm._v(\"Số liệu thống kê\")]),_c('vs-button',{staticClass:\"ml-0\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.displayUploadDialog('file_statistical')}}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Chọn files\")]),(this.attachments.file_statistical.length > 0)?_c('span',{staticClass:\"small\",staticStyle:{\"color\":\"#2eb85c\"}},[_vm._v(\"Đã tải lên \"+_vm._s(this.attachments.file_statistical.length)+\" tệp tin\")]):_vm._e()],1),_c('CCol',{attrs:{\"sm\":\"3\"}},[_c('span',[_vm._v(\"Tệp đính kèm khác\")]),_c('vs-button',{staticClass:\"ml-0\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.displayUploadDialog('file_other')}}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Chọn files\")]),(this.attachments.file_other.length > 0)?_c('span',{staticClass:\"small\",staticStyle:{\"color\":\"#2eb85c\"}},[_vm._v(\"Đã tải lên \"+_vm._s(this.attachments.file_other.length)+\" tệp tin\")]):_vm._e()],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{staticClass:\"mt-2\",attrs:{\"md\":\"12\"}},[_c('CTextarea',{attrs:{\"placeholder\":\"Điền nội dung ghi chú cho báo cáo\",\"label\":\"Ghi chú\",\"rows\":\"5\"},model:{value:(_vm.inputNote),callback:function ($$v) {_vm.inputNote=$$v},expression:\"inputNote\"}})],1)],1),_c('CRow',[_c('CCol',{staticClass:\"mt-2\",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\":function($event){return _vm.addReport(1)}}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"  Thêm mới\")]),_c('vs-button',{staticClass:\"d-inline\",attrs:{\"success\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.addReport(2)}}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"  Công khai\")])],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 moment from \"moment\";\r\nimport { mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst api = ClientFactory.get(\"budgetreport\");\r\nconst apiDropdown = ClientFactory.get(\"dropdowns\");\r\nimport UploadFile from '../../../components/files/Upload.vue';\r\nexport default {\r\n    components: {\r\n        UploadFile,\r\n    },\r\n    data() {\r\n        return{\r\n            inputPeriod: 4,\r\n            inputPeriodDetail: 1,\r\n            inputReportName: \"\",\r\n            inputCate: -1,\r\n            inputReportYear: new Date().getFullYear(),\r\n            inputPublishDate: new Date(),\r\n            inputPublishTime: moment(new Date()).format(\"HH:mm:ss\"),\r\n            inputCircularsTemplateNo: \"\",\r\n            inputCircularsNo: \"\",\r\n            inputDocumentNo: \"\",\r\n            inputNote: \"\",\r\n            listCate: [],\r\n            listPeriodDetail: [],\r\n            listPeriod: [\r\n                {\r\n                    label: \"Năm\",\r\n                    value: 4,\r\n                },\r\n                {\r\n                    label: \"Nửa năm\",\r\n                    value: 3,\r\n                },\r\n                {\r\n                    label: \"Tháng\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"Quý\",\r\n                    value: 2,\r\n                },\r\n            ],\r\n            listMonth: [\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            listQuarter: [\r\n                {\r\n                    label: \"Quý 1\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"Quý 2\",\r\n                    value: 2,\r\n                },\r\n                {\r\n                    label: \"Quý 3\",\r\n                    value: 3,\r\n                },\r\n                {\r\n                    label: \"Quý 4\",\r\n                    value: 4,\r\n                },\r\n            ],\r\n            listHalfYear: [\r\n                {\r\n                    label: \"6 tháng đầu năm\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"6 tháng cuối năm\",\r\n                    value: 2,\r\n                },\r\n            ],\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        }\r\n    },\r\n    methods: {\r\n        ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n        periodChange() {\r\n            if (this.inputPeriod == 1) {\r\n                this.listPeriodDetail = this.listMonth;\r\n            } else if (this.inputPeriod == 2)\r\n                this.listPeriodDetail = this.listQuarter;\r\n            else if (this.inputPeriod == 3)\r\n                this.listPeriodDetail = this.listHalfYear;\r\n            else {\r\n                this.listPeriodDetail = [{ value: -1, label: \"\" }];\r\n                this.inputPeriodDetail = -1;\r\n            } \r\n        },\r\n        validator() {\r\n            return (\r\n                !this.errors.any() &&\r\n                this.inputReportName !== \"\" &&\r\n                this.inputDocumentNo !== \"\"\r\n            );\r\n        },\r\n\r\n        async addReport(status){\r\n            this.$validator.validateAll();\r\n            console.log(this.errors)\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            if(this.attachments.file_report.length == 0) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: 'Văn bản/báo cáo là bắt buộc',\r\n                });\r\n            }\r\n            /* if(this.attachments.file_statistical.length == 0) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: 'Số liệu thống kê là bắt buộc',\r\n                });\r\n            } */\r\n\r\n            this.loading(this.$vs);\r\n\r\n            let response = await api.insReport({\r\n                report_type_id: 0,\r\n                cate_id: this.inputCate,\r\n                report_name: this.inputReportName,\r\n                report_year: this.inputReportYear,\r\n                period_type: this.inputPeriod,\r\n                period_value: this.inputPeriodDetail,\r\n                document_no: this.inputDocumentNo,\r\n                circulars_no: this.inputCircularsNo,\r\n                circulars_template_no: this.inputCircularsTemplateNo,\r\n                publish_date: moment(this.inputPublishDate).format(\"DD/MM/YYYY\") + \" \" + this.inputPublishTime,\r\n                note: this.inputNote,\r\n                status: status\r\n            });\r\n            if (typeof response.error !== \"undefined\" || response.data.status === \"failed\") {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: response.error || response.data.message,\r\n                });\r\n            }\r\n            var reportId = response.data.data[0].data;\r\n            \r\n            response = await api.insFile({\r\n                budget_report_id: reportId,\r\n                file_type_id: 1,\r\n                file_id: this.attachments.file_report\r\n            });\r\n            if (typeof response.error !== \"undefined\" || response.data.status === \"failed\") {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: response.error || response.data.message,\r\n                });\r\n            }\r\n\r\n            response = await api.insFile({\r\n                budget_report_id: reportId,\r\n                file_type_id: 2,\r\n                file_id: this.attachments.file_statistical\r\n            });\r\n            if (typeof response.error !== \"undefined\" || response.data.status === \"failed\") {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: response.error || response.data.message,\r\n                });\r\n            }\r\n            \r\n            response = await api.insFile({\r\n                budget_report_id: reportId,\r\n                file_type_id: 3,\r\n                file_id: this.attachments.file_other\r\n            });\r\n            if (typeof response.error !== \"undefined\" || response.data.status === \"failed\") {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: response.error || response.data.message,\r\n                });\r\n            }\r\n            this.closeLoading();\r\n\r\n            this.$router.back();\r\n            return this.notify({\r\n                text: \"Thêm mới dữ liệu thành công\",\r\n            });\r\n        },\r\n        displayUploadDialog(type) {\r\n            this.dialog.active = true;\r\n            this.dialog.type = type;\r\n        },\r\n        uploadDone() {\r\n            this.dialog.active = false;\r\n            switch(this.dialog.type) {\r\n                case \"file_report\":\r\n                    this.attachments.file_report = this.$refs.uploadDialog.fileIds\r\n                    this.attachmentsFilesName.file_report = this.$refs.uploadDialog.fileRecordsForUpload.map(item => {\r\n                        return item.file.name\r\n                    })\r\n                    break;\r\n                case \"file_statistical\":\r\n                    this.attachments.file_statistical = this.$refs.uploadDialog.fileIds;\r\n                    this.attachmentsFilesName.file_statistical = this.$refs.uploadDialog.fileRecordsForUpload.map(item => {\r\n                        return item.file.name\r\n                    })\r\n                    break;\r\n                case \"file_other\":\r\n                    this.attachments.file_other = this.$refs.uploadDialog.fileIds;\r\n                    this.attachmentsFilesName.file_other = this.$refs.uploadDialog.fileRecordsForUpload.map(item => {\r\n                        return item.file.name\r\n                    })\r\n                    break;\r\n                default:\r\n                    break\r\n            }\r\n        },\r\n    },\r\n    async created() {\r\n        this.loading(this.$vs);\r\n        this.listCate = await apiDropdown.getItemsTree('BUDGET_REPORT_CATE');\r\n        this.inputCate = this.listCate[0].value;\r\n        this.closeLoading();\r\n    },\r\n    destroyed() {\r\n        this.closeLoading();\r\n    },\r\n}\r\n</script>\r\n<template>\r\n\t<div>\r\n\t\t<CCard>\r\n\t\t\t<CCardHeader class=\"pt-1 pb-1\">\r\n\t\t\t\t<h4>Thêm báo cáo công khai ngân sách</h4>\r\n\t\t\t</CCardHeader>\r\n\t\t\t<CCardBody class=\"pt-1 pb-1\">\r\n\t\t\t\t<CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"6\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputReportName\"\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                            placeholder=\"Điền tên báo cáo\"\r\n\t\t\t\t\t\t\tname=\"Tên báo cáo\"\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=\"6\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CSelect\r\n\t\t\t\t\t\t\t:value.sync=\"inputCate\"\r\n\t\t\t\t\t\t\tlabel=\"Danh mục\"\r\n\t\t\t\t\t\t\t:options=\"listCate\"\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=\"3\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CSelect\r\n\t\t\t\t\t\t\tlabel=\"Kỳ báo cáo\"\r\n\t\t\t\t\t\t\t:options=\"listPeriod\"\r\n\t\t\t\t\t\t\t:value.sync=\"inputPeriod\"\r\n\t\t\t\t\t\t\t@change=\"periodChange\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"3\" class=\"mt-2\">\r\n                        <CInput\r\n\t\t\t\t\t\t\tv-model=\"inputReportYear\"\r\n                            type=\"number\"\r\n\t\t\t\t\t\t\tlabel=\"Năm\"\r\n\t\t\t\t\t\t/>\r\n                    </CCol>\r\n                    <CCol sm=\"3\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CSelect\r\n\t\t\t\t\t\t\t:class=\"inputPeriod != 4 && inputPeriod != -1 ? 'visible' : 'invisible'\"\r\n\t\t\t\t\t\t\tlabel=\"Loại kỳ báo cáo\"\r\n\t\t\t\t\t\t\t:options=\"listPeriodDetail\"\r\n\t\t\t\t\t\t\t:value.sync=\"inputPeriodDetail\"\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                <CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"3\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputDocumentNo\"\r\n\t\t\t\t\t\t\tlabel=\"Số văn bản công bố (*)\"\r\n                            name=\"Số văn bản công bố\"\r\n                            placeholder=\"Điền số văn bản công bố\"\r\n                            v-validate=\"'required'\"\r\n\t\t\t\t\t\t/>\r\n                        <span class=\"text-danger text-sm\">{{errors.first(\"Số văn bản công bố\")}}</span>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"3\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputCircularsNo\"\r\n\t\t\t\t\t\t\tlabel=\"Số thông tư áp dụng\"\r\n                            name=\"Số thông tư áp dụng\"\r\n                            placeholder=\"Điền số thông tư áp dụng\"\r\n\t\t\t\t\t\t/>\r\n                        <span class=\"text-danger text-sm\">{{errors.first(\"Số thông tư áp dụng\")}}</span>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"2\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CInput\r\n\t\t\t\t\t\t\tv-model=\"inputCircularsTemplateNo\"\r\n\t\t\t\t\t\t\tlabel=\"Biểu mẫu thông tư\"\r\n                            name=\"Biểu mẫu thông tư\"\r\n                            placeholder=\"Điền tên biểu mẫu thông tư\"\r\n\t\t\t\t\t\t/>\r\n                        <span class=\"text-danger text-sm\">{{errors.first(\"Biểu mẫu thông tư\")}}</span>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"2\" class=\"mt-2\">\r\n\t\t\t\t\t\t<label for=\"datepicker\">Ngày công bố</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=\"inputPublishDate\"\r\n\t\t\t\t\t\t\tclass=\"mb-2\"\r\n                            locale=\"vi\"\r\n                            placeholder=\"Chọn ngày công bố\"\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                        </b-form-datepicker>\r\n\t\t\t\t\t</CCol>\r\n                    <CCol md=\"2\" class=\"mt-2\">\r\n                        <label for=\"timepicker\">Giờ công bố</label>\r\n\t\t\t\t\t\t<b-form-timepicker\r\n                            id=\"timepicker\"\r\n                            v-model=\"inputPublishTime\"\r\n                            placeholder=\"Chọn giờ công bố\"\r\n                            hourCycle=\"h23\"\r\n                            :hide-header=true\r\n                            no-close-button\r\n                            locale=\"vi\">\r\n                        </b-form-timepicker>\r\n\t\t\t\t\t</CCol>\r\n\t\t\t\t</CRow>\r\n\r\n                <CRow class=\"mb-2 mt-3\">\r\n                    <CCol sm=\"3\" class=\"ml-0\">\r\n                        <span>Văn bản/báo cáo (*)</span>\r\n                        <vs-button class=\"ml-0\" square danger @click=\"displayUploadDialog('file_report')\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Chọn files</vs-button>\r\n                        <span v-if=\"this.attachments.file_report.length > 0\" style=\"color: #2eb85c\" class=\"small\">Đã tải lên {{this.attachments.file_report.length}} tệp tin</span>\r\n                    </CCol>\r\n                    <CCol sm=\"3\">\r\n                        <span>Số liệu thống kê</span>\r\n                        <vs-button class=\"ml-0\" square danger @click=\"displayUploadDialog('file_statistical')\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Chọn files</vs-button>\r\n                        <span v-if=\"this.attachments.file_statistical.length > 0\" style=\"color: #2eb85c;\" class=\"small\">Đã tải lên {{this.attachments.file_statistical.length}} tệp tin</span>\r\n                    </CCol>\r\n                    <CCol sm=\"3\">\r\n                        <span>Tệp đính kèm khác</span>\r\n                        <vs-button class=\"ml-0\" square danger @click=\"displayUploadDialog('file_other')\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Chọn files</vs-button>\r\n                        <span v-if=\"this.attachments.file_other.length > 0\" style=\"color: #2eb85c;\" class=\"small\">Đã tải lên {{this.attachments.file_other.length}} tệp tin</span>\r\n                    </CCol>\r\n                </CRow>\r\n                <CRow class=\"mb-2\">\r\n\t\t\t\t\t<CCol md=\"12\" class=\"mt-2\">\r\n\t\t\t\t\t\t<CTextarea\r\n\t\t\t\t\t\t\tv-model=\"inputNote\"\r\n                            placeholder=\"Điền nội dung ghi chú cho báo cáo\"\r\n\t\t\t\t\t\t\tlabel=\"Ghi chú\"\r\n\t\t\t\t\t\t\trows=\"5\"\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>\r\n\t\t\t\t\t<CCol md=\"12\" class=\"mt-2\">\r\n\t\t\t\t\t\t<div class=\"text-center\">\r\n                            <vs-button class=\"d-inline custom_btn_search\" square danger @click=\"$router.back()\"><i class=\"bx bx-left-arrow-alt\"></i> &nbsp;Quay lại</vs-button>\r\n\t\t\t\t\t\t\t<vs-button class=\"d-inline\" square @click=\"addReport(1)\"><i class=\"bx bx-save\"></i> &nbsp;Thêm mới</vs-button>\r\n                            <vs-button class=\"d-inline\" success square @click=\"addReport(2)\"><i class=\"bx bx-save\"></i> &nbsp;Công khai</vs-button>\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</CCardBody>\r\n\t\t</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\t</div>\r\n</template>","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!./CreateBudget.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!./CreateBudget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateBudget.vue?vue&type=template&id=566d0245&\"\nimport script from \"./CreateBudget.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateBudget.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',{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":""}