Commit 58372792 authored by 郭铭瑶's avatar 郭铭瑶 🤘

修改

parent 87e8e570
<!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>南京东路街道数据平台</title><style>html { <!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>南京东路街道数据平台</title><style>html {
font-size: 16vh; font-size: 16vh;
}</style><link href=./static/css/app.28631dae45515a164d628de5a19bc0bd.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.a1801cf492b9f259a390.js></script><script type=text/javascript src=./static/js/vendor.39ac6e2a475167f0fb0f.js></script><script type=text/javascript src=./static/js/app.9d9521bb424ca8974052.js></script></body><script src=./static/hls.js></script><script src=./static/SMap.min.js></script><script src=./static/Plugins.min.js></script></html> }</style><link href=./static/css/app.efb399a8ee5ccc445d83d800f14a1bfe.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.cbff0244badb98c8232e.js></script><script type=text/javascript src=./static/js/vendor.39ac6e2a475167f0fb0f.js></script><script type=text/javascript src=./static/js/app.78d2603ec0fe0e6fd028.js></script></body><script src=./static/SMap.min.js></script><script src=./static/Plugins.min.js></script></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
webpackJsonp([10],{"5+Rn":function(t,e){},FteE:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorDrawer",props:{value:{type:Boolean,default:!1},width:{type:String,default:"40%"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},methods:{handleClose:function(){this.$emit("close"),this.$emit("input",!1)}}},s={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("m-animate",{attrs:{enter:t.enter,leave:t.leave}},[t.value?n("div",{staticClass:"monitor-drawer",staticStyle:{"animation-duration":"500ms"}},[n("img",{staticClass:"close-btn",attrs:{src:a("LuQl")},on:{click:t.handleClose}}),t._v(" "),n("img",{staticClass:"border left",attrs:{src:a("ICTM")}}),t._v(" "),n("div",{staticClass:"content"},[n("div",[t._t("default")],2)]),t._v(" "),n("img",{staticClass:"border right",attrs:{src:a("ICTM")}})]):t._e()])},staticRenderFns:[]};var i=a("VU/8")(n,s,!1,function(t){a("5+Rn")},"data-v-c6226978",null);e.default=i.exports}});
//# sourceMappingURL=10.864f8be7f7df44b7d471.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue?5494","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue"],"names":["monitor_drawer","name","props","value","type","Boolean","default","width","String","enter","leave","methods","handleClose","this","$emit","MonitorDrawer_monitor_drawer","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","staticStyle","animation-duration","src","__webpack_require__","on","click","_v","_t","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HAgBA,IAAAA,GACAC,KAAA,gBACAC,OACAC,OACAC,KAAAC,QACAC,SAAA,GAEAC,OACAH,KAAAI,OACAF,QAAA,OAEAG,OACAL,KAAAI,OACAF,QAAA,eAEAI,OACAN,KAAAI,OACAF,QAAA,iBAGAK,SACAC,YADA,WAEAC,KAAAC,MAAA,SACAD,KAAAC,MAAA,eCpCeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAJ,KAAaK,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,aAAuBE,OAAOb,MAAAQ,EAAAR,MAAAC,MAAAO,EAAAP,SAAqCO,EAAA,MAAAG,EAAA,OAAwBG,YAAA,iBAAAC,aAA0CC,qBAAA,WAA8BL,EAAA,OAAYG,YAAA,YAAAD,OAA+BI,IAAMC,EAAQ,SAAmCC,IAAKC,MAAAZ,EAAAL,eAAyBK,EAAAa,GAAA,KAAAV,EAAA,OAAwBG,YAAA,cAAAD,OAAiCI,IAAMC,EAAQ,WAAoCV,EAAAa,GAAA,KAAAV,EAAA,OAAwBG,YAAA,YAAsBH,EAAA,OAAAH,EAAAc,GAAA,iBAAAd,EAAAa,GAAA,KAAAV,EAAA,OAA0DG,YAAA,eAAAD,OAAkCI,IAAMC,EAAQ,aAAoCV,EAAAe,QAE5oBC,oBCCjB,IAcAC,EAdyBP,EAAQ,OAcjCQ,CACEnC,EACAe,GATF,EAVA,SAAAqB,GACET,EAAQ,SAaV,kBAEA,MAUeU,EAAA,QAAAH,EAAiB","file":"static/js/10.864f8be7f7df44b7d471.js","sourcesContent":["<template>\n<m-animate :enter=\"enter\" :leave=\"leave\">\n <div v-if=\"value\" class=\"monitor-drawer\" style=\"animation-duration: 500ms\">\n <img @click=\"handleClose\" class=\"close-btn\" src=\"@/assets/images/title-arrow.png\"/>\n <img class=\"border left\" src=\"@/assets/images/modal-right.png\"/>\n <div class=\"content\">\n <div>\n <slot/>\n </div>\n </div>\n <img class=\"border right\" src=\"@/assets/images/modal-right.png\"/>\n </div>\n</m-animate>\n</template>\n\n<script>\nexport default {\n name: 'MonitorDrawer',\n props: {\n value: {\n type: Boolean,\n default: false,\n },\n width: {\n type: String,\n default: '40%',\n },\n enter: {\n type: String,\n default: 'fadeInRight',\n },\n leave: {\n type: String,\n default: 'fadeOutRight',\n },\n },\n methods: {\n handleClose() {\n this.$emit('close')\n this.$emit('input', false)\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-drawer\n position fixed\n top .4rem\n right .1rem\n bottom 0.06rem\n z-index 1000\n width 26vw\n padding .1rem 0\n background $cardBg\n color #ccc\n $blur()\n .content\n height 100%\n padding 0 .1rem\n overflow-y auto\n overflow-x hidden\n >img\n position absolute\n &.close-btn\n top 0\n bottom 0\n margin auto\n width .3rem\n left -0.3rem\n transform rotate(270deg)\n cursor pointer\n &.border\n width .2rem\n height 102%\n top -0.05rem\n bottom 0\n &.left\n transform rotate(180deg)\n left -0.1rem\n &.right\n right -0.1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('m-animate',{attrs:{\"enter\":_vm.enter,\"leave\":_vm.leave}},[(_vm.value)?_c('div',{staticClass:\"monitor-drawer\",staticStyle:{\"animation-duration\":\"500ms\"}},[_c('img',{staticClass:\"close-btn\",attrs:{\"src\":require(\"@/assets/images/title-arrow.png\")},on:{\"click\":_vm.handleClose}}),_vm._v(\" \"),_c('img',{staticClass:\"border left\",attrs:{\"src\":require(\"@/assets/images/modal-right.png\")}}),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',[_vm._t(\"default\")],2)]),_vm._v(\" \"),_c('img',{staticClass:\"border right\",attrs:{\"src\":require(\"@/assets/images/modal-right.png\")}})]):_vm._e()])}\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-c6226978\",\"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/components/MonitorComponents/MonitorDrawer/monitor-drawer.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,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-c6226978\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-drawer.vue\")\n}\nvar 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!./monitor-drawer.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-drawer.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-c6226978\\\",\\\"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!./monitor-drawer.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-c6226978\"\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/MonitorComponents/MonitorDrawer/monitor-drawer.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
webpackJsonp([11],{"0BYA":function(t,e){},"1fyY":function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorGrid",props:{template:{type:[String,Array],required:!0},columns:{type:String},rows:{type:String},gap:{type:String},bgImg:{type:String},complete:{type:Boolean,default:!0}},data:function(){return{style:{},showLoad:!1,loadMsg:"初始化 . . ."}},mounted:function(){var t=this;this.showLoad=!this.complete,this.$nextTick(function(){setTimeout(t.init,0)})},methods:{init:function(){var t=this.template;if(Array.isArray(t)){var e="";t.forEach(function(t){e+="'"+t+"'"}),t=e}this.style={"grid-template-areas":t,"grid-template-columns":this.columns,"grid-template-rows":this.rows,"grid-gap":this.gap,padding:this.gap,"padding-top":0};for(var i=this.$refs.grid.children,r=0;r<i.length;r++){var s=i[r],a=s.getAttribute("area");a&&(s.style.gridArea=a)}}},watch:{complete:function(t,e){t&&t!=e&&(this.loadMsg="完成中 . . .",this.showLoad=!1)}}},s={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"grid",staticClass:"monitor-grid",style:this.style},[this.showLoad?e("m-loader",{attrs:{msg:this.loadMsg,bgColor:"#000"}}):this._e(),this._v(" "),this._t("default")],2)},staticRenderFns:[]};var a=i("VU/8")(r,s,!1,function(t){i("0BYA")},"data-v-b53f13e8",null);e.default=a.exports}}); webpackJsonp([10],{"0BYA":function(t,e){},"1fyY":function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorGrid",props:{template:{type:[String,Array],required:!0},columns:{type:String},rows:{type:String},gap:{type:String},bgImg:{type:String},complete:{type:Boolean,default:!0}},data:function(){return{style:{},showLoad:!1,loadMsg:"初始化 . . ."}},mounted:function(){var t=this;this.showLoad=!this.complete,this.$nextTick(function(){setTimeout(t.init,0)})},methods:{init:function(){var t=this.template;if(Array.isArray(t)){var e="";t.forEach(function(t){e+="'"+t+"'"}),t=e}this.style={"grid-template-areas":t,"grid-template-columns":this.columns,"grid-template-rows":this.rows,"grid-gap":this.gap,padding:this.gap,"padding-top":0};for(var i=this.$refs.grid.children,r=0;r<i.length;r++){var s=i[r],a=s.getAttribute("area");a&&(s.style.gridArea=a)}}},watch:{complete:function(t,e){t&&t!=e&&(this.loadMsg="完成中 . . .",this.showLoad=!1)}}},s={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"grid",staticClass:"monitor-grid",style:this.style},[this.showLoad?e("m-loader",{attrs:{msg:this.loadMsg,bgColor:"#000"}}):this._e(),this._v(" "),this._t("default")],2)},staticRenderFns:[]};var a=i("VU/8")(r,s,!1,function(t){i("0BYA")},"data-v-b53f13e8",null);e.default=a.exports}});
//# sourceMappingURL=11.a4d4a5037c74f28c61f9.js.map //# sourceMappingURL=10.87620061e05ff5870743.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([12],{xSxB:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"MonitorModal",props:{value:{type:Boolean,default:!1},width:{type:String,default:"30%"},offset:{type:String,default:"0"},enter:{type:String,default:"fadeInDown"},leave:{type:String,default:"fadeOutUp"},title:{type:String,default:"title"}},methods:{handleClose:function(){this.$emit("close"),this.$emit("input",!1)}}},i={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("m-animate",{attrs:{enter:t.enter,leave:t.leave}},[t.value?s("div",{staticClass:"monitor-modal"},[s("div",{style:"min-width:"+t.width+";marginLeft:"+t.offset},[s("div",{staticClass:"title"},[s("p",[t._v("\n "+t._s(t.title)+"\n "),s("span",{staticClass:"left"}),t._v(" "),s("span",{staticClass:"right"})]),t._v(" "),s("div",[s("img",{staticClass:"flag",attrs:{src:a("f2fE")}}),t._v(" "),s("img",{staticClass:"close-btn",attrs:{src:a("4K8Q")},on:{click:t.handleClose}})]),t._v(" "),s("img",{staticClass:"left",attrs:{src:a("KMwb")}})]),t._v(" "),s("div",{staticClass:"content"},[s("div",[t._t("default")],2)])])]):t._e()])},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(t){a("zBr2")},"data-v-751c869c",null);e.default=n.exports},zBr2:function(t,e){}}); webpackJsonp([11],{xSxB:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"MonitorModal",props:{value:{type:Boolean,default:!1},width:{type:String,default:"30%"},offset:{type:String,default:"0"},enter:{type:String,default:"fadeInDown"},leave:{type:String,default:"fadeOutUp"},title:{type:String,default:"title"}},methods:{handleClose:function(){this.$emit("close"),this.$emit("input",!1)}}},i={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("m-animate",{attrs:{enter:t.enter,leave:t.leave}},[t.value?s("div",{staticClass:"monitor-modal"},[s("div",{style:"min-width:"+t.width+";marginLeft:"+t.offset},[s("div",{staticClass:"title"},[s("p",[t._v("\n "+t._s(t.title)+"\n "),s("span",{staticClass:"left"}),t._v(" "),s("span",{staticClass:"right"})]),t._v(" "),s("div",[s("img",{staticClass:"flag",attrs:{src:a("f2fE")}}),t._v(" "),s("img",{staticClass:"close-btn",attrs:{src:a("4K8Q")},on:{click:t.handleClose}})]),t._v(" "),s("img",{staticClass:"left",attrs:{src:a("KMwb")}})]),t._v(" "),s("div",{staticClass:"content"},[s("div",[t._t("default")],2)])])]):t._e()])},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(t){a("zBr2")},"data-v-751c869c",null);e.default=n.exports},zBr2:function(t,e){}});
//# sourceMappingURL=12.f31358f62938733e5354.js.map //# sourceMappingURL=11.27bcfe3fa99c45ccebf7.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([13],{gx5c:function(t,s){},vOoY:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a={name:"MonitorLoader",props:{msg:{type:String,default:"加载中 . . ."},bgColor:{type:String,default:"rgba(0,0,0,0.3)"}}},i={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"monitor-loader",style:"background:"+this.bgColor},[s("div",{staticClass:"loader"},[s("div",{staticClass:"outer"}),this._v(" "),s("div",{staticClass:"inner"}),this._v(" "),s("b",{staticClass:"msg"},[this._v(this._s(this.msg))])])])},staticRenderFns:[]};var r=e("VU/8")(a,i,!1,function(t){e("gx5c")},"data-v-72acaade",null);s.default=r.exports}}); webpackJsonp([12],{gx5c:function(t,s){},vOoY:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a={name:"MonitorLoader",props:{msg:{type:String,default:"加载中 . . ."},bgColor:{type:String,default:"rgba(0,0,0,0.3)"}}},i={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"monitor-loader",style:"background:"+this.bgColor},[s("div",{staticClass:"loader"},[s("div",{staticClass:"outer"}),this._v(" "),s("div",{staticClass:"inner"}),this._v(" "),s("b",{staticClass:"msg"},[this._v(this._s(this.msg))])])])},staticRenderFns:[]};var r=e("VU/8")(a,i,!1,function(t){e("gx5c")},"data-v-72acaade",null);s.default=r.exports}});
//# sourceMappingURL=13.ae1e82db8885c816fd6b.js.map //# sourceMappingURL=12.fb0dfea6afa3b80b43d6.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([14],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default:1},layout:{type:Array,default:function(){return[]}},model:{type:Object,default:function(){return{}}}},data:function(){return{showImg:!1,curSrc:null}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0}}},l={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"monitor-form"},[t.title?i("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),t._l(t.layout,function(e,n){return i("Row",{key:n,staticClass:"row"},t._l(e,function(e,n){return i("i-col",{key:n,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[i("div",{style:"text-align: "+(e.align||"right")+"; width:"+t.labelWidth+"rem;"},[t._v(t._s(e.label)+":")]),t._v(" "),"img"==e.type?t._l(t.model[n]&&t.model[n].split(","),function(e){return i("img",{key:e,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):i("div",{staticClass:"content"},[t._v(t._s(e.format?e.format(t.model[n]):t.model[n]||" "))])],2)}),1)}),t._v(" "),i("m-modal",{attrs:{width:"40%",title:"图片"},model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{"max-height":"45vh",width:"100%"},attrs:{src:t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var r=i("VU/8")(n,l,!1,function(t){i("xvxU")},"data-v-63310c42",null);e.default=r.exports},xvxU:function(t,e){}}); webpackJsonp([13],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default:1},layout:{type:Array,default:function(){return[]}},model:{type:Object,default:function(){return{}}}},data:function(){return{showImg:!1,curSrc:null}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0}}},l={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"monitor-form"},[t.title?i("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),t._l(t.layout,function(e,n){return i("Row",{key:n,staticClass:"row"},t._l(e,function(e,n){return i("i-col",{key:n,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[i("div",{style:"text-align: "+(e.align||"right")+"; width:"+t.labelWidth+"rem;"},[t._v(t._s(e.label)+":")]),t._v(" "),"img"==e.type?t._l(t.model[n]&&t.model[n].split(","),function(e){return i("img",{key:e,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):i("div",{staticClass:"content"},[t._v(t._s(e.format?e.format(t.model[n]):t.model[n]||" "))])],2)}),1)}),t._v(" "),i("m-modal",{attrs:{width:"40%",title:"图片"},model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{"max-height":"45vh",width:"100%"},attrs:{src:t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var r=i("VU/8")(n,l,!1,function(t){i("xvxU")},"data-v-63310c42",null);e.default=r.exports},xvxU:function(t,e){}});
//# sourceMappingURL=14.f5119a8ca28116bede7b.js.map //# sourceMappingURL=13.2a89885e3d90d5f59fc4.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([15],{NW1U:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i("Dd8w"),s=i.n(r),n={name:"MonitorProgress",props:{percent:{type:Number,default:0},color:{type:[String,Array],default:"#0176fe"},size:{type:Number,default:14},"hide-info":{type:Boolean,default:!1},"text-inside":{type:Boolean,default:!1}},computed:{style:function(){var t=Math.round(this.size/10),e={padding:(t/5/10).toFixed(1)+"rem "+(t/4.5/10).toFixed(1)+"rem"};return this.hideInfo||this.textInside?this.percent>=95?e.width="85%":e.width="100%":e.width="85%",e},containerStyle:function(){return{height:(this.size/10/10).toFixed(1)+"rem",width:(this.percent>=100?100:this.percent)+"%"}},bgStyle:function(){return"string"==typeof this.color?{background:this.color}:{background:"linear-gradient(90deg, "+this.color[0]+", "+this.color[1]+")"}},infoStyle:function(){var t={left:"102%"};return this.textInside&&this.percent<95&&(t={left:this.percent+1+"%"}),s()({},t,{fontSize:(.7*this.size/10/10).toFixed(1)+"rem",color:"string"==typeof this.color?this.color:this.color[1]})}}},o={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"monitor-progress",style:t.style},[i("div",{staticClass:"progress-container",style:t.containerStyle},[i("div",{staticClass:"progress-bar"}),t._v(" "),i("div",{staticClass:"progress-bg",style:t.bgStyle})]),t._v(" "),t.hideInfo?t._e():i("b",{staticClass:"progress-info",style:t.infoStyle},[i("m-count",{attrs:{value:t.percent}}),t._v("%\n ")],1)])},staticRenderFns:[]};var l=i("VU/8")(n,o,!1,function(t){i("bo0G")},"data-v-630f697c",null);e.default=l.exports},bo0G:function(t,e){}}); webpackJsonp([14],{NW1U:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=i("Dd8w"),s=i.n(r),n={name:"MonitorProgress",props:{percent:{type:Number,default:0},color:{type:[String,Array],default:"#0176fe"},size:{type:Number,default:14},"hide-info":{type:Boolean,default:!1},"text-inside":{type:Boolean,default:!1}},computed:{style:function(){var t=Math.round(this.size/10),e={padding:(t/5/10).toFixed(1)+"rem "+(t/4.5/10).toFixed(1)+"rem"};return this.hideInfo||this.textInside?this.percent>=95?e.width="85%":e.width="100%":e.width="85%",e},containerStyle:function(){return{height:(this.size/10/10).toFixed(1)+"rem",width:(this.percent>=100?100:this.percent)+"%"}},bgStyle:function(){return"string"==typeof this.color?{background:this.color}:{background:"linear-gradient(90deg, "+this.color[0]+", "+this.color[1]+")"}},infoStyle:function(){var t={left:"102%"};return this.textInside&&this.percent<95&&(t={left:this.percent+1+"%"}),s()({},t,{fontSize:(.7*this.size/10/10).toFixed(1)+"rem",color:"string"==typeof this.color?this.color:this.color[1]})}}},o={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"monitor-progress",style:t.style},[i("div",{staticClass:"progress-container",style:t.containerStyle},[i("div",{staticClass:"progress-bar"}),t._v(" "),i("div",{staticClass:"progress-bg",style:t.bgStyle})]),t._v(" "),t.hideInfo?t._e():i("b",{staticClass:"progress-info",style:t.infoStyle},[i("m-count",{attrs:{value:t.percent}}),t._v("%\n ")],1)])},staticRenderFns:[]};var l=i("VU/8")(n,o,!1,function(t){i("bo0G")},"data-v-630f697c",null);e.default=l.exports},bo0G:function(t,e){}});
//# sourceMappingURL=15.0d444637bff7ed0f0ca1.js.map //# sourceMappingURL=14.cb69db1f9056d9e7b17f.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([15],{"6X7Q":function(t,e){},TNmO:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n("Dd8w"),s=n.n(i),a={name:"MonitorTitle",props:{bgImg:{type:String},hideDate:{type:Boolean,default:!1},hideTime:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},color:{type:String},size:{type:String,default:"0.2rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{}}},mounted:function(){var t=this;this.hideTime||(this.timer=setInterval(function(){t.time=t.$moment().format("dddd")+" "+t.$moment().format("LTS")},1e3)),this.style=s()({},this.style,{"font-size":this.size})},beforeDestroy:function(){clearInterval(this.timer),this.timer=null},computed:{curDate:function(){var t=this.$store.state.curDate;return t?this.$moment(t).format("YYYY-MM-DD"):this.$moment().format("YYYY-MM-DD")},options:function(){var t=this;return{disabledDate:function(e){return t.$moment(e).isAfter(t.$moment())}}}},methods:{handleDateChange:function(t){this.$store.commit("SET_CURDATE",t),this.openDatePicker=!1},closePage:function(){window.close()}}},o={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"monitor-title"},[t.hideTime?t._e():n("span",{staticClass:"moment time"},[t._v("\n "+t._s(t.curDate)+" "+t._s(t.time)+"\n ")]),t._v(" "),n("img",{staticClass:"bg",attrs:{src:t.bgImg,draggable:"false"}}),t._v(" "),n("p",{style:t.style},[t._t("default")],2)])},staticRenderFns:[]};var r=n("VU/8")(a,o,!1,function(t){n("6X7Q")},"data-v-5228945a",null);e.default=r.exports}});
//# sourceMappingURL=15.4c2a479c9c3d65ff2c64.js.map
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([23],{"+DaU":function(t,e){},PAPv:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"Mode1",props:{title:{type:String,default:"标题"},color:{type:String},value:{type:Number},unit:{type:String}}},n={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"card-wrapper"},[a("div",{staticClass:"card-title",style:"color:"+t.color},[a("p",{staticClass:"title"},[t._v(t._s(t.title))]),t._v(" "),t.value?a("m-count",{staticClass:"count",attrs:{value:t.value}}):t._e(),t._v(" "),t.unit?a("span",{staticClass:"unit"},[t._v(t._s(t.unit))]):t._e()],1),t._v(" "),a("div",{staticClass:"card-content"},[t._t("default")],2)])},staticRenderFns:[]};var i=a("VU/8")(s,n,!1,function(t){a("+DaU")},"data-v-7df2957a",null);e.default=i.exports}});
//# sourceMappingURL=23.1607adf1b652276cfbaa.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorCard/mode1.vue","webpack:///./src/components/MonitorComponents/MonitorCard/mode1.vue?97ad","webpack:///./src/components/MonitorComponents/MonitorCard/mode1.vue"],"names":["mode1","name","props","title","type","String","default","color","value","Number","unit","MonitorCard_mode1","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","_v","_s","attrs","_e","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HAcA,IAAAA,GACAC,KAAA,QACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,MAEAC,OACAH,KAAAC,QAEAG,OACAJ,KAAAK,QAEAC,MACAN,KAAAC,UCzBeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BF,EAAA,OAAYE,YAAA,aAAAC,MAAA,SAAAP,EAAAN,QAAwDU,EAAA,KAAUE,YAAA,UAAoBN,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAV,UAAAU,EAAAQ,GAAA,KAAAR,EAAA,MAAAI,EAAA,WAAoEE,YAAA,QAAAI,OAA2Bf,MAAAK,EAAAL,SAAmBK,EAAAW,KAAAX,EAAAQ,GAAA,KAAAR,EAAA,KAAAI,EAAA,QAA6CE,YAAA,SAAmBN,EAAAQ,GAAAR,EAAAS,GAAAT,EAAAH,SAAAG,EAAAW,MAAA,GAAAX,EAAAQ,GAAA,KAAAJ,EAAA,OAAgEE,YAAA,iBAA2BN,EAAAY,GAAA,kBAEneC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE7B,EACAW,GATF,EAVA,SAAAmB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/23.1607adf1b652276cfbaa.js","sourcesContent":["<template>\n<div class=\"card-wrapper\">\n <div class=\"card-title\" :style=\"`color:${color}`\">\n <p class=\"title\">{{title}}</p>\n <m-count v-if=\"value\" class=\"count\" :value=\"value\" />\n <span v-if=\"unit\" class=\"unit\">{{unit}}</span>\n </div>\n <div class=\"card-content\">\n <slot />\n </div>\n</div>\n</template>\n\n<script>\nexport default {\n name: 'Mode1',\n props: {\n title: {\n type: String,\n default: '标题',\n },\n color: {\n type: String,\n },\n value: {\n type: Number,\n },\n unit: {\n type: String,\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.card-wrapper\n .card-title\n display flex\n font-size .13rem\n align-items center\n font-weight bold\n background-image url(../../../assets/images/card-header.png)\n background-size 50% 100%\n background-repeat no-repeat\n padding-left .3rem\n .count\n font-size .14rem\n color $color-yellow\n margin-left 20%\n margin-right .05rem\n .unit\n font-size .1rem\n color #999\n .card-content\n position relative\n padding .1rem 0\n >div\n width 100%\n height 100%\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorCard/mode1.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-wrapper\"},[_c('div',{staticClass:\"card-title\",style:((\"color:\" + _vm.color))},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_vm._v(\" \"),(_vm.value)?_c('m-count',{staticClass:\"count\",attrs:{\"value\":_vm.value}}):_vm._e(),_vm._v(\" \"),(_vm.unit)?_c('span',{staticClass:\"unit\"},[_vm._v(_vm._s(_vm.unit))]):_vm._e()],1),_vm._v(\" \"),_c('div',{staticClass:\"card-content\"},[_vm._t(\"default\")],2)])}\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-7df2957a\",\"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/components/MonitorComponents/MonitorCard/mode1.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,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7df2957a\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./mode1.vue\")\n}\nvar 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!./mode1.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./mode1.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7df2957a\\\",\\\"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!./mode1.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-7df2957a\"\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/MonitorComponents/MonitorCard/mode1.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
webpackJsonp([22],{i66n:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={name:"Mode3",props:{icon:{},title:{type:String,default:"标题"},color:{type:String},hideTitle:{type:Boolean,default:!1}},computed:{contentStyle:function(){return this.hideTitle?{height:"100%","overflow-y":"hidden"}:{}}}},r={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"card-wrapper"},[t.hideTitle?t._e():n("div",{staticClass:"card-title",style:"color:"+t.color},[t.icon?n("img",{attrs:{src:t.icon}}):t._e(),t._v("\n "+t._s(t.title)+"\n ")]),t._v(" "),n("div",{staticClass:"card-content",style:t.contentStyle},[t._t("default")],2)])},staticRenderFns:[]};var c=n("VU/8")(i,r,!1,function(t){n("mz6G")},"data-v-a92b2356",null);e.default=c.exports},mz6G:function(t,e){}}); webpackJsonp([23],{i66n:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={name:"Mode3",props:{icon:{},title:{type:String,default:"标题"},color:{type:String},hideTitle:{type:Boolean,default:!1}},computed:{contentStyle:function(){return this.hideTitle?{height:"100%","overflow-y":"hidden"}:{}}}},r={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"card-wrapper"},[t.hideTitle?t._e():n("div",{staticClass:"card-title",style:"color:"+t.color},[t.icon?n("img",{attrs:{src:t.icon}}):t._e(),t._v("\n "+t._s(t.title)+"\n ")]),t._v(" "),n("div",{staticClass:"card-content",style:t.contentStyle},[t._t("default")],2)])},staticRenderFns:[]};var c=n("VU/8")(i,r,!1,function(t){n("mz6G")},"data-v-a92b2356",null);e.default=c.exports},mz6G:function(t,e){}});
//# sourceMappingURL=22.aa64c45f300e2707183b.js.map //# sourceMappingURL=23.795fee1c52905a188792.js.map
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([7],{"+XS2":function(e,t){},l7IT:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={name:"MonitorCard",props:{title:{type:String},mode:{type:[String,Number],default:"1"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},computed:{card:function(){var e=this;return function(){return n("zetL")("./mode"+e.mode)}}}},i={render:function(){var e=this.$createElement,t=this._self._c||e;return t("m-animate",{attrs:{enter:this.enter,leave:this.leave}},[t("div",{staticClass:"monitor-card"},[t(this.card,this._b({tag:"component",attrs:{title:this.title}},"component",this.$attrs,!1),[this._t("default")],2)],1)])},staticRenderFns:[]};var o=n("VU/8")(r,i,!1,function(e){n("+XS2")},"data-v-9e6d2826",null);t.default=o.exports},zetL:function(e,t,n){var r={"./mode1":["PAPv",23],"./mode1.vue":["PAPv",23],"./mode2":["mTcn",24],"./mode2.vue":["mTcn",24],"./mode3":["i66n",22],"./mode3.vue":["i66n",22],"./mode4":["IsZH",21],"./mode4.vue":["IsZH",21]};function i(e){var t=r[e];return t?n.e(t[1]).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}i.keys=function(){return Object.keys(r)},i.id="zetL",e.exports=i}}); webpackJsonp([7],{"+XS2":function(e,t){},l7IT:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={name:"MonitorCard",props:{title:{type:String},mode:{type:[String,Number],default:"1"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},computed:{card:function(){var e=this;return function(){return n("zetL")("./mode"+e.mode)}}}},i={render:function(){var e=this.$createElement,t=this._self._c||e;return t("m-animate",{attrs:{enter:this.enter,leave:this.leave}},[t("div",{staticClass:"monitor-card"},[t(this.card,this._b({tag:"component",attrs:{title:this.title}},"component",this.$attrs,!1),[this._t("default")],2)],1)])},staticRenderFns:[]};var o=n("VU/8")(r,i,!1,function(e){n("+XS2")},"data-v-9e6d2826",null);t.default=o.exports},zetL:function(e,t,n){var r={"./mode1":["PAPv",22],"./mode1.vue":["PAPv",22],"./mode2":["mTcn",24],"./mode2.vue":["mTcn",24],"./mode3":["i66n",23],"./mode3.vue":["i66n",23],"./mode4":["IsZH",21],"./mode4.vue":["IsZH",21]};function i(e){var t=r[e];return t?n.e(t[1]).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}i.keys=function(){return Object.keys(r)},i.id="zetL",e.exports=i}});
//# sourceMappingURL=7.ba3cc3749aae3aef9f97.js.map //# sourceMappingURL=7.7baf3401350603470964.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([9],{TNmO:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n("Dd8w"),s=n.n(i),a={name:"MonitorTitle",props:{bgImg:{type:String},hideDate:{type:Boolean,default:!1},hideTime:{type:Boolean,default:!1},editable:{type:Boolean,default:!1},color:{type:String},size:{type:String,default:"0.2rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{}}},mounted:function(){var t=this;this.hideTime||(this.timer=setInterval(function(){t.time=t.$moment().format("dddd")+" "+t.$moment().format("LTS")},1e3)),this.style=s()({},this.style,{"font-size":this.size})},beforeDestroy:function(){clearInterval(this.timer),this.timer=null},computed:{curDate:function(){var t=this.$store.state.curDate;return t?this.$moment(t).format("YYYY-MM-DD"):this.$moment().format("YYYY-MM-DD")},options:function(){var t=this;return{disabledDate:function(e){return t.$moment(e).isAfter(t.$moment())}}}},methods:{handleDateChange:function(t){this.$store.commit("SET_CURDATE",t),this.openDatePicker=!1},closePage:function(){window.close()}}},o={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"monitor-title"},[t.hideTime?t._e():n("span",{staticClass:"moment time"},[t._v("\n "+t._s(t.curDate)+" "+t._s(t.time)+"\n ")]),t._v(" "),n("img",{staticClass:"bg",attrs:{src:t.bgImg,draggable:"false"}}),t._v(" "),n("p",{style:t.style},[t._t("default")],2)])},staticRenderFns:[]};var r=n("VU/8")(a,o,!1,function(t){n("g1zl")},"data-v-dbcda91c",null);e.default=r.exports},g1zl:function(t,e){}});
//# sourceMappingURL=9.3b774ecb8fd3a8aab565.js.map
\ No newline at end of file
This diff is collapsed.
webpackJsonp([9],{"5+Rn":function(t,e){},FteE:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorDrawer",props:{value:{type:Boolean,default:!1},width:{type:String,default:"40%"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},methods:{handleClose:function(){this.$emit("close"),this.$emit("input",!1)}}},s={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("m-animate",{attrs:{enter:t.enter,leave:t.leave}},[t.value?n("div",{staticClass:"monitor-drawer",staticStyle:{"animation-duration":"500ms"}},[n("img",{staticClass:"close-btn",attrs:{src:a("LuQl")},on:{click:t.handleClose}}),t._v(" "),n("img",{staticClass:"border left",attrs:{src:a("ICTM")}}),t._v(" "),n("div",{staticClass:"content"},[n("div",[t._t("default")],2)]),t._v(" "),n("img",{staticClass:"border right",attrs:{src:a("ICTM")}})]):t._e()])},staticRenderFns:[]};var i=a("VU/8")(n,s,!1,function(t){a("5+Rn")},"data-v-c6226978",null);e.default=i.exports}});
//# sourceMappingURL=9.ceeaa7c932bb64dc77b0.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue?5494","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue"],"names":["monitor_drawer","name","props","value","type","Boolean","default","width","String","enter","leave","methods","handleClose","this","$emit","MonitorDrawer_monitor_drawer","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","staticStyle","animation-duration","src","__webpack_require__","on","click","_v","_t","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"4HAgBA,IAAAA,GACAC,KAAA,gBACAC,OACAC,OACAC,KAAAC,QACAC,SAAA,GAEAC,OACAH,KAAAI,OACAF,QAAA,OAEAG,OACAL,KAAAI,OACAF,QAAA,eAEAI,OACAN,KAAAI,OACAF,QAAA,iBAGAK,SACAC,YADA,WAEAC,KAAAC,MAAA,SACAD,KAAAC,MAAA,eCpCeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAJ,KAAaK,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,aAAuBE,OAAOb,MAAAQ,EAAAR,MAAAC,MAAAO,EAAAP,SAAqCO,EAAA,MAAAG,EAAA,OAAwBG,YAAA,iBAAAC,aAA0CC,qBAAA,WAA8BL,EAAA,OAAYG,YAAA,YAAAD,OAA+BI,IAAMC,EAAQ,SAAmCC,IAAKC,MAAAZ,EAAAL,eAAyBK,EAAAa,GAAA,KAAAV,EAAA,OAAwBG,YAAA,cAAAD,OAAiCI,IAAMC,EAAQ,WAAoCV,EAAAa,GAAA,KAAAV,EAAA,OAAwBG,YAAA,YAAsBH,EAAA,OAAAH,EAAAc,GAAA,iBAAAd,EAAAa,GAAA,KAAAV,EAAA,OAA0DG,YAAA,eAAAD,OAAkCI,IAAMC,EAAQ,aAAoCV,EAAAe,QAE5oBC,oBCCjB,IAcAC,EAdyBP,EAAQ,OAcjCQ,CACEnC,EACAe,GATF,EAVA,SAAAqB,GACET,EAAQ,SAaV,kBAEA,MAUeU,EAAA,QAAAH,EAAiB","file":"static/js/9.ceeaa7c932bb64dc77b0.js","sourcesContent":["<template>\n<m-animate :enter=\"enter\" :leave=\"leave\">\n <div v-if=\"value\" class=\"monitor-drawer\" style=\"animation-duration: 500ms\">\n <img @click=\"handleClose\" class=\"close-btn\" src=\"@/assets/images/title-arrow.png\"/>\n <img class=\"border left\" src=\"@/assets/images/modal-right.png\"/>\n <div class=\"content\">\n <div>\n <slot/>\n </div>\n </div>\n <img class=\"border right\" src=\"@/assets/images/modal-right.png\"/>\n </div>\n</m-animate>\n</template>\n\n<script>\nexport default {\n name: 'MonitorDrawer',\n props: {\n value: {\n type: Boolean,\n default: false,\n },\n width: {\n type: String,\n default: '40%',\n },\n enter: {\n type: String,\n default: 'fadeInRight',\n },\n leave: {\n type: String,\n default: 'fadeOutRight',\n },\n },\n methods: {\n handleClose() {\n this.$emit('close')\n this.$emit('input', false)\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-drawer\n position fixed\n top .4rem\n right .1rem\n bottom 0.06rem\n z-index 1000\n width 26vw\n padding .1rem 0\n background $cardBg\n color #ccc\n $blur()\n .content\n height 100%\n padding 0 .1rem\n overflow-y auto\n overflow-x hidden\n >img\n position absolute\n &.close-btn\n top 0\n bottom 0\n margin auto\n width .3rem\n left -0.3rem\n transform rotate(270deg)\n cursor pointer\n &.border\n width .2rem\n height 102%\n top -0.05rem\n bottom 0\n &.left\n transform rotate(180deg)\n left -0.1rem\n &.right\n right -0.1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('m-animate',{attrs:{\"enter\":_vm.enter,\"leave\":_vm.leave}},[(_vm.value)?_c('div',{staticClass:\"monitor-drawer\",staticStyle:{\"animation-duration\":\"500ms\"}},[_c('img',{staticClass:\"close-btn\",attrs:{\"src\":require(\"@/assets/images/title-arrow.png\")},on:{\"click\":_vm.handleClose}}),_vm._v(\" \"),_c('img',{staticClass:\"border left\",attrs:{\"src\":require(\"@/assets/images/modal-right.png\")}}),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',[_vm._t(\"default\")],2)]),_vm._v(\" \"),_c('img',{staticClass:\"border right\",attrs:{\"src\":require(\"@/assets/images/modal-right.png\")}})]):_vm._e()])}\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-c6226978\",\"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/components/MonitorComponents/MonitorDrawer/monitor-drawer.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,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-c6226978\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Workspace/east-nanjing/src/assets\\\",\\\"/Users/MrGuo/Workspace/east-nanjing/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-drawer.vue\")\n}\nvar 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!./monitor-drawer.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-drawer.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-c6226978\\\",\\\"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!./monitor-drawer.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-c6226978\"\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/MonitorComponents/MonitorDrawer/monitor-drawer.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(n,c,o){for(var f,b,d,i=0,u=[];i<n.length;i++)b=n[i],r[b]&&u.push(r[b][0]),r[b]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(a&&a(n,c,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)d=t(t.s=o[i]);return d};var n={},r={25:0};function t(a){if(n[a])return n[a].exports;var r=n[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.e=function(e){var a=r[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var n=new Promise(function(n,t){a=r[e]=[n,t]});a[2]=n;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"15052c7972c908a7760e",1:"72be67d77d755e4b7b6e",2:"9c61ddefb75229d6246c",3:"a8635eaf1f7e6a512838",4:"dff2b977cb6b1b70cef0",5:"6b0030be18979ba7a58a",6:"7ba28aeaaa7cebc8ade0",7:"ba3cc3749aae3aef9f97",8:"b6e8b962b26570c80b85",9:"3b774ecb8fd3a8aab565",10:"864f8be7f7df44b7d471",11:"a4d4a5037c74f28c61f9",12:"f31358f62938733e5354",13:"ae1e82db8885c816fd6b",14:"f5119a8ca28116bede7b",15:"0d444637bff7ed0f0ca1",16:"290b828ef589b105aa47",17:"e3f07004109b569194e6",18:"c4d6f4db971fd6a53de5",21:"5fe24bc860088be1b528",22:"aa64c45f300e2707183b",23:"1607adf1b652276cfbaa",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var f=setTimeout(b,12e4);function b(){o.onerror=o.onload=null,clearTimeout(f);var a=r[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return o.onerror=o.onload=b,c.appendChild(o),n},t.m=e,t.c=n,t.d=function(e,a,n){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.a1801cf492b9f259a390.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,o){for(var f,b,i,u=0,d=[];u<r.length;u++)b=r[u],t[b]&&d.push(t[b][0]),t[b]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,o);d.length;)d.shift()();if(o)for(u=0;u<o.length;u++)i=c(c.s=o[u]);return i};var r={},t={25:0};function c(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,c){n=t[e]=[r,c]});n[2]=r;var a=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,c.nc&&o.setAttribute("nonce",c.nc),o.src=c.p+"static/js/"+e+"."+{0:"15052c7972c908a7760e",1:"72be67d77d755e4b7b6e",2:"cceef9a6621e062e1079",3:"89abe2ecaa233b3de879",4:"dff2b977cb6b1b70cef0",5:"6b0030be18979ba7a58a",6:"7ba28aeaaa7cebc8ade0",7:"7baf3401350603470964",8:"b6e8b962b26570c80b85",9:"ceeaa7c932bb64dc77b0",10:"87620061e05ff5870743",11:"27bcfe3fa99c45ccebf7",12:"fb0dfea6afa3b80b43d6",13:"2a89885e3d90d5f59fc4",14:"cb69db1f9056d9e7b17f",15:"4c2a479c9c3d65ff2c64",16:"290b828ef589b105aa47",17:"e3f07004109b569194e6",18:"c4d6f4db971fd6a53de5",21:"5fe24bc860088be1b528",22:"c26ff53165d90faf9c4f",23:"795fee1c52905a188792",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var f=setTimeout(b,12e4);function b(){o.onerror=o.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=b,a.appendChild(o),r},c.m=e,c.c=r,c.d=function(e,n,r){c.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},c.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(n,"a",n),n},c.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},c.p="./",c.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.cbff0244badb98c8232e.js.map
\ No newline at end of file
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
<script src="./static/hls.js"></script> <!-- <script src="./static/hls.js"></script> -->
<script src="./static/SMap.min.js"></script> <script src="./static/SMap.min.js"></script>
<!-- <script src="./static/esm/SMap.min.js"></script> --> <!-- <script src="./static/esm/SMap.min.js"></script> -->
<script src="./static/Plugins.min.js"></script> <script src="./static/Plugins.min.js"></script>
......
...@@ -25,7 +25,7 @@ export default { ...@@ -25,7 +25,7 @@ export default {
src url(./assets/font/pangmenzhengdao.ttf) src url(./assets/font/pangmenzhengdao.ttf)
$mask() $mask()
content '' content ''
// width 30% width 30%
height 95% height 95%
position absolute position absolute
bottom 0 bottom 0
...@@ -48,11 +48,11 @@ html, body ...@@ -48,11 +48,11 @@ html, body
&:before &:before
$mask() $mask()
left 0 left 0
background linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,.1)) background linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.2))
&:after &:after
$mask() $mask()
right 0 right 0
background linear-gradient(to left, rgba(0,0,0,.7), rgba(0,0,0,.1)) background linear-gradient(to left, rgba(0,0,0,.8), rgba(0,0,0,.2))
/* 设置滚动条的样式 */ /* 设置滚动条的样式 */
::-webkit-scrollbar { ::-webkit-scrollbar {
......
src/assets/images/card-header.png

23.5 KB | W: | H:

src/assets/images/card-header.png

2.12 KB | W: | H:

src/assets/images/card-header.png
src/assets/images/card-header.png
src/assets/images/card-header.png
src/assets/images/card-header.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/icon1.png

668 Bytes | W: | H:

src/assets/images/icon1.png

774 Bytes | W: | H:

src/assets/images/icon1.png
src/assets/images/icon1.png
src/assets/images/icon1.png
src/assets/images/icon1.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/icon2.png

787 Bytes | W: | H:

src/assets/images/icon2.png

831 Bytes | W: | H:

src/assets/images/icon2.png
src/assets/images/icon2.png
src/assets/images/icon2.png
src/assets/images/icon2.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/icon3.png

869 Bytes | W: | H:

src/assets/images/icon3.png

799 Bytes | W: | H:

src/assets/images/icon3.png
src/assets/images/icon3.png
src/assets/images/icon3.png
src/assets/images/icon3.png
  • 2-up
  • Swipe
  • Onion skin
<template> <template>
<div class="card-wrapper"> <div class="card-wrapper">
<div class="card-title" :style="`color:${color}`"> <div class="card-title" :style="`color:${color}`">
<img src="@/assets/images/card-header-dot.png"/>
<p class="title">{{title}}</p> <p class="title">{{title}}</p>
<m-count v-if="value" class="count" :value="value" /> <m-count v-if="value" class="count" :value="value" />
<span v-if="unit" class="unit">{{unit}}</span> <span v-if="unit" class="unit">{{unit}}</span>
...@@ -40,9 +41,14 @@ export default { ...@@ -40,9 +41,14 @@ export default {
align-items center align-items center
font-weight bold font-weight bold
background-image url(../../../assets/images/card-header.png) background-image url(../../../assets/images/card-header.png)
background-size 50% 100% background-size 60% .03rem
background-position left bottom
background-repeat no-repeat background-repeat no-repeat
padding-left .3rem >img
width .2rem
height @width
margin-left 1%
margin-right 4%
.count .count
font-size .14rem font-size .14rem
color $color-yellow color $color-yellow
......
...@@ -130,7 +130,7 @@ export default { ...@@ -130,7 +130,7 @@ export default {
this.map.add(polygon) this.map.add(polygon)
}, },
// 添加线状覆盖物 // 添加线状覆盖物
addPolyLine({paths, attributes = {}, strokeColor = 'rgba(51,145,255,.6)', width = 3}) { addPolyLine({paths, attributes = {}, strokeColor = 'rgba(51,145,255,.6)', width = 2}) {
const polyline = new SMap.Polyline({ const polyline = new SMap.Polyline({
path: paths.map(item => new SMap.LngLat(item[0], item[1])), path: paths.map(item => new SMap.LngLat(item[0], item[1])),
attributes, attributes,
......
...@@ -173,7 +173,7 @@ export default { ...@@ -173,7 +173,7 @@ export default {
z-index 9 z-index 9
position absolute position absolute
top .07rem top .07rem
left 3% right .1rem
.duty .duty
display flex display flex
align-items center align-items center
......
...@@ -495,4 +495,73 @@ export default { ...@@ -495,4 +495,73 @@ export default {
[158.20316744710817, 810.0089237935626], [158.20316744710817, 810.0089237935626],
[69.50142754362844, 745.9134831026813], [69.50142754362844, 745.9134831026813],
], ],
mockPoints: [
{name: '倒粪口', x: 265.14052324890235, y: 55.94904978839874, icon: 'p13.png'},
{name: '垃圾箱房', x: 30.74609287150048, y: -143.83243701415842, icon: 'p14.png'},
{name: '地铁站', x: 368.32202844003825, y: -209.18258399049375, icon: 'p5.png'},
{name: '市政府', x: 184.8620586555154, y: -341.88999458760685, icon: 'star.png'},
{name: '博物馆', x: -51.96840361217994, y: -204.54358138566596, icon: 'p2.png'},
{name: '大剧院', x: 18.266209513296303, y: -440.3446470633186, icon: 'p4.png'},
{name: '助浴点', x: -318.2286529295537, y: -371.9083773782792, icon: 'p15.png'},
{name: '菜场', x: -186.8606981363522, y: -495.91552643424404, icon: 'p3.png'},
{name: '居委活动室', x: -361.9335661857353, y: -629.4037694849482, icon: 'p7.png'},
{name: '消防站', x: 491.8950945965866, y: -421.910076502770, icon: 'p10.png'},
{name: '公厕', x: -166.4898077851969, y: -896.7156363026924, icon: 'p6.png'},
{name: '历史保护', x: 321.9330359224704, y: -699.578437829077, icon: 'p8.png'},
{name: '便利店', x: 135.99465948842587, y: -774.7595289464678, icon: 'p1.png'},
{name: '音乐厅', x: 595.3597872030562, y: -710.9142026881076, icon: 'p12.png'},
{name: '洗衣店', x: 529.6479044772074, y: -857.0203054471881, icon: 'p9.png'},
{name: '药店', x: 94.62655917410015, y: -953.4569892059726, icon: 'p11.png'},
],
areaAPoints: [
{icon: 'p15.png', name: '社区为老服务站', address: '重庆北路167、169号', belong: '第一工作站', y: -985, x: 254},
{icon: 'p15.png', name: '重庆北路助浴点', address: '重庆北路167-169号', belong: '第一工作站', y: -985, x: 254},
{icon: 'p7.png', name: '江阴居委会老年活动室', address: '江阴路101号201室', belong: '第一工作站', y: -655, x: 151},
{icon: 'p7.png', name: '顺天村居委会老年活动室', address: '成都北路252号、成都北路262弄5号', belong: '第一工作站', y: -726, x: 64},
{icon: 'p7.png', name: '均乐居委会老年活动室', address: '大沽路186弄2号地下室、延安东路1292弄12号', belong: '第一工作站', y: -989, x: 381},
{icon: 'p7.png', name: '新昌居委会老年活动室', address: '新昌路87弄6号底楼、二楼', belong: '第一工作站', y: -299, x: 164},
{icon: 'p7.png', name: '振兴居委会老年活动室', address: '重庆北路177弄64号、大沽路258号104室', belong: '第一工作站', y: -993, x: 248},
{icon: 'p2.png', name: '上海博物馆', address: '人民大道201号', belong: '第一工作站', y: -799, x: 794},
{icon: 'p2.png', name: '历史博物馆', address: '南京西路325号', belong: '第一工作站', y: -542, x: 355},
{icon: 'p4.png', name: '上海大剧院', address: '人民大道300号', belong: '第一工作站', y: -670, x: 445},
{icon: 'p12.png', name: '上海音乐厅', address: '淮海中路98号金钟广场', belong: '第一工作站', y: -1087, x: 1133},
{icon: 'star.png', name: '上海市人民政府', address: '人民大道200号', belong: '第一工作站', y: -546, x: 620},
{icon: 'star-sm.png', name: '南京东路街道', address: '大沽路123号', belong: '第一工作站', y: -1034, x: 456},
{icon: 'p5.png', name: '1号口', address: '人民广场西藏中路', belong: '第一工作站', y: -511, x: 877},
{icon: 'p5.png', name: '2号口', address: '人民大道', belong: '第一工作站', y: -418, x: 795},
{icon: 'p5.png', name: '3号口', address: '西藏中路', belong: '第一工作站', y: -404, x: 832},
{icon: 'p5.png', name: '5号口', address: '南京西路', belong: '第一工作站', y: -179, x: 660},
{icon: 'p5.png', name: '6号口', address: '南京西路', belong: '第一工作站', y: -188, x: 644},
{icon: 'p5.png', name: '7号口', address: '南京西路', belong: '第一工作站', y: -141, x: 629},
{icon: 'p5.png', name: '8号口', address: '南京西路', belong: '第一工作站', y: -202, x: 506},
{icon: 'p5.png', name: '9号口', address: '南京西路', belong: '第一工作站', y: -286, x: 443},
{icon: 'p5.png', name: '10号口', address: '南京西路', belong: '第一工作站', y: -326, x: 412},
{icon: 'p5.png', name: '11号口', address: '南京西路', belong: '第一工作站', y: -373, x: 382},
{icon: 'p5.png', name: '12号口', address: '九江路', belong: '第一工作站', y: -236, x: 584},
{icon: 'p5.png', name: '14号口', address: '汉口路', belong: '第一工作站', y: -273, x: 837},
{icon: 'p5.png', name: '15号口', address: '福州路', belong: '第一工作站', y: -338, x: 859},
{icon: 'p5.png', name: '16号口', address: '西藏中路', belong: '第一工作站', y: -341, x: 794},
{icon: 'p5.png', name: '17号口', address: '人民公园', belong: '第一工作站', y: -275, x: 705},
{icon: 'p5.png', name: '18号口', address: '人民公园', belong: '第一工作站', y: -275, x: 640},
{icon: 'p5.png', name: '19号口', address: '南京西路', belong: '第一工作站', y: -141, x: 685},
{icon: 'p5.png', name: '20号口', address: '西藏中路、九江路', belong: '第一工作站', y: -240, x: 738},
{icon: 'p12.png', name: '上海音乐厅(移位扩建)', address: '延安东路523号', belong: '第一工作站', y: -945, x: 1004},
{icon: 'p10.png', name: '', address: '新昌路87弄88号', belong: '第一工作站', y: -299, x: 164},
{icon: 'p1.png', name: '良友便利店', address: '重庆北路143号', belong: '第一工作站', y: -1041, x: 273},
{icon: 'p1.png', name: '良友便利店', address: '凤阳路401号', belong: '第一工作站', y: -171, x: 344},
{icon: 'p1.png', name: '全家便利店', address: '重庆北路205一1号', belong: '第一工作站', y: -957, x: 246},
{icon: 'p1.png', name: '罗森便利店', address: '威海路165号', belong: '第一工作站', y: -881, x: 77},
{icon: 'p1.png', name: '全家便利店', address: '重庆北路211号', belong: '第一工作站', y: -931, x: 237},
{icon: 'p1.png', name: '罗森便利店', address: '黄陂北路3号', belong: '第一工作站', y: -992, x: 520},
{icon: 'p6.png', name: '', address: '延安东路普安路', belong: '第一工作站', y: -967, x: 803},
{icon: 'p6.png', name: '', address: '九江路951号', belong: '第一工作站', y: -256, x: 496},
{icon: 'p3.png', name: '马立斯菜场', address: '重庆北路190号', belong: '第一工作站', y: -971, x: 276},
{icon: 'p3.png', name: '便民菜店', address: '重庆北路354号', belong: '第一工作站', y: -690, x: 126},
{icon: 'p3.png', name: '', address: '重庆北路307号', belong: '第一工作站', y: -773, x: 145},
{icon: 'p3.png', name: '好客菜店', address: '重庆北路228号', belong: '第一工作站', y: -900, x: 251},
{icon: 'p3.png', name: '蔬菜水产店', address: '大沽路195号', belong: '第一工作站', y: -1050, x: 315},
{icon: 'p9.png', name: '缨音洗衣店', address: '重庆北路173号', belong: '第一工作站', y: -1017, x: 278},
{icon: 'p11.png', name: '跃信药房', address: '南京西路456号', belong: '第一工作站', y: -469, x: 94},
{icon: 'p11.png', name: '医保定点零售药店', address: '重庆北路209号', belong: '第一工作站', y: -935, x: 238},
],
} }
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</div> </div>
<div class="list"> <div class="list">
<m-scroll :length="list.length" mode="2" :limit="3" :step="0.9"> <m-scroll :length="list.length" mode="2" :limit="3" :step="0.9">
<div class="item" v-for="(item, i) in list" :key="i"> <div class="item" @click="$emit('select', item)" v-for="(item, i) in list" :key="i">
<div class="title"> <div class="title">
<p>{{item.community}}</p> <p>{{item.community}}</p>
<span class="line" /> <span class="line" />
...@@ -79,6 +79,11 @@ export default { ...@@ -79,6 +79,11 @@ export default {
padding .05rem .08rem padding .05rem .08rem
height .8rem height .8rem
margin-bottom .1rem margin-bottom .1rem
cursor pointer
transition background .2s, box-shadow .3s ease-in-out
&:hover
background $section-hover
box-shadow -0.05rem .01rem .05rem .01rem rgba(0,0,0,0.8)
.title .title
display flex display flex
align-items center align-items center
......
...@@ -34,7 +34,7 @@ export default { ...@@ -34,7 +34,7 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.map-btns .map-btns
position fixed position fixed
right calc(33.3% + .05rem) right calc(33.3% + .15rem)
bottom .1rem bottom .1rem
transition right .5s ease-in-out transition right .5s ease-in-out
z-index 999 z-index 999
......
<template> <template>
<div class="map-tips" :class="{isFull}"> <div class="map-tips" :class="{isFull}">
<p>标识说明</p> <p>标识说明</p>
<div v-if="theme === '智慧养老'"> <!-- <div v-if="theme === '智慧养老'">
<div> <div>
<p v-for="tip in olds1" :key="tip.name"> <p v-for="tip in olds1" :key="tip.name">
<span :style="{background:tip.color}" /> <span :style="{background:tip.color}" />
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
</p> </p>
</div> </div>
</div> </div>
<!-- <div v-else> <div v-else>
<div> <div>
<p v-for="tip in tips1" :key="tip.name"> <p v-for="tip in tips1" :key="tip.name">
<img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" /> <img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" />
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</p> </p>
</div> </div>
</div> --> </div> -->
<div v-else> <div>
<div> <div>
<p v-for="tip in tips1" :key="tip.name"> <p v-for="tip in tips1" :key="tip.name">
<img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" /> <img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" />
...@@ -52,13 +52,13 @@ ...@@ -52,13 +52,13 @@
</p> </p>
</div> </div>
<div> <div>
<p v-for="tip in olds2" :key="tip.name"> <p v-for="tip in tips3" :key="tip.name">
<img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" /> <img :src="require(`@/assets/images/${tip.icon}`)" :alt="tip.name" />
{{tip.name}} {{tip.name}}
</p> </p>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -79,6 +79,9 @@ export default { ...@@ -79,6 +79,9 @@ export default {
{name: '商品房', icon: 'icon4.png'}, {name: '商品房', icon: 'icon4.png'},
{name: '直管公房', icon: 'icon5.png'}, {name: '直管公房', icon: 'icon5.png'},
{name: '混合', icon: 'icon6.png'}, {name: '混合', icon: 'icon6.png'},
{name: '助浴点', icon: 'p15.png'},
{name: '垃圾箱房', icon: 'p14.png'},
{name: '倒粪口', icon: 'p13.png'},
], ],
tips2: [ tips2: [
{name: '医院', icon: 'tip1.png'}, {name: '医院', icon: 'tip1.png'},
...@@ -91,6 +94,22 @@ export default { ...@@ -91,6 +94,22 @@ export default {
{name: '文保', icon: 'tip8.png'}, {name: '文保', icon: 'tip8.png'},
{name: '历保', icon: 'tip9.png'}, {name: '历保', icon: 'tip9.png'},
], ],
tips3: [
{name: '居委活动室', icon: 'p7.png'},
{name: '博物馆', icon: 'p2.png'},
{name: '大剧院', icon: 'p4.png'},
{name: '音乐厅', icon: 'p12.png'},
{name: '地铁站', icon: 'p5.png'},
{name: '历史保护', icon: 'p8.png'},
{name: '消防站', icon: 'p10.png'},
{name: '便利店', icon: 'p1.png'},
{name: '公厕', icon: 'p6.png'},
{name: '菜场', icon: 'p3.png'},
{name: '洗衣店', icon: 'p9.png'},
{name: '药店', icon: 'p11.png'},
{name: '上海市人民政府', icon: 'star.png'},
{name: '南京东路街道', icon: 'star-sm.png'},
],
olds1: [ olds1: [
{name: '100岁以上', color: '#826AFA'}, {name: '100岁以上', color: '#826AFA'},
{name: '90-99岁', color: '#FF5151'}, {name: '90-99岁', color: '#FF5151'},
...@@ -127,7 +146,7 @@ export default { ...@@ -127,7 +146,7 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.map-tips .map-tips
position fixed position fixed
right calc(33.3% + .4rem) right calc(33.3% + .5rem)
bottom .1rem bottom .1rem
transition right .5s ease-in-out transition right .5s ease-in-out
z-index 999 z-index 999
...@@ -142,16 +161,25 @@ export default { ...@@ -142,16 +161,25 @@ export default {
>div >div
min-width .8rem min-width .8rem
flex 1 flex 1
&:last-child &:first-child
img img
width .12rem width .1rem
height @width height @width
p
&:nth-of-type(7)
&:nth-of-type(8)
&:nth-of-type(9)
img
width .16rem
height @width
margin-left -0.03rem
margin-right 0.02rem
p p
display flex display flex
align-items center align-items center
white-space nowrap white-space nowrap
img img
width .08rem width .15rem
height @width height @width
margin-right .05rem margin-right .05rem
span span
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
<Command /> <Command />
</m-card> </m-card>
<m-card title="网格事件"> <m-card title="网格事件">
<GridManage /> <GridManage @select="$emit('grid', $event)"/>
</m-card> </m-card>
</div> </div>
</div> </div>
...@@ -67,9 +67,10 @@ export default { ...@@ -67,9 +67,10 @@ export default {
display flex display flex
flex-direction column flex-direction column
>div >div
height 75%
&:nth-child(1) &:nth-child(1)
height 25% height 22.5%
&:nth-child(2)
flex 1
.info .info
width 80% width 80%
display flex display flex
......
...@@ -25,10 +25,14 @@ ...@@ -25,10 +25,14 @@
<LeftComponent v-show="!fullView" area="left"/> <LeftComponent v-show="!fullView" area="left"/>
</m-animate> </m-animate>
<m-animate enter="fadeInRight" leave="fadeOutRight"> <m-animate enter="fadeInRight" leave="fadeOutRight">
<RightComponent v-show="!fullView" area="right"/> <RightComponent v-show="!fullView" area="right" @grid="gridModal = true"/>
</m-animate> </m-animate>
<MapBtns v-model="fullView" @zoomin="zoom('in')" @zoomout="zoom('out')" /> <MapBtns v-model="fullView" @zoomin="zoom('in')" @zoomout="zoom('out')" />
<MapTips :isFull="fullView" /> <MapTips :isFull="fullView" />
<m-modal title="网格事件详情" v-model="gridModal">
<m-form :label-width=".7" :model="gridData" :layout="gridLayout"/>
<m-step :steps="steps" :current="gridData.current"/>
</m-modal>
</m-grid> </m-grid>
</template> </template>
...@@ -51,6 +55,57 @@ export default { ...@@ -51,6 +55,57 @@ export default {
complete: false, complete: false,
fullView: false, fullView: false,
boundary: null, boundary: null,
areaAPoints: null,
gridModal: false,
steps: [
{name: '发现'},
{name: '立案'},
{name: '派遣'},
{name: '处置'},
{name: '核查'},
{name: '结案'}
],
gridLayout: [
{
id: {
label: '编号',
width: 12,
},
type: {
label: '所属场景',
width: 12,
},
},
{
address: {
label: '门牌幢地址',
width: 12,
},
device: {
label: '传感器',
width: 12,
},
},
{
time: {
label: '发生时间',
width: 12,
},
status: {
label: '状态',
width: 12,
},
},
],
gridData: {
id: '123123123',
type: '电梯困人',
address: '鼓楼公路349弄12号',
device: '12号',
time: '2020-12-21 20:00:00',
status: '结案',
current: 5,
},
} }
}, },
computed: { computed: {
...@@ -71,9 +126,10 @@ export default { ...@@ -71,9 +126,10 @@ export default {
// map.focus(573.7817329792392, 158.7688192300202, 6) // 市政府东边区域 // map.focus(573.7817329792392, 158.7688192300202, 6) // 市政府东边区域
map.addPolyLine({ map.addPolyLine({
paths: this.$store.state.areaAPath, paths: this.$store.state.areaAPath,
strokeColor: '#826afa', strokeColor: '#0076FF',
}) })
this.addAreaLines() this.addAreaLines()
this.addAreaPoints()
// map.addPolyLine({ // map.addPolyLine({
// paths: this.$store.state.areaBPath, // paths: this.$store.state.areaBPath,
// strokeColor: 'rgba(51,145,255,1)', // strokeColor: 'rgba(51,145,255,1)',
...@@ -96,7 +152,7 @@ export default { ...@@ -96,7 +152,7 @@ export default {
// map.addPolygon({paths: this.$store.state.areaBPath, fillColor: 'rgba(65,217,199,.3)'}) // map.addPolygon({paths: this.$store.state.areaBPath, fillColor: 'rgba(65,217,199,.3)'})
// map.addPolygon({paths: this.$store.state.areaCPath, fillColor: 'rgba(240,72,100,.3)'}) // map.addPolygon({paths: this.$store.state.areaCPath, fillColor: 'rgba(240,72,100,.3)'})
// map.addPolygon({paths: this.$store.state.streetPath, fillColor: 'rgba(51,145,255,.3)'}) // map.addPolygon({paths: this.$store.state.streetPath, fillColor: 'rgba(51,145,255,.3)'})
// this.boundary = map.addBoundary({name: '南京东路街道'}) // this.boundary = map.addBoundary({name: '南京东路街道', color: '#00BFFF'})
}, },
addAreaLines() { addAreaLines() {
const {map} = this.$refs const {map} = this.$refs
...@@ -130,15 +186,15 @@ export default { ...@@ -130,15 +186,15 @@ export default {
] ]
map.addPolyLine({ map.addPolyLine({
paths: jiangyin, paths: jiangyin,
strokeColor: '#ff2728', strokeColor: '#FF6161',
}) })
map.addPolyLine({ map.addPolyLine({
paths: renmindadao, paths: renmindadao,
strokeColor: '#ff2728', strokeColor: '#FF6161',
}) })
map.addPolyLine({ map.addPolyLine({
paths: chongqingbeilu, paths: chongqingbeilu,
strokeColor: '#ff2728', strokeColor: '#FF6161',
}) })
const pinkArea = [ const pinkArea = [
[-87.51049129791858, -824.2904548312354], [-87.51049129791858, -824.2904548312354],
...@@ -152,12 +208,12 @@ export default { ...@@ -152,12 +208,12 @@ export default {
[-87.51049129791858, -824.2904548312354], [-87.51049129791858, -824.2904548312354],
] ]
const pinkArea2 = [ const pinkArea2 = [
[-295.99017258019785, -512.9145228345801], [-274.6549980739104, -567.1464631669509],
[-247.80283662219256, -645.3842213677272], [-247.80283662219256, -645.3842213677272],
[-207.32770684380802, -649.8118669417682], [-207.32770684380802, -649.8118669417682],
[-135.78877795865856, -604.4150639085789], [-135.78877795865856, -604.4150639085789],
[-208.84699699176332, -484.6061166083926], [-179.487490030561, -534.4517525952381],
[-295.99017258019785, -512.9145228345801], [-274.6549980739104, -567.1464631669509]
] ]
const pinkArea3 = [ const pinkArea3 = [
[-437.6727638880892, -462.9536481732473], [-437.6727638880892, -462.9536481732473],
...@@ -188,15 +244,25 @@ export default { ...@@ -188,15 +244,25 @@ export default {
[37.57152969945656, -659.7502982769646], [37.57152969945656, -659.7502982769646],
[-204.14236518666658, -653.0096109674649], [-204.14236518666658, -653.0096109674649],
] ]
map.addPolygon({paths: pinkArea, fillColor: 'rgba(234,104,203,.5)'}) map.addPolygon({paths: pinkArea, fillColor: 'rgba(234,104,203,.3)'})
map.addPolygon({paths: pinkArea2, fillColor: 'rgba(234,104,203,.5)'}) map.addPolygon({paths: pinkArea2, fillColor: 'rgba(234,104,203,.3)'})
map.addPolygon({paths: pinkArea3, fillColor: 'rgba(234,104,203,.5)'}) map.addPolygon({paths: pinkArea3, fillColor: 'rgba(234,104,203,.3)'})
map.addPolygon({paths: yellowArea, fillColor: 'rgba(247,200,52,.5)'}) map.addPolygon({paths: yellowArea, fillColor: 'rgba(247,200,52,.3)'})
map.addPolyLine({paths: pinkArea, width: 1, strokeColor: 'rgba(234,104,203,1)'}) map.addPolyLine({paths: pinkArea, width: 1, strokeColor: 'rgba(234,104,203,1)'})
map.addPolyLine({paths: pinkArea2, width: 1, strokeColor: 'rgba(234,104,203,1)'}) map.addPolyLine({paths: pinkArea2, width: 1, strokeColor: 'rgba(234,104,203,1)'})
map.addPolyLine({paths: pinkArea3, width: 1, strokeColor: 'rgba(234,104,203,1)'}) map.addPolyLine({paths: pinkArea3, width: 1, strokeColor: 'rgba(234,104,203,1)'})
map.addPolyLine({paths: yellowArea, width: 1, strokeColor: 'rgba(247,200,52,1)'}) map.addPolyLine({paths: yellowArea, width: 1, strokeColor: 'rgba(247,200,52,1)'})
}, },
addAreaPoints() {
const {addPoint, removePoint} = this.$refs.map
removePoint(this.areaAPoints)
this.areaAPoints = addPoint({
key: 'areaA',
size: 14,
icon: 'red.png',
data: this.$store.state.areaAPoints,
})
},
handleMapClick(data) { handleMapClick(data) {
const {map} = this.$refs const {map} = this.$refs
if (data.key === 'areaA') { if (data.key === 'areaA') {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment