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