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