{"version":3,"sources":["webpack:///./src/views/apps/penalty/pages/pnlts.vue","webpack:///src/views/apps/penalty/pages/pnlts.vue","webpack:///./src/views/apps/penalty/pages/pnlts.vue?0b7c","webpack:///./src/views/apps/penalty/pages/pnlts.vue?8b2a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_m","key","chartKey","chartOptions","series","_l","list1","t","i","_v","_s","districtName","count","chartKey1","chartOptions1","series1","list2","staticRenderFns","components","apexchart","VueApexCharts","mainHeader","component","loading","AsyncLoading","error","AsyncLoadError","delay","timeout","data","list","legend","show","chart","type","labels","responsive","breakpoint","options","width","position","mounted","loadDta","loadDtaSaad","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","_this","request","api","method","url","store","$store","then","res","map","x","_this2"],"mappings":"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","file":"js/chunk-2d226cd5.ef978104.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content ht-100v pd-0\"},[_c('main-header',{attrs:{\"txt\":\"Зөрчил\"}}),_c('div',{staticClass:\"content-body\"},[_c('div',{staticClass:\"container pd-0-f\"},[_c('div',{staticClass:\"row row-xs\"},[_c('div',{staticClass:\"col-md-6 col-xl-4 order-md-1 order-xl-0 pd-t-0-f\"},[_c('div',{staticClass:\"card\"},[_vm._m(0),_c('div',{staticClass:\"card-body pd-0\"},[_c('div',{staticClass:\"pd-y-25 pd-x-20\"},[_c('apexchart',{key:_vm.chartKey,attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series}})],1),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-borderless table-dashboard table-dashboard-one\"},[_vm._m(1),_c('tbody',_vm._l((_vm.list1),function(t,i){return _c('tr',{key:i},[_c('td',{staticClass:\"tx-medium\"},[_vm._v(_vm._s(t.districtName))]),_c('td',{staticClass:\"text-right\"},[_vm._v(_vm._s(t.count))])])}),0)])])])]),_c('div',{staticClass:\"card mg-t-20\"},[_vm._m(2),_c('div',{staticClass:\"card-body pd-0\"},[_c('div',{staticClass:\"pd-y-25 pd-x-20\"},[_c('apexchart',{key:_vm.chartKey1,attrs:{\"options\":_vm.chartOptions1,\"series\":_vm.series1}})],1),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-borderless table-dashboard table-dashboard-one\"},[_vm._m(3),_c('tbody',_vm._l((_vm.list2),function(t,i){return _c('tr',{key:i},[_c('td',{staticClass:\"tx-medium\"},[_vm._v(_vm._s(t.districtName))]),_c('td',{staticClass:\"text-right\"},[_vm._v(_vm._s(t.count))])])}),0)])])])])]),_c('div',{staticClass:\"col-lg-12 col-xl-8 pd-t-0-f\"})])])])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Ослын тоо\")]),_c('div',{staticClass:\"tx-13 d-flex align-items-center\"},[_vm._v(\" Дүүргээр \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticClass:\"bd-b\"},[_c('tr',[_c('th',{staticClass:\"wd-40\"},[_vm._v(\"Дүүрэг\")]),_c('th',{staticClass:\"wd-35 text-right\"},[_vm._v(\"Зөрчил\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Саадын тоо\")]),_c('div',{staticClass:\"tx-13 d-flex align-items-center\"},[_vm._v(\" Дүүргээр \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticClass:\"bd-b\"},[_c('tr',[_c('th',{staticClass:\"wd-40\"},[_vm._v(\"Дүүрэг\")]),_c('th',{staticClass:\"wd-35 text-right\"},[_vm._v(\"Зөрчил\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content ht-100v pd-0\">\n    <main-header txt=\"Зөрчил\" />\n    <div class=\"content-body\">\n      <div class=\"container pd-0-f\">\n        <div class=\"row row-xs\">\n          <div class=\"col-md-6 col-xl-4 order-md-1 order-xl-0 pd-t-0-f\">\n            <div class=\"card\">\n              <div class=\"card-header d-flex align-items-center justify-content-between\">\n                <h6 class=\"mg-b-0\">Ослын тоо</h6>\n                <div class=\"tx-13 d-flex align-items-center\">\n                  Дүүргээр\n                </div>\n              </div><!-- card-header -->\n              <div class=\"card-body pd-0\">\n                <div class=\"pd-y-25 pd-x-20\">\n                  <apexchart :key=\"chartKey\" :options=\"chartOptions\" :series=\"series\"></apexchart>\n                </div>\n                <div class=\"table-responsive\">\n                  <table class=\"table table-borderless table-dashboard table-dashboard-one\">\n                    <thead class=\"bd-b\">\n                      <tr>\n                        <th class=\"wd-40\">Дүүрэг</th>\n                        <th class=\"wd-35 text-right\">Зөрчил</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      <tr v-for=\"(t, i) in list1\" :key=\"i\">\n                        <td class=\"tx-medium\">{{ t.districtName }}</td>\n                        <td class=\"text-right\">{{ t.count }}</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div><!-- table-responsive -->\n              </div><!-- card-body -->\n            </div>\n\n            <div class=\"card mg-t-20\">\n              <div class=\"card-header d-flex align-items-center justify-content-between\">\n                <h6 class=\"mg-b-0\">Саадын тоо</h6>\n                <div class=\"tx-13 d-flex align-items-center\">\n                  Дүүргээр\n                </div>\n              </div><!-- card-header -->\n              <div class=\"card-body pd-0\">\n                <div class=\"pd-y-25 pd-x-20\">\n                  <apexchart :key=\"chartKey1\" :options=\"chartOptions1\" :series=\"series1\"></apexchart>\n                </div>\n                <div class=\"table-responsive\">\n                  <table class=\"table table-borderless table-dashboard table-dashboard-one\">\n                    <thead class=\"bd-b\">\n                      <tr>\n                        <th class=\"wd-40\">Дүүрэг</th>\n                        <th class=\"wd-35 text-right\">Зөрчил</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      <tr v-for=\"(t, i) in list2\" :key=\"i\">\n                        <td class=\"tx-medium\">{{ t.districtName }}</td>\n                        <td class=\"text-right\">{{ t.count }}</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div><!-- table-responsive -->\n              </div><!-- card-body -->\n            </div>\n\n          </div>\n          <div class=\"col-lg-12 col-xl-8 pd-t-0-f\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\nimport AsyncLoading from \"@/components/base/asyncLoading\";\n\nimport VueApexCharts from \"vue-apexcharts\";\n\nimport { request } from \"@/api/all\";\n\n\n\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n    mainHeader: () => ({\n      component: import(\"@/views/apps/penalty/components/header.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000,\n    }),\n  },\n  data() {\n    return {\n      list: [],\n      list1: [],\n      list2: [],\n      chartKey: 0,\n      chartKey1: 0,\n      series: [],\n      series1: [],\n      chartOptions: {\n        legend: {\n          show: false,\n        },\n        chart: {\n          type: 'pie',\n        },\n        labels: [],\n        responsive: [{\n          breakpoint: 480,\n          options: {\n            chart: {\n              width: 200\n            },\n            legend: {\n              position: 'bottom'\n            }\n          }\n        }]\n      },\n      chartOptions1: {\n        legend: {\n          show: false,\n        },\n        chart: {\n          type: 'pie',\n        },\n        labels: [],\n        responsive: [{\n          breakpoint: 480,\n          options: {\n            chart: {\n              width: 200\n            },\n            legend: {\n              position: 'bottom'\n            }\n          }\n        }]\n      },\n    }\n  },\n  mounted() {\n    this.loadDta();\n    this.loadDtaSaad();\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    loadDta() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: \"TrafficData/hzbhAccidentCountByDistrict\" },\n        store: this.$store\n      }).then(res => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.list1 = res.data.list1;\n          //this.list= res.data.list;\n          //console.log(res,' res');\n          this.series = res.data.list1.map(x => x.count);\n          //console.log('res.data.list1.map(x => x.count)', res.data.list1.map(x => x.count), res.data.list1.map(x => x.districtName));\n          this.chartOptions.labels = res.data.list1.map(x => x.districtName);\n          this.chartKey++;\n        }\n      });\n    },\n    loadDtaSaad() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: \"TrafficData/hzbhSaadCountByDistrict\" },\n        store: this.$store\n      }).then(res => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.list2 = res.data.list1;\n          this.series1 = res.data.list1.map(x => x.count);\n          this.chartOptions1.labels = res.data.list1.map(x => x.districtName);\n          this.chartKey1++;\n        }\n      });\n    },\n  }\n}\n</script>\n\n<style>\n</style>","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!./pnlts.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!./pnlts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./pnlts.vue?vue&type=template&id=7299c11e\"\nimport script from \"./pnlts.vue?vue&type=script&lang=js\"\nexport * from \"./pnlts.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":""}