{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/vehicleCount.vue","webpack:///src/views/home/apps/elf/components/vehicleCount.vue","webpack:///./src/views/home/apps/elf/components/vehicleCount.vue?e17d","webpack:///./src/views/home/apps/elf/components/vehicleCount.vue?47d2"],"names":["render","_vm","this","_c","_self","staticClass","_v","class","concat","vehicleCountData","params","mode","attrs","on","$event","loadVehicleCount","rdy","_s","data","allCount","distinctedCount","chartOptionsSpark1","seriesSpark1","_f","processed","startDate","endDate","time","toFixed","staticRenderFns","moment","require","components","apexchart","VueApexCharts","startOf","format","chartKey","name","chart","type","height","sparkline","enabled","stroke","curve","fill","opacity","xaxis","crosshairs","width","categories","yaxis","min","title","text","offsetX","style","fontSize","subtitle","mounted","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","_this","request","api","method","url","store","$store","then","res","list","map","x","count","date","component"],"mappings":"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","file":"js/chunk-2d0f0002.30c5e474.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card mg-t-20\"},[_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.vehicleCountData.params.mode == 1 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.vehicleCountData.params.mode = 1;\n          _vm.loadVehicleCount();}}},[_vm._v(\"1D\")]),_c('a',{class:`nav-link ${_vm.vehicleCountData.params.mode == 2 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.vehicleCountData.params.mode = 2;\n          _vm.loadVehicleCount();}}},[_vm._v(\"1W\")]),_c('a',{class:`nav-link ${_vm.vehicleCountData.params.mode == 3 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.vehicleCountData.params.mode = 3;\n          _vm.loadVehicleCount();}}},[_vm._v(\"1M\")]),_c('a',{class:`nav-link ${_vm.vehicleCountData.params.mode == 4 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.vehicleCountData.params.mode = 4;\n          _vm.loadVehicleCount();}}},[_vm._v(\"1Y\")])])]),(_vm.vehicleCountData.rdy)?_c('div',{staticClass:\"card-body\"},[_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.vehicleCountData.data.allCount)+\" \")]),_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.vehicleCountData.data.distinctedCount)+\" \")]),_c('p',{staticClass:\"tx-11 tx-uppercase tx-spacing-1 tx-medium tx-color-03\"},[_vm._v(\" Давхардаагүй \")])])]),_c('div',{staticClass:\"chart-three\"},[_c('apexchart',{attrs:{\"type\":\"area\",\"height\":\"100\",\"options\":_vm.chartOptionsSpark1,\"series\":_vm.seriesSpark1}}),_c('div',{staticClass:\"text-muted tx-12\"},[_vm._v(\"Сүүлийн 10 хоног\")])],1)]):_c('div',{staticClass:\"pd-20\"},[_vm._v(\" Боловсруулалт хийж байна... \")]),_c('div',{staticClass:\"card-footer tx-11 tx-color-03\"},[_c('div',[_vm._v(\" Хамрах хугацаа: \"+_vm._s(_vm._f(\"moment\")(_vm.vehicleCountData.data.processed.startDate,\"YYYY.MM.DD\"))+\" - \"+_vm._s(_vm._f(\"moment\")(_vm.vehicleCountData.data.processed.endDate,\"YYYY.MM.DD\"))),_c('br'),_vm._v(\" Боловсруулсан: \"+_vm._s(_vm.vehicleCountData.data.processed.time.toFixed(2))+\"сек \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card mg-t-20\">\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            vehicleCountData.params.mode = 1;\n            loadVehicleCount();\n          \"\n          :class=\"\n            `nav-link ${vehicleCountData.params.mode == 1 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1D</a\n        >\n        <a\n          @click=\"\n            vehicleCountData.params.mode = 2;\n            loadVehicleCount();\n          \"\n          :class=\"\n            `nav-link ${vehicleCountData.params.mode == 2 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1W</a\n        >\n        <a\n          @click=\"\n            vehicleCountData.params.mode = 3;\n            loadVehicleCount();\n          \"\n          :class=\"\n            `nav-link ${vehicleCountData.params.mode == 3 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1M</a\n        >\n        <a\n          @click=\"\n            vehicleCountData.params.mode = 4;\n            loadVehicleCount();\n          \"\n          :class=\"\n            `nav-link ${vehicleCountData.params.mode == 4 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1Y</a\n        >\n      </nav>\n    </div>\n    <div class=\"card-body\" v-if=\"vehicleCountData.rdy\">\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            {{ vehicleCountData.data.allCount }}\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            {{ vehicleCountData.data.distinctedCount }}\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 class=\"chart-three\">\n        <apexchart\n          type=\"area\"\n          height=\"100\"\n          :options=\"chartOptionsSpark1\"\n          :series=\"seriesSpark1\"\n        ></apexchart>\n        <div class=\"text-muted tx-12\">Сүүлийн 10 хоног</div>\n      </div>\n      <!-- <ul class=\"list-group list-group-flush tx-13\">\n        <li class=\"list-group-item d-flex pd-sm-0\">\n          <div class=\"avatar d-xs-block d-sm-block mg-r-5\">\n            <span class=\"avatar-initial rounded-circle bg-info op-5\"\n              ><i class=\"icon ion-md-car\"></i\n            ></span>\n          </div>\n          <div class=\"pd-sm-l-10\">\n            <p class=\"tx-medium mg-b-2\">\n              {{ vehicleCountData.data.allCount }}\n            </p>\n            <small class=\"tx-12 tx-color-03 mg-b-0\"\n              >Тээврийн хэрэгсэл давхардсан тоогоор</small\n            >\n          </div>\n        </li>\n        <li class=\"list-group-item d-flex pd-sm-0 mg-t-5\">\n          <div class=\"avatar d-xs-block d-sm-block mg-r-5\">\n            <span class=\"avatar-initial rounded-circle bg-success op-5\"\n              ><i class=\"icon ion-md-car\"></i\n            ></span>\n          </div>\n          <div class=\"pd-sm-l-10\">\n            <p class=\"tx-medium mg-b-2\">\n              {{ vehicleCountData.data.distinctedCount }}\n            </p>\n            <small class=\"tx-12 tx-color-03 mg-b-0\"\n              >Тээврийн хэрэгсэл давхардалгүй тоогоор</small\n            >\n          </div>\n        </li>\n      </ul> -->\n    </div>\n    <div v-else class=\"pd-20\">\n      Боловсруулалт хийж байна...\n    </div>\n    <div class=\"card-footer tx-11 tx-color-03\">\n      <div>\n        Хамрах хугацаа:\n        {{ vehicleCountData.data.processed.startDate | moment(\"YYYY.MM.DD\") }}\n        -\n        {{ vehicleCountData.data.processed.endDate | moment(\"YYYY.MM.DD\")\n        }}<br />\n        Боловсруулсан:\n        {{ vehicleCountData.data.processed.time.toFixed(2) }}сек\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// import \"element-ui/lib/theme-chalk/index.css\";\n// import { DatePicker } from \"element-ui\";\nimport VueApexCharts from \"vue-apexcharts\";\n// import AsyncLoadError from \"@/components/base/asyncLoadingError\";\n// import AsyncLoading from \"@/components/base/asyncLoading\";\n\nconst moment = require(\"moment\");\nimport { request } from \"@/api/all\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n  },\n  data() {\n    return {\n      vehicleCountData: {\n        rdy: 0,\n        params: {\n          mode: 1,\n          startDate: moment()\n            .startOf(\"month\")\n            .format(\"YYYY-MM-DD\"),\n          endDate: moment().format(\"YYYY-MM-DD\"),\n        },\n        data: {\n          allCount: 0,\n          distinctedCount: 0,\n          processed: {\n            time: 0,\n            startDate: \"2023-01-01\",\n            endDate: \"2023-01-01\",\n          },\n        },\n      },\n      chartKey: 0,\n      seriesSpark1: [\n        {\n          name: \"Зорчсон тээврийн хэрэгслийн тоо\",\n          data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54],\n        },\n      ],\n      chartOptionsSpark1: {\n        chart: {\n          type: \"area\",\n          height: 100,\n          sparkline: {\n            enabled: true,\n          },\n        },\n        stroke: {\n          curve: \"smooth\",\n        },\n        fill: {\n          opacity: 0.3,\n        },\n        xaxis: {\n          crosshairs: {\n            width: 1,\n          },\n          type: \"datetime\",\n          categories: [],\n        },\n        yaxis: {\n          min: 0,\n        },\n        title: {\n          text: \"\",\n          offsetX: 0,\n          style: {\n            fontSize: \"24px\",\n          },\n        },\n        subtitle: {\n          text: \"\",\n          offsetX: 0,\n          style: {\n            fontSize: \"14px\",\n          },\n        },\n      },\n    };\n  },\n  mounted() {\n    this.loadVehicleCount();\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    loadVehicleCount() {\n      this.vehicleCountData.rdy = false;\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: \"TrafficData/VehicleCountByDate\" },\n        params: {\n          mode: this.vehicleCountData.params.mode,\n          startDate: this.vehicleCountData.params.startDate,\n          endDate: this.vehicleCountData.params.endDate,\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        //console.log(res, \" res\");\n        if (res != false) {\n          this.vehicleCountData.data = res.data;\n          this.vehicleCountData.rdy = true;\n\n          this.seriesSpark1[0].data = res.data.list.map((x) => x.count);\n          this.chartOptionsSpark1.xaxis.categories = res.data.list.map(\n            (x) => x.date\n          );\n          //this.vehicleCountData.processed = res.data.processed\n        }\n      });\n    },\n  },\n};\n</script>\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!./vehicleCount.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!./vehicleCount.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./vehicleCount.vue?vue&type=template&id=54772e46\"\nimport script from \"./vehicleCount.vue?vue&type=script&lang=js\"\nexport * from \"./vehicleCount.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":""}