{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/btm1.vue","webpack:///src/views/home/apps/elf/components/btm1.vue","webpack:///./src/views/home/apps/elf/components/btm1.vue?be6e","webpack:///./src/views/home/apps/elf/components/btm1.vue?f4a5"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","class","concat","restrictedDaysData","params","mode","attrs","on","$event","loadHyazgaarlalt","rdy","_l","data","list","d","i","key","count","typeName","chartDaysOptionsKey","chartDaysOptions","seriesDays","_f","processed","startDate","endDate","time","toFixed","_e","staticRenderFns","moment","require","components","apexchart","VueApexCharts","props","type","String","default","url","chart","height","zoom","enabled","dataLabels","stroke","curve","grid","row","colors","opacity","xaxis","categories","name","startOf","format","vehicleCountData","allCount","distinctedCount","chartKey","mounted","loadVehicleCount","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","_this","request","api","method","store","$store","then","res","map","x","component"],"mappings":"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","file":"js/chunk-2d0aba5e.2d53c1f5.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(_vm._s(_vm.title))]),_c('nav',{staticClass:\"nav nav-row-xs align-items-center\"},[_c('a',{class:`nav-link ${\n                      _vm.restrictedDaysData.params.mode == 2 ? 'active' : ''\n                    }`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.restrictedDaysData.params.mode = 2;\n                    _vm.loadHyazgaarlalt();}}},[_vm._v(\"1W\")]),_c('a',{class:`nav-link ${\n                      _vm.restrictedDaysData.params.mode == 3 ? 'active' : ''\n                    }`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.restrictedDaysData.params.mode = 3;\n                    _vm.loadHyazgaarlalt();}}},[_vm._v(\"1M\")]),_c('a',{class:`nav-link ${\n                      _vm.restrictedDaysData.params.mode == 4 ? 'active' : ''\n                    }`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.restrictedDaysData.params.mode = 4;\n                    _vm.loadHyazgaarlalt();}}},[_vm._v(\"1Y\")]),_c('a',{class:`nav-link ${\n                      _vm.restrictedDaysData.params.mode == 5 ? 'active' : ''\n                    }`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.restrictedDaysData.params.mode = 5;\n                    _vm.loadHyazgaarlalt();}}},[_vm._v(\"ALL\")])])]),(_vm.restrictedDaysData.rdy)?_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex align-items-center\"},_vm._l((_vm.restrictedDaysData.data.list),function(d,i){return _c('div',{key:i,staticClass:\"profile-skillset flex-fill\"},[_c('h4',[_c('a',{staticClass:\"link-01\"},[_vm._v(_vm._s(d.count))])]),_c('label',[_vm._v(_vm._s(d.typeName))])])}),0),_c('div',[_c('apexchart',{key:_vm.chartDaysOptionsKey,attrs:{\"type\":\"bar\",\"height\":\"250\",\"options\":_vm.chartDaysOptions,\"series\":_vm.seriesDays}})],1)]):_c('div',{staticClass:\"pd-20\"},[_vm._v(\" Боловсруулалт хийж байна... \")]),(_vm.restrictedDaysData.rdy)?_c('div',{staticClass:\"card-footer tx-11 tx-color-03\"},[_c('div',[_vm._v(\" Хамрах хугацаа: \"+_vm._s(_vm._f(\"moment\")(_vm.restrictedDaysData.data.processed.startDate,\"YYYY.MM.DD\"))+\" - \"+_vm._s(_vm._f(\"moment\")(_vm.restrictedDaysData.data.processed.endDate,\"YYYY.MM.DD\"))),_c('br'),_vm._v(\" Боловсруулсан: \"+_vm._s(_vm.restrictedDaysData.data.processed.time.toFixed(2))+\"сек \")])]):_vm._e()])\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\">{{title}}</h6>\n      <nav class=\"nav nav-row-xs align-items-center\">\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 2;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 2 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1W</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 3;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 3 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1M</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 4;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 4 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >1Y</a\n                  >\n                  <a\n                    @click=\"\n                      restrictedDaysData.params.mode = 5;\n                      loadHyazgaarlalt();\n                    \"\n                    :class=\"\n                      `nav-link ${\n                        restrictedDaysData.params.mode == 5 ? 'active' : ''\n                      }`\n                    \"\n                    role=\"button\"\n                    >ALL</a\n                  >\n                </nav>\n    </div>\n    <div class=\"card-body\" v-if=\"restrictedDaysData.rdy\">\n      <div class=\"d-flex align-items-center\">\n                  <div\n                    v-for=\"(d, i) in restrictedDaysData.data.list\"\n                    :key=\"i\"\n                    class=\"profile-skillset flex-fill\"\n                  >\n                    <h4>\n                      <a class=\"link-01\">{{ d.count }}</a>\n                    </h4>\n                    <label>{{ d.typeName }}</label>\n                    <!-- <label v-show=\"d.day == 1\">Даваа</label>\n                    <label v-show=\"d.day == 2\">Мягмар</label>\n                    <label v-show=\"d.day == 3\">Лхагва</label>\n                    <label v-show=\"d.day == 4\">Пүрэв</label>\n                    <label v-show=\"d.day == 5\">Баасан</label> -->\n                  </div>\n                </div>\n                <div>\n                  <apexchart\n                    type=\"bar\"\n                    height=\"250\"\n                    :options=\"chartDaysOptions\"\n                    :series=\"seriesDays\"\n                    :key=\"chartDaysOptionsKey\"\n                  ></apexchart>\n                </div>\n    </div>\n    <div v-else class=\"pd-20\">\n      Боловсруулалт хийж байна...\n    </div>\n    <div class=\"card-footer tx-11 tx-color-03\" v-if=\"restrictedDaysData.rdy\">\n                <div>\n                  Хамрах хугацаа:\n                  {{\n                    restrictedDaysData.data.processed.startDate\n                      | moment(\"YYYY.MM.DD\")\n                  }}\n                  -\n                  {{\n                    restrictedDaysData.data.processed.endDate\n                      | moment(\"YYYY.MM.DD\")\n                  }}<br />\n                  Боловсруулсан:\n                  {{ restrictedDaysData.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  props:{\n    title: {\n      type: String,\n      default: () => ''\n    },\n    url: {\n      type: String,\n      default: () => ''\n    }\n  },\n  data() {\n    return {\n      chartDaysOptions: {\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      seriesDays: [\n        {\n          name: \"Тоо\",\n          data: [],\n        },\n      ],\n      restrictedDaysData: {\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      colors: [\"green\", \"primary\", \"orange\"],\n\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    };\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.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"GET\", url: this.url },\n        params: {\n          mode: this.restrictedDaysData.params.mode,\n          startDate: this.restrictedDaysData.params.startDate,\n          endDate: this.restrictedDaysData.params.endDate,\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          //console.log('res', res);\n          this.restrictedDaysData.data = res.data;\n          this.seriesDays[0].data = res.data.list.map((x) => {\n            return x.count;\n          });\n          this.chartDaysOptions.xaxis.categories = res.data.list.map((x) => {\n            return x.typeName;\n          });\n          this.chartDaysOptionsKey++;\n          this.restrictedDaysData.rdy = true;\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!./btm1.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!./btm1.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btm1.vue?vue&type=template&id=b18888ec\"\nimport script from \"./btm1.vue?vue&type=script&lang=js\"\nexport * from \"./btm1.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":""}