{"version":3,"sources":["webpack:///./src/views/home/apps/stf/components/penaltyGroupByType.vue","webpack:///src/views/home/apps/stf/components/penaltyGroupByType.vue","webpack:///./src/views/home/apps/stf/components/penaltyGroupByType.vue?ccee","webpack:///./src/views/home/apps/stf/components/penaltyGroupByType.vue?bd65"],"names":["render","_vm","this","_c","_self","penaltyDashboardData","rdy","staticClass","_v","class","concat","params","mode","attrs","on","$event","loadDashboardData","key","chartKey","chartOptions","series","_l","data","list","pnlt","i","show","reloadData","staticStyle","_s","pnltTypeTask","count","_f","processed","startDate","endDate","time","toFixed","_m","_e","staticRenderFns","moment","require","components","apexchart","VueApexCharts","legend","chart","height","type","title","text","startOf","format","mounted","methods","toggleBodyClass","addRemoveClass","className","el","document","body","classList","add","remove","filter","x","map","item","y","_this","request","api","method","url","store","$store","then","res","component"],"mappings":"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","file":"js/chunk-2d0a45d0.75ecca52.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.penaltyDashboardData.rdy)?_c('div',{staticClass:\"card\"},[_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.penaltyDashboardData.params.mode == 1 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.penaltyDashboardData.params.mode = 1;\n          _vm.loadDashboardData();}}},[_vm._v(\"1D\")]),_c('a',{class:`nav-link ${_vm.penaltyDashboardData.params.mode == 2 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.penaltyDashboardData.params.mode = 2;\n          _vm.loadDashboardData();}}},[_vm._v(\"1W\")]),_c('a',{class:`nav-link ${_vm.penaltyDashboardData.params.mode == 3 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.penaltyDashboardData.params.mode = 3;\n          _vm.loadDashboardData();}}},[_vm._v(\"1M\")]),_c('a',{class:`nav-link ${_vm.penaltyDashboardData.params.mode == 4 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.penaltyDashboardData.params.mode = 4;\n          _vm.loadDashboardData();}}},[_vm._v(\"1Y\")]),_c('a',{class:`nav-link ${_vm.penaltyDashboardData.params.mode == 5 ? 'active' : ''}`,attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.penaltyDashboardData.params.mode = 5;\n          _vm.loadDashboardData();}}},[_vm._v(\"ALL\")])])]),_c('div',{staticClass:\"card-body\"},[_c('apexchart',{key:_vm.chartKey,attrs:{\"type\":\"treemap\",\"height\":\"350\",\"options\":_vm.chartOptions,\"series\":_vm.series}}),_c('ul',{staticClass:\"list-group list-group-flush mg-b-0 tx-13 collapse\",attrs:{\"id\":\"iuasy2\"}},_vm._l((_vm.penaltyDashboardData.data.list),function(pnlt,i){return _c('li',{key:i,staticClass:\"list-group-item pd-x-0 d-flex justify-content-between\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){pnlt.show = !pnlt.show;\n          _vm.reloadData();}}},[_c('div',{staticClass:\"tx-medium\"},[_c('div',{class:`wd-10 ht-10 ${\n                pnlt.show ? 'bg-primary' : 'bg-light'\n              } rounded-circle pos-relative t--1`,staticStyle:{\"float\":\"left\",\"margin-top\":\"4px\",\"margin-right\":\"4px\"}}),_vm._v(\" \"+_vm._s(pnlt.pnltTypeTask)+\" \")]),_c('span',{staticClass:\"tx-rubik\"},[_vm._v(_vm._s(pnlt.count))])])}),0)],1),_c('div',{staticClass:\"card-footer tx-11 tx-color-03 d-flex justify-content-between\"},[_c('div',[_vm._v(\" Хамрах хугацаа: \"+_vm._s(_vm._f(\"moment\")(_vm.penaltyDashboardData.data.processed.startDate,\"YYYY.MM.DD\"))+\" - \"+_vm._s(_vm._f(\"moment\")(_vm.penaltyDashboardData.data.processed.endDate,\"YYYY.MM.DD\"))),_c('br'),_vm._v(\" Боловсруулсан: \"+_vm._s(_vm.penaltyDashboardData.data.processed.time.toFixed(2))+\"сек \")]),_vm._m(0)])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('a',{staticClass:\"btn btn-info btn-xs\",attrs:{\"data-toggle\":\"collapse\",\"href\":\"#iuasy2\",\"role\":\"button\",\"aria-expanded\":\"false\",\"aria-controls\":\"iuasy2\"}},[_vm._v(\"Дэлгэрэнгүй\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card\" v-if=\"penaltyDashboardData.rdy\">\n    <div class=\"card-header d-flex justify-content-between\">\n      <h6 class=\"mg-b-0\">Төсөл салбараар</h6>\n      <nav class=\"nav nav-row-xs align-items-center\">\n        <a\n          @click=\"\n            penaltyDashboardData.params.mode = 1;\n            loadDashboardData();\n          \"\n          :class=\"\n            `nav-link ${penaltyDashboardData.params.mode == 1 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1D</a\n        >\n        <a\n          @click=\"\n            penaltyDashboardData.params.mode = 2;\n            loadDashboardData();\n          \"\n          :class=\"\n            `nav-link ${penaltyDashboardData.params.mode == 2 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1W</a\n        >\n        <a\n          @click=\"\n            penaltyDashboardData.params.mode = 3;\n            loadDashboardData();\n          \"\n          :class=\"\n            `nav-link ${penaltyDashboardData.params.mode == 3 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1M</a\n        >\n        <a\n          @click=\"\n            penaltyDashboardData.params.mode = 4;\n            loadDashboardData();\n          \"\n          :class=\"\n            `nav-link ${penaltyDashboardData.params.mode == 4 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >1Y</a\n        >\n        <a\n          @click=\"\n            penaltyDashboardData.params.mode = 5;\n            loadDashboardData();\n          \"\n          :class=\"\n            `nav-link ${penaltyDashboardData.params.mode == 5 ? 'active' : ''}`\n          \"\n          role=\"button\"\n          >ALL</a\n        >\n      </nav>\n    </div>\n    <div class=\"card-body\">\n      <apexchart\n        type=\"treemap\"\n        height=\"350\"\n        :options=\"chartOptions\"\n        :series=\"series\"\n        :key=\"chartKey\"\n      ></apexchart>\n\n\n      <ul id=\"iuasy2\" class=\"list-group list-group-flush mg-b-0 tx-13 collapse \">\n        <li\n          @click=\"\n            pnlt.show = !pnlt.show;\n            reloadData();\n          \"\n          class=\"list-group-item pd-x-0 d-flex justify-content-between\"\n          v-for=\"(pnlt, i) in penaltyDashboardData.data.list\"\n          :key=\"i\"\n          role=\"button\"\n        >\n          <div class=\"tx-medium\">\n            <div\n              style=\"float: left; margin-top: 4px; margin-right: 4px;\"              :class=\"\n                `wd-10 ht-10 ${\n                  pnlt.show ? 'bg-primary' : 'bg-light'\n                } rounded-circle pos-relative t--1`\n              \"\n            ></div>\n            {{ pnlt.pnltTypeTask }}\n          </div>\n          <span class=\"tx-rubik\">{{ pnlt.count }}</span>\n        </li>\n      </ul>\n    </div>\n    <div class=\"card-footer tx-11 tx-color-03 d-flex justify-content-between\">\n      <div>\n        Хамрах хугацаа:\n        {{\n          penaltyDashboardData.data.processed.startDate | moment(\"YYYY.MM.DD\")\n        }}\n        -\n        {{ penaltyDashboardData.data.processed.endDate | moment(\"YYYY.MM.DD\")\n        }}<br />\n        Боловсруулсан:\n        {{ penaltyDashboardData.data.processed.time.toFixed(2) }}сек\n      </div>\n      <div ><a class=\"btn btn-info btn-xs\" data-toggle=\"collapse\" href=\"#iuasy2\" role=\"button\" aria-expanded=\"false\" aria-controls=\"iuasy2\">Дэлгэрэнгүй</a></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  data() {\n    return {\n      chartKey: 0,\n      series: [\n        {\n          data: [],\n        },\n      ],\n      chartOptions: {\n        legend: {\n          show: true,\n        },\n        chart: {\n          height: 350,\n          type: \"treemap\",\n        },\n        title: {\n          text: \"\",\n        },\n      },\n      penaltyDashboardData: {\n        rdy: 0,\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          processed: {\n            time: 0,\n            startDate: \"\",\n            endDate: \"\",\n          },\n        },\n      },\n    };\n  },\n  mounted() {\n    this.loadDashboardData();\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    reloadData() {\n      this.series[0].data = this.penaltyDashboardData.data.list\n        .filter((x) => x.show == true)\n        .map((item) => {\n          return { x: item.pnltTypeTask, y: item.count };\n        });\n      this.chartKey++;\n    },\n    loadDashboardData() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"get\", url: \"projectedu/ProjectGroupBySalbar\" },\n        params: {\n          mode: this.penaltyDashboardData.params.mode,\n          startDate: this.penaltyDashboardData.params.startDate,\n          endDate: this.penaltyDashboardData.params.endDate,\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.penaltyDashboardData.data = res.data;\n\n          this.reloadData();\n\n          this.penaltyDashboardData.rdy = true;\n          //this.vehicleCountData.processed = res.data.processed\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!./penaltyGroupByType.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!./penaltyGroupByType.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./penaltyGroupByType.vue?vue&type=template&id=55e5d565\"\nimport script from \"./penaltyGroupByType.vue?vue&type=script&lang=js\"\nexport * from \"./penaltyGroupByType.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":""}