{"version":3,"sources":["webpack:///./src/views/home/apps/stf/components/vehicleCount.vue?faa1","webpack:///src/views/home/apps/stf/components/vehicleCount.vue","webpack:///./src/views/home/apps/stf/components/vehicleCount.vue?aaa1","webpack:///./src/views/home/apps/stf/components/vehicleCount.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","class","vehicleCountData","params","mode","attrs","on","$event","loadVehicleCount","_s","data","allCount","distinctedCount","chartOptionsSpark1","seriesSpark1","_f","processed","startDate","endDate","time","toFixed","staticRenderFns","components","apexchart","rdy","moment","format","chartKey","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","el","classList","add","className","remove","api","store","$store","console","log","res","component"],"mappings":"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","file":"js/chunk-2d0a3585.6cdf97fc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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))+\"сек \")])])])}\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=2940e883&\"\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":""}