{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/accident.vue","webpack:///src/views/home/apps/elf/components/accident.vue","webpack:///./src/views/home/apps/elf/components/accident.vue?bde0","webpack:///./src/views/home/apps/elf/components/accident.vue?78ea"],"names":["render","_vm","this","_c","_self","dashboardData","rdy","class","concat","bd","mgt","staticClass","_v","params","mode","attrs","on","$event","loadData","_s","_f","data","groupedData","reduce","sum","_ref","count","parseInt","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","x","districts","component"],"mappings":"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","file":"js/chunk-2d0dec99.581e8c1c.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-5\"},[_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.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-5\">\n        <div class=\"col text-center\">\n          <h4 class=\"tx-normal tx-rubik tx-spacing--1 mg-b-10\">\n            {{\n              dashboardData.data.groupedData.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: \"elf/PaidLoanGroupByType\" },\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=c0ca766e\"\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":""}