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