{"version":3,"sources":["webpack:///./src/models/pagingModel.js","webpack:///./src/pages/dauthau/index.vue?8354","webpack:///./src/pages/dauthau/index.vue","webpack:///src/pages/dauthau/index.vue","webpack:///./src/pages/dauthau/index.vue?55e9","webpack:///./src/pages/dauthau/index.vue?484d"],"names":["toJson","item","currentPage","totalPages","totalCount","pageSize","hasPrevious","hasNext","fromJson","maxVisibleButtons","baseJson","pagingModel","render","_vm","this","_c","_self","staticClass","attrs","staticStyle","menu","name","_v","_s","_e","years","model","value","nam","callback","$$v","expression","pageOptions","perPage","ref","myProvider","fields","sortBy","sortDesc","filter","filterOn","on","$event","scopedSlots","_u","key","fn","data","index","soKiHieu","ngayKyShow","_l","files","path","concat","fileId","numberOfElement","totalRows","listDanhMuc","link","label","staticRenderFns","components","Layout","Multiselect","class","thStyle","thClass","width","minWidth","todoTotalRows","url","process","gioithieu","pagination","apiView","selectedYear","itemFilter","watch","$route","to","from","params","_id","$refs","tblList","refresh","getMenu","console","log","id","created","getFiles","GetDanhSach","getCurrentYear","window","addEventListener","windowScroll","destroyed","removeEventListener","computed","year","current","Date","getFullYear","i","push","mounted","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","dispatch","then","res","stop","_this2","_callee2","_context2","_this3","_callee3","menuStorage","_context3","localStorage","getItem","JSON","parse","find","location","pathname","_this4","_callee4","_context4","getColorWithExtFile","ext","getIconWithExtFile","navbar","document","getElementById","body","scrollTop","documentElement","classList","add","remove","toggleMenu","toggle","reloadData","call","ctx","_this5","start","limit","content","menuId","loading","promise","resp","items","length","component"],"mappings":"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","file":"js/chunk-8506ca68.d9dacb44.js","sourcesContent":["const toJson = (item) => {\r\n    return {\r\n        currentPage: item.currentPage,\r\n        totalPages: item.totalPages,\r\n        totalCount: item.totalCount,\r\n        pageSize: item.pageSize,\r\n        hasPrevious: item.hasPrevious,\r\n        hasNext : item.hasNext\r\n    }\r\n}\r\n\r\nconst fromJson = (item) => {\r\n    return {\r\n        currentPage: item.currentPage,\r\n        totalPages: item.totalPages,\r\n        totalCount: item.totalCount,\r\n        pageSize: item.pageSize,\r\n        hasPrevious: item.hasPrevious,\r\n        hasNext : item.hasNext,\r\n        maxVisibleButtons: item.totalPages <= 5 ? item.totalPages: 5\r\n    }\r\n}\r\n\r\nconst baseJson = () => {\r\n    return {\r\n        currentPage: 1,\r\n        totalPages: 0,\r\n        totalCount:0,\r\n        pageSize: 10,\r\n        hasPrevious: false,\r\n        hasNext :false,\r\n        maxVisibleButtons: 5\r\n    }\r\n}\r\n\r\n\r\nexport const pagingModel = {\r\n    toJson, fromJson, baseJson\r\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=04f1b837&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('section',{staticClass:\"section p-2 bg-white\",attrs:{\"id\":\"about\"}},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-9 mb-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8 col-md-8\"},[_c('div',{staticClass:\"cs-title-box\"},[_c('div',{staticClass:\"cs-title py-2 mb-4\",staticStyle:{\"padding-top\":\"7px !important\"}},[_c('a',{attrs:{\"href\":\"\"}},[_c('i',{staticClass:\"mdi mdi-star ic-item\"}),(this.menu != null && this.menu.name != null)?_c('span',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\"}},[_vm._v(_vm._s(this.menu.name))]):_vm._e()])])])]),_c('div',{staticClass:\"col-lg-4 col-md-4 search-box\"},[_c('multiselect',{staticClass:\"helo\",attrs:{\"options\":_vm.years,\"track-by\":\"id\",\"label\":\"name\",\"placeholder\":\"Chọn năm... \",\"selectLabel\":\"Nhấn vào để chọn\",\"deselectLabel\":\"Nhấn vào để xóa\"},model:{value:(_vm.nam),callback:function ($$v) {_vm.nam=$$v},expression:\"nam\"}})],1),_c('div',{staticClass:\"col-sm-12 col-md-6\"},[_c('div',{staticClass:\"col-sm-12 d-flex justify-content-left align-items-center\"},[_c('div',{staticClass:\"dataTables_length m-1\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"left\",\"align-items\":\"center\"},attrs:{\"id\":\"tickets-table_length\"}},[_c('div',{staticClass:\"me-1\"},[_vm._v(\"Hiển thị \")]),_c('b-form-select',{staticClass:\"form-select form-select-sm\",staticStyle:{\"width\":\"70px\"},attrs:{\"size\":\"sm\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),_vm._v(\"  \"),_c('div',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" dòng \")])],1)])])]),_c('div',{staticClass:\"table-responsive mb-0 table-height\"},[_c('b-table',{ref:\"tblList\",staticClass:\"datatables\",attrs:{\"items\":_vm.myProvider,\"fields\":_vm.fields,\"striped\":\"\",\"bordered\":\"\",\"responsive\":\"sm\",\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"filter\":_vm.filter,\"filter-included-fields\":_vm.filterOn,\"primary-key\":\"id\"},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"cell(STT)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.index + ((_vm.currentPage-1)*_vm.perPage) + 1)+\" \")]}},{key:\"cell(soKiHieu)\",fn:function(data){return [_c('span',[_vm._v(_vm._s(data.item.soKiHieu))]),_c('div',{staticClass:\"row ngayKi\"},[_c('span',[_vm._v(\"Ngày ký: \"+_vm._s(data.item.ngayKyShow))])])]}},{key:\"cell(files)\",fn:function(data){return _vm._l((data.item.files),function(item,index){return _c('div',{key:index},[_c('router-link',{staticClass:\"fw-medium\",attrs:{\"to\":{\n                                              path: `/xem-chi-tiet/${item.fileId}`,\n                                            },\"target\":\"_blank\"}},[_c('i',{staticClass:\"mdi mdi-cloud-download\",staticStyle:{\"font-size\":\"24px\",\"color\":\"#B50027\"}})])],1)})}}])})],1),_c('div',{staticClass:\"row\"},[_c('b-col',[_c('div',[_vm._v(\"Hiển thị \"+_vm._s(_vm.numberOfElement)+\" trên tổng số \"+_vm._s(_vm.totalRows)+\" dòng\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('ul',{staticClass:\"pagination pagination-rounded mb-0\"},[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])])],1)]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"category\"},[_c('div',{staticClass:\"cate-title\"},[_vm._v(\" Danh Mục \")]),_vm._l((_vm.listDanhMuc),function(item,index){return _c('div',{key:index,staticClass:\"cate-list\"},[_c('ul',{staticStyle:{\"cursor\":\"pointer\"}},[_c('li',[_c('i',{staticClass:\"mdi mdi-chevron-double-right\"}),_c('a',{attrs:{\"href\":item.link}},[_vm._v(_vm._s(item.label))])])])])})],2)])])])])])])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Layout from \"@/pages/congdan/layout\";\r\nimport {latLng} from \"leaflet\";\r\nimport {pagingModel} from \"@/models/pagingModel\";\r\nimport Multiselect from \"vue-multiselect\";\r\n\r\n\r\n/**\r\n * Crypto ICO-landing page\r\n */\r\nexport default {\r\n  components: {\r\n    Layout,\r\n    Multiselect\r\n  },\r\n  data() {\r\n    return {\r\n      data: [],\r\n      fields: [\r\n        { key: 'STT',\r\n          label: 'STT',\r\n          class: 'td-stt',\r\n          thStyle: \"text-align:center\",\r\n          thClass: 'hidden-sortable'},\r\n        {\r\n          key: \"ngayXuatBanShow\",\r\n          label: \"Ngày giờ đăng\",\r\n          class: 'td-skh',\r\n          thStyle: \"text-align:center\",\r\n          thClass: 'hidden-sortable'\r\n        },\r\n        // {\r\n        //   key: \"ngayKyShow\",\r\n        //   label: \"Ngày ban hành\",\r\n        //   class: 'td-skh',\r\n        //   thStyle: \"text-align:center\",\r\n        //   thClass: 'hidden-sortable'\r\n        // },\r\n        {\r\n          key: \"soKiHieu\",\r\n          label: \"Số ký hiệu\",\r\n          class: 'td-skh',\r\n          thStyle: \"text-align:center\",\r\n          thClass: 'hidden-sortable'\r\n        },\r\n        {\r\n          key: \"trichYeu\",\r\n          label: \"Trích yếu\",\r\n          class: '',\r\n          thStyle: \"text-align:center\",\r\n          thClass: 'hidden-sortable'\r\n        },\r\n        {\r\n          key: \"files\",\r\n          label: \"Tải văn bản\",\r\n          class: 'td-download',\r\n          thClass: 'hidden-sortable',\r\n          thStyle: {width: '100px', minWidth: '60px'},\r\n        },\r\n\r\n      ],\r\n      filter: null,\r\n      totalRows: 1,\r\n      todoTotalRows: 1,\r\n      currentPage: 1,\r\n      numberOfElement: 1,\r\n      perPage: 10,\r\n      pageOptions: [5 ,10, 25, 50, 100],\r\n      sortBy: \"age\",\r\n      sortDesc: false,\r\n      filterOn: [],\r\n      model:[],\r\n      menu : null,\r\n      url: `${process.env.VUE_APP_API_URL}filesminio/view`,\r\n      gioithieu: null,\r\n      pagination: pagingModel.baseJson(),\r\n      apiView: `${process.env.VUE_APP_API_URL}filesminio/dowload`,\r\n      listDanhMuc : [],\r\n      selectedYear: null,\r\n      itemFilter: {\r\n        nam : null,\r\n      },\r\n      nam:null\r\n    };\r\n  },\r\n  watch: {\r\n    $route(to, from) {\r\n      this.gioithieu = this.$route.params._id;\r\n      this.$refs.tblList.refresh();\r\n      this.getMenu()\r\n    //  console.log(\"LOG CREATED LIEN HE \",this.$route.path)\r\n    },\r\n    \"nam\"(value) {\r\n      console.log(value)\r\n      this.itemFilter.nam = value.id;\r\n      this.$refs.tblList.refresh();\r\n      console.log('item fill',this.itemFilter.nam)\r\n    }\r\n\r\n  },\r\n  created() {\r\n    this.getFiles();\r\n    this.getMenu();\r\n    this.GetDanhSach();\r\n    this.getCurrentYear()\r\n    window.addEventListener(\"scroll\", this.windowScroll);\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"scroll\", this.windowScroll);\r\n  },\r\n  computed: {\r\n    years() {\r\n      const year = []\r\n      const current = (new Date().getFullYear()) + 1\r\n      for (let i = current-5 ; i < current; i++) {\r\n        year.push({id: i, name: `Năm ${i}`})\r\n      }\r\n      return year\r\n    },\r\n  },\r\n  mounted() {\r\n    // this.years();\r\n  },\r\n  methods: {\r\n    async GetDanhSach(){\r\n      await this.$store.dispatch(\"menuCongDanStore/getDanhMuc\").then((res) => {\r\n        this.listDanhMuc = res.data;\r\n        //    console.log(\"LOG DANH MUC : \", this.listDanhMuc)\r\n      })\r\n    },\r\n    async getCurrentYear() {\r\n      const current = (new Date().getFullYear());\r\n      this.nam = {id: current, name: `Năm ${current}`};\r\n      this.itemFilter.nam = current;\r\n    },\r\n    async getMenu(){\r\n      let menuStorage = localStorage.getItem(\"flatten-menu\");\r\n      if (menuStorage) {\r\n        this.menu =  JSON.parse(menuStorage).find(item => item.link ===window.location.pathname);\r\n        if (this.menu == null)\r\n        {\r\n          this.menu = JSON.parse(menuStorage).find(item => item.id === this.$route.params.id);\r\n        }\r\n      }\r\n    },\r\n    async getFiles(){\r\n      await this.$store.dispatch(\"contentStore/getByMenuId\",{\r\n        \"id\": this.$route.params.id\r\n      } ).then((res) => {\r\n        this.model = res.data;\r\n      })\r\n    },\r\n\r\n    getColorWithExtFile(ext) {\r\n      if (ext == '.docx' || ext == '.doc')\r\n        return 'icon-word';\r\n      else if (ext == '.xlsx' || ext == '.xls')\r\n        return 'icon-excel';\r\n      else if (ext == '.pdf')\r\n        return 'icon-pdf';\r\n      else return 'text-danger';\r\n    },\r\n\r\n    getIconWithExtFile(ext) {\r\n      if (ext == '.docx' || ext == '.doc')\r\n        return 'mdi mdi-microsoft-word';\r\n      else if (ext == '.xlsx' || ext == '.xls')\r\n        return 'mdi mdi-microsoft-excel';\r\n      else if (ext == '.pdf')\r\n        return 'mdi mdi-file-pdf-outline';\r\n      else if (ext == '.pptx')\r\n        return 'fas fa-file-powerpoint';\r\n      else return 'mdi-file-clock-outline';\r\n    },\r\n\r\n    windowScroll() {\r\n      const navbar = document.getElementById(\"navbar\");\r\n      if (\r\n          document.body.scrollTop >= 50 ||\r\n          document.documentElement.scrollTop >= 50\r\n      ) {\r\n        navbar.classList.add(\"nav-sticky\");\r\n      } else {\r\n        navbar.classList.remove(\"nav-sticky\");\r\n      }\r\n    },\r\n    /**\r\n     * Toggle menu\r\n     */\r\n    toggleMenu() {\r\n      document.getElementById(\"topnav-menu-content\").classList.toggle(\"show\");\r\n    },\r\n    reloadData() {\r\n      // Gọi lại hàm myProvider để tải dữ liệu mới dựa trên năm được chọn\r\n      this.$refs.myProvider.call();\r\n    },\r\n\r\n    myProvider (ctx) {\r\n      const params = {\r\n        start: ctx.currentPage,\r\n        limit: ctx.perPage,\r\n        sortBy: ctx.sortBy,\r\n        sortDesc: ctx.sortDesc,\r\n        content: this.filter,\r\n        menuId: this.$route.params.id,\r\n        year: this.itemFilter.nam,\r\n      }\r\n      this.loading = true\r\n      try {\r\n        let promise =  this.$store.dispatch(\"contentStore/getPagingParams\", params\r\n      )\r\n        return promise.then(resp => {\r\n          let items = resp.data.data\r\n          this.totalRows = resp.data.totalRows\r\n          this.numberOfElement = resp.data.data.length\r\n          this.loading = false\r\n          return items || []\r\n        })\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n  },\r\n\r\n};\r\n</script>\r\n\r\n<template>\r\n  <Layout>\r\n    <section class=\"section p-2 bg-white\" id=\"about\">\r\n        <div class=\"row align-items-center\">\r\n          <div>\r\n            <div class=\"row\">\r\n              <div class=\"col-12\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-12\">\r\n                    <div class=\"container\">\r\n                      <div class=\"row\">\r\n                        <div class=\"col-lg-9 mb-3\">\r\n                          <div class=\"row\">\r\n                            <div class=\"col-lg-8 col-md-8\">\r\n                              <div class=\"cs-title-box\">\r\n                                <div class=\"cs-title py-2 mb-4\" style=\"padding-top: 7px !important;\">\r\n                                  <a href=\"\">\r\n                                    <i class=\"mdi mdi-star ic-item\"></i>\r\n                                    <span style=\"color: #fff; font-size: 16px;\" v-if=\"this.menu != null && this.menu.name != null\">{{this.menu.name }}</span>\r\n                                  </a>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"col-lg-4 col-md-4 search-box\">\r\n                              <multiselect\r\n                                  v-model=\"nam\"\r\n                                  :options=\"years\"\r\n                                  track-by=\"id\"\r\n                                  class=\"helo\"\r\n                                  label=\"name\"\r\n                                  placeholder=\"Chọn năm... \"\r\n                                  selectLabel=\"Nhấn vào để chọn\"\r\n                                  deselectLabel=\"Nhấn vào để xóa\"\r\n                              ></multiselect>\r\n                                <!--<div class=\"me-2 mb-2 d-inline-block\">\r\n                                    <div class=\"position-relative\">\r\n                                        <input\r\n                                            v-model=\"filter\"\r\n                                            type=\"text\"\r\n                                            class=\"form-control\"\r\n                                            placeholder=\"Tìm kiếm ...\"\r\n                                        />\r\n                                        <i class=\"bx bx-search-alt search-icon\"></i>\r\n                                    </div>\r\n                                </div>-->\r\n                            </div>\r\n                            <div class=\"col-sm-12 col-md-6\">\r\n                              <div\r\n                                  class=\"col-sm-12 d-flex justify-content-left align-items-center\"\r\n                              >\r\n                                <div\r\n                                    id=\"tickets-table_length\"\r\n                                    class=\"dataTables_length m-1\"\r\n                                    style=\"\r\n                                  display: flex;\r\n                                  justify-content: left;\r\n                                  align-items: center;\r\n                                \"\r\n                                >\r\n                                  <div class=\"me-1\" >Hiển thị </div>\r\n                                  <b-form-select\r\n                                      class=\"form-select form-select-sm\"\r\n                                      v-model=\"perPage\"\r\n                                      size=\"sm\"\r\n                                      :options=\"pageOptions\"\r\n                                      style=\"width: 70px\"\r\n                                  ></b-form-select\r\n                                  >&nbsp;\r\n                                  <div style=\"width: 100px\"> dòng </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div class=\"table-responsive mb-0 table-height\">\r\n                            <b-table\r\n                            class=\"datatables\"\r\n                                  :items=\"myProvider\"\r\n                                  :fields=\"fields\"\r\n                                  striped\r\n                                  bordered\r\n                                  responsive=\"sm\"\r\n                                  :per-page=\"perPage\"\r\n                                  :current-page=\"currentPage\"\r\n                                  :sort-by.sync=\"sortBy\"\r\n                                  :sort-desc.sync=\"sortDesc\"\r\n                                  :filter=\"filter\"\r\n                                  :filter-included-fields=\"filterOn\"\r\n                                  ref=\"tblList\"\r\n                                  primary-key=\"id\"\r\n                            >\r\n                              <template v-slot:cell(STT)=\"data\">\r\n                                {{ data.index + ((currentPage-1)*perPage) + 1  }}\r\n                              </template>\r\n                              <template v-slot:cell(soKiHieu)=\"data\">\r\n                                <span>{{ data.item.soKiHieu }}</span>\r\n                                <div class=\"row ngayKi\">\r\n                                  <span>Ngày ký: {{ data.item.ngayKyShow }}</span>\r\n                                </div>\r\n                              </template>\r\n                              <template v-slot:cell(files)=\"data\">\r\n\r\n                                  <div v-for =\"(item,index) in data.item.files\" :key=\"index\">\r\n                                    <router-link\r\n                                              :to=\"{\r\n                                                path: `/xem-chi-tiet/${item.fileId}`,\r\n                                              }\"\r\n                                                target=\"_blank\"\r\n                                                class=\"fw-medium\"\r\n                                    >\r\n                                            <i class=\"mdi mdi-cloud-download\" style=\"font-size: 24px; color: #B50027;\"></i>\r\n                                    </router-link>\r\n\r\n                                    <!-- <a\r\n                                        :href=\"`${url}/${item.fileId}`\"\r\n                                        class=\"text-dark fw-medium d-flex justify-content-center align-items-center\">\r\n                                      <div class=\"\">\r\n                                        <i class=\"mdi mdi-cloud-download\" style=\"font-size: 24px; color: #B50027;\"></i>\r\n                                      </div>\r\n                                    </a> -->\r\n                                  </div>\r\n                              </template>\r\n                            </b-table>\r\n                          </div>\r\n                          <div class=\"row\">\r\n                            <b-col>\r\n                              <div>Hiển thị {{numberOfElement}} trên tổng số {{totalRows}} dòng</div>\r\n                            </b-col>\r\n                            <div class=\"col\">\r\n                              <div\r\n                                  class=\"dataTables_paginate paging_simple_numbers float-end\">\r\n                                <ul class=\"pagination pagination-rounded mb-0\">\r\n                                  <!-- pagination -->\r\n                                  <b-pagination\r\n                                      v-model=\"currentPage\"\r\n                                      :total-rows=\"totalRows\"\r\n                                      :per-page=\"perPage\"\r\n                                  ></b-pagination>\r\n                                </ul>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"col-lg-3\">\r\n                          <div class=\"category\">\r\n                            <div class=\"cate-title\">\r\n                              Danh Mục\r\n                            </div>\r\n                            <div v-for =\"(item,index) in listDanhMuc\" :key=\"index\"  class=\"cate-list\">\r\n                              <ul style=\"cursor: pointer\">\r\n                                <li>\r\n                                  <i class=\"mdi mdi-chevron-double-right\"></i>\r\n                                  <a :href= \"item.link\">{{item.label}}</a>\r\n                                </li>\r\n                              </ul>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    </section>\r\n  </Layout>\r\n</template>\r\n<style>\r\n\r\n.cate-list ul li{\r\n  list-style: none;\r\n  border-bottom: 1px dashed #d0cfcf;\r\n  padding: 10px 0 10px 0;\r\n}\r\n\r\n.cate-list ul li a{\r\n  margin-left: 10px;\r\n  font-size: 14px;\r\n  color: #78797C;\r\n}\r\n\r\n/* .cs-title-box .cs-title .ic-item {\r\n  background-color: #fff;\r\n  color: #d60604;\r\n  padding: 5px 7px;\r\n  border-radius: 50px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.cs-title-box .cs-title {\r\n  background-color: #d60604;\r\n  color: #fff;\r\n  width: fit-content;\r\n  padding: 5px;\r\n  padding-right: 20px;\r\n  border-radius: 50px;\r\n  position: relative;\r\n  z-index: 99;\r\n  margin: 10px 0px;\r\n\r\n}\r\n\r\n.cs-title-box:before {\r\n  display: block;\r\n  height: 1px;\r\n  width: 100%;\r\n  background: linear-gradient(90deg, #d60604, rgba(199, 26, 22, 0));\r\n  position: absolute;\r\n  top: 50%;\r\n  z-index: 1;\r\n} */\r\n.color-primary {\r\n  /*color: #28883B;*/\r\n  color: #cc3333\r\n}\r\n\r\n.bg-primary {\r\n  /*background-color: #28883B !important;*/\r\n  background-color:#cc3333 !important;\r\n}\r\n\r\ntable thead tr th{\r\n  background-color: #efc62c !important;\r\n  border: 1px solid #747070 !important;\r\n}\r\ntable tbody tr td{\r\n  border: 1px solid #747070 !important;\r\n}\r\n.td-stt{\r\n  text-align: center;\r\n  width: 5%;\r\n}\r\n.td-skh{\r\n  width: 20%;\r\n}\r\n.td-nk{\r\n  width: 10%;\r\n  text-align: center;\r\n}\r\n.td-download{\r\n  text-align: center;\r\n}\r\n\r\n.active > .page-link {\r\n  background-color: #EFC62C !important;\r\n}\r\n.search-box{\r\n    display: flex !important;\r\n    justify-content: center;\r\n    align-items: center;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=04f1b837&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=04f1b837&prod&lang=css&\"\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":""}