{"version":3,"sources":["webpack:///./src/views/home/apps/stf/components/accident.vue","webpack:///src/views/home/apps/stf/components/accident.vue","webpack:///./src/views/home/apps/stf/components/accident.vue?e4a1","webpack:///./src/views/home/apps/stf/components/accident.vue?7859"],"names":["render","_vm","this","_c","_self","dashboardData","rdy","class","concat","bd","mgt","staticClass","_v","params","mode","attrs","on","$event","loadData","_s","_f","data","groupedData","filter","x","typeId","reduce","sum","_ref","count","parseInt","_ref2","key","chart","options","series","processed","startDate","endDate","time","toFixed","_e","staticRenderFns","moment","require","components","apexchart","VueApexCharts","props","type","String","default","name","height","zoom","enabled","dataLabels","stroke","curve","grid","row","colors","opacity","xaxis","categories","startOf","format","list","mounted","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","_this","request","api","method","url","store","$store","then","res","map","districts","component"],"mappings":"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","file":"js/chunk-2d0a3cd9.2fa74705.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.dashboardData.rdy)?_c('div',{class:`card ${_vm.bd} ${_vm.mgt} bd-none`},[_c('div',{staticClass:\"card-header d-flex justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Зардлын задаргаа\")]),_c('nav',{staticClass:\"nav nav-row-xs align-items-center\"},[_c('a',{class:`nav-link ${_vm.dashboardData.params.mode == 1 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.dashboardData.params.mode = 1;\n          _vm.loadData();}}},[_vm._v(\"1D\")]),_c('a',{class:`nav-link ${_vm.dashboardData.params.mode == 2 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.dashboardData.params.mode = 2;\n          _vm.loadData();}}},[_vm._v(\"1W\")]),_c('a',{class:`nav-link ${_vm.dashboardData.params.mode == 3 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.dashboardData.params.mode = 3;\n          _vm.loadData();}}},[_vm._v(\"1M\")]),_c('a',{class:`nav-link ${_vm.dashboardData.params.mode == 4 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.dashboardData.params.mode = 4;\n          _vm.loadData();}}},[_vm._v(\"1Y\")]),_c('a',{class:`nav-link ${_vm.dashboardData.params.mode == 5 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.dashboardData.params.mode = 5;\n          _vm.loadData();}}},[_vm._v(\"ALL\")])])]),_c('div',{staticClass:\"card-body pd-0\"},[_c('div',{staticClass:\"row mg-b-20\"},[_c('div',{staticClass:\"col text-center\"},[_c('h4',{staticClass:\"tx-normal tx-rubik tx-spacing--1 mg-b-10\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatMoney\")(_vm.dashboardData.data.groupedData.filter((x) => x.typeId == 0).reduce((sum, { count }) => sum + parseInt(count), 0),0, \".\", \",\"))+\" ₮ \")]),_c('p',{staticClass:\"tx-11 tx-uppercase tx-spacing-1 tx-medium tx-color-03\"},[_vm._v(\" Батлаагүй \")])]),_c('div',{staticClass:\"col text-center\"},[_c('h4',{staticClass:\"tx-normal tx-rubik tx-spacing--1 mg-b-10\"},[_vm._v(\" \"+_vm._s(_vm._f(\"formatMoney\")(_vm.dashboardData.data.groupedData .filter((x) => x.typeId == 1) .reduce((sum, { count }) => sum + parseInt(count), 0),0, \".\", \",\"))+\" ₮ \")]),_c('p',{staticClass:\"tx-11 tx-uppercase tx-spacing-1 tx-medium tx-color-03\"},[_vm._v(\" Баталсан \")])])]),_c('div',[_c('apexchart',{key:_vm.dashboardData.chart.key,attrs:{\"type\":\"bar\",\"height\":\"250\",\"options\":_vm.dashboardData.chart.options,\"series\":_vm.dashboardData.chart.series}})],1)]),_c('div',{staticClass:\"card-footer tx-11 tx-color-03\"},[_c('div',[_vm._v(\" Хамрах хугацаа: \"+_vm._s(_vm._f(\"moment\")(_vm.dashboardData.data.processed.startDate,\"YYYY.MM.DD\"))+\" - \"+_vm._s(_vm._f(\"moment\")(_vm.dashboardData.data.processed.endDate,\"YYYY.MM.DD\"))),_c('br'),_vm._v(\" Боловсруулсан: \"+_vm._s(_vm.dashboardData.data.processed.time.toFixed(2))+\"сек \")])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"`card ${bd} ${mgt} bd-none`\" v-if=\"dashboardData.rdy\">\n    <div class=\"card-header d-flex justify-content-between\">\n      <h6 class=\"mg-b-0\">Зардлын задаргаа</h6>\n      <nav class=\"nav nav-row-xs align-items-center\">\n        <a\n          @click=\"\n            dashboardData.params.mode = 1;\n            loadData();\n          \"\n          :class=\"`nav-link ${dashboardData.params.mode == 1 ? 'active' : ''}`\"\n          role=\"button\"\n          >1D</a\n        >\n        <a\n          @click=\"\n            dashboardData.params.mode = 2;\n            loadData();\n          \"\n          :class=\"`nav-link ${dashboardData.params.mode == 2 ? 'active' : ''}`\"\n          role=\"button\"\n          >1W</a\n        >\n        <a\n          @click=\"\n            dashboardData.params.mode = 3;\n            loadData();\n          \"\n          :class=\"`nav-link ${dashboardData.params.mode == 3 ? 'active' : ''}`\"\n          role=\"button\"\n          >1M</a\n        >\n        <a\n          @click=\"\n            dashboardData.params.mode = 4;\n            loadData();\n          \"\n          :class=\"`nav-link ${dashboardData.params.mode == 4 ? 'active' : ''}`\"\n          role=\"button\"\n          >1Y</a\n        >\n        <a\n          @click=\"\n            dashboardData.params.mode = 5;\n            loadData();\n          \"\n          :class=\"`nav-link ${dashboardData.params.mode == 5 ? 'active' : ''}`\"\n          role=\"button\"\n          >ALL</a\n        >\n      </nav>\n    </div>\n\n    <div class=\"card-body pd-0\">\n      <div class=\"row mg-b-20\">\n        <div class=\"col text-center\">\n          <h4 class=\"tx-normal tx-rubik tx-spacing--1 mg-b-10\">\n            {{\n              dashboardData.data.groupedData.filter((x) => x.typeId == 0).reduce((sum, { count }) => sum + parseInt(count), 0) | formatMoney(0, \".\", \",\")\n            }} ₮\n          </h4>\n          <p class=\"tx-11 tx-uppercase tx-spacing-1 tx-medium tx-color-03\">\n            Батлаагүй\n          </p>\n        </div>\n        <div class=\"col  text-center\">\n          <h4 class=\"tx-normal tx-rubik tx-spacing--1 mg-b-10\">\n            {{\n              dashboardData.data.groupedData\n                .filter((x) => x.typeId == 1)\n                .reduce((sum, { count }) => sum + parseInt(count), 0) | formatMoney(0, \".\", \",\")\n            }} ₮\n          </h4>\n          <p class=\"tx-11 tx-uppercase tx-spacing-1 tx-medium tx-color-03\">\n            Баталсан\n          </p>\n        </div>\n      </div>\n      <div>\n        <apexchart\n          type=\"bar\"\n          height=\"250\"\n          :options=\"dashboardData.chart.options\"\n          :series=\"dashboardData.chart.series\"\n          :key=\"dashboardData.chart.key\"\n        ></apexchart>\n      </div>\n    </div>\n    <div class=\"card-footer tx-11 tx-color-03\">\n      <div>\n        Хамрах хугацаа:\n        {{ dashboardData.data.processed.startDate | moment(\"YYYY.MM.DD\") }}\n        -\n        {{ dashboardData.data.processed.endDate | moment(\"YYYY.MM.DD\") }}<br />\n        Боловсруулсан:\n        {{ dashboardData.data.processed.time.toFixed(2) }}сек\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport VueApexCharts from \"vue-apexcharts\";\nimport { request } from \"@/api/all\";\nconst moment = require(\"moment\");\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n  },\n  props: {\n    mgt: {\n      type: String,\n      default: () => \"\",\n    },\n    bd: {\n      type: String,\n      default: () => \"\",\n    },\n  },\n  data() {\n    return {\n      dashboardData: {\n        chart: {\n          key: 0,\n          series: [\n            {\n              name: \"Нийт\",\n              data: [],\n            },\n            {\n              name: \"Баталсан\",\n              data: [],\n            },\n          ],\n          options: {\n            chart: {\n              height: 150,\n              type: \"line\",\n              zoom: {\n                enabled: false,\n              },\n            },\n            dataLabels: {\n              enabled: false,\n            },\n            stroke: {\n              curve: \"straight\",\n            },\n            grid: {\n              row: {\n                colors: [\"#f3f3f3\", \"transparent\"], // takes an array which will be repeated on columns\n                opacity: 0.5,\n              },\n            },\n            xaxis: {\n              categories: [],\n            },\n          },\n        },\n        rdy: false,\n        params: {\n          mode: 5,\n          startDate: moment()\n            .startOf(\"month\")\n            .format(\"YYYY-MM-DD\"),\n          endDate: moment().format(\"YYYY-MM-DD\"),\n        },\n        data: {\n          list: [],\n        },\n      },\n    };\n  },\n  mounted() {\n    this.loadData();\n  },\n  methods: {\n    toggleBodyClass(addRemoveClass, className) {\n      const el = document.body;\n\n      if (addRemoveClass === \"addClass\") {\n        el.classList.add(className);\n      } else {\n        el.classList.remove(className);\n      }\n    },\n    loadData() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"GET\", url: \"projectEdu/ProjectZardalGroupByType\" },\n        params: {\n          mode: this.dashboardData.params.mode,\n          startDate: this.dashboardData.params.startDate,\n          endDate: this.dashboardData.params.endDate,\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.dashboardData.data = res.data;\n          this.dashboardData.chart.series[0].data = this.dashboardData.data.groupedData\n            .filter((x) => x.typeId == 0)\n            .map((x) => {\n              return x.count;\n            });\n          this.dashboardData.chart.series[1].data = this.dashboardData.data.groupedData\n            .filter((x) => x.typeId == 1)\n            .map((x) => {\n              return x.count;\n            });\n          this.dashboardData.chart.options.xaxis.categories = this.dashboardData.data.districts.map(\n            (x) => {\n              return x.name;\n            }\n          );\n          this.dashboardData.chart.key++;\n          this.dashboardData.rdy = true;\n        }\n      });\n    },\n  },\n};\n</script>\n\n<style></style>\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!./accident.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!./accident.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./accident.vue?vue&type=template&id=21fad8c5\"\nimport script from \"./accident.vue?vue&type=script&lang=js\"\nexport * from \"./accident.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"],"sourceRoot":""}