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