{"version":3,"sources":["webpack:///./src/views/home/apps/stf/components/mapAsset.vue?419d","webpack:///src/views/home/apps/stf/components/mapAsset.vue","webpack:///./src/views/home/apps/stf/components/mapAsset.vue?b220","webpack:///./src/views/home/apps/stf/components/mapAsset.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","class","mapMode","on","$event","_v","staticStyle","attrs","_e","key","chartKey","chartOptions","series","ref","lat","lng","infoOptions","infoWindowPos","infoWinOpen","_l","m","i","myResBaseUrl","position","title","toggleInfoWindow","infMdl","model","value","callback","$$v","$set","expression","siteInfo","_s","deviceData","device","deviceName","type","name","_f","dueStartDate","dueDate","cmmsCalls","length","call","ci","code","reason","shortInfo","createdDate","workOrders","work","wi","source","staticRenderFns","components","apexchart","data","chart1Obj","rdy","flat","content","pixelOffset","width","height","assets","cctv","allCount","count","penaltyCamera","signal","googleMapMaker","currentMidx","modal","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","toggleBodyClass","api","params","siteId","marker","deviceId","store","res","addRemoveClass","el","classList","add","className","remove","component"],"mappings":"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","file":"js/chunk-2d22dbd6.8d9f51c9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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:\"\\n                card-header\\n                d-flex\\n                align-items-center\\n                justify-content-between\\n              \"},[_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:\"\\n                card-header\\n                d-flex\\n                align-items-center\\n                justify-content-between\\n              \"},[_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)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(\"Газрын зураг\")]),_c('p',{staticClass:\"tx-13 tx-color-03 mg-b-0\"})])}]\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=57150ce4&\"\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":""}