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