{"version":3,"sources":["webpack:///./src/pages/quantri/dashboard/index.vue?00a5","webpack:///./src/pages/quantri/dashboard/index.vue","webpack:///./src/pages/quantri/dashboard/tongSoApexChart.vue","webpack:///src/pages/quantri/dashboard/tongSoApexChart.vue","webpack:///./src/pages/quantri/dashboard/tongSoApexChart.vue?7fdd","webpack:///./src/pages/quantri/dashboard/tongSoApexChart.vue?695f","webpack:///./src/pages/quantri/dashboard/tongSoDanhGiaApexChart.vue","webpack:///src/pages/quantri/dashboard/tongSoDanhGiaApexChart.vue","webpack:///./src/pages/quantri/dashboard/tongSoDanhGiaApexChart.vue?e49d","webpack:///./src/pages/quantri/dashboard/tongSoDanhGiaApexChart.vue?8949","webpack:///src/pages/quantri/dashboard/index.vue","webpack:///./src/pages/quantri/dashboard/index.vue?d768","webpack:///./src/pages/quantri/dashboard/index.vue?7be2"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","soLieu","tongSoCauHoi","tongSoChatBox","tongSoDichVuCong","tongSoUngDungKhac","staticRenderFns","_m","attrs","chartDataEachYear","series","chartOptions","props","data","listHoanThanh","listDangXuLy","listTreHan","listKhoKhan","listNam","xaxis","categories","chart","height","type","toolbar","show","colors","dataLabels","enabled","stroke","curve","width","fill","gradient","shadeIntensity","inverseColors","opacityFrom","opacityTo","stops","markers","size","strokeWidth","hover","sizeOffset","legend","position","horizontalAlign","selection","created","window","addEventListener","windowScroll","getAll","mounted","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","dispatch","then","res","code","listData","console","log","stop","component","page","title","components","TongSoApexChart","TongSoDanhGiaApexChart","Layout","model","menu"],"mappings":"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","file":"js/chunk-0f29b221.2a78f0b0.js","sourcesContent":["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=3e748976&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('div',{staticClass:\"row equal-height-row mb-0\"},[_c('div',{staticClass:\"col-xl-3 col-md-6\"},[_c('div',{staticClass:\"card mini-stats-wid cs-stats cs-all-project\",staticStyle:{\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"card-body card-1\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('p',{staticClass:\"fw-medium mb-2 cs-title\"},[_vm._v(\"Tổng số câu hỏi\")]),_c('h4',{staticClass:\"mb-0 cs-total text-w\"},[_vm._v(_vm._s(_vm.soLieu.tongSoCauHoi))])]),_c('div',{staticClass:\"avatar-sm align-self-center rounded-circle ic-all-project\"},[_c('span',{staticClass:\"avatar-title avt-1\"},[_c('i',{staticClass:\"bx bx-briefcase-alt-2 font-size-24\"})])])])])])]),_c('div',{staticClass:\"col-xl-3 col-md-6\"},[_c('div',{staticClass:\"card cs-stats cs-project-complete\",staticStyle:{\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"card-body card-2\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('p',{staticClass:\"fw-medium mb-2\"},[_vm._v(\"CHATBOX\")]),_c('h4',{staticClass:\"mb-0 text-w\"},[_vm._v(_vm._s(_vm.soLieu.tongSoChatBox))])]),_c('div',{staticClass:\"avatar-sm align-self-center ic-project-complete\"},[_c('span',{staticClass:\"avatar-title avt-2\"},[_c('i',{staticClass:\"bx bx-task font-size-24\"})])])])])])]),_c('div',{staticClass:\"col-xl-3 col-md-6\"},[_c('div',{staticClass:\"card mini-stats-wid cs-stats cs-project-delay\",staticStyle:{\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"card-body card-3\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('p',{staticClass:\"fw-medium mb-2\"},[_vm._v(\"DỊCH VỤ CÔNG\")]),_c('h4',{staticClass:\"mb-0 text-w\"},[_vm._v(_vm._s(_vm.soLieu.tongSoDichVuCong))])]),_c('div',{staticClass:\"avatar-sm align-self-center rounded-circle ic-project-delay\"},[_c('span',{staticClass:\"avatar-title avt-3\"},[_c('i',{staticClass:\"bx bx-time font-size-24\"})])])])])])]),_c('div',{staticClass:\"col-xl-3 col-md-6\"},[_c('div',{staticClass:\"card mini-stats-wid cs-stats cs-project-difficult\",staticStyle:{\"border-radius\":\"10px\"}},[_c('div',{staticClass:\"card-body card-4\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('p',{staticClass:\"fw-medium mb-2\"},[_vm._v(\"ỨNG DỤNG KHÁC\")]),_c('h4',{staticClass:\"mb-0 text-w\"},[_vm._v(_vm._s(this.soLieu.tongSoUngDungKhac))])]),_c('div',{staticClass:\"avatar-sm align-self-center ic-project-difficult rounded-circle\"},[_c('span',{staticClass:\"avatar-title avt-4\"},[_c('i',{staticClass:\"bx bx-wrench font-size-24\"})])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('tong-so-apex-chart')],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('tong-so-danh-gia-apex-chart')],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"})])]),_c('div')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-body\"},[_vm._m(0),_c('hr',{staticClass:\"mb-1\",staticStyle:{\"margin-top\":\"1px\"}}),_c('apexchart',{staticClass:\"apex-charts\",attrs:{\"dir\":\"ltr\",\"type\":\"area\",\"height\":\"370\",\"series\":_vm.chartDataEachYear.series,\"options\":_vm.chartDataEachYear.chartOptions}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('h4',{staticClass:\"text-center font-weight-bold text-dark\"},[_vm._v(\" BIỂU ĐỒ SỐ LƯỢNG CÂU HỎI THEO TỪNG NĂM \")])])\n}]\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  props: ['code'],\r\n  data() {\r\n    return {\r\n      listHoanThanh : [],\r\n      listDangXuLy : [],\r\n      listTreHan : [],\r\n      listKhoKhan : [],\r\n      listNam : [],\r\n      chartDataEachYear: {\r\n        series: [\r\n\r\n        ],\r\n        chartOptions: {\r\n          xaxis: {\r\n            categories : [\r\n              \"2021\",\r\n              \"2022\",\r\n              \"2023\",\r\n              \"2024\",\r\n              \"2025\",\r\n            ],\r\n          },\r\n          chart: {\r\n            height: 350,\r\n            type: \"area\",\r\n            toolbar: {\r\n              show: false,\r\n            },\r\n          },\r\n          colors: [\"#449d73\",'#ffc35e',\"#e85b5b\", \"#ec6868\"],\r\n          dataLabels: {\r\n            enabled: false,\r\n          },\r\n          stroke: {\r\n            curve: \"smooth\",\r\n            width: 2,\r\n          },\r\n          fill: {\r\n            type: \"gradient\",\r\n            gradient: {\r\n              shadeIntensity: 1,\r\n              inverseColors: false,\r\n              opacityFrom: 0.45,\r\n              opacityTo: 0.05,\r\n              stops: [20, 100, 100, 100],\r\n            },\r\n          },\r\n          markers: {\r\n            size: 3,\r\n            strokeWidth: 3,\r\n            hover: {\r\n              size: 4,\r\n              sizeOffset: 2,\r\n            },\r\n          },\r\n          legend: {\r\n            position: \"top\",\r\n            horizontalAlign: \"right\",\r\n          },\r\n        },\r\n      },\r\n      selection: \"all\",\r\n    };\r\n  },\r\n  created() {\r\n    window.addEventListener(\"scroll\", this.windowScroll);\r\n    this.getAll();\r\n\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    async getAll() {\r\n      await this.$store.dispatch(\"statisticalStore/getTungNam\").then((res) => {\r\n        if (res.code === 0) {\r\n          this.chartDataEachYear.series = [];\r\n          this.chartDataEachYear.chartOptions.xaxis.categories = [];\r\n          this.chartDataEachYear.series = res.data.listData;\r\n        //  this.chartDataEachYear.chartOptions.xaxis.categories = res.data.listYear\r\n          // res.data.listYear.forEach(elements => this.chartDataEachYear.chartOptions.xaxis.categories.push(elements + 1));\r\n\r\n          console.log(\"LOG DATA : \",this.chartDataEachYear.chartOptions.xaxis.categories )\r\n\r\n        }\r\n      })\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <h4 class=\"text-center font-weight-bold text-dark\">\r\n          BIỂU ĐỒ SỐ LƯỢNG CÂU HỎI THEO TỪNG NĂM\r\n        </h4>\r\n      </div>\r\n    <hr class=\"mb-1\" style=\"margin-top: 1px\" />\r\n    <apexchart\r\n        class=\"apex-charts\"\r\n        dir=\"ltr\"\r\n        type=\"area\"\r\n        height=\"370\"\r\n        :series=\"chartDataEachYear.series\"\r\n        :options=\"chartDataEachYear.chartOptions\"\r\n    ></apexchart>\r\n  </div>\r\n</template>\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!./tongSoApexChart.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!./tongSoApexChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./tongSoApexChart.vue?vue&type=template&id=ab5c6178\"\nimport script from \"./tongSoApexChart.vue?vue&type=script&lang=js\"\nexport * from \"./tongSoApexChart.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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-body\"},[_vm._m(0),_c('hr',{staticClass:\"mb-1\",staticStyle:{\"margin-top\":\"1px\"}}),_c('apexchart',{staticClass:\"apex-charts\",attrs:{\"dir\":\"ltr\",\"type\":\"area\",\"height\":\"370\",\"series\":_vm.chartDataEachYear.series,\"options\":_vm.chartDataEachYear.chartOptions}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('h4',{staticClass:\"text-center font-weight-bold text-dark\"},[_vm._v(\" BIỂU ĐỒ ĐÁNH GIÁ CHẤT LƯỢNG CÂU TRẢ LỜI THEO TỪNG NĂM \")])])\n}]\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  props: ['code'],\r\n  data() {\r\n    return {\r\n      listHoanThanh : [],\r\n      listDangXuLy : [],\r\n      listTreHan : [],\r\n      listKhoKhan : [],\r\n      listNam : [],\r\n      chartDataEachYear: {\r\n        series: [\r\n\r\n        ],\r\n        chartOptions: {\r\n          xaxis: {\r\n            categories : [\r\n              \"2021\",\r\n              \"2022\",\r\n              \"2023\",\r\n              \"2024\",\r\n              \"2025\",\r\n            ],\r\n          },\r\n          chart: {\r\n            height: 350,\r\n            type: \"area\",\r\n            toolbar: {\r\n              show: false,\r\n            },\r\n          },\r\n          colors: [\"#449d73\",'#ffc35e',\"#e85b5b\", \"#ec6868\"],\r\n          dataLabels: {\r\n            enabled: false,\r\n          },\r\n          stroke: {\r\n            curve: \"smooth\",\r\n            width: 2,\r\n          },\r\n          fill: {\r\n            type: \"gradient\",\r\n            gradient: {\r\n              shadeIntensity: 1,\r\n              inverseColors: false,\r\n              opacityFrom: 0.45,\r\n              opacityTo: 0.05,\r\n              stops: [20, 100, 100, 100],\r\n            },\r\n          },\r\n          markers: {\r\n            size: 3,\r\n            strokeWidth: 3,\r\n            hover: {\r\n              size: 4,\r\n              sizeOffset: 2,\r\n            },\r\n          },\r\n          legend: {\r\n            position: \"top\",\r\n            horizontalAlign: \"right\",\r\n          },\r\n        },\r\n      },\r\n      selection: \"all\",\r\n    };\r\n  },\r\n  created() {\r\n    window.addEventListener(\"scroll\", this.windowScroll);\r\n    this.getAll();\r\n\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    async getAll() {\r\n      await this.$store.dispatch(\"statisticalStore/getDanhGiaTungNam\").then((res) => {\r\n        if (res.code === 0) {\r\n          this.chartDataEachYear.series = [];\r\n          this.chartDataEachYear.chartOptions.xaxis.categories = [];\r\n          this.chartDataEachYear.series = res.data.listData;\r\n        //  this.chartDataEachYear.chartOptions.xaxis.categories = res.data.listYear\r\n          // res.data.listYear.forEach(elements => this.chartDataEachYear.chartOptions.xaxis.categories.push(elements + 1));\r\n\r\n          console.log(\"LOG DATA : \",this.chartDataEachYear.chartOptions.xaxis.categories )\r\n        }\r\n      })\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <h4 class=\"text-center font-weight-bold text-dark\">\r\n          BIỂU ĐỒ ĐÁNH GIÁ CHẤT LƯỢNG CÂU TRẢ LỜI THEO TỪNG NĂM\r\n        </h4>\r\n      </div>\r\n    <hr class=\"mb-1\" style=\"margin-top: 1px\" />\r\n    <apexchart\r\n        class=\"apex-charts\"\r\n        dir=\"ltr\"\r\n        type=\"area\"\r\n        height=\"370\"\r\n        :series=\"chartDataEachYear.series\"\r\n        :options=\"chartDataEachYear.chartOptions\"\r\n    ></apexchart>\r\n  </div>\r\n</template>\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!./tongSoDanhGiaApexChart.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!./tongSoDanhGiaApexChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./tongSoDanhGiaApexChart.vue?vue&type=template&id=2530cdd0\"\nimport script from \"./tongSoDanhGiaApexChart.vue?vue&type=script&lang=js\"\nexport * from \"./tongSoDanhGiaApexChart.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","<script>\r\nimport Layout from \"../../../layouts/main\";\r\nimport 'vue2-datepicker/index.css';\r\nimport TongSoApexChart from \"@/pages/quantri/dashboard/tongSoApexChart\";\r\nimport TongSoDanhGiaApexChart from \"@/pages/quantri/dashboard/tongSoDanhGiaApexChart\";\r\n\r\n\r\nexport default {\r\n  page: {\r\n    title: \"Dashboard - CHATBOT\",\r\n  },\r\n  components: {\r\n    TongSoApexChart,\r\n    TongSoDanhGiaApexChart,\r\n    Layout ,\r\n  },\r\n  data() {\r\n    return {\r\n      model: null,\r\n      title: \"Dự án\",\r\n      soLieu: {\r\n      tongSoCauHoi: 0,\r\n        tongSoChatBox: 0,\r\n        tongSoDichVuCong: 0,\r\n        tongSoUngDungKhac: 0\r\n      },\r\n      menu : []\r\n    }\r\n  },\r\n  created() {\r\n    this.getAll();\r\n  },\r\n  methods:{\r\n    async getAll() {\r\n      await this.$store.dispatch(\"statisticalStore/getAll\").then((res) => {\r\n        console.log(\"LOG DATA : \",res.data )\r\n        this.soLieu = res.data || [];\r\n      })\r\n    },\r\n  }\r\n}\r\n</script>\r\n<template>\r\n  <Layout>\r\n    <div class=\"row equal-height-row mb-0\">\r\n      <!-- Dự án-->\r\n      <div class=\"col-xl-3 col-md-6\">\r\n        <div class=\"card mini-stats-wid cs-stats cs-all-project\" style=\"border-radius: 10px;\">\r\n          <div class=\"card-body card-1\">\r\n            <div class=\"d-flex\">\r\n              <div class=\"flex-grow-1\">\r\n                <p class=\"fw-medium mb-2 cs-title\">Tổng số câu hỏi</p>\r\n                <h4 class=\"mb-0 cs-total text-w\">{{soLieu.tongSoCauHoi}}</h4>\r\n              </div>\r\n              <div class=\"avatar-sm align-self-center rounded-circle ic-all-project\">\r\n                          <span class=\"avatar-title avt-1\">\r\n                            <i class=\"bx bx-briefcase-alt-2 font-size-24\"></i>\r\n                          </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- end card-body -->\r\n        </div>\r\n      </div>\r\n      <!-- Dự án hoàng thành-->\r\n      <div class=\"col-xl-3 col-md-6\">\r\n        <div class=\"card cs-stats cs-project-complete\" style=\"border-radius: 10px;\">\r\n          <div class=\"card-body card-2\">\r\n            <div class=\"d-flex\">\r\n              <div class=\"flex-grow-1\">\r\n                <p class=\"fw-medium mb-2\">CHATBOX</p>\r\n                <h4 class=\"mb-0 text-w\">{{soLieu.tongSoChatBox}}</h4>\r\n              </div>\r\n\r\n              <div class=\"avatar-sm align-self-center ic-project-complete\">\r\n                          <span class=\"avatar-title avt-2\">\r\n                            <i class=\"bx bx-task font-size-24\"></i>\r\n                          </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- end card-body -->\r\n        </div>\r\n      </div>\r\n      <!-- Dự án trễ hẹn-->\r\n      <div class=\"col-xl-3 col-md-6\">\r\n        <div class=\"card mini-stats-wid cs-stats cs-project-delay\" style=\"border-radius: 10px;\">\r\n          <div class=\"card-body card-3\">\r\n            <div class=\"d-flex\">\r\n              <div class=\"flex-grow-1\">\r\n                <p class=\"fw-medium mb-2\">DỊCH VỤ CÔNG</p>\r\n                <h4 class=\"mb-0 text-w\">{{soLieu.tongSoDichVuCong}}</h4>\r\n              </div>\r\n\r\n              <div class=\"avatar-sm align-self-center rounded-circle ic-project-delay\">\r\n                          <span class=\"avatar-title avt-3\">\r\n                            <i class=\"bx bx-time font-size-24\"></i>\r\n                          </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- end card-body -->\r\n        </div>\r\n      </div>\r\n      <!-- Khó khăn -->\r\n      <div class=\"col-xl-3 col-md-6\">\r\n        <div class=\"card mini-stats-wid cs-stats cs-project-difficult\" style=\"border-radius: 10px;\">\r\n          <div class=\"card-body card-4\">\r\n            <div class=\"d-flex\">\r\n              <div class=\"flex-grow-1\">\r\n                <p class=\"fw-medium mb-2\">ỨNG DỤNG KHÁC</p>\r\n                <h4 class=\"mb-0 text-w\">{{this.soLieu.tongSoUngDungKhac}}</h4>\r\n              </div>\r\n\r\n              <div class=\"avatar-sm align-self-center ic-project-difficult rounded-circle\">\r\n                          <span class=\"avatar-title avt-4\">\r\n                            <i class=\"bx bx-wrench font-size-24\"></i>\r\n                          </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <tong-so-apex-chart/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <tong-so-danh-gia-apex-chart/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n    </div>\r\n  </Layout>\r\n</template>\r\n<style>\r\n.card-1{\r\n  background-color: #5473e7;\r\n  padding: 30px 20px;\r\n  border-radius: 10px;\r\n}\r\n.card-2{\r\n  background-color: #5ecdc2;\r\n  padding: 30px 20px;\r\n  border-radius: 10px;\r\n}\r\n.card-3{\r\n  background-color: #e28958;\r\n  padding: 30px 20px;\r\n  border-radius: 10px;\r\n}\r\n.card-4{\r\n  background-color: #f46a6a;\r\n  padding: 30px 20px;\r\n  border-radius: 10px;\r\n}\r\n.flex-grow-1, .text-w{\r\n  color: #fff !important;\r\n}\r\n.flex-grow-1 p {\r\n  font-size: 13px;\r\n}\r\n\r\n.avt-1{\r\n  box-shadow: -3px -3px 7px -2px #909fec, 3px 3px 7px -3px #344598;\r\n  background: hsla(0,0%,100%,.1)!important;\r\n  border-radius: 5px;\r\n}\r\n.avt-2{\r\n  box-shadow: -3px -3px 7px -2px #98f1e9, 3px 3px 7px -3px #207269;\r\n  background: hsla(0,0%,100%,.1)!important;\r\n  border-radius: 5px;\r\n}\r\n.avt-3{\r\n  box-shadow: -3px -3px 7px -2px #f3b999, 3px 3px 7px -3px #703b1e;\r\n  background: hsla(0,0%,100%,.1)!important;\r\n  border-radius: 5px;\r\n}\r\n.avt-4{\r\n  box-shadow: -3px -3px 7px -2px #f5abab, 3px 3px 7px -3px #5e1b1b;\r\n  background: hsla(0,0%,100%,.1)!important;\r\n  border-radius: 5px;\r\n}\r\n\r\n\r\n.td-duAn {\r\n  background-color: #556ee6;\r\n}\r\n.td-duAnHoanThanh {\r\n  background-color: #34c38f;\r\n}\r\n.td-duAnTreHen {\r\n  background-color: #f1b44c;\r\n}\r\n.td-duAnKhoKhan {\r\n  background-color: #f46a6a;\r\n}\r\n\r\n.page-dashboard{\r\n  margin-top: -10px;\r\n}\r\n\r\n.card-header{\r\n  justify-content: space-between;\r\n  flex-direction: row;\r\n}\r\n\r\n@media only screen and(max-width: 1024px){\r\n  .card-header{\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n.bg-bq-info{\r\n  /*background: linear-gradient(45deg, #1a569e, #4bb8dd);*/\r\n  background: rgba(26, 86, 158, 0.1);\r\n  width: 100%;\r\n  height: 100% !important;\r\n  position: relative;\r\n}\r\n.bg-bq-info .card-title{\r\n  margin-left: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.bg-bq-info .card-img img{\r\n  position: absolute;\r\n  right: 20px;\r\n  bottom: 20px;\r\n  height: 200px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px){\r\n  .bg-bq-info .card-img img{\r\n    height: 150px;\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 768px){\r\n  .bg-bq-info .card-img img{\r\n    height: 100px;\r\n  }\r\n}\r\n.bg-bq-info .text-box{\r\n  /*background: linear-gradient(45deg, #1a569e, #4bb8dd);*/\r\n  background: #1a569e;\r\n  padding: 10px 20px;\r\n  display: flex;\r\n  justify-content: start;\r\n  align-items: center;\r\n  border-radius: 50px;\r\n  width: 200px;\r\n}\r\n.bg-bq-info .text-box .item-left {\r\n  width: 35px;\r\n  height: 35px;\r\n  background-color: #fff;\r\n  border-radius: 50px;\r\n  color: #1a569e;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-left: -10px;\r\n}\r\n\r\n.bg-bq-info .text-box .item-right {\r\n  color: #fff;\r\n  diplay: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-left: 10px;\r\n}\r\n\r\n\r\n.td-duAn {\r\n  background-color: #556ee6;\r\n}\r\n\r\n.td-duAnHoanThanh {\r\n  background-color: #34c38f;\r\n}\r\n\r\n.td-duAnTreHen {\r\n  background-color: #f1b44c;\r\n}\r\n\r\n.td-duAnKhoKhan {\r\n  background-color: #f46a6a;\r\n}\r\n\r\n.bg-bq-success{\r\n  background: linear-gradient(45deg, #3faf22, #7bd36a);\r\n}\r\n.bg-bq-warning{\r\n  background: linear-gradient(45deg, #bc7a22, #e5ae63);\r\n}\r\n.bg-bq-danger{\r\n  background: linear-gradient(45deg, #bf2632, #d15b56);\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=3e748976\"\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=3e748976&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":""}