{"version":3,"sources":["webpack:///./src/views/TrangChiTietNoiDungCongKhai.vue","webpack:///src/views/TrangChiTietNoiDungCongKhai.vue","webpack:///./src/views/TrangChiTietNoiDungCongKhai.vue?9ec6","webpack:///./src/views/TrangChiTietNoiDungCongKhai.vue?ba38","webpack:///./src/views/TrangChiTietNoiDungCongKhai.vue?f741"],"names":["render","_vm","this","_c","_self","staticClass","attrs","itemsBreadCumb","_v","_s","chiTietPAKN","TieuDe","TenNguoiPhanAnh","formatDate","ThoiGianTaoMoi","require","NoiDung","TaiLieuPhanAnh","length","_e","ref","model","value","callback","$$v","$set","expression","domProps","ketQuaPAKN","NoiDungCongKhai","TaiLieuCongKhai","isLoadingPage","staticRenderFns","name","components","BaseLoading","data","text","href","active","computed","mapGetters","created","getData","getKetQuaXuLy","methods","parseFile","FileDinhKem","transformAttachFile","JSON","parse","parseFileCongKhai","DSFileCongKhai","description","item","substring","moment","format","isLoading","$store","dispatch","TaskId","$route","query","taskId","KienNghiId","$router","currentRoute","params","id","Promise","all","getDetailPAKN","then","finally","getKQXuLy","component"],"mappings":"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","file":"js/chunk-e3995f72.6570a6c0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"container\"},[_c('b-breadcrumb',{attrs:{\"items\":_vm.itemsBreadCumb}}),_c('div',{staticClass:\"post-info\"},[_c('h3',[_vm._v(_vm._s(`Kiến nghị về việc: ${_vm.chiTietPAKN.TieuDe}`))]),_c('p',[_vm._v(_vm._s(`${_vm.chiTietPAKN.TenNguoiPhanAnh} - ${_vm.formatDate(_vm.chiTietPAKN.ThoiGianTaoMoi)}`))])]),_c('div',{staticClass:\"post-content\"},[_c('div',{staticClass:\"post-content__request\"},[_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"mr-5\",attrs:{\"src\":require(\"../assets/images/mess.svg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"post-content-text\"},[_c('h4',[_vm._v(\"Nội dung kiến nghị:\")]),_c('p',[_vm._v(\" \"+_vm._s(_vm.chiTietPAKN.NoiDung)+\" \")]),_c('div',{staticClass:\"file\"},[(this.TaiLieuPhanAnh.length > 0)?_c('h5',[_vm._v(\"Tài liệu đính kèm\")]):_vm._e(),_c('VueFileAgent',{ref:\"TaiLieuPhanAnh\",attrs:{\"id\":\"tai-lieu-phan-anh\",\"theme\":'list',\"multiple\":true,\"linkable\":true,\"meta\":true,\"readonly\":true},model:{value:(this.TaiLieuPhanAnh),callback:function ($$v) {_vm.$set(this, \"TaiLieuPhanAnh\", $$v)},expression:\"this.TaiLieuPhanAnh\"}})],1)])])]),_c('div',{staticClass:\"post-content__reply\"},[_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"mr-5\",attrs:{\"src\":require(\"../assets/images/icon-answer.svg\"),\"alt\":\"\"}}),_c('div',{staticClass:\"post-content-text\"},[_c('h4',[_vm._v(\"Cơ quan chức năng trả lời:\")]),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.ketQuaPAKN.NoiDungCongKhai)}}),_c('div',{staticClass:\"file\"},[(this.TaiLieuCongKhai.length > 0)?_c('h5',[_vm._v(\"Tài liệu đính kèm\")]):_vm._e(),_c('VueFileAgent',{ref:\"TaiLieuCongKhai\",attrs:{\"id\":\"tai-lieu-cong-khai\",\"theme\":'list',\"multiple\":true,\"linkable\":true,\"meta\":true,\"readonly\":true},model:{value:(this.TaiLieuCongKhai),callback:function ($$v) {_vm.$set(this, \"TaiLieuCongKhai\", $$v)},expression:\"this.TaiLieuCongKhai\"}})],1)])]),_c('div')])])],1),_c('BaseLoading',{attrs:{\"isLoading\":_vm.isLoadingPage}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"container\">\r\n      <b-breadcrumb :items=\"itemsBreadCumb\" />\r\n      <div class=\"post-info\">\r\n        <h3>{{ `Kiến nghị về việc: ${chiTietPAKN.TieuDe}` }}</h3>\r\n        <p>{{ `${chiTietPAKN.TenNguoiPhanAnh} - ${formatDate(chiTietPAKN.ThoiGianTaoMoi)}` }}</p>\r\n      </div>\r\n      <div class=\"post-content\">\r\n        <div class=\"post-content__request\">\r\n          <div class=\"d-flex\">\r\n            <img class=\"mr-5\" src=\"../assets/images/mess.svg\" alt=\"\" />\r\n            <div class=\"post-content-text\">\r\n              <h4>Nội dung kiến nghị:</h4>\r\n              <p>\r\n                {{ chiTietPAKN.NoiDung }}\r\n              </p>\r\n              <div class=\"file\">\r\n                <h5 v-if=\"this.TaiLieuPhanAnh.length > 0\">Tài liệu đính kèm</h5>\r\n                <VueFileAgent\r\n                  id=\"tai-lieu-phan-anh\"\r\n                  ref=\"TaiLieuPhanAnh\"\r\n                  :theme=\"'list'\"\r\n                  :multiple=\"true\"\r\n                  :linkable=\"true\"\r\n                  :meta=\"true\"\r\n                  :readonly=\"true\"\r\n                  v-model=\"this.TaiLieuPhanAnh\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"post-content__reply\">\r\n          <div class=\"d-flex\">\r\n            <img class=\"mr-5\" src=\"../assets/images/icon-answer.svg\" alt=\"\" />\r\n            <div class=\"post-content-text\">\r\n              <h4>Cơ quan chức năng trả lời:</h4>\r\n              <div v-html=\"ketQuaPAKN.NoiDungCongKhai\">\r\n              </div>\r\n              <div class=\"file\">\r\n                <h5 v-if=\"this.TaiLieuCongKhai.length > 0\">Tài liệu đính kèm</h5>\r\n                <VueFileAgent\r\n                  id=\"tai-lieu-cong-khai\"\r\n                  ref=\"TaiLieuCongKhai\"\r\n                  :theme=\"'list'\"\r\n                  :multiple=\"true\"\r\n                  :linkable=\"true\"\r\n                  :meta=\"true\"\r\n                  :readonly=\"true\"\r\n                  v-model=\"this.TaiLieuCongKhai\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <BaseLoading :isLoading=\"isLoadingPage\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport moment from \"moment\";\r\nimport { mapGetters } from \"vuex\";\r\nimport BaseLoading from \"@/components/common/BaseLoading\";\r\nimport { transformAttachFile } from \"@/utils/uploadFileUtils\";\r\n\r\nexport default {\r\n  name: \"TrangChiTietNoiDungCongKhai\",\r\n  components: {\r\n    BaseLoading,\r\n  },\r\n  data() {\r\n    return {\r\n      itemsBreadCumb: [\r\n        {\r\n          text: \"Phản ánh kiến nghị đã trả lời\",\r\n          href: \"/noi-dung-cong-khai\",\r\n        },\r\n        {\r\n          text: \"Chi tiết Phản ánh kiến nghị\",\r\n          active: true,\r\n        },\r\n      ],\r\n      isLoadingPage: false,\r\n      data: {},\r\n      TaiLieuPhanAnh: [],\r\n      TaiLieuCongKhai: []\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      chiTietPAKN: \"pakn/chiTietPAKN\",\r\n      ketQuaPAKN: \"pakn/ketQuaPAKN\"\r\n    })\r\n  },\r\n  created() {\r\n    this.getData();\r\n    this.getKetQuaXuLy()\r\n  },\r\n  methods: {\r\n    parseFile() {\r\n      if (this.chiTietPAKN.FileDinhKem) {\r\n        this.TaiLieuPhanAnh = transformAttachFile(JSON.parse(this.chiTietPAKN.FileDinhKem));\r\n      }\r\n    },\r\n    parseFileCongKhai() {\r\n      if (this.ketQuaPAKN.DSFileCongKhai) {\r\n        this.TaiLieuCongKhai = transformAttachFile(JSON.parse(this.ketQuaPAKN.DSFileCongKhai))\r\n      }\r\n    },\r\n    description(item) {\r\n      if (item.length >= 255) {\r\n        return item.substring(0, 255) + \"...\";\r\n      } else {\r\n        return item;\r\n      }\r\n    },\r\n    formatDate(item) {\r\n      return moment(item).format(\"HH:MM DD/MM/YYYY\");\r\n    },\r\n\r\n    async getDetailPAKN() {\r\n      this.isLoading = true;\r\n      await this.$store.dispatch(\"pakn/getDetailPAKN\", {\r\n        TaskId: this.$route.query.taskId,\r\n        KienNghiId: this.$router.currentRoute.params.id,\r\n      });\r\n      this.isLoading = false;\r\n    },\r\n\r\n    async getKQXuLy() {\r\n      this.isLoading = true;\r\n      await this.$store.dispatch(\"pakn/XemKQXuLy\", this.$router.currentRoute.params.id);\r\n      this.isLoading = false;\r\n    },\r\n\r\n    getData() {\r\n      this.isLoadingPage = true;\r\n\r\n      Promise.all([this.getDetailPAKN()])\r\n        .then(() => {\r\n          this.parseFile();\r\n        })\r\n        .finally(() => {\r\n          this.isLoadingPage = false;\r\n        });\r\n    },\r\n\r\n    getKetQuaXuLy() {\r\n      this.isLoadingPage = true;\r\n      Promise.all([this.getKQXuLy()])\r\n      .then(() => {\r\n        this.parseFileCongKhai();\r\n      })\r\n        .finally(() => {\r\n          this.isLoadingPage = false;\r\n        })\r\n    }\r\n    \r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.container {\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  .file {\r\n    h5 {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  .post-info {\r\n    h3 {\r\n      font-size: 28px;\r\n      font-weight: 300;\r\n      color: #333333;\r\n      font-weight: 500;\r\n      line-height: 36px;\r\n      margin-bottom: 20px;\r\n    }\r\n    p {\r\n      font-size: 16px;\r\n      color: #666;\r\n      margin-bottom: 7px;\r\n    }\r\n  }\r\n  .post-content-text {\r\n    flex: 1;\r\n    h4 {\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      margin-bottom: 10px;\r\n      color: #333333;\r\n    }\r\n  }\r\n  .post-content__reply,\r\n  .post-content__request {\r\n    border-top: 1px solid #ccc;\r\n    padding-top: 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n}\r\n</style>\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!./TrangChiTietNoiDungCongKhai.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!./TrangChiTietNoiDungCongKhai.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrangChiTietNoiDungCongKhai.vue?vue&type=template&id=334072df\"\nimport script from \"./TrangChiTietNoiDungCongKhai.vue?vue&type=script&lang=js\"\nexport * from \"./TrangChiTietNoiDungCongKhai.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrangChiTietNoiDungCongKhai.vue?vue&type=style&index=0&id=334072df&prod&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!./TrangChiTietNoiDungCongKhai.vue?vue&type=style&index=0&id=334072df&prod&lang=scss\""],"sourceRoot":""}