s. The [style*=\"text-align: center\"] selector\r\n\t\t\t\t\t// avoids matching the attribution notice.\r\n\t\t\t\t\t// This empty div doesn't have a reference to the tile\r\n\t\t\t\t\t// coordinates, so it's not possible to mark the tile as\r\n\t\t\t\t\t// failed.\r\n\t\t\t\t\tArray.prototype.forEach.call(\r\n\t\t\t\t\t\tnode.querySelectorAll('div[draggable=false][style*=\"text-align: center\"]'),\r\n\t\t\t\t\t\tL.DomUtil.remove\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\t// Only images which 'src' attrib match this will be considered for moving around.\r\n\t// Looks like some kind of string-based protobuf, maybe??\r\n\t// Only the roads (and terrain, and vector-based stuff) match this pattern\r\n\t_roadRegexp: /!1i(\\d+)!2i(\\d+)!3i(\\d+)!/,\r\n\r\n\t// On the other hand, raster imagery matches this other pattern\r\n\t_satRegexp: /x=(\\d+)&y=(\\d+)&z=(\\d+)/,\r\n\r\n\t// On small viewports, when zooming in/out, a static image is requested\r\n\t// This will not be moved around, just removed from the DOM.\r\n\t_staticRegExp: /StaticMapService\\.GetMapImage/,\r\n\r\n\t_onMutatedImage: function _onMutatedImage(imgNode) {\r\n\t\t// \t\tif (imgNode.src) {\r\n\t\t// \t\t\tconsole.log('caught mutated image: ', imgNode.src);\r\n\t\t// \t\t}\r\n\r\n\t\tlet coords;\r\n\t\tlet match = imgNode.src.match(this._roadRegexp);\r\n\t\tlet sublayer = 0;\r\n\r\n\t\tif (match) {\r\n\t\t\tcoords = {\r\n\t\t\t\tz: match[1],\r\n\t\t\t\tx: match[2],\r\n\t\t\t\ty: match[3]\r\n\t\t\t};\r\n\t\t\tif (this._imagesPerTile > 1) {\r\n\t\t\t\timgNode.style.zIndex = 1;\r\n\t\t\t\tsublayer = 1;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tmatch = imgNode.src.match(this._satRegexp);\r\n\t\t\tif (match) {\r\n\t\t\t\tcoords = {\r\n\t\t\t\t\tx: match[1],\r\n\t\t\t\t\ty: match[2],\r\n\t\t\t\t\tz: match[3]\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t\t// \t\t\timgNode.style.zIndex = 0;\r\n\t\t\tsublayer = 0;\r\n\t\t}\r\n\r\n\t\tif (coords) {\r\n\t\t\tlet tileKey = this._tileCoordsToKey(coords);\r\n\t\t\timgNode.style.position = 'absolute';\r\n\t\t\timgNode.style.visibility = 'hidden';\r\n\r\n\t\t\tlet key = tileKey + '/' + sublayer;\r\n\t\t\t// console.log('mutation for tile', key)\r\n\t\t\t// store img so it can also be used in subsequent tile requests\r\n\t\t\tthis._freshTiles[key] = imgNode;\r\n\r\n\t\t\tif (key in this._tileCallbacks && this._tileCallbacks[key]) {\r\n\t\t\t\t// console.log('Fullfilling callback ', key);\r\n\t\t\t\t// fullfill most recent tileCallback because there maybe callbacks that will never get a \r\n\t\t\t\t// corresponding mutation (because map moved to quickly...)\r\n\t\t\t\tthis._tileCallbacks[key].pop()(imgNode);\r\n\t\t\t\tif (!this._tileCallbacks[key].length) { delete this._tileCallbacks[key] }\r\n\t\t\t} else {\r\n\t\t\t\tif (this._tiles[tileKey]) {\r\n\t\t\t\t\t// we already have a tile in this position (mutation is probably a google layer being added)\r\n\t\t\t\t\t// replace it\r\n\t\t\t\t\tlet c = this._tiles[tileKey].el;\r\n\t\t\t\t\tlet oldImg = (sublayer === 0) ? c.firstChild : c.firstChild.nextSibling;\r\n\t\t\t\t\tlet cloneImgNode = this._clone(imgNode);\r\n\t\t\t\t\tc.replaceChild(cloneImgNode, oldImg);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else if (imgNode.src.match(this._staticRegExp)) {\r\n\t\t\timgNode.style.visibility = 'hidden';\r\n\t\t}\r\n\t},\r\n\r\n\r\n\tcreateTile: function(coords, done) {\r\n\t\tlet key = this._tileCoordsToKey(coords);\r\n\r\n\t\tlet tileContainer = L.DomUtil.create('div');\r\n\t\ttileContainer.dataset.pending = this._imagesPerTile;\r\n\t\tdone = done.bind(this, null, tileContainer);\r\n\r\n\t\tfor (let i = 0; i < this._imagesPerTile; i++) {\r\n\t\t\tlet key2 = key + '/' + i;\r\n\t\t\tif (key2 in this._freshTiles) {\r\n\t\t\t\tlet imgNode = this._freshTiles[key2];\r\n\t\t\t\ttileContainer.appendChild(this._clone(imgNode));\r\n\t\t\t\ttileContainer.dataset.pending--;\r\n\t\t\t\t// \t\t\t\tconsole.log('Got ', key2, ' from _freshTiles');\r\n\t\t\t} else {\r\n\t\t\t\tthis._tileCallbacks[key2] = this._tileCallbacks[key2] || [];\r\n\t\t\t\tthis._tileCallbacks[key2].push((function(c/*, k2 */) {\r\n\t\t\t\t\treturn function(imgNode) {\r\n\t\t\t\t\t\tc.appendChild(this._clone(imgNode));\r\n\t\t\t\t\t\tc.dataset.pending--;\r\n\t\t\t\t\t\tif (!parseInt(c.dataset.pending)) { done() }\r\n\t\t\t\t\t\t// \t\t\t\t\t\tconsole.log('Sent ', k2, ' to _tileCallbacks, still ', c.dataset.pending, ' images to go');\r\n\t\t\t\t\t}.bind(this);\r\n\t\t\t\t}.bind(this))(tileContainer/*, key2 */));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!parseInt(tileContainer.dataset.pending)) {\r\n\t\t\tL.Util.requestAnimFrame(done);\r\n\t\t}\r\n\t\treturn tileContainer;\r\n\t},\r\n\r\n\t_clone: function(imgNode) {\r\n\t\tlet clonedImgNode = imgNode.cloneNode(true);\r\n\t\tclonedImgNode.style.visibility = 'visible';\r\n\t\treturn clonedImgNode;\r\n\t},\r\n\r\n\t_checkZoomLevels: function() {\r\n\t\t// setting the zoom level on the Google map may result in a different zoom level than the one requested\r\n\t\t// (it won't go beyond the level for which they have data).\r\n\t\tlet zoomLevel = this._map.getZoom();\r\n\t\tlet gMapZoomLevel = this._mutant.getZoom();\r\n\t\tif (!zoomLevel || !gMapZoomLevel) return;\r\n\r\n\r\n\t\tif ((gMapZoomLevel !== zoomLevel) || // zoom levels are out of sync, Google doesn't have data\r\n\t\t\t(gMapZoomLevel > this.options.maxNativeZoom)) { // at current location, Google does have data (contrary to maxNativeZoom)\r\n\t\t\t// Update maxNativeZoom\r\n\t\t\tthis._setMaxNativeZoom(gMapZoomLevel);\r\n\t\t}\r\n\t},\r\n\r\n\t_setMaxNativeZoom: function(zoomLevel) {\r\n\t\tif (zoomLevel != this.options.maxNativeZoom) {\r\n\t\t\tthis.options.maxNativeZoom = zoomLevel;\r\n\t\t\tthis._resetView();\r\n\t\t}\r\n\t},\r\n\r\n\t_reset: function() {\r\n\t\tthis._initContainer();\r\n\t},\r\n\r\n\t_update: function() {\r\n\t\t// zoom level check needs to happen before super's implementation (tile addition/creation)\r\n\t\t// otherwise tiles may be missed if maxNativeZoom is not yet correctly determined\r\n\t\tif (this._mutant) {\r\n\t\t\tlet center = this._map.getCenter();\r\n\t\t\tlet _center = new google.maps.LatLng(center.lat, center.lng);\r\n\r\n\t\t\tthis._mutant.setCenter(_center);\r\n\t\t\tlet zoom = this._map.getZoom();\r\n\t\t\tlet fractionalLevel = zoom !== Math.round(zoom);\r\n\t\t\tlet mutantZoom = this._mutant.getZoom();\r\n\r\n\t\t\t// ignore fractional zoom levels\r\n\t\t\tif (!fractionalLevel && (zoom != mutantZoom)) {\r\n\t\t\t\tthis._mutant.setZoom(zoom);\r\n\r\n\t\t\t\tif (this._mutantIsReady) this._checkZoomLevels();\r\n\t\t\t\t// else zoom level check will be done later by 'idle' handler\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tL.GridLayer.prototype._update.call(this);\r\n\t},\r\n\r\n\t_resize: function() {\r\n\t\tlet size = this._map.getSize();\r\n\t\tif (this._mutantContainer.style.width === size.x &&\r\n\t\t\tthis._mutantContainer.style.height === size.y) { return; }\r\n\t\tthis.setElementSize(this._mutantContainer, size);\r\n\t\tif (!this._mutant) return;\r\n\t\tgoogle.maps.event.trigger(this._mutant, 'resize');\r\n\t},\r\n\r\n\t_handleZoomAnim: function() {\r\n\t\tif (!this._mutant) return;\r\n\t\tlet center = this._map.getCenter();\r\n\t\tlet _center = new google.maps.LatLng(center.lat, center.lng);\r\n\r\n\t\tthis._mutant.setCenter(_center);\r\n\t\tthis._mutant.setZoom(Math.round(this._map.getZoom()));\r\n\t},\r\n\r\n\t// Agressively prune _freshtiles when a tile with the same key is removed,\r\n\t// this prevents a problem where Leaflet keeps a loaded tile longer than\r\n\t// GMaps, so that GMaps makes two requests but Leaflet only consumes one,\r\n\t// polluting _freshTiles with stale data.\r\n\t_removeTile: function(key) {\r\n\t\tif (!this._mutant) return;\r\n\r\n\t\t// give time for animations to finish before checking it tile should be pruned\r\n\t\tsetTimeout(this._pruneTile.bind(this, key), 1000);\r\n\r\n\r\n\t\treturn L.GridLayer.prototype._removeTile.call(this, key);\r\n\t},\r\n\r\n\t_pruneTile: function(key) {\r\n\t\tlet gZoom = this._mutant.getZoom();\r\n\t\tlet tileZoom = key.split(':')[2];\r\n\t\tlet googleBounds = this._mutant.getBounds();\r\n\t\tlet sw = googleBounds.getSouthWest();\r\n\t\tlet ne = googleBounds.getNorthEast();\r\n\t\tlet gMapBounds = L.latLngBounds([[sw.lat(), sw.lng()], [ne.lat(), ne.lng()]]);\r\n\r\n\t\tfor (let i = 0; i < this._imagesPerTile; i++) {\r\n\t\t\tlet key2 = key + '/' + i;\r\n\t\t\tif (key2 in this._freshTiles) {\r\n\t\t\t\tlet tileBounds = this._map && this._keyToBounds(key);\r\n\t\t\t\tlet stillVisible = this._map && tileBounds.overlaps(gMapBounds) && (tileZoom == gZoom);\r\n\r\n\t\t\t\tif (!stillVisible) delete this._freshTiles[key2];\r\n\t\t\t\t//\t\t\t\tconsole.log('Prunning of ', key, (!stillVisible))\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\n\r\n// 🍂factory gridLayer.googleMutant(options)\r\n// Returns a new `GridLayer.GoogleMutant` given its options\r\nL.gridLayer.googleMutant = function(options) {\r\n\treturn new L.GridLayer.GoogleMutant(options);\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/utils/googleapis/googlemap.js","import Vue from 'vue';\r\nimport App from './App';\r\nimport Vuetify from 'vuetify';\r\nimport router from './router';\r\nimport store from './store';\r\n\r\nimport 'font-awesome/css/font-awesome.css';\r\nimport './theme/default.styl';\r\nimport VeeValidate from 'vee-validate';\r\nimport Truncate from 'lodash.truncate';\r\nimport 'vue2-leaflet';\r\nimport 'leaflet/dist/leaflet.css';\r\nimport '@/utils/googleapis/googlemap.js';\r\nimport '@/utils/googleapis/googlefonts.css';\r\nimport 'vuetify/dist/vuetify.min.css';\r\nimport VueIframe from 'vue-iframes';\r\nimport axios from 'axios';\r\nimport VueAxios from 'vue-axios'\r\n\r\nVue.use(VueIframe)\r\nVue.use(VueAxios, axios)\r\nVue.config.productionTip = false;\r\n\r\nVue.filter('truncate', Truncate);\r\nVue.use(VeeValidate, { fieldsBagName: 'formFields' });\r\nVue.use(Vuetify, {\r\n options: {\r\n themeVariations: ['primary', 'secondary', 'accent'],\r\n extra: {\r\n mainToolbar: {\r\n color: 'primary'\r\n },\r\n sideToolbar: {},\r\n sideNav: 'primary',\r\n mainNav: 'primary lighten-1',\r\n bodyBg: ''\r\n }\r\n },\r\n\r\n});\r\n\r\n// eslint-disable-next-line\r\nnew Vue({\r\n el: '#app',\r\n router,\r\n store,\r\n components: { App },\r\n template: ''\r\n});\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pa-4\"},[_c('p',[_c('v-progress-circular',{attrs:{\"width\":4,\"color\":\"primary\",\"size\":80,\"indeterminate\":\"\"}})],1),_vm._v(\" \"),_c('p',[_vm._v(\"Đang tải dữ liệu\")])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0f910c6f\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/search/components/LoadingPanel.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0f910c6f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./LoadingPanel.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0f910c6f\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./LoadingPanel.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-0f910c6f\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/pages/search/components/LoadingPanel.vue\n// module id = null\n// module chunks = ","\r\n
\r\n Mới (cần được điều phối)\r\n Hẹn lại\r\n Đã hoàn thành (chưa đóng)\r\n Đang thực hiện\r\n Đã hoàn thành và đã đóng\r\n Chưa thực hiện\r\n Chờ xe\r\n Gia hạn\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/DispatchHelp.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-btn',{attrs:{\"fab\":\"\",\"color\":\"primary\",\"dark\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog = true}}},[_c('v-icon',[_vm._v(\"help\")])],1),_vm._v(\" \"),_c('v-dialog',{attrs:{\"max-width\":\"600\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\"Bảng mô tả màu sắc và trạng thái\")]),_vm._v(\" \"),_c('v-card-text',[_c('div',{staticClass:\"text-center\"},[_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"error\",\"text-color\":\"white\"}},[_vm._v(\"Mới (cần được điều phối)\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"deep-purple lighten-2\",\"text-color\":\"white\"}},[_vm._v(\"Hẹn lại\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"success\",\"text-color\":\"white\"}},[_vm._v(\"Đã hoàn thành (chưa đóng)\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"orange\",\"text-color\":\"white\"}},[_vm._v(\"Đang thực hiện\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"grey\",\"text-color\":\"white\"}},[_vm._v(\"Đã hoàn thành và đã đóng\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"blue\",\"text-color\":\"white\"}},[_vm._v(\"Chưa thực hiện\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"pink darken-1\",\"text-color\":\"white\"}},[_vm._v(\"Chờ xe\")]),_vm._v(\" \"),_c('v-chip',{staticClass:\"ma-2\",attrs:{\"color\":\"indigo darken-3\",\"text-color\":\"white\"}},[_vm._v(\"Gia hạn\")])],1)])],1)],1)],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-703b33b0\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/DispatchHelp.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./DispatchHelp.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./DispatchHelp.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-703b33b0\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./DispatchHelp.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/DispatchHelp.vue\n// module id = null\n// module chunks = ","\r\n
\r\n Finished: {{ getTimeFromPlan(task.Finished).format('YYYY-MM-DD, HH:mm:ss')}}\r\n Case Before: {{task.Before.Time.toFixed(2) }} min / {{task.Before.Distance.toFixed(2)}} km\r\n Case After: {{task.After.Time.toFixed(2)}} min / {{task.After.Distance.toFixed(2)}} km\r\n Điều phối\r\n \r\n \r\n \r\n
![\"\"](\"/static/error/500.svg\")
\r\n ![](\"/static/error/403.svg\")
\r\n