{"version":3,"sources":["webpack:///./src/views/home/apps/elf/components/mapAsset.vue","webpack:///src/views/home/apps/elf/components/mapAsset.vue","webpack:///./src/views/home/apps/elf/components/mapAsset.vue?dcd7","webpack:///./src/views/home/apps/elf/components/mapAsset.vue?eb84"],"names":["render","_vm","this","_c","_self","staticClass","_m","class","mapMode","on","$event","_v","staticStyle","attrs","_e","key","chartKey","chartOptions","series","ref","lat","lng","infoOptions","infoWindowPos","infoWinOpen","_l","googleMapMaker","m","i","concat","myResBaseUrl","icon","position","title","toggleInfoWindow","infMdl","model","value","modal","callback","$$v","$set","expression","siteInfo","_s","deviceData","device","deviceName","type","name","_f","dueStartDate","dueDate","cmmsCalls","length","call","ci","isCompleted","code","reason","shortInfo","createdDate","workOrders","work","wi","source","staticRenderFns","moment","require","components","apexchart","VueApexCharts","data","chart1Obj","rdy","flat","content","pixelOffset","width","height","assets","cctv","allCount","count","penaltyCamera","signal","currentMidx","chart","stacked","plotOptions","bar","horizontal","dataLabels","total","enabled","offsetX","style","fontSize","fontWeight","stroke","colors","text","xaxis","categories","labels","formatter","val","yaxis","undefined","tooltip","y","fill","opacity","legend","horizontalAlign","created","$store","state","app","activeGroup","resBaseUrl","mounted","loadMap","loadAssets","methods","marker","idx","_this","toggleBodyClass","request","api","method","url","params","siteId","deviceId","store","then","res","_this2","asset","groupedByType","filter","x","typeId","reduce","sum","_ref","callCount","noCallWorkCount","parseInt","_ref2","_ref3","_ref4","_ref5","workCount","_ref6","mapData","sites","t","location","map","id","ticket","info","format","task","parseFloat","deviceType","mapFlag","color","firstDeviceId","ticketId","_this3","addRemoveClass","className","el","document","body","classList","add","remove","component"],"mappings":"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","file":"js/chunk-2d231596.72b273fb.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card card-crypto\"},[_c('div',{staticClass:\"card-header d-flex justify-content-between bd-b-0\"},[_vm._m(0),_c('nav',{staticClass:\"nav nav-row-xs align-items-center\"},[_c('div',{staticClass:\"btn-group btn-xs mg-l-auto btn-group-xs\"},[_c('button',{staticClass:\"btn btn-white\",class:{ 'btn-primary text-white': _vm.mapMode == 1 },on:{\"click\":function($event){_vm.mapMode = 1}}},[_vm._v(\" Зөрчлийн тархац \")]),_c('button',{staticClass:\"btn btn-white\",class:{ 'btn-primary text-white': _vm.mapMode == 2 },on:{\"click\":function($event){_vm.mapMode = 2}}},[_vm._v(\" Төхөөрөмжийн байршил \")])])])]),_c('div',{staticClass:\"card-body pd-0\"},[(_vm.mapMode == 1)?_c('iframe',{staticStyle:{\"border\":\"none\",\"height\":\"65vh\"},attrs:{\"src\":\"https://res.gosmart.mn/apps/epheatmap/\",\"border\":\"0\",\"width\":\"100%\"}}):_vm._e(),(_vm.mapMode == 2)?_c('div',[_c('apexchart',{key:_vm.chartKey,attrs:{\"type\":\"bar\",\"height\":\"160\",\"options\":_vm.chartOptions,\"series\":_vm.series}}),_c('GmapMap',{ref:\"map\",staticStyle:{\"width\":\"100%\",\"height\":\"65vh\"},attrs:{\"center\":{ lat: 47.9138932, lng: 106.8986408 },\"zoom\":13,\"map-type-id\":\"roadmap\",\"labels\":\"off\"}},[_c('GmapInfoWindow',{attrs:{\"options\":_vm.infoOptions,\"position\":_vm.infoWindowPos,\"opened\":_vm.infoWinOpen},on:{\"closeclick\":function($event){_vm.infoWinOpen = false}}}),_vm._l((_vm.googleMapMaker),function(m,i){return _c('GmapMarker',{key:i,staticStyle:{\"color\":\"green\"},attrs:{\"icon\":`${_vm.myResBaseUrl}apps/asset/${m.icon}.png?w=24`,\"position\":m.position,\"title\":m.title},on:{\"click\":function($event){return _vm.toggleInfoWindow(m, i)}}})})],2)],1):_vm._e()]),_c('b-modal',{attrs:{\"title\":_vm.infMdl.title,\"size\":\"xl\"},model:{value:(_vm.infMdl.modal),callback:function ($$v) {_vm.$set(_vm.infMdl, \"modal\", $$v)},expression:\"infMdl.modal\"}},[(_vm.infMdl.siteInfo != null)?_c('div',[_c('ul',{staticClass:\"list-unstyled lh-7\"},[_c('li',{staticClass:\"d-flex justify-content-between\"},[_c('span',[_vm._v(\"Тоног төхөөрөмж\")]),_c('span',[_vm._v(_vm._s(_vm.infMdl.siteInfo.deviceData.device.deviceName))])]),(_vm.infMdl.siteInfo.deviceData.device.type != null)?_c('li',{staticClass:\"d-flex justify-content-between\"},[_c('span',[_vm._v(\"Төрөл\")]),_c('span',[_vm._v(_vm._s(_vm.infMdl.siteInfo.deviceData.device.type.name))])]):_vm._e(),_c('li',{staticClass:\"d-flex justify-content-between\"},[_c('span',[_vm._v(\"Суурилуулсан огноо\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.infMdl.siteInfo.deviceData.device.dueStartDate,\"YYYY-MM-DD\")))])]),_c('li',{staticClass:\"d-flex justify-content-between\"},[_c('span',[_vm._v(\"Ашиглалт дуусах хугацаа\")]),_c('span',[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.infMdl.siteInfo.deviceData.device.dueDate,\"YYYY-MM-DD\")))])])]),_c('div',{staticClass:\"card ht-lg-100p\"},[_c('div',{staticClass:\"card-header d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Дуудлагын түүх\")])]),_c('div',{staticClass:\"card-body pd-0\"},[(_vm.infMdl.siteInfo.cmmsCalls.length > 0)?_c('div',[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-dashboard mg-b-0 bd-t-0 tx-13\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Хаагдсан эсэх\")]),_c('th',[_vm._v(\"Код\")]),_c('th',[_vm._v(\"Шалтгаан\")]),_c('th',[_vm._v(\"Товч тайлбар\")]),_c('th',[_vm._v(\"Үүсгэсэн\")])])]),_c('tbody',_vm._l((_vm.infMdl.siteInfo.cmmsCalls),function(call,ci){return _c('tr',{key:`cll` + ci},[_c('td',{staticStyle:{\"width\":\"180px\"}},[(call.isCompleted)?[_c('feather',{staticClass:\"text-success\",attrs:{\"type\":\"check-square\"}})]:[_c('feather',{staticClass:\"text-danger\",attrs:{\"type\":\"square\"}})]],2),_c('td',{staticStyle:{\"width\":\"180px\"}},[_vm._v(_vm._s(call.code))]),_c('td',{staticStyle:{\"width\":\"240px\"}},[_vm._v(\" \"+_vm._s(call.reason.name)+\" \")]),_c('td',{staticStyle:{\"width\":\"240px\"}},[_vm._v(\" \"+_vm._s(call.shortInfo.name)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(call.createdDate,\"YYYY-MM-DD HH:mm\"))+\" \")])])}),0)])])]):_c('div',{staticClass:\"pd-10 text-center\"},[_vm._v(\" Дуудлагын түүх бүртгэгдээгүй байна. \")])])]),_c('div',{staticClass:\"card ht-lg-100p mg-t-20\"},[_c('div',{staticClass:\"card-header d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Засвар үйлчилгээний түүх\")])]),_c('div',{staticClass:\"card-body pd-0\"},[(_vm.infMdl.siteInfo.workOrders.length > 0)?_c('div',[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table mg-b-0 bd-t-0 table-dashboard tx-13\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Хаагдсан эсэх\")]),_c('th',[_vm._v(\"Код\")]),_c('th',[_vm._v(\"Ангилал\")]),_c('th',[_vm._v(\"Төлөв\")]),_c('th',[_vm._v(\"Үүсгэсэн\")])])]),_c('tbody',_vm._l((_vm.infMdl.siteInfo.workOrders),function(work,wi){return _c('tr',{key:`wrk` + wi},[_c('td',{staticStyle:{\"width\":\"180px\"}},[(work.isCompleted)?[_c('feather',{staticClass:\"text-success\",attrs:{\"type\":\"check-square\"}})]:[_c('feather',{staticClass:\"text-danger\",attrs:{\"type\":\"square\"}})]],2),_c('td',{staticStyle:{\"width\":\"180px\"}},[_vm._v(_vm._s(work.code))]),_c('td',{staticStyle:{\"width\":\"240px\"}},[_vm._v(\" \"+_vm._s(work.type.name)+\" \")]),_c('td',{staticStyle:{\"width\":\"240px\"}},[_vm._v(\" \"+_vm._s(work.source.name)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(work.createdDate,\"YYYY-MM-DD HH:mm\"))+\" \")])])}),0)])])]):_c('div',{staticClass:\"pd-10 text-center\"},[_vm._v(\" Засвар үйлчилгээний түүх бүртгэгдээгүй байна. \")])])])]):_vm._e()])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Газрын зураг\")]),_c('p',{staticClass:\"tx-13 tx-color-03 mg-b-0\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card card-crypto\">\n    <div class=\"card-header d-flex justify-content-between bd-b-0\">\n      <div>\n        <h6 class=\"mg-b-0\">Газрын зураг</h6>\n        <p class=\"tx-13 tx-color-03 mg-b-0\"></p>\n      </div>\n\n      <nav class=\"nav nav-row-xs align-items-center\">\n        <!-- <router-link :to=\"`/ubtraffic`\"\n          ><feather type=\"map\"></feather> Замын хөдөлгөөн\n          <feather type=\"chevron-right\"></feather\n        ></router-link> -->\n        <div class=\"btn-group btn-xs mg-l-auto btn-group-xs\">\n          <button\n            @click=\"mapMode = 1\"\n            :class=\"{ 'btn-primary text-white': mapMode == 1 }\"\n            class=\"btn btn-white\"\n          >\n            Зөрчлийн тархац\n          </button>\n          <button\n            @click=\"mapMode = 2\"\n            :class=\"{ 'btn-primary text-white': mapMode == 2 }\"\n            class=\"btn btn-white\"\n          >\n            Төхөөрөмжийн байршил\n          </button>\n        </div>\n      </nav>\n    </div>\n    <div class=\"card-body pd-0\">\n      <iframe\n        v-if=\"mapMode == 1\"\n        src=\"https://res.gosmart.mn/apps/epheatmap/\"\n        border=\"0\"\n        width=\"100%\"\n        style=\"border:none; height: 65vh;\"\n      ></iframe>\n      <div v-if=\"mapMode == 2\">\n        <!-- <div class=\"col-sm-12 col-xs-12 col-md-6 col-lg-6\">\n          <div class=\"card\">\n            <div class=\"card-header\">\n              <h6 class=\"mg-b-0\">Гэрэл дохио</h6>\n            </div>\n            <div class=\"card-body pd-0\" v-if=\"chart1Obj.rdy\">\n              <div class=\"row no-gutters\">\n                <div class=\"col col-6 col-sm-6 col-xs-6 col-lg\">\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Нийт\n                        </h6>\n\n                        <h5 class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1\">\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76131)\n                              .reduce(\n                                (sum, { count }) => sum + parseInt(count),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Хэвийн\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-success\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76131)\n                              .reduce(\n                                (sum, { count, callCount, noCallWorkCount }) =>\n                                  sum +\n                                  parseInt(count - callCount - noCallWorkCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Дуудлагатай\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-warning\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76131)\n                              .reduce(\n                                (sum, { callCount }) =>\n                                  sum + parseInt(callCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Засвартай\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-danger\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76131)\n                              .reduce(\n                                (sum, { workCount }) =>\n                                  sum + parseInt(workCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"col-sm-12 col-xs-12 col-md-6 col-lg-6\">\n          <div class=\"card\">\n            <div class=\"card-header\">\n              <h6 class=\"mg-b-0\">Хяналтын камер /CCTV/</h6>\n            </div>\n            <div class=\"card-body pd-0\" v-if=\"chart1Obj.rdy\">\n              <div class=\"row no-gutters\">\n                <div class=\"col col-6 col-sm-6 col-xs-6 col-lg\">\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Нийт\n                        </h6>\n                        <h5 class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1\">\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76460)\n                              .reduce(\n                                (sum, { count }) => sum + parseInt(count),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Хэвийн\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-success\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76460)\n                              .reduce(\n                                (sum, { count, callCount, noCallWorkCount }) =>\n                                  sum +\n                                  parseInt(count - callCount - noCallWorkCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Дуудлагатай\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-warning\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76460)\n                              .reduce(\n                                (sum, { callCount }) =>\n                                  sum + parseInt(callCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  class=\"col col-6 col-sm-6 col-xs-6 col-lg bd-sm-t-0 bd-sm-l\"\n                >\n                  <div class=\"crypto\">\n                    <div class=\"media\">\n                      <div class=\"media-body pd-20 d-flex align-items-end\">\n                        <h6\n                          class=\"tx-uppercase tx-11 tx-spacing-1 tx-color-03 mg-b-0\"\n                        >\n                          Засвартай\n                        </h6>\n                        <h5\n                          class=\"tx-normal tx-rubik mg-b-0 mg-l-auto lh-1 tx-danger\"\n                        >\n                          {{\n                            chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76460)\n                              .reduce(\n                                (sum, { workCount }) =>\n                                  sum + parseInt(workCount),\n                                0\n                              )\n                          }}\n                        </h5>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div> -->\n        <apexchart\n          type=\"bar\"\n          height=\"160\"\n          :options=\"chartOptions\"\n          :series=\"series\"\n          :key=\"chartKey\"\n        ></apexchart>\n        <GmapMap\n          :center=\"{ lat: 47.9138932, lng: 106.8986408 }\"\n          :zoom=\"13\"\n          map-type-id=\"roadmap\"\n          labels=\"off\"\n          style=\"width: 100%; height: 65vh\"\n          ref=\"map\"\n        >\n          <!-- <GmapCluster> -->\n          <GmapInfoWindow\n            :options=\"infoOptions\"\n            :position=\"infoWindowPos\"\n            :opened=\"infoWinOpen\"\n            @closeclick=\"infoWinOpen = false\"\n          ></GmapInfoWindow>\n          <GmapMarker\n            style=\"color: green\"\n            :icon=\"`${myResBaseUrl}apps/asset/${m.icon}.png?w=24`\"\n            @click=\"toggleInfoWindow(m, i)\"\n            v-for=\"(m, i) in googleMapMaker\"\n            :key=\"i\"\n            :position=\"m.position\"\n            :title=\"m.title\"\n          />\n        </GmapMap>\n      </div>\n    </div>\n    <b-modal v-model=\"infMdl.modal\" :title=\"infMdl.title\" size=\"xl\">\n      <div v-if=\"infMdl.siteInfo != null\">\n        <!-- {{infMdl.siteInfo}} -->\n        <ul class=\"list-unstyled lh-7\">\n          <li class=\"d-flex justify-content-between\">\n            <span>Тоног төхөөрөмж</span>\n            <span>{{ infMdl.siteInfo.deviceData.device.deviceName }}</span>\n          </li>\n          <li\n            class=\"d-flex justify-content-between\"\n            v-if=\"infMdl.siteInfo.deviceData.device.type != null\"\n          >\n            <span>Төрөл</span>\n            <span>{{ infMdl.siteInfo.deviceData.device.type.name }}</span>\n          </li>\n          <li class=\"d-flex justify-content-between\">\n            <span>Суурилуулсан огноо</span>\n            <span>{{\n              infMdl.siteInfo.deviceData.device.dueStartDate\n                | moment(\"YYYY-MM-DD\")\n            }}</span>\n          </li>\n\n          <li class=\"d-flex justify-content-between\">\n            <span>Ашиглалт дуусах хугацаа</span>\n            <span>{{\n              infMdl.siteInfo.deviceData.device.dueDate | moment(\"YYYY-MM-DD\")\n            }}</span>\n          </li>\n        </ul>\n\n        <div class=\"card ht-lg-100p\">\n          <div\n            class=\"\n                  card-header\n                  d-flex\n                  align-items-center\n                  justify-content-between\n                \"\n          >\n            <h6 class=\"mg-b-0\">Дуудлагын түүх</h6>\n          </div>\n          <div class=\"card-body pd-0\">\n            <div v-if=\"infMdl.siteInfo.cmmsCalls.length > 0\">\n              <div class=\"table-responsive\">\n                <table class=\"table table-dashboard mg-b-0 bd-t-0 tx-13\">\n                  <thead>\n                    <tr>\n                      <th>Хаагдсан эсэх</th>\n                      <th>Код</th>\n                      <th>Шалтгаан</th>\n                      <th>Товч тайлбар</th>\n                      <th>Үүсгэсэн</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    <tr\n                      v-for=\"(call, ci) in infMdl.siteInfo.cmmsCalls\"\n                      :key=\"`cll` + ci\"\n                    >\n                      <td style=\"width: 180px\">\n                        <template v-if=\"call.isCompleted\"\n                          ><feather\n                            type=\"check-square\"\n                            class=\"text-success\"\n                          ></feather>\n                        </template>\n                        <template v-else\n                          ><feather type=\"square\" class=\"text-danger\"></feather>\n                        </template>\n                        <!-- {{ call.isCompleted == true ? \"тийм\" : \"үгүй\" }} -->\n                      </td>\n                      <td style=\"width: 180px\">{{ call.code }}</td>\n                      <td style=\"width: 240px\">\n                        {{ call.reason.name }}\n                      </td>\n                      <td style=\"width: 240px\">\n                        {{ call.shortInfo.name }}\n                      </td>\n                      <td>\n                        {{ call.createdDate | moment(\"YYYY-MM-DD HH:mm\") }}\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n            </div>\n            <div v-else class=\"pd-10 text-center\">\n              Дуудлагын түүх бүртгэгдээгүй байна.\n            </div>\n          </div>\n        </div>\n\n        <div class=\"card ht-lg-100p mg-t-20\">\n          <div\n            class=\"\n                  card-header\n                  d-flex\n                  align-items-center\n                  justify-content-between\n                \"\n          >\n            <h6 class=\"mg-b-0\">Засвар үйлчилгээний түүх</h6>\n          </div>\n          <div class=\"card-body pd-0\">\n            <div v-if=\"infMdl.siteInfo.workOrders.length > 0\">\n              <div class=\"table-responsive\">\n                <table class=\"table mg-b-0 bd-t-0 table-dashboard tx-13\">\n                  <thead>\n                    <tr>\n                      <th>Хаагдсан эсэх</th>\n                      <th>Код</th>\n                      <th>Ангилал</th>\n                      <th>Төлөв</th>\n                      <th>Үүсгэсэн</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    <tr\n                      v-for=\"(work, wi) in infMdl.siteInfo.workOrders\"\n                      :key=\"`wrk` + wi\"\n                    >\n                      <td style=\"width: 180px\">\n                        <template v-if=\"work.isCompleted\"\n                          ><feather\n                            type=\"check-square\"\n                            class=\"text-success\"\n                          ></feather>\n                        </template>\n                        <template v-else\n                          ><feather type=\"square\" class=\"text-danger\"></feather>\n                        </template>\n                      </td>\n                      <td style=\"width: 180px\">{{ work.code }}</td>\n                      <td style=\"width: 240px\">\n                        {{ work.type.name }}\n                      </td>\n                      <td style=\"width: 240px\">\n                        {{ work.source.name }}\n                      </td>\n                      <td>\n                        {{ work.createdDate | moment(\"YYYY-MM-DD HH:mm\") }}\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </div>\n            </div>\n            <div v-else class=\"pd-10 text-center\">\n              Засвар үйлчилгээний түүх бүртгэгдээгүй байна.\n            </div>\n          </div>\n        </div>\n\n        <!-- {{ deviceModal.siteInfo }} -->\n      </div>\n    </b-modal>\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      chart1Obj: {\n        rdy: false,\n        flat: null,\n      },\n      myResBaseUrl: \"https://res.gosmart.mn/\",\n      mapMode: 2,\n      infoOptions: {\n        content: \"\",\n        //optional: offset infowindow so it visually sits nicely on top of our marker\n        pixelOffset: {\n          width: 0,\n          height: -35,\n        },\n      },\n      assets: {\n        cctv: {\n          allCount: null,\n          count: null,\n        },\n        penaltyCamera: {\n          allCount: null,\n          count: null,\n        },\n        signal: {\n          allCount: null,\n          count: null,\n        },\n      },\n      googleMapMaker: [],\n\n      infoWindowPos: null,\n      infoWinOpen: false,\n      currentMidx: null,\n\n      infMdl: {\n        modal: false,\n        title: \"\",\n        siteInfo: null,\n      },\n\n      series: [\n        {\n          name: \"Хэвийн\",\n          data: [0, 0],\n        },\n        {\n          name: \"Дуудлагатай\",\n          data: [0, 0],\n        },\n        {\n          name: \"Засвартай\",\n          data: [0, 0],\n        },\n      ],\n      chartOptions: {\n        chart: {\n          type: \"bar\",\n          height: 350,\n          stacked: true,\n        },\n        plotOptions: {\n          bar: {\n            horizontal: true,\n            dataLabels: {\n              total: {\n                enabled: true,\n                offsetX: 0,\n                style: {\n                  fontSize: \"13px\",\n                  fontWeight: 900,\n                },\n              },\n            },\n          },\n        },\n        stroke: {\n          width: 1,\n          colors: [\"#fff\"],\n        },\n        title: {\n          text: \"\",\n        },\n        xaxis: {\n          categories: [\"Гэрэл дохио\", \"Хяналтын камер /CCTV/\"],\n          labels: {\n            formatter: function(val) {\n              return val + \"\";\n            },\n          },\n        },\n        yaxis: {\n          title: {\n            text: undefined,\n          },\n        },\n        tooltip: {\n          y: {\n            formatter: function(val) {\n              return val + \"\";\n            },\n          },\n        },\n        fill: {\n          opacity: 1,\n        },\n        legend: {\n          position: \"top\",\n          horizontalAlign: \"left\",\n          offsetX: 40,\n        },\n      },\n    };\n  },\n  created() {\n    if (\n      this.$store.state.app.activeGroup.resBaseUrl != undefined &&\n      this.$store.state.app.activeGroup.resBaseUrl != \"\"\n    ) {\n      this.myResBaseUrl = this.$store.state.app.activeGroup.resBaseUrl;\n    }\n  },\n  mounted() {\n    //this.loadPenaltyPaidData();\n    this.loadMap();\n    this.loadAssets();\n  },\n  methods: {\n    toggleInfoWindow(marker, idx) {\n      // console.log('mark', marker);\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"get\", url: \"TrafficData/AssetSiteInfo\" },\n        params: {\n          siteId: marker.deviceId,\n        },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        this.infMdl.siteInfo = res.data;\n      });\n      this.infMdl.title = marker.title;\n      this.infMdl.modal = true;\n    },\n    loadMap() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: \"trafficData/AssetDashboardData\" },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          //console.log('res', res);\n          this.chart1Obj.flat = res.data;\n          this.series[0].data[0] = this.chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76131)\n                              .reduce(\n                                (sum, { count, callCount, noCallWorkCount }) =>\n                                  sum +\n                                  parseInt(count - callCount - noCallWorkCount),\n                                0\n                              );\n\n          this.series[0].data[1] = this.chart1Obj.flat.asset.groupedByType\n                              .filter((x) => x.typeId == 76460)\n                              .reduce(\n                                (sum, { count, callCount, noCallWorkCount }) =>\n                                  sum +\n                                  parseInt(count - callCount - noCallWorkCount),\n                                0\n                              );\n\n          this.series[1].data[0] = this.chart1Obj.flat.asset.groupedByType\n            .filter((x) => x.typeId == 76131)\n            .reduce((sum, { callCount }) => sum + parseInt(callCount), 0);\n\n          this.series[1].data[1] = this.chart1Obj.flat.asset.groupedByType\n            .filter((x) => x.typeId == 76460)\n            .reduce((sum, { callCount }) => sum + parseInt(callCount), 0);\n\n          this.series[2].data[0] = this.chart1Obj.flat.asset.groupedByType\n            .filter((x) => x.typeId == 76131)\n            .reduce((sum, { workCount }) => sum + parseInt(workCount), 0);\n\n          this.series[2].data[1] = this.chart1Obj.flat.asset.groupedByType\n            .filter((x) => x.typeId == 76460)\n            .reduce((sum, { workCount }) => sum + parseInt(workCount), 0);\n          this.chartKey++;\n          this.chart1Obj.rdy = true;\n          this.googleMapMaker = res.data.mapData.sites\n            .filter(\n              (t) =>\n                t.device.location.lat != null && t.device.location.lng != null\n            )\n            .map((x) => {\n              //console.log(`${x.device.type.code}-${x.mapFlag.color}`);\n              return {\n                id:\n                  x.ticket != undefined && x.ticket != null\n                    ? x.ticket.id\n                    : null,\n                title: x.device.deviceName,\n                info:\n                  x.ticket != undefined && x.ticket != null\n                    ? `\n                <h4>${moment(x.ticket.createdDate).format(\n                  \"YYоны MM-р сар DD. HHц:mmм\"\n                )}</h4>\n                <ul class=\"list-group wd-500\">\n                  <li class=\"list-group-item d-flex align-items-center\">\n                    <div>\n                      <h6 class=\"tx-13 tx-inverse tx-semibold mg-b-0\">${\n                        x.ticket.task\n                      }</h6>\n                      <span class=\"d-block tx-11 text-muted\">товч утга</span>\n                    </div>\n                  </li>\n                  <li class=\"list-group-item active d-flex align-items-center\">\n                    <div>\n                      <h6 class=\"tx-13 tx-white tx-semibold mg-b-0\">${\n                        x.device.deviceName\n                      }</h6>\n                      <span class=\"d-block tx-11 text-white\">төхөөрөмж</span>\n                    </div>\n                  </li>\n                  <li class=\"list-group-item d-flex align-items-center\">\n                    <div>\n                      <h6 class=\"tx-13 tx-inverse tx-semibold mg-b-0\">${\n                        x.ticket.type.name\n                      }</h6>\n                      <span class=\"d-block tx-11 text-muted\">ангилал</span>\n                    </div>\n                  </li>\n                  \n                </ul>\n          `\n                    : \"\",\n                // <li class=\"list-group-item d-flex align-items-center\">\n                //           <a @click=\"${this.showDetail(x)}\">Дэлгэрэнгүй</a>\n                //         </li>\n                position: {\n                  lat: parseFloat(x.device.location.lat),\n                  lng: parseFloat(x.device.location.lng),\n                },\n                icon: `${x.device.deviceType.code}-${x.mapFlag.color}`,\n                color: x.mapFlag.color,\n                deviceId: x.device.id,\n                firstDeviceId: x.firstDeviceId,\n                ticketId:\n                  x.ticket != undefined && x.ticket != null\n                    ? x.ticket.id\n                    : null,\n              };\n            });\n        }\n      });\n    },\n    loadAssets() {\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\n      request({\n        api: { method: \"POST\", url: \"trafficData/AssetData\" },\n        store: this.$store,\n      }).then((res) => {\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\n        if (res != false) {\n          this.assets = res.data.asset;\n        }\n      });\n    },\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  },\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!./mapAsset.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!./mapAsset.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./mapAsset.vue?vue&type=template&id=ec3e3bf0\"\nimport script from \"./mapAsset.vue?vue&type=script&lang=js\"\nexport * from \"./mapAsset.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":""}