{"version":3,"sources":["webpack:///./src/components/files/Upload.vue?db2c","webpack:///./src/views/screens/briefings/BriefingDraftConclusionEdit.vue?de25","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/BriefingDraftConclusionEdit.vue?b825","webpack:///src/views/screens/briefings/BriefingDraftConclusionEdit.vue","webpack:///./src/views/screens/briefings/BriefingDraftConclusionEdit.vue?a27c","webpack:///./src/views/screens/briefings/BriefingDraftConclusionEdit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","type","size","on","$event","onBeforeDelete","filesSelected","model","value","callback","$$v","fileRecords","expression","staticRenderFns","item","data","fileIds","join","component","_v","directives","name","rawName","body","$set","_s","errors","first","month","months","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","error","text","response","message"],"mappings":"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","file":"js/chunk-359205b2.c46d033a.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&\"","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!./BriefingDraftConclusionEdit.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"briefing-draft-edit\"},[_c('CCard',[_c('CCardHeader',[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Cập nhật dự thảo kết luận\")])]),_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 dự thảo kết luận (*)\",\"name\":\"Tên dự thảo\",\"placeholder\":\"Điền tiêu đề dự thảo kết luận giao ban\"},model:{value:(_vm.body.content),callback:function ($$v) {_vm.$set(_vm.body, \"content\", $$v)},expression:\"body.content\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Tên dự thả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.body.year),callback:function ($$v) {_vm.$set(_vm.body, \"year\", $$v)},expression:\"body.year\"}}),_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.body.month,\"label\":\"Tháng\",\"options\":_vm.months},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"month\", $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(\"briefingDraft\");\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        body: {\r\n            id: -1,\r\n            content: \"\",\r\n            month: new Date().getMonth() + 1,\r\n            year: new Date().getFullYear(),\r\n            status: 1,\r\n            file_id: []\r\n        },\r\n        listFiles:[],\r\n        attachments: {\r\n            files: [],\r\n        },\r\n        dialog: {\r\n            active: false\r\n        }\r\n\r\n    }),\r\n    computed:{\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: \"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    async created() {\r\n        let id = this.$route.params.id;\r\n        this.loading(this.$vs);\r\n        const response = await api.getOne(id);\r\n        if ( typeof response.error !== \"undefined\" || response.status === \"failed\") {\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.push(\"/briefingsdraft/list/\").catch(() => {});\r\n        }\r\n        ({  id: this.body.id,\r\n            content: this.body.content,\r\n            month: this.body.month,\r\n            year: this.body.year} = response.data[0])\r\n\r\n        const { data = []} = await api.getAttachments(id);\r\n        this.listFiles = data\r\n        this.closeLoading();\r\n\r\n    },\r\n    methods: {\r\n        ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n        validator() {\r\n            return (\r\n                !this.errors.any() &&\r\n                this.body.content !== \"\" &&\r\n                this.body.year !== \"\"\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        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ệ. Kiểm tra lại các trường bắt buộc\",\r\n                });\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            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            console.log({\r\n                ...this.body,\r\n                file_id: attachmentIds\r\n            });\r\n            const {error, data} = await api.update({\r\n                ...this.body,\r\n                file_id: attachmentIds\r\n            });\r\n            if (typeof error !== \"undefined\" || data.status === \"failed\") {\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    error: true,\r\n                    text: error || 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    },\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=\"briefing-draft-edit\">\r\n        <CCard>\r\n             <CCardHeader>\r\n                <span class=\"card-header-title\">Cập nhật dự thảo kết luận</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=\"body.content\"\r\n                            label=\"Tên dự thảo kết luận (*)\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Tên dự thảo\"\r\n                            placeholder=\"Điền tiêu đề dự thảo kết luận giao ban\"\r\n                        />\r\n                        <span class=\"text-danger text-sm\">{{\r\n                            errors.first(\"Tên dự thả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=\"body.year\"\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=\"body.month\"\r\n                            label=\"Tháng\"\r\n                            :options=\"months\"\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             </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                            \r\n                        </div>\r\n                    </CCol>\r\n                </CRow>\r\n\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    .briefing-draft-edit {\r\n        table.vgt-table td {\r\n            vertical-align: inherit;\r\n            padding: 0em 0.75em 0em 0.75em;\r\n        }\r\n        .vgt-responsive {\r\n            overflow-x: inherit;\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!./BriefingDraftConclusionEdit.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!./BriefingDraftConclusionEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BriefingDraftConclusionEdit.vue?vue&type=template&id=98e5a822&\"\nimport script from \"./BriefingDraftConclusionEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./BriefingDraftConclusionEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BriefingDraftConclusionEdit.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":""}