Skip to content

E
east-nanjing
Commit 5b0f3e62 authored by 郭铭瑶's avatar 郭铭瑶 🤘
Browse files
Options

更新

parent 58372792
Expand all Show whitespace changes
Inline Side-by-side
Showing with 562 additions and 224 deletions
dist/index.html
View file @ 5b0f3e62
<!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.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> }</style><link href=./static/css/app.8b6b22126cd457f43e11c52e8682f3ba.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.27e9c7b036e33485fe84.js></script><script type=text/javascript src=./static/js/vendor.39ac6e2a475167f0fb0f.js></script><script type=text/javascript src=./static/js/app.eb8924b4613103a3eb3c.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
dist/static/css/app.8b6b22126cd457f43e11c52e8682f3ba.css 0 → 100644
View file @ 5b0f3e62
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.8b6b22126cd457f43e11c52e8682f3ba.css.map 0 → 100644
View file @ 5b0f3e62
This diff is collapsed.
dist/static/css/app.efb399a8ee5ccc445d83d800f14a1bfe.css deleted 100644 → 0
View file @ 58372792
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/1.3dab2f03f71b0f0b1713.js 0 → 100644
View file @ 5b0f3e62
This diff is collapsed.
dist/static/js/1.72be67d77d755e4b7b6e.js deleted 100644 → 0
View file @ 58372792
This diff is collapsed.
dist/static/js/12.fb0dfea6afa3b80b43d6.js → dist/static/js/10.4f6e41b9c4458237683b.js
View file @ 5b0f3e62
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}}); webpackJsonp([10],{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=12.fb0dfea6afa3b80b43d6.js.map //# sourceMappingURL=10.4f6e41b9c4458237683b.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/10.87620061e05ff5870743.js deleted 100644 → 0
View file @ 58372792
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=10.87620061e05ff5870743.js.map
\ No newline at end of file
dist/static/js/10.87620061e05ff5870743.js.map deleted 100644 → 0
View file @ 58372792
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue?ed48","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue"],"names":["monitor_grid","name","props","template","type","String","Array","required","columns","rows","gap","bgImg","complete","Boolean","default","data","style","showLoad","loadMsg","mounted","_this","this","$nextTick","setTimeout","init","methods","templateAreas","isArray","result","forEach","item","grid-template-areas","grid-template-columns","grid-template-rows","grid-gap","padding","padding-top","children","$refs","grid","i","length","child","area","getAttribute","gridArea","watch","cur","past","MonitorGrid_monitor_grid","render","_h","$createElement","_c","_self","ref","staticClass","attrs","msg","bgColor","_e","_v","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"+HAQA,IAAAA,GACAC,KAAA,cACAC,OACAC,UACAC,MAAAC,OAAAC,OACAC,UAAA,GAEAC,SACAJ,KAAAC,QAEAI,MACAL,KAAAC,QAEAK,KACAN,KAAAC,QAEAM,OACAP,KAAAC,QAEAO,UACAR,KAAAS,QACAC,SAAA,IAGAC,KAxBA,WAyBA,OACAC,SACAC,UAAA,EACAC,QAAA,cAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAJ,UAAAI,KAAAT,SACAS,KAAAC,UAAA,WACAC,WAAAH,EAAAI,KAAA,MAGAC,SACAD,KADA,WAEA,IAAAE,EAAAL,KAAAlB,SACA,GAAAG,MAAAqB,QAAAD,GAAA,CACA,IAAAE,EAAA,GACAF,EAAAG,QAAA,SAAAC,GACAF,GAAA,IAAAE,EAAA,MAEAJ,EAAAE,EAEAP,KAAAL,OACAe,sBAAAL,EACAM,wBAAAX,KAAAb,QACAyB,qBAAAZ,KAAAZ,KACAyB,WAAAb,KAAAX,IACAyB,QAAAd,KAAAX,IACA0B,cAAA,GAKA,IApBA,IAmBAC,EAAAhB,KAAAiB,MAAAC,KAAAF,SACAG,EAAA,EAAAA,EAAAH,EAAAI,OAAAD,IAAA,CACA,IAAAE,EAAAL,EAAAG,GACAG,EAAAD,EAAAE,aAAA,QACAD,IACAD,EAAA1B,MAAA6B,SAAAF,MAKAG,OACAlC,SADA,SACAmC,EAAAC,GACAD,MAAAC,IACA3B,KAAAH,QAAA,YACAG,KAAAJ,UAAA,MC5EegC,GADEC,OAFjB,WAA0B,IAAaC,EAAb9B,KAAa+B,eAA0BC,EAAvChC,KAAuCiC,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,IAAA,OAAAC,YAAA,eAAAxC,MAAhFK,KAAgF,QAAhFA,KAAwI,SAAAgC,EAAA,YAAgCI,OAAOC,IAA/KrC,KAA+KH,QAAAyC,QAAA,UAA/KtC,KAAmNuC,KAAnNvC,KAAmNwC,GAAA,KAAnNxC,KAAmNyC,GAAA,gBAE5NC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACElE,EACAiD,GATF,EAVA,SAAAkB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/10.87620061e05ff5870743.js","sourcesContent":["<template>\n <div class=\"monitor-grid\" ref=\"grid\" :style=\"style\">\n <m-loader v-if=\"showLoad\" :msg=\"loadMsg\" bgColor=\"#000\"/>\n <slot />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorGrid',\n props: {\n template: {\n type: [String, Array],\n required: true,\n },\n columns: {\n type: String,\n },\n rows: {\n type: String,\n },\n gap: {\n type: String,\n },\n bgImg: {\n type: String,\n },\n complete: {\n type: Boolean,\n default: true,\n }\n },\n data() {\n return {\n style: {},\n showLoad: false,\n loadMsg: '初始化 . . .',\n }\n },\n mounted() {\n this.showLoad = !this.complete\n this.$nextTick(() => {\n setTimeout(this.init, 0)\n })\n },\n methods: {\n init() {\n let templateAreas = this.template\n if (Array.isArray(templateAreas)) {\n let result = ''\n templateAreas.forEach(item => {\n result += `'${item}'`\n })\n templateAreas = result\n }\n this.style = {\n 'grid-template-areas': templateAreas,\n 'grid-template-columns': this.columns,\n 'grid-template-rows': this.rows,\n 'grid-gap': this.gap,\n 'padding': this.gap,\n 'padding-top': 0,\n // 'background-image': `url(${this.bgImg})`\n }\n\n const {children} = this.$refs.grid\n for(let i = 0; i < children.length; i++) {\n const child = children[i]\n const area = child.getAttribute('area')\n if (area) {\n child.style.gridArea = area\n }\n }\n },\n },\n watch: {\n complete(cur, past) {\n if (cur && cur != past) {\n this.loadMsg = '完成中 . . .'\n this.showLoad = false\n }\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-grid\n width 100%\n height 100%\n background-size cover\n background-position center\n background-color #061627\n position relative\n display grid\n grid-gap .1rem\n padding .1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"grid\",staticClass:\"monitor-grid\",style:(_vm.style)},[(_vm.showLoad)?_c('m-loader',{attrs:{\"msg\":_vm.loadMsg,\"bgColor\":\"#000\"}}):_vm._e(),_vm._v(\" \"),_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-b53f13e8\",\"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/MonitorGrid/monitor-grid.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-b53f13e8\\\",\\\"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-grid.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-grid.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-b53f13e8\\\",\\\"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-grid.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-b53f13e8\"\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/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
dist/static/js/11.27bcfe3fa99c45ccebf7.js deleted 100644 → 0
View file @ 58372792
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=11.27bcfe3fa99c45ccebf7.js.map
\ No newline at end of file
dist/static/js/15.4c2a479c9c3d65ff2c64.js → dist/static/js/11.73806030e520851056b0.js
View file @ 5b0f3e62
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}}); webpackJsonp([11],{"Gj+O":function(t,e){},TNmO:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n("Dd8w"),s=n.n(i),o={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()}}},a={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")(o,a,!1,function(t){n("Gj+O")},"data-v-688325e2",null);e.default=r.exports}});
//# sourceMappingURL=15.4c2a479c9c3d65ff2c64.js.map //# sourceMappingURL=11.73806030e520851056b0.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/13.2a89885e3d90d5f59fc4.js → dist/static/js/12.8c4843d5231e6aeb8f96.js
View file @ 5b0f3e62
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){}}); webpackJsonp([12],{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=13.2a89885e3d90d5f59fc4.js.map //# sourceMappingURL=12.8c4843d5231e6aeb8f96.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/14.cb69db1f9056d9e7b17f.js → dist/static/js/13.4c6969c394fb9541231d.js
View file @ 5b0f3e62
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){}}); webpackJsonp([13],{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=14.cb69db1f9056d9e7b17f.js.map //# sourceMappingURL=13.4c6969c394fb9541231d.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/14.7423453d2d0a5f321bcc.js 0 → 100644
View file @ 5b0f3e62
webpackJsonp([14],{FteE:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={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)}}},n={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("m-animate",{attrs:{enter:t.enter,leave:t.leave}},[t.value?i("div",{staticClass:"monitor-drawer",staticStyle:{"animation-duration":"500ms"}},[i("img",{staticClass:"close-btn",attrs:{src:a("LuQl")},on:{click:t.handleClose}}),t._v(" "),i("img",{staticClass:"border left",attrs:{src:a("ICTM")}}),t._v(" "),i("div",{staticClass:"content"},[i("div",[t._t("default")],2)]),t._v(" "),i("img",{staticClass:"border right",attrs:{src:a("ICTM")}})]):t._e()])},staticRenderFns:[]};var s=a("VU/8")(i,n,!1,function(t){a("nciP")},"data-v-4e17603c",null);e.default=s.exports},nciP:function(t,e){}});
//# sourceMappingURL=14.7423453d2d0a5f321bcc.js.map
\ No newline at end of file
dist/static/js/14.7423453d2d0a5f321bcc.js.map 0 → 100644
View file @ 5b0f3e62
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue?0f7d","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":"sGAgBA,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/14.7423453d2d0a5f321bcc.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 51%\n bottom 0.06rem\n z-index 1000\n width 10vw\n height 50%\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-4e17603c\",\"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-4e17603c\\\",\\\"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-4e17603c\\\",\\\"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-4e17603c\"\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
dist/static/js/16.290b828ef589b105aa47.js → dist/static/js/15.353d417a5ed863ccb3d2.js
View file @ 5b0f3e62
webpackJsonp([16],{"93U5":function(t,e){},cxLP:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={name:"MonitorTable",props:{title:{type:String,default:""},layout:{type:Array,default:function(){return[]}},model:{type:Array,default:function(){return[]}},mode:{type:String,default:"1"}},data:function(){return{curSrc:null,showImg:!1}},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-table"},[t.title?i("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),"1"==t.mode?i("Row",{staticClass:"row row-title"},t._l(t.layout,function(e){return i("i-col",{key:e.key,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[i("div",{style:"text-align: "+(e.align||"left")+"; "},[t._v(t._s(e.title))])])}),1):t._e(),t._v(" "),t.model&&t.model.length>0&&"1"==t.mode?[i("div",t._l(t.model,function(e,a){return i("Row",{key:a,staticClass:"row"},t._l(t.layout,function(a){return i("i-col",{key:a.key,staticClass:"col",attrs:{span:a.width,offset:a.offset||0}},["img"==a.type?[e[a.key]&&e[a.key].length>0?t._l(e[a.key],function(e,a){return i("img",{key:e+a,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):t._e()]:i("div",{style:"text-align: "+(a.align||"left")+";color: "+a.color+" "},[t._v(t._s(e[a.key]))])],2)}),1)}),1)]:t.model&&t.model.length>0&&"2"==t.mode?[i("div",t._l(t.model,function(e,a){return i("Row",{key:a,staticClass:"row"},[i("i-col",{staticClass:"col",attrs:{span:16}},[i("div",[i("p",[t._v(t._s(e.INDEXNAME))]),t._v(" "),i("p",{staticStyle:{color:"#aaa"}},[t._v(t._s(e.REMARK))])])]),t._v(" "),i("i-col",{staticClass:"col",attrs:{span:8}},[e.imageList&&e.imageList.length>0?t._l(e.imageList,function(e,a){return i("img",{key:e+a,attrs:{src:t.$api.IMG_URL+e.imageName},on:{click:function(i){return t.handleView(e.imageName)}}})}):t._e()],2)],1)}),1)]:i("div",{staticClass:"no-data"},[t._v("\n — 暂无数据 —\n ")]),t._v(" "),i("m-modal",{model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{width:"100%"},attrs:{src:t.$api.IMG_URL+t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var s=i("VU/8")(a,l,!1,function(t){i("93U5")},"data-v-4d193538",null);e.default=s.exports}}); webpackJsonp([15],{"93U5":function(t,e){},cxLP:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={name:"MonitorTable",props:{title:{type:String,default:""},layout:{type:Array,default:function(){return[]}},model:{type:Array,default:function(){return[]}},mode:{type:String,default:"1"}},data:function(){return{curSrc:null,showImg:!1}},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-table"},[t.title?i("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),"1"==t.mode?i("Row",{staticClass:"row row-title"},t._l(t.layout,function(e){return i("i-col",{key:e.key,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[i("div",{style:"text-align: "+(e.align||"left")+"; "},[t._v(t._s(e.title))])])}),1):t._e(),t._v(" "),t.model&&t.model.length>0&&"1"==t.mode?[i("div",t._l(t.model,function(e,a){return i("Row",{key:a,staticClass:"row"},t._l(t.layout,function(a){return i("i-col",{key:a.key,staticClass:"col",attrs:{span:a.width,offset:a.offset||0}},["img"==a.type?[e[a.key]&&e[a.key].length>0?t._l(e[a.key],function(e,a){return i("img",{key:e+a,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):t._e()]:i("div",{style:"text-align: "+(a.align||"left")+";color: "+a.color+" "},[t._v(t._s(e[a.key]))])],2)}),1)}),1)]:t.model&&t.model.length>0&&"2"==t.mode?[i("div",t._l(t.model,function(e,a){return i("Row",{key:a,staticClass:"row"},[i("i-col",{staticClass:"col",attrs:{span:16}},[i("div",[i("p",[t._v(t._s(e.INDEXNAME))]),t._v(" "),i("p",{staticStyle:{color:"#aaa"}},[t._v(t._s(e.REMARK))])])]),t._v(" "),i("i-col",{staticClass:"col",attrs:{span:8}},[e.imageList&&e.imageList.length>0?t._l(e.imageList,function(e,a){return i("img",{key:e+a,attrs:{src:t.$api.IMG_URL+e.imageName},on:{click:function(i){return t.handleView(e.imageName)}}})}):t._e()],2)],1)}),1)]:i("div",{staticClass:"no-data"},[t._v("\n — 暂无数据 —\n ")]),t._v(" "),i("m-modal",{model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{width:"100%"},attrs:{src:t.$api.IMG_URL+t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var s=i("VU/8")(a,l,!1,function(t){i("93U5")},"data-v-4d193538",null);e.default=s.exports}});
//# sourceMappingURL=16.290b828ef589b105aa47.js.map //# sourceMappingURL=15.353d417a5ed863ccb3d2.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/17.e3f07004109b569194e6.js → dist/static/js/16.8bf529ac202e2c3b5452.js
View file @ 5b0f3e62
webpackJsonp([17],{Oktt:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorScroll",props:{length:{type:Number,required:!0},limit:{type:Number,default:6},duration:{type:Number,default:3e3},mode:{type:[Number,String],default:1},step:{type:Number}},data:function(){return{timer:null,index:0}},mounted:function(){this.$nextTick(this.start)},beforeDestroy:function(){this.clearTimer()},computed:{isShort:function(){return this.length<=this.limit},isTooLong:function(){return this.length>120}},methods:{clearTimer:function(){clearInterval(this.timer),this.timer=null},start:function(){this.isShort||("2"==this.mode?this.startMode2():this.startMode1())},startMode1:function(){var t=this,e=this.$refs,n=e.scrollContent,r=e.subContent,s=n.offsetHeight;this.timer=setInterval(function(){s<=0?s=n.offsetHeight:(t.index<s?t.index+=1:t.index=0,n.style.transform="translateY("+-t.index+"px)",r&&(r.style.transform="translateY("+-t.index+"px)"))},50)},startMode2:function(){var t=this,e=this.$refs,n=e.scrollContent,r=e.subContent,s=this.$com.confirm(n,"children.length",0);this.timer=setInterval(function(){t.index<s?(t.index+=1,n.style.transition="transform 0.5s",r&&(r.style.transition="transform 0.5s")):(t.index=0,n.style.transition="none",r&&(r.style.transition="none")),n.style.transform="translateY("+-t.step*t.index+"rem)",r&&(r.style.transform="translateY("+-t.step*t.index+"rem)")},this.duration)}},watch:{length:function(){this.clearTimer(),this.index=0;var t=this.$refs,e=t.scrollContent,n=t.subContent;e&&(e.style.transform="translateY(0)"),n&&(n.style.transform="translateY(0)"),this.$nextTick(this.start)}}},s={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"monitor-scroll",on:{mouseenter:t.clearTimer,mouseleave:t.start}},[n("div",{ref:"scrollContent"},[t._t("default")],2),t._v(" "),t.isShort||t.isTooLong?t._e():n("div",{ref:"subContent"},[t._t("default")],2)])},staticRenderFns:[]};var i=n("VU/8")(r,s,!1,function(t){n("VUXW")},"data-v-3acc30e3",null);e.default=i.exports},VUXW:function(t,e){}}); webpackJsonp([16],{Oktt:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorScroll",props:{length:{type:Number,required:!0},limit:{type:Number,default:6},duration:{type:Number,default:3e3},mode:{type:[Number,String],default:1},step:{type:Number}},data:function(){return{timer:null,index:0}},mounted:function(){this.$nextTick(this.start)},beforeDestroy:function(){this.clearTimer()},computed:{isShort:function(){return this.length<=this.limit},isTooLong:function(){return this.length>120}},methods:{clearTimer:function(){clearInterval(this.timer),this.timer=null},start:function(){this.isShort||("2"==this.mode?this.startMode2():this.startMode1())},startMode1:function(){var t=this,e=this.$refs,n=e.scrollContent,r=e.subContent,s=n.offsetHeight;this.timer=setInterval(function(){s<=0?s=n.offsetHeight:(t.index<s?t.index+=1:t.index=0,n.style.transform="translateY("+-t.index+"px)",r&&(r.style.transform="translateY("+-t.index+"px)"))},50)},startMode2:function(){var t=this,e=this.$refs,n=e.scrollContent,r=e.subContent,s=this.$com.confirm(n,"children.length",0);this.timer=setInterval(function(){t.index<s?(t.index+=1,n.style.transition="transform 0.5s",r&&(r.style.transition="transform 0.5s")):(t.index=0,n.style.transition="none",r&&(r.style.transition="none")),n.style.transform="translateY("+-t.step*t.index+"rem)",r&&(r.style.transform="translateY("+-t.step*t.index+"rem)")},this.duration)}},watch:{length:function(){this.clearTimer(),this.index=0;var t=this.$refs,e=t.scrollContent,n=t.subContent;e&&(e.style.transform="translateY(0)"),n&&(n.style.transform="translateY(0)"),this.$nextTick(this.start)}}},s={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"monitor-scroll",on:{mouseenter:t.clearTimer,mouseleave:t.start}},[n("div",{ref:"scrollContent"},[t._t("default")],2),t._v(" "),t.isShort||t.isTooLong?t._e():n("div",{ref:"subContent"},[t._t("default")],2)])},staticRenderFns:[]};var i=n("VU/8")(r,s,!1,function(t){n("VUXW")},"data-v-3acc30e3",null);e.default=i.exports},VUXW:function(t,e){}});
//# sourceMappingURL=17.e3f07004109b569194e6.js.map //# sourceMappingURL=16.8bf529ac202e2c3b5452.js.map
\ No newline at end of file \ No newline at end of file
dist/static/js/17.2dd0e132ab952f2f8c5f.js 0 → 100644
View file @ 5b0f3e62
webpackJsonp([17],{"jd+K":function(t,e){},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("jd+K")},"data-v-12e6d05b",null);e.default=n.exports}});
//# sourceMappingURL=17.2dd0e132ab952f2f8c5f.js.map
\ No newline at end of file
dist/static/js/2.cceef9a6621e062e1079.js deleted 100644 → 0
View file @ 58372792
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.cceef9a6621e062e1079.js.map deleted 100644 → 0
View file @ 58372792
This diff is collapsed.
dist/static/js/2.f8818a3db7f84824d21e.js 0 → 100644
View file @ 5b0f3e62
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.f8818a3db7f84824d21e.js.map 0 → 100644
View file @ 5b0f3e62
This diff is collapsed.
dist/static/js/3.89abe2ecaa233b3de879.js deleted 100644 → 0
View file @ 58372792
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/3.89abe2ecaa233b3de879.js.map deleted 100644 → 0
View file @ 58372792
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/3.c33f3cf99e835c346d67.js 0 → 100644
View file @ 5b0f3e62
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/3.c33f3cf99e835c346d67.js.map 0 → 100644
View file @ 5b0f3e62
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/4.dff2b977cb6b1b70cef0.js.map deleted 100644 → 0
View file @ 58372792
This diff is collapsed.
dist/static/js/4.ea5a775dfd7e9cccfcf4.js.map 0 → 100644
View file @ 5b0f3e62
This diff is collapsed.
dist/static/js/9.ceeaa7c932bb64dc77b0.js deleted 100644 → 0
View file @ 58372792
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
dist/static/js/9.ceeaa7c932bb64dc77b0.js.map deleted 100644 → 0
View file @ 58372792
{"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
dist/static/js/9.e1c22a74c9a60f150eb1.js 0 → 100644
View file @ 5b0f3e62
webpackJsonp([9],{"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=9.e1c22a74c9a60f150eb1.js.map
\ No newline at end of file
dist/static/js/9.e1c22a74c9a60f150eb1.js.map 0 → 100644
View file @ 5b0f3e62
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue?ed48","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue"],"names":["monitor_grid","name","props","template","type","String","Array","required","columns","rows","gap","bgImg","complete","Boolean","default","data","style","showLoad","loadMsg","mounted","_this","this","$nextTick","setTimeout","init","methods","templateAreas","isArray","result","forEach","item","grid-template-areas","grid-template-columns","grid-template-rows","grid-gap","padding","padding-top","children","$refs","grid","i","length","child","area","getAttribute","gridArea","watch","cur","past","MonitorGrid_monitor_grid","render","_h","$createElement","_c","_self","ref","staticClass","attrs","msg","bgColor","_e","_v","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"8HAQA,IAAAA,GACAC,KAAA,cACAC,OACAC,UACAC,MAAAC,OAAAC,OACAC,UAAA,GAEAC,SACAJ,KAAAC,QAEAI,MACAL,KAAAC,QAEAK,KACAN,KAAAC,QAEAM,OACAP,KAAAC,QAEAO,UACAR,KAAAS,QACAC,SAAA,IAGAC,KAxBA,WAyBA,OACAC,SACAC,UAAA,EACAC,QAAA,cAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAJ,UAAAI,KAAAT,SACAS,KAAAC,UAAA,WACAC,WAAAH,EAAAI,KAAA,MAGAC,SACAD,KADA,WAEA,IAAAE,EAAAL,KAAAlB,SACA,GAAAG,MAAAqB,QAAAD,GAAA,CACA,IAAAE,EAAA,GACAF,EAAAG,QAAA,SAAAC,GACAF,GAAA,IAAAE,EAAA,MAEAJ,EAAAE,EAEAP,KAAAL,OACAe,sBAAAL,EACAM,wBAAAX,KAAAb,QACAyB,qBAAAZ,KAAAZ,KACAyB,WAAAb,KAAAX,IACAyB,QAAAd,KAAAX,IACA0B,cAAA,GAKA,IApBA,IAmBAC,EAAAhB,KAAAiB,MAAAC,KAAAF,SACAG,EAAA,EAAAA,EAAAH,EAAAI,OAAAD,IAAA,CACA,IAAAE,EAAAL,EAAAG,GACAG,EAAAD,EAAAE,aAAA,QACAD,IACAD,EAAA1B,MAAA6B,SAAAF,MAKAG,OACAlC,SADA,SACAmC,EAAAC,GACAD,MAAAC,IACA3B,KAAAH,QAAA,YACAG,KAAAJ,UAAA,MC5EegC,GADEC,OAFjB,WAA0B,IAAaC,EAAb9B,KAAa+B,eAA0BC,EAAvChC,KAAuCiC,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,IAAA,OAAAC,YAAA,eAAAxC,MAAhFK,KAAgF,QAAhFA,KAAwI,SAAAgC,EAAA,YAAgCI,OAAOC,IAA/KrC,KAA+KH,QAAAyC,QAAA,UAA/KtC,KAAmNuC,KAAnNvC,KAAmNwC,GAAA,KAAnNxC,KAAmNyC,GAAA,gBAE5NC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACElE,EACAiD,GATF,EAVA,SAAAkB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/9.e1c22a74c9a60f150eb1.js","sourcesContent":["<template>\n <div class=\"monitor-grid\" ref=\"grid\" :style=\"style\">\n <m-loader v-if=\"showLoad\" :msg=\"loadMsg\" bgColor=\"#000\"/>\n <slot />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorGrid',\n props: {\n template: {\n type: [String, Array],\n required: true,\n },\n columns: {\n type: String,\n },\n rows: {\n type: String,\n },\n gap: {\n type: String,\n },\n bgImg: {\n type: String,\n },\n complete: {\n type: Boolean,\n default: true,\n }\n },\n data() {\n return {\n style: {},\n showLoad: false,\n loadMsg: '初始化 . . .',\n }\n },\n mounted() {\n this.showLoad = !this.complete\n this.$nextTick(() => {\n setTimeout(this.init, 0)\n })\n },\n methods: {\n init() {\n let templateAreas = this.template\n if (Array.isArray(templateAreas)) {\n let result = ''\n templateAreas.forEach(item => {\n result += `'${item}'`\n })\n templateAreas = result\n }\n this.style = {\n 'grid-template-areas': templateAreas,\n 'grid-template-columns': this.columns,\n 'grid-template-rows': this.rows,\n 'grid-gap': this.gap,\n 'padding': this.gap,\n 'padding-top': 0,\n // 'background-image': `url(${this.bgImg})`\n }\n\n const {children} = this.$refs.grid\n for(let i = 0; i < children.length; i++) {\n const child = children[i]\n const area = child.getAttribute('area')\n if (area) {\n child.style.gridArea = area\n }\n }\n },\n },\n watch: {\n complete(cur, past) {\n if (cur && cur != past) {\n this.loadMsg = '完成中 . . .'\n this.showLoad = false\n }\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-grid\n width 100%\n height 100%\n background-size cover\n background-position center\n background-color #061627\n position relative\n display grid\n grid-gap .1rem\n padding .1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"grid\",staticClass:\"monitor-grid\",style:(_vm.style)},[(_vm.showLoad)?_c('m-loader',{attrs:{\"msg\":_vm.loadMsg,\"bgColor\":\"#000\"}}):_vm._e(),_vm._v(\" \"),_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-b53f13e8\",\"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/MonitorGrid/monitor-grid.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-b53f13e8\\\",\\\"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-grid.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-grid.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-b53f13e8\\\",\\\"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-grid.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-b53f13e8\"\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/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
dist/static/js/app.78d2603ec0fe0e6fd028.js deleted 100644 → 0
View file @ 58372792
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.78d2603ec0fe0e6fd028.js.map deleted 100644 → 0
View file @ 58372792
This diff is collapsed.
dist/static/js/app.eb8924b4613103a3eb3c.js 0 → 100644
View file @ 5b0f3e62
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.eb8924b4613103a3eb3c.js.map 0 → 100644
View file @ 5b0f3e62
This diff is collapsed.
dist/static/js/manifest.27e9c7b036e33485fe84.js 0 → 100644
View file @ 5b0f3e62
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,o){for(var f,d,b,i=0,u=[];i<r.length;i++)d=r[i],c[d]&&u.push(c[d][0]),c[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=t(t.s=o[i]);return b};var r={},c={25:0};function t(n){if(r[n])return r[n].exports;var c=r[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,t),c.l=!0,c.exports}t.e=function(e){var n=c[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,t){n=c[e]=[r,t]});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,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"15052c7972c908a7760e",1:"3dab2f03f71b0f0b1713",2:"f8818a3db7f84824d21e",3:"c33f3cf99e835c346d67",4:"ea5a775dfd7e9cccfcf4",5:"6b0030be18979ba7a58a",6:"7ba28aeaaa7cebc8ade0",7:"7baf3401350603470964",8:"b6e8b962b26570c80b85",9:"e1c22a74c9a60f150eb1",10:"4f6e41b9c4458237683b",11:"73806030e520851056b0",12:"8c4843d5231e6aeb8f96",13:"4c6969c394fb9541231d",14:"7423453d2d0a5f321bcc",15:"353d417a5ed863ccb3d2",16:"8bf529ac202e2c3b5452",17:"2dd0e132ab952f2f8c5f",18:"c4d6f4db971fd6a53de5",21:"5fe24bc860088be1b528",22:"c26ff53165d90faf9c4f",23:"795fee1c52905a188792",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=c[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return o.onerror=o.onload=d,a.appendChild(o),r},t.m=e,t.c=r,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.27e9c7b036e33485fe84.js.map
\ No newline at end of file
dist/static/js/manifest.cbff0244badb98c8232e.js deleted 100644 → 0
View file @ 58372792
!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
src/App.vue
View file @ 5b0f3e62
...@@ -25,7 +25,6 @@ export default { ...@@ -25,7 +25,6 @@ export default {
src url(./assets/font/pangmenzhengdao.ttf) src url(./assets/font/pangmenzhengdao.ttf)
$mask() $mask()
content '' content ''
width 30%
height 95% height 95%
position absolute position absolute
bottom 0 bottom 0
...@@ -41,16 +40,20 @@ html, body ...@@ -41,16 +40,20 @@ html, body
-moz-osx-font-smoothing grayscale -moz-osx-font-smoothing grayscale
width 100% width 100%
height 100% height 100%
font-size .1rem font-size .11rem
overflow: hidden overflow: hidden
color #fff color #fff
position relative position relative
*
font-weight bold !important
&:before &:before
$mask() $mask()
width 15%
left 0 left 0
background linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.2)) background linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.2))
&:after &:after
$mask() $mask()
width 45%
right 0 right 0
background linear-gradient(to left, rgba(0,0,0,.8), rgba(0,0,0,.2)) background linear-gradient(to left, rgba(0,0,0,.8), rgba(0,0,0,.2))
......
src/components/MonitorComponents/MonitorBrief/monitor-brief.vue
View file @ 5b0f3e62
...@@ -2,9 +2,10 @@ ...@@ -2,9 +2,10 @@
<div class="monitor-brief"> <div class="monitor-brief">
<img v-if="icon" :src="icon" draggable="false"/> <img v-if="icon" :src="icon" draggable="false"/>
<div> <div>
<p class="label" :style="`color:${labelColor}`">{{label}}</p> <p class="label">{{label}}</p>
<count class="count" :style="`font-size:${size};color:${countColor}`" :value="value" :decimal="decimal"/> <p class="content"><slot /></p>
<span v-if="unit">{{unit}}</span> <!-- <count class="count" :style="`font-size:${size};color:${countColor}`" :value="value" :decimal="decimal"/> -->
<!-- <span v-if="unit">{{unit}}</span> -->
</div> </div>
</div> </div>
</template> </template>
...@@ -58,13 +59,23 @@ export default { ...@@ -58,13 +59,23 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.monitor-brief .monitor-brief
width 100% width 100%
display flex
align-items center
>img >img
width 0.28rem width 0.28rem
margin-right .1rem margin-right .1rem
>div >div
flex 1 display flex
align-items center
width 100%
background rgba(71,179,255,.1)
padding .05rem .1rem
.label
width 1rem
text-align right
color $cardFontColor
border-right .01rem solid @color
margin-right .1rem
padding-right .1rem
font-weight bold
.count .count
font-family $font-pang font-family $font-pang
font-size 0.18rem font-size 0.18rem
......
src/components/MonitorComponents/MonitorChart/monitor-chart.vue
View file @ 5b0f3e62
...@@ -400,7 +400,7 @@ export default { ...@@ -400,7 +400,7 @@ export default {
} }
}, },
fontSize() { fontSize() {
return Math.floor(screen.height * 1.48 / 100) return Math.floor(screen.height * 1.6 / 100)
}, },
borderWidth() { borderWidth() {
return this.fontSize * 0.4 return this.fontSize * 0.4
......
src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue
View file @ 5b0f3e62
...@@ -47,10 +47,11 @@ export default { ...@@ -47,10 +47,11 @@ export default {
.monitor-drawer .monitor-drawer
position fixed position fixed
top .4rem top .4rem
right .1rem right 51%
bottom 0.06rem bottom 0.06rem
z-index 1000 z-index 1000
width 26vw width 10vw
height 50%
padding .1rem 0 padding .1rem 0
background $cardBg background $cardBg
color #ccc color #ccc
......
src/components/MonitorComponents/MonitorMap/monitor-map.vue
View file @ 5b0f3e62
...@@ -23,11 +23,11 @@ export default { ...@@ -23,11 +23,11 @@ export default {
initMap() { initMap() {
this.map = new SMap.Map('mapContainer', { this.map = new SMap.Map('mapContainer', {
viewMode: '2D', viewMode: '2D',
// center: [0, 0], // center: [0,0],
// zooms: [6, 7], // zooms: [6, 7],
mapStyle: 'smap://styles/dark', mapStyle: 'smap://styles/dark',
}).on(SMap.MapEvent.maploaded, () => { }).on(SMap.MapEvent.maploaded, () => {
this.map.hideXQ_Poly() // this.map.hideXQ_Poly()
this.map.hideXQ_Point() this.map.hideXQ_Point()
this.map.hideMPZ() this.map.hideMPZ()
this.addListener() this.addListener()
...@@ -35,6 +35,9 @@ export default { ...@@ -35,6 +35,9 @@ export default {
this.$emit('complete') this.$emit('complete')
}) })
}, },
panTo(a, b) {
this.map.panTo(a, b)
},
addListener() { // 触发地图点击事件 addListener() { // 触发地图点击事件
this.map.on(SMap.MapEvent.click, (view, eventParamter) => { this.map.on(SMap.MapEvent.click, (view, eventParamter) => {
const {x, y} = eventParamter.mapPoint const {x, y} = eventParamter.mapPoint
...@@ -62,10 +65,17 @@ export default { ...@@ -62,10 +65,17 @@ export default {
}, },
// 删除点 // 删除点
removePoint(points) { remove(points) {
if (!this.map || !points) return if (!this.map || !points) return
this.map.remove(points) this.map.remove(points)
}, },
setFilter(arr) {
const valid = arr.map(name => {
return `sect_guid = '${name}'`
})
console.log('id---', valid.join(' or '))
this.map.setFilter('wg_gis_xq_poly', valid.join(' or '))
},
// 将数据转换为符合地图的点数组 // 将数据转换为符合地图的点数组
getMapPoints({data = [], key, labelKey, icon, size, color = '#47B3FF'}) { getMapPoints({data = [], key, labelKey, icon, size, color = '#47B3FF'}) {
return data.map(item => { return data.map(item => {
......
src/components/MonitorComponents/MonitorModal/monitor-modal.vue
View file @ 5b0f3e62
...@@ -75,9 +75,12 @@ export default { ...@@ -75,9 +75,12 @@ export default {
background rgba(0,0,0,0.1) background rgba(0,0,0,0.1)
z-index 1000 z-index 1000
>div >div
background transparent // background transparent
background rgba(0,0,0,0.3)
$blur()
color #ccc color #ccc
max-width 50vh max-width 50vh
transform translateX(-60%)
.title .title
height .4rem height .4rem
position relative position relative
......
src/components/MonitorComponents/MonitorTitle/monitor-title.vue
View file @ 5b0f3e62
...@@ -113,9 +113,10 @@ export default { ...@@ -113,9 +113,10 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.monitor-title .monitor-title
z-index 999
display flex display flex
align-items center align-items center
justify-content center // justify-content center
position relative position relative
background-size cover background-size cover
background-position center background-position center
...@@ -201,4 +202,6 @@ export default { ...@@ -201,4 +202,6 @@ export default {
background-image linear-gradient(to bottom, #fff, #B3EBFF) background-image linear-gradient(to bottom, #fff, #B3EBFF)
z-index 99 z-index 99
letter-spacing .05rem letter-spacing .05rem
width 25%
text-align center
</style> </style>
src/server/api.js
View file @ 5b0f3e62
let BASE_URL = '' let BASE_URL = ''
switch (process.env.NODE_ENV) { switch (process.env.NODE_ENV) {
case 'production': case 'production':
BASE_URL = 'http://hp-nandong.omniview.pro' BASE_URL = 'http://hp-nandong.omniview.pro/api'
break break
default: default:
BASE_URL = 'http://hp-nandong.omniview.pro' BASE_URL = 'http://hp-nandong.omniview.pro/api'
} }
export default { export default {
BASE_URL, BASE_URL,
GET_COMMUNITY_LIST: '/service-basicdatasync-ddd/communities',
} }
src/store/state.js
View file @ 5b0f3e62
This diff is collapsed.
src/views/components/command.vue
View file @ 5b0f3e62
...@@ -22,8 +22,8 @@ export default { ...@@ -22,8 +22,8 @@ export default {
data() { data() {
return { return {
list: [ list: [
{name: 'XXX', response: '居委清单', phone: 13000000000}, {name: '尤懿', response: '均乐，振兴，顺天村，江阴，新昌', phone: 13916876901},
{name: 'XXX', response: '居委清单', phone: 13000000000}, {name: '许俊', response: '均乐，振兴，顺天村，江阴，新昌', phone: 13816326142},
], ],
} }
}, },
......
src/views/components/grid-manage.vue
View file @ 5b0f3e62
...@@ -11,12 +11,12 @@ ...@@ -11,12 +11,12 @@
<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" @click="$emit('select', 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>
<span class="line" />
<p>{{item.event}}</p> <p>{{item.event}}</p>
<span class="line" />
<!-- <p>{{item.event}}</p> -->
</div> </div>
<div class="info"> <div class="info">
<p>{{item.address}}</p> <p :title="item.address">{{item.address}}</p>
<p>{{item.time}}</p> <p>{{item.time}}</p>
</div> </div>
<m-step :steps="steps" :current="item.current"/> <m-step :steps="steps" :current="item.current"/>
...@@ -45,12 +45,11 @@ export default { ...@@ -45,12 +45,11 @@ export default {
{name: '街面管理', value: 21}, {name: '街面管理', value: 21},
{name: '小区管理', value: 31}, {name: '小区管理', value: 31},
], ],
list: [ }
{community: '金港花园', event: '电梯困人', address: '松江区-古楼公路348弄12号', time: '2020-03-13 13:23:08', current: 3}, },
{community: '金港花园', event: '电梯困人', address: '松江区-古楼公路348弄12号', time: '2020-03-13 13:23:08', current: 5}, computed: {
{community: '金港花园', event: '电梯困人', address: '松江区-古楼公路348弄12号', time: '2020-03-13 13:23:08', current: 5}, list() {
{community: '金港花园', event: '电梯困人', address: '松江区-古楼公路348弄12号', time: '2020-03-13 13:23:08', current: 5}, return this.$store.state.gridList
],
} }
}, },
} }
...@@ -101,4 +100,9 @@ export default { ...@@ -101,4 +100,9 @@ export default {
font-size .09rem font-size .09rem
color $cardFontColor color $cardFontColor
margin-bottom .05rem margin-bottom .05rem
>p
max-width 50%
overflow hidden
text-overflow ellipsis
white-space nowrap
</style> </style>
src/views/components/left-component.vue
View file @ 5b0f3e62
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<Company /> <Company />
</m-card> </m-card>
</div> </div>
<div class="right"> <!-- <div class="right">
<m-card title="便民设施"> <m-card title="便民设施">
<div class="info"> <div class="info">
<div v-for="item in convenient" :key="item.name"> <div v-for="item in convenient" :key="item.name">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<m-card title="微型消防站"> <m-card title="微型消防站">
<MicFire /> <MicFire />
</m-card> </m-card>
</div> </div> -->
</div> </div>
</template> </template>
...@@ -42,31 +42,16 @@ ...@@ -42,31 +42,16 @@
import Population from '../components/population' import Population from '../components/population'
import House from '../components/house' import House from '../components/house'
import Company from '../components/company' import Company from '../components/company'
import Building from '../components/building' // import Building from '../components/building'
import MicFire from '../components/mic-fire' // import MicFire from '../components/mic-fire'
export default { export default {
name: 'LeftComponent', name: 'LeftComponent',
components: { components: {
Population, Population,
House, House,
Company, Company,
Building, // Building,
MicFire, // MicFire,
},
data() {
return {
convenient: [
{name: '便利店', value: 6},
{name: '早餐车', value: 0},
{name: '公厕', value: 2},
{name: '居民活动室', value: 12},
],
building: [
{name: '文保', value: 0},
{name: '历保', value: 8},
{name: '文历双保', value: 0},
],
}
}, },
} }
</script> </script>
...@@ -79,43 +64,44 @@ export default { ...@@ -79,43 +64,44 @@ export default {
height calc(100vh - 0.5rem) height calc(100vh - 0.5rem)
position relative position relative
>div >div
width calc(33.3vw / 2) // width calc(33.3vw / 2)
width 100%
height 100% height 100%
&.left &.left
>div >div
height 40% height 40%
&:nth-child(3) &:nth-child(3)
height 20% height 20%
&.right // &.right
>div // >div
&:nth-child(1) // &:nth-child(1)
&:nth-child(2) // &:nth-child(2)
height 16% // height 16%
&:nth-child(3) // &:nth-child(3)
&:nth-child(4) // &:nth-child(4)
height 34% // height 34%
.info // .info
height .4rem // height .4rem
background-image url(../../assets/images/four.png) // background-image url(../../assets/images/four.png)
background-size 100% 100% // background-size 100% 100%
display flex // display flex
align-items center // align-items center
margin-bottom .1rem // margin-bottom .1rem
&.three // &.three
background-image url(../../assets/images/three.png) // background-image url(../../assets/images/three.png)
>div // >div
&:nth-of-type(2) // &:nth-of-type(2)
margin-left -0.1rem // margin-left -0.1rem
>div // >div
flex 1 // flex 1
text-align center // text-align center
padding-left .05rem // padding-left .05rem
&:nth-of-type(2) // &:nth-of-type(2)
margin-left .1rem // margin-left .1rem
p // p
color $fontColor // color $fontColor
.unit // .unit
$unit() // $unit()
.count // .count
font-size .12rem // font-size .12rem
</style> </style>
src/views/components/map-btns.vue
View file @ 5b0f3e62
...@@ -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% + .15rem) right calc(50% + .15rem)
bottom .1rem bottom .1rem
transition right .5s ease-in-out transition right .5s ease-in-out
z-index 999 z-index 999
......
src/views/components/map-tips.vue
View file @ 5b0f3e62
...@@ -146,7 +146,7 @@ export default { ...@@ -146,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% + .5rem) right calc(50% + .5rem)
bottom .1rem bottom .1rem
transition right .5s ease-in-out transition right .5s ease-in-out
z-index 999 z-index 999
......
src/views/components/old-screen.vue
View file @ 5b0f3e62
...@@ -154,7 +154,7 @@ export default { ...@@ -154,7 +154,7 @@ export default {
width 100% width 100%
height calc(100vh - 0.5rem) height calc(100vh - 0.5rem)
>div >div
margin-bottom .05rem margin-bottom .03rem
.rate .rate
width 80% width 80%
display flex display flex
...@@ -169,7 +169,7 @@ export default { ...@@ -169,7 +169,7 @@ export default {
display flex display flex
.chart .chart
width 25% width 25%
height .6rem height .55rem
.tips .tips
display flex display flex
flex-wrap wrap flex-wrap wrap
...@@ -208,7 +208,7 @@ export default { ...@@ -208,7 +208,7 @@ export default {
p p
font-size .11rem font-size .11rem
background $color-map(.15) background $color-map(.15)
line-height 1.8 line-height 1.6
&+p &+p
border-top .01rem solid $cardFontColor border-top .01rem solid $cardFontColor
&:nth-of-type(1) &:nth-of-type(1)
...@@ -222,7 +222,7 @@ export default { ...@@ -222,7 +222,7 @@ export default {
display flex display flex
width 100% width 100%
height .1rem height .1rem
margin .2rem 0 margin .2rem 0 .1rem
>div >div
position relative position relative
.count .count
......
src/views/components/right-component.vue
View file @ 5b0f3e62
<template> <template>
<div id="right-component"> <div id="right-component">
<div class="first">
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<m-card title="便民设施">
<div class="info">
<div v-for="item in convenient" :key="item.name">
<p>{{item.name}}</p>
<m-count class="count" :value="item.value" /> <span class="unit">人</span>
</div>
</div>
</m-card>
<m-card title="历史保护建筑">
<div class="info three">
<div v-for="item in building" :key="item.name">
<p>{{item.name}}</p>
<m-count class="count" :value="item.value" /> <span class="unit">人</span>
</div>
</div>
</m-card>
<m-card title="地标性建筑">
<Building />
</m-card>
<m-card title="微型消防站">
<MicFire />
</m-card>
</div>
<div class="left"> <div class="left">
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<m-card title="美丽街区-美丽家园"> <m-card title="美丽街区-美丽家园">
<div class="info"> <div class="beauty">
<div v-for="item in beauty" :key="item.name"> <div v-for="item in beauty" :key="item.name" @click="$emit('beauty', item)">
<p>{{item.name}}</p> <p>{{item.name}}</p>
<p><m-count class="count" :value="item.value" /></p> <p><m-count class="count" :value="item.value" /></p>
</div> </div>
...@@ -14,6 +46,10 @@ ...@@ -14,6 +46,10 @@
</m-card> </m-card>
</div> </div>
<div class="right"> <div class="right">
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<img src="@/assets/images/edge.png" />
<m-card title="单兵指挥"> <m-card title="单兵指挥">
<Command /> <Command />
</m-card> </m-card>
...@@ -28,19 +64,34 @@ ...@@ -28,19 +64,34 @@
import OldScreen from '../components/old-screen' import OldScreen from '../components/old-screen'
import Command from '../components/command' import Command from '../components/command'
import GridManage from '../components/grid-manage' import GridManage from '../components/grid-manage'
import Building from '../components/building'
import MicFire from '../components/mic-fire'
export default { export default {
name: 'RightComponent', name: 'RightComponent',
components: { components: {
OldScreen, OldScreen,
Command, Command,
GridManage, GridManage,
Building,
MicFire,
}, },
data() { data() {
return { return {
beauty: [ beauty: [
{name: '2018年完成数', value: 7}, {name: '2018年完成数', value: 12, key: 2018},
{name: '2019年完成数', value: 1}, {name: '2019年完成数', value: 8, key: 2019},
{name: '2020年完成数', value: 1}, {name: '2020年完成数', value: 2, key: 2020},
],
convenient: [
{name: '便利店', value: 6},
{name: '早餐车', value: 0},
{name: '公厕', value: 2},
{name: '居民活动室', value: 12},
],
building: [
{name: '文保', value: 0},
{name: '历保', value: 8},
{name: '文历双保', value: 0},
], ],
} }
}, },
...@@ -50,36 +101,101 @@ export default { ...@@ -50,36 +101,101 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
#right-component #right-component
display flex display flex
justify-content space-between
z-index 99 z-index 99
width 100% width 100%
height calc(100vh - 0.5rem) height calc(100vh - 0.5rem)
position relative position relative
flex-wrap wrap flex-wrap wrap
>div >div
width calc(33.3vw / 2) width calc(50vw / 3.05)
// width calc(33.3vw / 2)
height 100% height 100%
background rgba(6,34,67,.4)
border .01rem solid rgba(91,213,255,.3)
position relative
>img
width .1rem
height @width
position absolute
z-index 9999
&:nth-of-type(1)
top -0.04rem
left @top
&:nth-of-type(2)
transform rotate(90deg)
top -0.04rem
right @top
&:nth-of-type(3)
transform rotate(180deg)
bottom -0.04rem
right @bottom
&:nth-of-type(4)
transform rotate(270deg)
bottom -0.04rem
left @bottom
&.first
>div
&:nth-of-type(1)
&:nth-of-type(2)
height 16%
&:nth-of-type(3)
&:nth-of-type(4)
height 34%
&.left &.left
display flex
flex-direction column
>div >div
height 88% height 85%
&:nth-child(1) &:nth-of-type(1)
height 12% flex 1
&.right &.right
display flex display flex
flex-direction column flex-direction column
>div >div
&:nth-child(1) &:nth-of-type(1)
height 22.5% height 30%
&:nth-child(2) &:nth-of-type(2)
flex 1 flex 1
.info .beauty
width 80% width 80%
display flex display flex
justify-content space-between justify-content space-between
>div >div
padding .03rem .04rem
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)
p p
color $fontColor color $fontColor
.count .count
color $color-yellow color $color-yellow
font-size .14rem font-size .14rem
padding-left .05rem padding-left .05rem
.info
height .4rem
background-image url(../../assets/images/four.png)
background-size 100% 100%
display flex
align-items center
margin-bottom .1rem
&.three
background-image url(../../assets/images/three.png)
>div
&:nth-of-type(2)
margin-left -0.1rem
>div
flex 1
text-align center
padding-left .05rem
&:nth-of-type(2)
margin-left .1rem
p
color $fontColor
.unit
$unit()
.count
font-size .12rem
</style> </style>
src/views/components/workespace-modal.vue 0 → 100644
View file @ 5b0f3e62
<template>
<div class="workespace-modal">
<m-brief label="网格长">尤懿(城管)、殷文(绿化)值班时间8时-18时、于冰(警长)值班时间18时-8时</m-brief>
<div class="wrapper">
<div>
<p class="title">部门</p>
<m-brief v-for="item in departs" :key="item.label" :label="item.label">{{item.content}}</m-brief>
</div>
<div>
<p class="title">第三方公司</p>
<m-brief v-for="item in third" :key="item.label" :label="item.label">{{item.content}}</m-brief>
</div>
<div>
<p class="title">物业公司</p>
<m-brief v-for="item in property" :key="item.label" :label="item.label">{{item.content}}</m-brief>
</div>
<div>
<p class="title">居民区</p>
<m-brief v-for="item in committee" :key="item.label" :label="item.label">{{item.content}}</m-brief>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'WorkeSpaceModal',
data() {
return {
departs: [
{label: '派出所', content: '朱洪元(副所长)、于冰(警长) 警力25人'},
{label: '市场', content: '王绍良、陈蕾、张敏'},
{label: '城管中队', content: '尤懿(副队长)、城管队员8人'},
{label: '网格中心', content: '许俊'},
{label: '绿化市容所', content: '殷文、张沁园'},
{label: '房管办', content: '车姝敏、杨姝敏'},
{label: '党建联络员', content: '方雅婷、秦雯、郭强'},
{label: '服务企业人员', content: '蓝俊'},
],
third: [
{label: '第三方负责人', content: '覃飞(块长)、徐辉(队长)'},
],
property: [
{label: '名称', content: '端正公房物业5人、社会物业6人'},
{label: '负责人姓名', content: '吴昌军'},
],
committee: [
{label: '新昌居委', content: '张文志(书记) 马丽芳(主任)'},
{label: '顾天村居委', content: '徐定珠(书记) 杨琛骅(主任)'},
{label: '江阴居委', content: '杨烨(书记) 王珑(主任)'},
{label: '振兴居委', content: '李苏爱(主任)'},
{label: '均乐居委', content: '顾怡(书记) 陈慧仪(主任)'},
],
}
},
}
</script>
<style lang="stylus" scoped>
.workespace-modal
width 100%
height 100%
.wrapper
width 100%
height 3rem
display flex
flex-direction column
align-items space-around
flex-wrap wrap
>div
width 49%
.title
font-size .12rem
color $color-blue
border-bottom .01rem solid $cardBorder
padding .05rem 0
</style>
src/views/main.vue
View file @ 5b0f3e62
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
'title title title', 'title title title',
'left . right', 'left . right',
]" ]"
columns="33.3vw auto 33.3vw" columns="16vw auto 50vw"
rows="0.4rem auto" rows="0.4rem auto"
gap="0.05rem" gap="0.05rem"
:complete="complete" :complete="complete"
> >
<m-map ref="map" @complete="mapComplete" @event="handleMapClick"/> <m-map ref="map" @complete="mapComplete" @event="handleMapClick"/>
<m-title area="title" :bgImg="require('@/assets/images/title-bg.png')">南京东路街道数据平台</m-title> <m-title area="title" :bgImg="require('@/assets/images/title-bg-left.png')">南京东路街道数据平台</m-title>
<!-- <m-animate enter="fadeInLeft" leave="fadeOutLeft"> <!-- <m-animate enter="fadeInLeft" leave="fadeOutLeft">
<div v-show="themeName === '主屏'" area="left" class="wrapper"> <div v-show="themeName === '主屏'" area="left" class="wrapper">
<HomeScreen /> <HomeScreen />
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<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" @grid="gridModal = true"/> <RightComponent v-show="!fullView" area="right" @grid="handleGridModal" @beauty="handleBeautyModal"/>
</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" />
...@@ -33,6 +33,14 @@ ...@@ -33,6 +33,14 @@
<m-form :label-width=".7" :model="gridData" :layout="gridLayout"/> <m-form :label-width=".7" :model="gridData" :layout="gridLayout"/>
<m-step :steps="steps" :current="gridData.current"/> <m-step :steps="steps" :current="gridData.current"/>
</m-modal> </m-modal>
<m-modal title="第一网格工作站" v-model="workspaceModal">
<WorkeSpaceModal />
</m-modal>
<m-drawer title="美丽街区-美丽家园" v-model="beautyModal">
<div class="beauty-list">
<p v-for="item in beautyData" :key="item.name" :title="item.name">{{item.name}}</p>
</div>
</m-drawer>
</m-grid> </m-grid>
</template> </template>
...@@ -41,6 +49,7 @@ import LeftComponent from './components/left-component' ...@@ -41,6 +49,7 @@ import LeftComponent from './components/left-component'
import RightComponent from './components/right-component' import RightComponent from './components/right-component'
import MapBtns from './components/map-btns' import MapBtns from './components/map-btns'
import MapTips from './components/map-tips' import MapTips from './components/map-tips'
import WorkeSpaceModal from './components/workespace-modal'
import {mapState} from 'vuex' import {mapState} from 'vuex'
export default { export default {
name: 'Main', name: 'Main',
...@@ -49,6 +58,7 @@ export default { ...@@ -49,6 +58,7 @@ export default {
RightComponent, RightComponent,
MapBtns, MapBtns,
MapTips, MapTips,
WorkeSpaceModal,
}, },
data() { data() {
return { return {
...@@ -81,8 +91,8 @@ export default { ...@@ -81,8 +91,8 @@ export default {
label: '门牌幢地址', label: '门牌幢地址',
width: 12, width: 12,
}, },
device: { grid: {
label: '传感器', label: '所属网格',
width: 12, width: 12,
}, },
}, },
...@@ -97,15 +107,10 @@ export default { ...@@ -97,15 +107,10 @@ export default {
}, },
}, },
], ],
gridData: { gridData: {},
id: '123123123', workspaceModal: false,
type: '电梯困人', beautyModal: false,
address: '鼓楼公路349弄12号', beautyData: [],
device: '12号',
time: '2020-12-21 20:00:00',
status: '结案',
current: 5,
},
} }
}, },
computed: { computed: {
...@@ -121,12 +126,13 @@ export default { ...@@ -121,12 +126,13 @@ export default {
initMap() { initMap() {
const {map} = this.$refs const {map} = this.$refs
// map.focus(97.87804679686496, -40.686071867261035, 6) // 南京东路街道 // map.focus(97.87804679686496, -40.686071867261035, 6) // 南京东路街道
map.focus(41.75319496382872, -480.0854532701907, 7) // 市政府区域 // map.focus(41.75319496382872, -480.0854532701907, 7) // 市政府区域
// map.focus(-189.37734542225144, 305.3152060727947, 6) // 市政府北边区域 // map.focus(-189.37734542225144, 305.3152060727947, 6) // 市政府北边区域
// map.focus(573.7817329792392, 158.7688192300202, 6) // 市政府东边区域 // map.focus(573.7817329792392, 158.7688192300202, 6) // 市政府东边区域
map.focus(1241.75319496382872, -480.0854532701907, 7) // 市政府偏移点
map.addPolyLine({ map.addPolyLine({
paths: this.$store.state.areaAPath, paths: this.$store.state.areaAPath,
strokeColor: '#0076FF', strokeColor: '#ffce34',
}) })
this.addAreaLines() this.addAreaLines()
this.addAreaPoints() this.addAreaPoints()
...@@ -153,6 +159,14 @@ export default { ...@@ -153,6 +159,14 @@ export default {
// 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: '南京东路街道', color: '#00BFFF'}) // this.boundary = map.addBoundary({name: '南京东路街道', color: '#00BFFF'})
this.$ajax.get({
url: this.$api.GET_COMMUNITY_LIST,
params: {
pageSize: 10000,
}
}).then(res => {
console.log('res--', res)
})
}, },
addAreaLines() { addAreaLines() {
const {map} = this.$refs const {map} = this.$refs
...@@ -254,8 +268,8 @@ export default { ...@@ -254,8 +268,8 @@ export default {
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() { addAreaPoints() {
const {addPoint, removePoint} = this.$refs.map const {addPoint, remove} = this.$refs.map
removePoint(this.areaAPoints) remove(this.areaAPoints)
this.areaAPoints = addPoint({ this.areaAPoints = addPoint({
key: 'areaA', key: 'areaA',
size: 14, size: 14,
...@@ -279,6 +293,14 @@ export default { ...@@ -279,6 +293,14 @@ export default {
if (type === 'in') map.zoomIn() if (type === 'in') map.zoomIn()
else map.zoomOut() else map.zoomOut()
}, },
handleGridModal(data) {
this.gridModal = true
this.gridData = data
},
handleBeautyModal({key}) {
this.beautyData = this.$store.state.beautyData[key]
this.beautyModal = true
},
} }
} }
</script> </script>
...@@ -288,4 +310,21 @@ export default { ...@@ -288,4 +310,21 @@ export default {
width 100% width 100%
height 100% height 100%
z-index 999 z-index 999
.beauty-list
width 100%
height 100%
overflow-y auto
>p
width 100%
overflow hidden
text-overflow ellipsis
white-space nowrap
line-height 2
padding 0 .05rem
cursor pointer
&:hover
&.on
color $cardFontColor
&:nth-child(2n)
background rgba(0,0,0,0.3)
</style> </style>
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