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

更新

parent 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.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> }</style><link href=./static/css/app.07d812d104e96e0d8fbdc4f6055de17e.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.051855ea09d10bfd6322.js></script><script type=text/javascript src=./static/js/vendor.3771f2e5c5447f503b00.js></script><script type=text/javascript src=./static/js/app.c634f1b60cbde88d752f.js></script></body><script src=./static/SMap.min.js></script><script src=./static/Plugins.min.js></script></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([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=11.73806030e520851056b0.js.map
\ No newline at end of file
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){}}); webpackJsonp([11],{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=12.8c4843d5231e6aeb8f96.js.map //# sourceMappingURL=11.74bad2dc4b1385548b1a.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorForm/monitor-form.vue","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue?a049","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue"],"names":["monitor_form","name","props","title","type","String","default","labelWidth","Number","layout","Array","model","Object","data","showImg","curSrc","methods","handleView","src","this","MonitorForm_monitor_form","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","row","rowIndex","key","col","attrs","span","width","offset","style","align","label","split","img","on","click","$event","format","value","callback","$$v","expression","staticStyle","max-height","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAmBA,IAAAA,GACAC,KAAA,cACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,IAEAC,YACAH,KAAAI,OACAF,QAAA,GAEAG,QACAL,KAAAM,MACAJ,QAFA,WAGA,WAGAK,OACAP,KAAAQ,OACAN,QAFA,WAGA,YAIAO,KAxBA,WAyBA,OACAC,SAAA,EACAC,OAAA,OAGAC,SACAC,WADA,SACAC,GACAC,KAAAJ,OAAAG,EACAC,KAAAL,SAAA,KCjDeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAH,KAAaI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BL,EAAA,MAAAG,EAAA,KAAsBE,YAAA,UAAoBL,EAAAM,GAAAN,EAAAO,GAAAP,EAAAnB,UAAAmB,EAAAQ,KAAAR,EAAAM,GAAA,KAAAN,EAAAS,GAAAT,EAAA,gBAAAU,EAAAC,GAA8F,OAAAR,EAAA,OAAiBS,IAAAD,EAAAN,YAAA,OAA+BL,EAAAS,GAAA,WAAAI,EAAAD,GAAgC,OAAAT,EAAA,SAAmBS,MAAAP,YAAA,MAAAS,OAAiCC,KAAAF,EAAAG,MAAAC,OAAAJ,EAAAI,QAAA,KAA2Cd,EAAA,OAAYe,MAAA,gBAAAL,EAAAM,OAAA,oBAAoDnB,EAAAf,WAAA,SAAqCe,EAAAM,GAAAN,EAAAO,GAAAM,EAAAO,OAAA,OAAApB,EAAAM,GAAA,YAAAO,EAAA/B,KAAAkB,EAAAS,GAAAT,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,GAAAS,MAAA,cAAAC,GAAqI,OAAAnB,EAAA,OAAiBS,IAAAU,EAAAR,OAAelB,IAAA0B,GAAUC,IAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAAL,WAAA2B,SAA+BnB,EAAA,OAAYE,YAAA,YAAsBL,EAAAM,GAAAN,EAAAO,GAAAM,EAAAa,OAAAb,EAAAa,OAAA1B,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,IAAA,cAA0F,KAAKZ,EAAAM,GAAA,KAAAH,EAAA,WAA4BW,OAAOE,MAAA,MAAAnC,MAAA,MAA2BQ,OAAQsC,MAAA3B,EAAA,QAAA4B,SAAA,SAAAC,GAA6C7B,EAAAR,QAAAqC,GAAgBC,WAAA,aAAuB9B,EAAA,QAAAG,EAAA,OAA0B4B,aAAaC,aAAA,OAAAhB,MAAA,QAAmCF,OAAQlB,IAAAI,EAAAP,UAAkBO,EAAAQ,QAAA,IAE3nCyB,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE1D,EACAoB,GATF,EAVA,SAAAuC,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/12.8c4843d5231e6aeb8f96.js","sourcesContent":["<template>\n <div class=\"monitor-form\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row\" v-for=\"(row, rowIndex) in layout\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"(col, key) in row\" :key=\"key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`\">{{col.label}}:</div>\n <template v-if=\"col.type == 'img'\">\n <img v-for=\"img in model[key] && model[key].split(',')\" :key=\"img\" @click=\"handleView(img)\" :src=\"img\" />\n </template>\n <div v-else class=\"content\">{{col.format ? col.format(model[key]) : (model[key] || ' ')}}</div>\n </i-col>\n </Row>\n <m-modal v-model=\"showImg\" width=\"40%\" title=\"图片\">\n <img v-if=\"showImg\" style=\"max-height:45vh;width:100%;\" :src=\"curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorForm',\n props: {\n title: {\n type: String,\n default: '',\n },\n labelWidth: {\n type: Number,\n default: 1,\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Object,\n default() {\n return {}\n }\n }\n },\n data() {\n return {\n showImg: false,\n curSrc: null,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-form\n font-size .1rem\n color #fff\n margin-bottom .1rem\n .title\n font-size .12rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.05rem\n margin-bottom .1rem\n border-bottom 0.01rem solid rgba(51,145,255,.2)\n .row\n line-height .3rem\n &:nth-child(2n+1)\n background-color rgba(51,145,255,.2)\n .col\n display flex\n align-items center\n padding 0 .1rem\n // &:nth-child(2n+1)\n // background-color $section-bg\n .content\n flex 1\n img\n width 19%\n height .5rem\n margin 0.05rem 0\n margin-right .03rem\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorForm/monitor-form.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-form\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.layout),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((row),function(col,key){return _c('i-col',{key:key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'right') + \"; width:\" + _vm.labelWidth + \"rem;\"))},[_vm._v(_vm._s(col.label)+\":\")]),_vm._v(\" \"),(col.type == 'img')?_vm._l((_vm.model[key] && _vm.model[key].split(',')),function(img){return _c('img',{key:img,attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}})}):_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(col.format ? col.format(_vm.model[key]) : (_vm.model[key] || ' ')))])],2)}),1)}),_vm._v(\" \"),_c('m-modal',{attrs:{\"width\":\"40%\",\"title\":\"图片\"},model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"max-height\":\"45vh\",\"width\":\"100%\"},attrs:{\"src\":_vm.curSrc}}):_vm._e()])],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-63310c42\",\"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/MonitorForm/monitor-form.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-63310c42\\\",\\\"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-form.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-form.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-63310c42\\\",\\\"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-form.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-63310c42\"\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/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorForm/monitor-form.vue","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue?a049","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue"],"names":["monitor_form","name","props","title","type","String","default","labelWidth","Number","layout","Array","model","Object","data","showImg","curSrc","methods","handleView","src","this","MonitorForm_monitor_form","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","row","rowIndex","key","col","attrs","span","width","offset","style","align","label","split","img","on","click","$event","format","value","callback","$$v","expression","staticStyle","max-height","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAmBA,IAAAA,GACAC,KAAA,cACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,IAEAC,YACAH,KAAAI,OACAF,QAAA,GAEAG,QACAL,KAAAM,MACAJ,QAFA,WAGA,WAGAK,OACAP,KAAAQ,OACAN,QAFA,WAGA,YAIAO,KAxBA,WAyBA,OACAC,SAAA,EACAC,OAAA,OAGAC,SACAC,WADA,SACAC,GACAC,KAAAJ,OAAAG,EACAC,KAAAL,SAAA,KCjDeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAH,KAAaI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BL,EAAA,MAAAG,EAAA,KAAsBE,YAAA,UAAoBL,EAAAM,GAAAN,EAAAO,GAAAP,EAAAnB,UAAAmB,EAAAQ,KAAAR,EAAAM,GAAA,KAAAN,EAAAS,GAAAT,EAAA,gBAAAU,EAAAC,GAA8F,OAAAR,EAAA,OAAiBS,IAAAD,EAAAN,YAAA,OAA+BL,EAAAS,GAAA,WAAAI,EAAAD,GAAgC,OAAAT,EAAA,SAAmBS,MAAAP,YAAA,MAAAS,OAAiCC,KAAAF,EAAAG,MAAAC,OAAAJ,EAAAI,QAAA,KAA2Cd,EAAA,OAAYe,MAAA,gBAAAL,EAAAM,OAAA,oBAAoDnB,EAAAf,WAAA,SAAqCe,EAAAM,GAAAN,EAAAO,GAAAM,EAAAO,OAAA,OAAApB,EAAAM,GAAA,YAAAO,EAAA/B,KAAAkB,EAAAS,GAAAT,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,GAAAS,MAAA,cAAAC,GAAqI,OAAAnB,EAAA,OAAiBS,IAAAU,EAAAR,OAAelB,IAAA0B,GAAUC,IAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAAL,WAAA2B,SAA+BnB,EAAA,OAAYE,YAAA,YAAsBL,EAAAM,GAAAN,EAAAO,GAAAM,EAAAa,OAAAb,EAAAa,OAAA1B,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,IAAA,cAA0F,KAAKZ,EAAAM,GAAA,KAAAH,EAAA,WAA4BW,OAAOE,MAAA,MAAAnC,MAAA,MAA2BQ,OAAQsC,MAAA3B,EAAA,QAAA4B,SAAA,SAAAC,GAA6C7B,EAAAR,QAAAqC,GAAgBC,WAAA,aAAuB9B,EAAA,QAAAG,EAAA,OAA0B4B,aAAaC,aAAA,OAAAhB,MAAA,QAAmCF,OAAQlB,IAAAI,EAAAP,UAAkBO,EAAAQ,QAAA,IAE3nCyB,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE1D,EACAoB,GATF,EAVA,SAAAuC,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/11.74bad2dc4b1385548b1a.js","sourcesContent":["<template>\n <div class=\"monitor-form\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row\" v-for=\"(row, rowIndex) in layout\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"(col, key) in row\" :key=\"key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`\">{{col.label}}:</div>\n <template v-if=\"col.type == 'img'\">\n <img v-for=\"img in model[key] && model[key].split(',')\" :key=\"img\" @click=\"handleView(img)\" :src=\"img\" />\n </template>\n <div v-else class=\"content\">{{col.format ? col.format(model[key]) : (model[key] || ' ')}}</div>\n </i-col>\n </Row>\n <m-modal v-model=\"showImg\" width=\"40%\" title=\"图片\">\n <img v-if=\"showImg\" style=\"max-height:45vh;width:100%;\" :src=\"curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorForm',\n props: {\n title: {\n type: String,\n default: '',\n },\n labelWidth: {\n type: Number,\n default: 1,\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Object,\n default() {\n return {}\n }\n }\n },\n data() {\n return {\n showImg: false,\n curSrc: null,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-form\n font-size .1rem\n color #fff\n margin-bottom .1rem\n .title\n font-size .12rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.05rem\n margin-bottom .1rem\n border-bottom 0.01rem solid rgba(51,145,255,.2)\n .row\n line-height .3rem\n &:nth-child(2n+1)\n background-color rgba(51,145,255,.2)\n .col\n display flex\n align-items center\n padding 0 .1rem\n // &:nth-child(2n+1)\n // background-color $section-bg\n .content\n flex 1\n img\n width 19%\n height .5rem\n margin 0.05rem 0\n margin-right .03rem\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorForm/monitor-form.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-form\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.layout),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((row),function(col,key){return _c('i-col',{key:key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'right') + \"; width:\" + _vm.labelWidth + \"rem;\"))},[_vm._v(_vm._s(col.label)+\":\")]),_vm._v(\" \"),(col.type == 'img')?_vm._l((_vm.model[key] && _vm.model[key].split(',')),function(img){return _c('img',{key:img,attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}})}):_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(col.format ? col.format(_vm.model[key]) : (_vm.model[key] || ' ')))])],2)}),1)}),_vm._v(\" \"),_c('m-modal',{attrs:{\"width\":\"40%\",\"title\":\"图片\"},model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"max-height\":\"45vh\",\"width\":\"100%\"},attrs:{\"src\":_vm.curSrc}}):_vm._e()])],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-63310c42\",\"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/MonitorForm/monitor-form.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-63310c42\\\",\\\"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-form.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-form.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-63310c42\\\",\\\"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-form.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-63310c42\"\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/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
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){}}); webpackJsonp([12],{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=13.4c6969c394fb9541231d.js.map //# sourceMappingURL=12.dc9e9b5e5751e4565952.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorProgress/monitor-progress.vue","webpack:///./src/components/MonitorComponents/MonitorProgress/monitor-progress.vue?8e54","webpack:///./src/components/MonitorComponents/MonitorProgress/monitor-progress.vue"],"names":["monitor_progress","name","props","percent","type","Number","default","color","String","Array","size","hide-info","Boolean","text-inside","computed","style","Math","round","this","result","padding","toFixed","hideInfo","textInside","width","containerStyle","height","bgStyle","background","infoStyle","info","left","extends_default","fontSize","MonitorProgress_monitor_progress","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_e","attrs","value","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"+HAaAA,GACAC,KAAA,kBACAC,OACAC,SACAC,KAAAC,OACAC,QAAA,GAEAC,OACAH,MAAAI,OAAAC,OACAH,QAAA,WAEAI,MACAN,KAAAC,OACAC,QAAA,IAEAK,aACAP,KAAAQ,QACAN,SAAA,GAEAO,eACAT,KAAAQ,QACAN,SAAA,IAGAQ,UACAC,MADA,WAEA,IAAAL,EAAAM,KAAAC,MAAAC,KAAAR,KAAA,IACAS,GACAC,SAAAV,EAAA,MAAAW,QAAA,WAAAX,EAAA,QAAAW,QAAA,UAWA,OATAH,KAAAI,UAAAJ,KAAAK,WAGAL,KAAAf,SAAA,GACAgB,EAAAK,MAAA,MAEAL,EAAAK,MAAA,OALAL,EAAAK,MAAA,MAQAL,GAEAM,eAjBA,WAkBA,OACAC,QAAAR,KAAAR,KAAA,OAAAW,QAAA,SACAG,OAAAN,KAAAf,SAAA,QAAAe,KAAAf,SAAA,MAGAwB,QAvBA,WAwBA,uBAAAT,KAAAX,OAEAqB,WAAAV,KAAAX,QAIAqB,WAAA,0BAAAV,KAAAX,MAAA,QAAAW,KAAAX,MAAA,SAIAsB,UAlCA,WAmCA,IAAAC,GACAC,KAAA,QAOA,OALAb,KAAAK,YAAAL,KAAAf,QAAA,KACA2B,GACAC,KAAAb,KAAAf,QAAA,QAGa6B,OACbF,GACAG,UAAA,GAAAf,KAAAR,KAAA,OAAAW,QAAA,SACAd,MAAA,iBAAAW,KAAAX,MAAAW,KAAAX,MAAAW,KAAAX,MAAA,QChFe2B,GADEC,OAFjB,WAA0B,IAAAC,EAAAlB,KAAamB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,mBAAA1B,MAAAqB,EAAA,QAAiDG,EAAA,OAAYE,YAAA,qBAAA1B,MAAAqB,EAAA,iBAA4DG,EAAA,OAAYE,YAAA,iBAA2BL,EAAAM,GAAA,KAAAH,EAAA,OAAwBE,YAAA,cAAA1B,MAAAqB,EAAA,YAA8CA,EAAAM,GAAA,KAAAN,EAAAd,SAAsIc,EAAAO,KAAtIJ,EAAA,KAAwCE,YAAA,gBAAA1B,MAAAqB,EAAA,YAAkDG,EAAA,WAAgBK,OAAOC,MAAAT,EAAAjC,WAAqBiC,EAAAM,GAAA,gBAErcI,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACEjD,EACAkC,GATF,EAVA,SAAAgB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/13.4c6969c394fb9541231d.js","sourcesContent":["<template>\n <div class=\"monitor-progress\" :style=\"style\">\n <div class=\"progress-container\" :style=\"containerStyle\">\n <div class=\"progress-bar\"/>\n <div class=\"progress-bg\" :style=\"bgStyle\"/>\n </div>\n <b v-if=\"!hideInfo\" class=\"progress-info\" :style=\"infoStyle\">\n <m-count :value=\"percent\"/>%\n </b>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorProgress',\n props: {\n percent: {\n type: Number,\n default: 0,\n },\n color: {\n type: [String, Array],\n default: '#0176fe',\n },\n size: {\n type: Number,\n default: 14,\n },\n 'hide-info': {\n type: Boolean,\n default: false,\n },\n 'text-inside': {\n type: Boolean,\n default: false,\n }\n },\n computed: {\n style() {\n const size = Math.round(this.size / 10)\n const result = {\n padding: `${(size / 5 / 10).toFixed(1)}rem ${(size / 4.5 / 10).toFixed(1)}rem`,\n }\n if (!this.hideInfo && !this.textInside) {\n result.width = '85%'\n } else {\n if (this.percent >= 95) {\n result.width = '85%'\n } else {\n result.width = '100%'\n }\n }\n return result\n },\n containerStyle() {\n return {\n height: `${(this.size / 10 / 10).toFixed(1)}rem`,\n width: `${this.percent >= 100 ? 100 : this.percent}%`,\n }\n },\n bgStyle() {\n if ('string' === typeof this.color) {\n return {\n background: this.color\n }\n } else {\n return {\n background: `linear-gradient(90deg, ${this.color[0]}, ${this.color[1]})`\n }\n }\n },\n infoStyle() {\n let info = {\n left: '102%'\n }\n if (this.textInside && this.percent < 95) {\n info = {\n left: `${this.percent + 1}%`,\n }\n }\n return {\n ...info,\n fontSize: `${(this.size * 0.7 / 10 / 10).toFixed(1)}rem`,\n color: 'string' === typeof this.color ? this.color : this.color[1],\n }\n },\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n$radius = .2rem\n.monitor-progress\n position relative\n border-radius $radius\n background rgba(0,0,0,0.18)\n box-shadow inset 0 0 0.02rem 0 #000\n .progress-container\n width 0\n position relative\n border-radius $radius\n transition width 2s ease\n div\n position: absolute\n top 0\n left 0\n width 100%\n height 100%\n border-radius $radius\n &.progress-bar\n z-index 1\n opacity 0.2\n background-size .17rem\n background-image repeating-linear-gradient(45deg, #fff, #fff 0.08rem, transparent 0.08rem, transparent .12rem)\n animation rolling 20s linear infinite running\n .progress-info\n display flex\n align-items center\n justify-content center\n position absolute\n left 0\n top 0\n height 100%\n transition left 2s ease\n text-shadow 0 0 0.06rem rgba(255,255,255,0.5)\n@keyframes rolling\n to\n background-position-x .17rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorProgress/monitor-progress.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-progress\",style:(_vm.style)},[_c('div',{staticClass:\"progress-container\",style:(_vm.containerStyle)},[_c('div',{staticClass:\"progress-bar\"}),_vm._v(\" \"),_c('div',{staticClass:\"progress-bg\",style:(_vm.bgStyle)})]),_vm._v(\" \"),(!_vm.hideInfo)?_c('b',{staticClass:\"progress-info\",style:(_vm.infoStyle)},[_c('m-count',{attrs:{\"value\":_vm.percent}}),_vm._v(\"%\\n \")],1):_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-630f697c\",\"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/MonitorProgress/monitor-progress.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-630f697c\\\",\\\"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-progress.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-progress.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-progress.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-630f697c\\\",\\\"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-progress.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-630f697c\"\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/MonitorProgress/monitor-progress.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorProgress/monitor-progress.vue","webpack:///./src/components/MonitorComponents/MonitorProgress/monitor-progress.vue?8e54","webpack:///./src/components/MonitorComponents/MonitorProgress/monitor-progress.vue"],"names":["monitor_progress","name","props","percent","type","Number","default","color","String","Array","size","hide-info","Boolean","text-inside","computed","style","Math","round","this","result","padding","toFixed","hideInfo","textInside","width","containerStyle","height","bgStyle","background","infoStyle","info","left","extends_default","fontSize","MonitorProgress_monitor_progress","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_e","attrs","value","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"+HAaAA,GACAC,KAAA,kBACAC,OACAC,SACAC,KAAAC,OACAC,QAAA,GAEAC,OACAH,MAAAI,OAAAC,OACAH,QAAA,WAEAI,MACAN,KAAAC,OACAC,QAAA,IAEAK,aACAP,KAAAQ,QACAN,SAAA,GAEAO,eACAT,KAAAQ,QACAN,SAAA,IAGAQ,UACAC,MADA,WAEA,IAAAL,EAAAM,KAAAC,MAAAC,KAAAR,KAAA,IACAS,GACAC,SAAAV,EAAA,MAAAW,QAAA,WAAAX,EAAA,QAAAW,QAAA,UAWA,OATAH,KAAAI,UAAAJ,KAAAK,WAGAL,KAAAf,SAAA,GACAgB,EAAAK,MAAA,MAEAL,EAAAK,MAAA,OALAL,EAAAK,MAAA,MAQAL,GAEAM,eAjBA,WAkBA,OACAC,QAAAR,KAAAR,KAAA,OAAAW,QAAA,SACAG,OAAAN,KAAAf,SAAA,QAAAe,KAAAf,SAAA,MAGAwB,QAvBA,WAwBA,uBAAAT,KAAAX,OAEAqB,WAAAV,KAAAX,QAIAqB,WAAA,0BAAAV,KAAAX,MAAA,QAAAW,KAAAX,MAAA,SAIAsB,UAlCA,WAmCA,IAAAC,GACAC,KAAA,QAOA,OALAb,KAAAK,YAAAL,KAAAf,QAAA,KACA2B,GACAC,KAAAb,KAAAf,QAAA,QAGa6B,OACbF,GACAG,UAAA,GAAAf,KAAAR,KAAA,OAAAW,QAAA,SACAd,MAAA,iBAAAW,KAAAX,MAAAW,KAAAX,MAAAW,KAAAX,MAAA,QChFe2B,GADEC,OAFjB,WAA0B,IAAAC,EAAAlB,KAAamB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,mBAAA1B,MAAAqB,EAAA,QAAiDG,EAAA,OAAYE,YAAA,qBAAA1B,MAAAqB,EAAA,iBAA4DG,EAAA,OAAYE,YAAA,iBAA2BL,EAAAM,GAAA,KAAAH,EAAA,OAAwBE,YAAA,cAAA1B,MAAAqB,EAAA,YAA8CA,EAAAM,GAAA,KAAAN,EAAAd,SAAsIc,EAAAO,KAAtIJ,EAAA,KAAwCE,YAAA,gBAAA1B,MAAAqB,EAAA,YAAkDG,EAAA,WAAgBK,OAAOC,MAAAT,EAAAjC,WAAqBiC,EAAAM,GAAA,gBAErcI,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACEjD,EACAkC,GATF,EAVA,SAAAgB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/12.dc9e9b5e5751e4565952.js","sourcesContent":["<template>\n <div class=\"monitor-progress\" :style=\"style\">\n <div class=\"progress-container\" :style=\"containerStyle\">\n <div class=\"progress-bar\"/>\n <div class=\"progress-bg\" :style=\"bgStyle\"/>\n </div>\n <b v-if=\"!hideInfo\" class=\"progress-info\" :style=\"infoStyle\">\n <m-count :value=\"percent\"/>%\n </b>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorProgress',\n props: {\n percent: {\n type: Number,\n default: 0,\n },\n color: {\n type: [String, Array],\n default: '#0176fe',\n },\n size: {\n type: Number,\n default: 14,\n },\n 'hide-info': {\n type: Boolean,\n default: false,\n },\n 'text-inside': {\n type: Boolean,\n default: false,\n }\n },\n computed: {\n style() {\n const size = Math.round(this.size / 10)\n const result = {\n padding: `${(size / 5 / 10).toFixed(1)}rem ${(size / 4.5 / 10).toFixed(1)}rem`,\n }\n if (!this.hideInfo && !this.textInside) {\n result.width = '85%'\n } else {\n if (this.percent >= 95) {\n result.width = '85%'\n } else {\n result.width = '100%'\n }\n }\n return result\n },\n containerStyle() {\n return {\n height: `${(this.size / 10 / 10).toFixed(1)}rem`,\n width: `${this.percent >= 100 ? 100 : this.percent}%`,\n }\n },\n bgStyle() {\n if ('string' === typeof this.color) {\n return {\n background: this.color\n }\n } else {\n return {\n background: `linear-gradient(90deg, ${this.color[0]}, ${this.color[1]})`\n }\n }\n },\n infoStyle() {\n let info = {\n left: '102%'\n }\n if (this.textInside && this.percent < 95) {\n info = {\n left: `${this.percent + 1}%`,\n }\n }\n return {\n ...info,\n fontSize: `${(this.size * 0.7 / 10 / 10).toFixed(1)}rem`,\n color: 'string' === typeof this.color ? this.color : this.color[1],\n }\n },\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n$radius = .2rem\n.monitor-progress\n position relative\n border-radius $radius\n background rgba(0,0,0,0.18)\n box-shadow inset 0 0 0.02rem 0 #000\n .progress-container\n width 0\n position relative\n border-radius $radius\n transition width 2s ease\n div\n position: absolute\n top 0\n left 0\n width 100%\n height 100%\n border-radius $radius\n &.progress-bar\n z-index 1\n opacity 0.2\n background-size .17rem\n background-image repeating-linear-gradient(45deg, #fff, #fff 0.08rem, transparent 0.08rem, transparent .12rem)\n animation rolling 20s linear infinite running\n .progress-info\n display flex\n align-items center\n justify-content center\n position absolute\n left 0\n top 0\n height 100%\n transition left 2s ease\n text-shadow 0 0 0.06rem rgba(255,255,255,0.5)\n@keyframes rolling\n to\n background-position-x .17rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorProgress/monitor-progress.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-progress\",style:(_vm.style)},[_c('div',{staticClass:\"progress-container\",style:(_vm.containerStyle)},[_c('div',{staticClass:\"progress-bar\"}),_vm._v(\" \"),_c('div',{staticClass:\"progress-bg\",style:(_vm.bgStyle)})]),_vm._v(\" \"),(!_vm.hideInfo)?_c('b',{staticClass:\"progress-info\",style:(_vm.infoStyle)},[_c('m-count',{attrs:{\"value\":_vm.percent}}),_vm._v(\"%\\n \")],1):_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-630f697c\",\"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/MonitorProgress/monitor-progress.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-630f697c\\\",\\\"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-progress.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-progress.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-progress.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-630f697c\\\",\\\"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-progress.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-630f697c\"\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/MonitorProgress/monitor-progress.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
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){}}); webpackJsonp([13],{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 //# sourceMappingURL=13.9c2fdff85b2573227713.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue","webpack:///./src/components/MonitorComponents/MonitorDrawer/monitor-drawer.vue?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":""} {"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/13.9c2fdff85b2573227713.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 \ No newline at end of file
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}}); webpackJsonp([14],{"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=15.353d417a5ed863ccb3d2.js.map //# sourceMappingURL=14.d4990f4a8237148ef7ef.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorTable/monitor-table.vue","webpack:///./src/components/MonitorComponents/MonitorTable/monitor-table.vue?9b1e","webpack:///./src/components/MonitorComponents/MonitorTable/monitor-table.vue"],"names":["monitor_table","name","props","title","type","String","default","layout","Array","model","mode","data","curSrc","showImg","methods","handleView","src","this","MonitorTable_monitor_table","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","col","key","attrs","span","width","offset","style","align","length","row","rowIndex","img","i","on","click","$event","INDEXNAME","staticStyle","color","REMARK","imageList","$api","IMG_URL","imageName","value","callback","$$v","expression","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"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","file":"static/js/15.353d417a5ed863ccb3d2.js","sourcesContent":["<template>\n <div class=\"monitor-table\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row row-title\" v-if=\"mode == '1'\">\n <i-col class=\"col\" v-for=\"col in layout\" :key=\"col.key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'left'}; `\">{{col.title}}</div>\n </i-col>\n </Row>\n <template v-if=\"model && model.length > 0 && mode == '1'\">\n <div>\n <Row class=\"row\" v-for=\"(row, rowIndex) in model\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"col in layout\" :key=\"col.key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <template v-if=\"col.type == 'img'\">\n <template v-if=\"row[col.key] && row[col.key].length > 0\">\n <img\n v-for=\"(img, i) in row[col.key]\"\n :key=\"img + i\"\n :src=\"img\"\n @click=\"handleView(img)\" />\n </template>\n </template>\n <div v-else :style=\"`text-align: ${col.align || 'left'};color: ${col.color} `\">{{row[col.key]}}</div>\n </i-col>\n </Row>\n </div>\n </template>\n <template v-else-if=\"model && model.length > 0 && mode == '2'\">\n <div>\n <Row class=\"row\" v-for=\"(row, rowIndex) in model\" :key=\"rowIndex\">\n <i-col class=\"col\" :span=\"16\">\n <div>\n <p>{{row.INDEXNAME}}</p>\n <p style=\"color: #aaa;\">{{row.REMARK}}</p>\n </div>\n </i-col>\n <i-col class=\"col\" :span=\"8\">\n <template v-if=\"row.imageList && row.imageList.length > 0\">\n <img\n v-for=\"(img, i) in row.imageList\"\n :key=\"img + i\"\n :src=\"$api.IMG_URL + img.imageName\"\n @click=\"handleView(img.imageName)\" />\n </template>\n </i-col>\n </Row>\n </div>\n </template>\n <div v-else class=\"no-data\">\n — 暂无数据 —\n </div>\n <m-modal v-model=\"showImg\">\n <img v-if=\"showImg\" style=\"width: 100%;\" :src=\"$api.IMG_URL + curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorTable',\n props: {\n title: {\n type: String,\n default: '',\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Array,\n default() {\n return []\n }\n },\n mode: {\n type: String,\n default: '1',\n }\n },\n data() {\n return {\n curSrc: null,\n showImg: false,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-table\n font-size .1rem\n color #fff\n margin-bottom .1rem\n .no-data\n text-align center\n margin-top 0.05rem\n .title\n font-size .12rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.05rem\n margin-bottom .1rem\n border-bottom 0.01rem solid $color-map()\n .row\n display flex\n align-items center\n line-height .24rem\n &.row-title\n font-weight bold\n font-size .11rem\n background-color $color-map()\n &:nth-child(2n)\n background-color $color-map(0.15)\n .col\n padding 0 .1rem\n display flex\n align-items center\n flex-wrap wrap\n img\n width 100%\n height .5rem\n margin 0.04rem 0\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorTable/monitor-table.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-table\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),(_vm.mode == '1')?_c('Row',{staticClass:\"row row-title\"},_vm._l((_vm.layout),function(col){return _c('i-col',{key:col.key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'left') + \"; \"))},[_vm._v(_vm._s(col.title))])])}),1):_vm._e(),_vm._v(\" \"),(_vm.model && _vm.model.length > 0 && _vm.mode == '1')?[_c('div',_vm._l((_vm.model),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((_vm.layout),function(col){return _c('i-col',{key:col.key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[(col.type == 'img')?[(row[col.key] && row[col.key].length > 0)?_vm._l((row[col.key]),function(img,i){return _c('img',{key:img + i,attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}})}):_vm._e()]:_c('div',{style:((\"text-align: \" + (col.align || 'left') + \";color: \" + (col.color) + \" \"))},[_vm._v(_vm._s(row[col.key]))])],2)}),1)}),1)]:(_vm.model && _vm.model.length > 0 && _vm.mode == '2')?[_c('div',_vm._l((_vm.model),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},[_c('i-col',{staticClass:\"col\",attrs:{\"span\":16}},[_c('div',[_c('p',[_vm._v(_vm._s(row.INDEXNAME))]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#aaa\"}},[_vm._v(_vm._s(row.REMARK))])])]),_vm._v(\" \"),_c('i-col',{staticClass:\"col\",attrs:{\"span\":8}},[(row.imageList && row.imageList.length > 0)?_vm._l((row.imageList),function(img,i){return _c('img',{key:img + i,attrs:{\"src\":_vm.$api.IMG_URL + img.imageName},on:{\"click\":function($event){return _vm.handleView(img.imageName)}}})}):_vm._e()],2)],1)}),1)]:_c('div',{staticClass:\"no-data\"},[_vm._v(\"\\n — 暂无数据 —\\n \")]),_vm._v(\" \"),_c('m-modal',{model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.$api.IMG_URL + _vm.curSrc}}):_vm._e()])],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-4d193538\",\"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/MonitorTable/monitor-table.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-4d193538\\\",\\\"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-table.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-table.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-table.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4d193538\\\",\\\"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-table.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-4d193538\"\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/MonitorTable/monitor-table.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorTable/monitor-table.vue","webpack:///./src/components/MonitorComponents/MonitorTable/monitor-table.vue?9b1e","webpack:///./src/components/MonitorComponents/MonitorTable/monitor-table.vue"],"names":["monitor_table","name","props","title","type","String","default","layout","Array","model","mode","data","curSrc","showImg","methods","handleView","src","this","MonitorTable_monitor_table","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","col","key","attrs","span","width","offset","style","align","length","row","rowIndex","img","i","on","click","$event","INDEXNAME","staticStyle","color","REMARK","imageList","$api","IMG_URL","imageName","value","callback","$$v","expression","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"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","file":"static/js/14.d4990f4a8237148ef7ef.js","sourcesContent":["<template>\n <div class=\"monitor-table\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row row-title\" v-if=\"mode == '1'\">\n <i-col class=\"col\" v-for=\"col in layout\" :key=\"col.key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'left'}; `\">{{col.title}}</div>\n </i-col>\n </Row>\n <template v-if=\"model && model.length > 0 && mode == '1'\">\n <div>\n <Row class=\"row\" v-for=\"(row, rowIndex) in model\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"col in layout\" :key=\"col.key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <template v-if=\"col.type == 'img'\">\n <template v-if=\"row[col.key] && row[col.key].length > 0\">\n <img\n v-for=\"(img, i) in row[col.key]\"\n :key=\"img + i\"\n :src=\"img\"\n @click=\"handleView(img)\" />\n </template>\n </template>\n <div v-else :style=\"`text-align: ${col.align || 'left'};color: ${col.color} `\">{{row[col.key]}}</div>\n </i-col>\n </Row>\n </div>\n </template>\n <template v-else-if=\"model && model.length > 0 && mode == '2'\">\n <div>\n <Row class=\"row\" v-for=\"(row, rowIndex) in model\" :key=\"rowIndex\">\n <i-col class=\"col\" :span=\"16\">\n <div>\n <p>{{row.INDEXNAME}}</p>\n <p style=\"color: #aaa;\">{{row.REMARK}}</p>\n </div>\n </i-col>\n <i-col class=\"col\" :span=\"8\">\n <template v-if=\"row.imageList && row.imageList.length > 0\">\n <img\n v-for=\"(img, i) in row.imageList\"\n :key=\"img + i\"\n :src=\"$api.IMG_URL + img.imageName\"\n @click=\"handleView(img.imageName)\" />\n </template>\n </i-col>\n </Row>\n </div>\n </template>\n <div v-else class=\"no-data\">\n — 暂无数据 —\n </div>\n <m-modal v-model=\"showImg\">\n <img v-if=\"showImg\" style=\"width: 100%;\" :src=\"$api.IMG_URL + curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorTable',\n props: {\n title: {\n type: String,\n default: '',\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Array,\n default() {\n return []\n }\n },\n mode: {\n type: String,\n default: '1',\n }\n },\n data() {\n return {\n curSrc: null,\n showImg: false,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-table\n font-size .1rem\n color #fff\n margin-bottom .1rem\n .no-data\n text-align center\n margin-top 0.05rem\n .title\n font-size .12rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.05rem\n margin-bottom .1rem\n border-bottom 0.01rem solid $color-map()\n .row\n display flex\n align-items center\n line-height .24rem\n &.row-title\n font-weight bold\n font-size .11rem\n background-color $color-map()\n &:nth-child(2n)\n background-color $color-map(0.15)\n .col\n padding 0 .1rem\n display flex\n align-items center\n flex-wrap wrap\n img\n width 100%\n height .5rem\n margin 0.04rem 0\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorTable/monitor-table.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-table\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),(_vm.mode == '1')?_c('Row',{staticClass:\"row row-title\"},_vm._l((_vm.layout),function(col){return _c('i-col',{key:col.key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'left') + \"; \"))},[_vm._v(_vm._s(col.title))])])}),1):_vm._e(),_vm._v(\" \"),(_vm.model && _vm.model.length > 0 && _vm.mode == '1')?[_c('div',_vm._l((_vm.model),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((_vm.layout),function(col){return _c('i-col',{key:col.key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[(col.type == 'img')?[(row[col.key] && row[col.key].length > 0)?_vm._l((row[col.key]),function(img,i){return _c('img',{key:img + i,attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}})}):_vm._e()]:_c('div',{style:((\"text-align: \" + (col.align || 'left') + \";color: \" + (col.color) + \" \"))},[_vm._v(_vm._s(row[col.key]))])],2)}),1)}),1)]:(_vm.model && _vm.model.length > 0 && _vm.mode == '2')?[_c('div',_vm._l((_vm.model),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},[_c('i-col',{staticClass:\"col\",attrs:{\"span\":16}},[_c('div',[_c('p',[_vm._v(_vm._s(row.INDEXNAME))]),_vm._v(\" \"),_c('p',{staticStyle:{\"color\":\"#aaa\"}},[_vm._v(_vm._s(row.REMARK))])])]),_vm._v(\" \"),_c('i-col',{staticClass:\"col\",attrs:{\"span\":8}},[(row.imageList && row.imageList.length > 0)?_vm._l((row.imageList),function(img,i){return _c('img',{key:img + i,attrs:{\"src\":_vm.$api.IMG_URL + img.imageName},on:{\"click\":function($event){return _vm.handleView(img.imageName)}}})}):_vm._e()],2)],1)}),1)]:_c('div',{staticClass:\"no-data\"},[_vm._v(\"\\n — 暂无数据 —\\n \")]),_vm._v(\" \"),_c('m-modal',{model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.$api.IMG_URL + _vm.curSrc}}):_vm._e()])],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-4d193538\",\"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/MonitorTable/monitor-table.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-4d193538\\\",\\\"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-table.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-table.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-table.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-4d193538\\\",\\\"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-table.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-4d193538\"\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/MonitorTable/monitor-table.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
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){}}); webpackJsonp([15],{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=16.8bf529ac202e2c3b5452.js.map //# sourceMappingURL=15.7655e368d63efa369118.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue","webpack:///./src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue?4405","webpack:///./src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue"],"names":["monitor_scroll","name","props","length","type","Number","required","limit","default","duration","mode","String","step","data","timer","index","mounted","this","$nextTick","start","beforeDestroy","clearTimer","computed","isShort","isTooLong","methods","clearInterval","startMode2","startMode1","_this","_$refs","$refs","content","scrollContent","subContent","height","offsetHeight","setInterval","style","transform","_this2","_$refs2","len","$com","confirm","transition","watch","_$refs3","MonitorScroll_monitor_scroll","render","_vm","_h","$createElement","_c","_self","staticClass","on","mouseenter","mouseleave","ref","_t","_v","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAYA,IAAAA,GACAC,KAAA,gBACAC,OACAC,QACAC,KAAAC,OACAC,UAAA,GAEAC,OACAH,KAAAC,OACAG,QAAA,GAEAC,UACAL,KAAAC,OACAG,QAAA,KAEAE,MACAN,MAAAC,OAAAM,QACAH,QAAA,GAEAI,MACAR,KAAAC,SAGAQ,KAvBA,WAwBA,OACAC,MAAA,KACAC,MAAA,IAGAC,QA7BA,WA8BAC,KAAAC,UAAAD,KAAAE,QAEAC,cAhCA,WAiCAH,KAAAI,cAEAC,UACAC,QADA,WAEA,OAAAN,KAAAd,QAAAc,KAAAV,OAEAiB,UAJA,WAKA,OAAAP,KAAAd,OAAA,MAGAsB,SACAJ,WADA,WAEAK,cAAAT,KAAAH,OACAG,KAAAH,MAAA,MAEAK,MALA,WAMAF,KAAAM,UACA,KAAAN,KAAAP,KACAO,KAAAU,aAEAV,KAAAW,eAGAA,WAbA,WAaA,IAAAC,EAAAZ,KAAAa,EACAb,KAAAc,MAAAC,EADAF,EACAG,cAAAC,EADAJ,EACAI,WACAC,EAAAH,EAAAI,aAEAnB,KAAAH,MAAAuB,YAAA,WACAF,GAAA,EACAA,EAAAH,EAAAI,cAGAP,EAAAd,MAAAoB,EACAN,EAAAd,OAAA,EAEAc,EAAAd,MAAA,EAEAiB,EAAAM,MAAAC,UAAA,eAAAV,EAAAd,MAAA,MACAmB,MAAAI,MAAAC,UAAA,eAAAV,EAAAd,MAAA,SACA,KAEAY,WA/BA,WA+BA,IAAAa,EAAAvB,KAAAwB,EACAxB,KAAAc,MAAAC,EADAS,EACAR,cAAAC,EADAO,EACAP,WACAQ,EAAAzB,KAAA0B,KAAAC,QAAAZ,EAAA,qBAEAf,KAAAH,MAAAuB,YAAA,WACAG,EAAAzB,MAAA2B,GACAF,EAAAzB,OAAA,EACAiB,EAAAM,MAAAO,WAAA,iBACAX,MAAAI,MAAAO,WAAA,oBAEAL,EAAAzB,MAAA,EACAiB,EAAAM,MAAAO,WAAA,OACAX,MAAAI,MAAAO,WAAA,SAEAb,EAAAM,MAAAC,UAAA,eAAAC,EAAA5B,KAAA4B,EAAAzB,MAAA,OACAmB,MAAAI,MAAAC,UAAA,eAAAC,EAAA5B,KAAA4B,EAAAzB,MAAA,SACAE,KAAAR,YAGAqC,OACA3C,OADA,WAEAc,KAAAI,aACAJ,KAAAF,MAAA,EAFA,IAAAgC,EAGA9B,KAAAc,MAAAC,EAHAe,EAGAd,cAAAC,EAHAa,EAGAb,WACAF,IACAA,EAAAM,MAAAC,UAAA,iBAEAL,IACAA,EAAAI,MAAAC,UAAA,iBAEAtB,KAAAC,UAAAD,KAAAE,UCjHe6B,GADEC,OAFjB,WAA0B,IAAAC,EAAAjC,KAAakC,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAAAC,IAAiCC,WAAAP,EAAA7B,WAAAqC,WAAAR,EAAA/B,SAAoDkC,EAAA,OAAYM,IAAA,kBAAoBT,EAAAU,GAAA,eAAAV,EAAAW,GAAA,KAAAX,EAAA3B,SAAA2B,EAAA1B,UAAgG0B,EAAAY,KAAhGT,EAAA,OAA+EM,IAAA,eAAiBT,EAAAU,GAAA,kBAE9SG,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACElE,EACAgD,GATF,EAVA,SAAAmB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/16.8bf529ac202e2c3b5452.js","sourcesContent":["<template>\n <div class=\"monitor-scroll\" @mouseenter=\"clearTimer\" @mouseleave=\"start\">\n <div ref=\"scrollContent\">\n <slot />\n </div>\n <div v-if=\"!isShort && !isTooLong\" ref=\"subContent\">\n <slot />\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorScroll',\n props: {\n length: {\n type: Number,\n required: true,\n },\n limit: {\n type: Number,\n default: 6,\n },\n duration: {\n type: Number,\n default: 3000,\n },\n mode: {\n type: [Number, String],\n default: 1,\n },\n step: {\n type: Number,\n },\n },\n data() {\n return {\n timer: null,\n index: 0,\n }\n },\n mounted() {\n this.$nextTick(this.start)\n },\n beforeDestroy() {\n this.clearTimer()\n },\n computed: {\n isShort() {\n return this.length <= this.limit\n },\n isTooLong() {\n return this.length > 120\n }\n },\n methods: {\n clearTimer() {\n clearInterval(this.timer)\n this.timer = null\n },\n start() {\n if (this.isShort) return\n if (this.mode == '2') {\n this.startMode2()\n } else {\n this.startMode1()\n }\n },\n startMode1() {\n const {scrollContent: content, subContent} = this.$refs\n let height = content.offsetHeight\n\n this.timer = setInterval(() => {\n if (height <= 0) {\n height = content.offsetHeight\n return\n }\n if (this.index < height) {\n this.index += 1\n } else {\n this.index = 0\n }\n content.style.transform = `translateY(${-this.index}px)`\n subContent ? subContent.style.transform = `translateY(${-this.index}px)` : null\n }, 50)\n },\n startMode2() {\n const {scrollContent: content, subContent} = this.$refs\n const len = this.$com.confirm(content, 'children.length', 0)\n\n this.timer = setInterval(() => {\n if (this.index < len) {\n this.index += 1\n content.style.transition = 'transform 0.5s'\n subContent ? subContent.style.transition = 'transform 0.5s' : null\n } else {\n this.index = 0\n content.style.transition = 'none'\n subContent ? subContent.style.transition = 'none' : null\n }\n content.style.transform = `translateY(${-this.step * this.index}rem)`\n subContent ? subContent.style.transform = `translateY(${-this.step * this.index}rem)` : null\n }, this.duration)\n },\n },\n watch: {\n length() {\n this.clearTimer()\n this.index = 0\n const {scrollContent: content, subContent} = this.$refs\n if (content) {\n content.style.transform = 'translateY(0)'\n }\n if (subContent) {\n subContent.style.transform = 'translateY(0)'\n }\n this.$nextTick(this.start)\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-scroll\n width 100%\n height 100%\n overflow hidden\n box-sizing border-box\n z-index 10\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-scroll\",on:{\"mouseenter\":_vm.clearTimer,\"mouseleave\":_vm.start}},[_c('div',{ref:\"scrollContent\"},[_vm._t(\"default\")],2),_vm._v(\" \"),(!_vm.isShort && !_vm.isTooLong)?_c('div',{ref:\"subContent\"},[_vm._t(\"default\")],2):_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-3acc30e3\",\"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/MonitorScroll/monitor-scroll.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-3acc30e3\\\",\\\"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-scroll.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-scroll.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-scroll.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3acc30e3\\\",\\\"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-scroll.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-3acc30e3\"\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/MonitorScroll/monitor-scroll.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue","webpack:///./src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue?4405","webpack:///./src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue"],"names":["monitor_scroll","name","props","length","type","Number","required","limit","default","duration","mode","String","step","data","timer","index","mounted","this","$nextTick","start","beforeDestroy","clearTimer","computed","isShort","isTooLong","methods","clearInterval","startMode2","startMode1","_this","_$refs","$refs","content","scrollContent","subContent","height","offsetHeight","setInterval","style","transform","_this2","_$refs2","len","$com","confirm","transition","watch","_$refs3","MonitorScroll_monitor_scroll","render","_vm","_h","$createElement","_c","_self","staticClass","on","mouseenter","mouseleave","ref","_t","_v","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAYA,IAAAA,GACAC,KAAA,gBACAC,OACAC,QACAC,KAAAC,OACAC,UAAA,GAEAC,OACAH,KAAAC,OACAG,QAAA,GAEAC,UACAL,KAAAC,OACAG,QAAA,KAEAE,MACAN,MAAAC,OAAAM,QACAH,QAAA,GAEAI,MACAR,KAAAC,SAGAQ,KAvBA,WAwBA,OACAC,MAAA,KACAC,MAAA,IAGAC,QA7BA,WA8BAC,KAAAC,UAAAD,KAAAE,QAEAC,cAhCA,WAiCAH,KAAAI,cAEAC,UACAC,QADA,WAEA,OAAAN,KAAAd,QAAAc,KAAAV,OAEAiB,UAJA,WAKA,OAAAP,KAAAd,OAAA,MAGAsB,SACAJ,WADA,WAEAK,cAAAT,KAAAH,OACAG,KAAAH,MAAA,MAEAK,MALA,WAMAF,KAAAM,UACA,KAAAN,KAAAP,KACAO,KAAAU,aAEAV,KAAAW,eAGAA,WAbA,WAaA,IAAAC,EAAAZ,KAAAa,EACAb,KAAAc,MAAAC,EADAF,EACAG,cAAAC,EADAJ,EACAI,WACAC,EAAAH,EAAAI,aAEAnB,KAAAH,MAAAuB,YAAA,WACAF,GAAA,EACAA,EAAAH,EAAAI,cAGAP,EAAAd,MAAAoB,EACAN,EAAAd,OAAA,EAEAc,EAAAd,MAAA,EAEAiB,EAAAM,MAAAC,UAAA,eAAAV,EAAAd,MAAA,MACAmB,MAAAI,MAAAC,UAAA,eAAAV,EAAAd,MAAA,SACA,KAEAY,WA/BA,WA+BA,IAAAa,EAAAvB,KAAAwB,EACAxB,KAAAc,MAAAC,EADAS,EACAR,cAAAC,EADAO,EACAP,WACAQ,EAAAzB,KAAA0B,KAAAC,QAAAZ,EAAA,qBAEAf,KAAAH,MAAAuB,YAAA,WACAG,EAAAzB,MAAA2B,GACAF,EAAAzB,OAAA,EACAiB,EAAAM,MAAAO,WAAA,iBACAX,MAAAI,MAAAO,WAAA,oBAEAL,EAAAzB,MAAA,EACAiB,EAAAM,MAAAO,WAAA,OACAX,MAAAI,MAAAO,WAAA,SAEAb,EAAAM,MAAAC,UAAA,eAAAC,EAAA5B,KAAA4B,EAAAzB,MAAA,OACAmB,MAAAI,MAAAC,UAAA,eAAAC,EAAA5B,KAAA4B,EAAAzB,MAAA,SACAE,KAAAR,YAGAqC,OACA3C,OADA,WAEAc,KAAAI,aACAJ,KAAAF,MAAA,EAFA,IAAAgC,EAGA9B,KAAAc,MAAAC,EAHAe,EAGAd,cAAAC,EAHAa,EAGAb,WACAF,IACAA,EAAAM,MAAAC,UAAA,iBAEAL,IACAA,EAAAI,MAAAC,UAAA,iBAEAtB,KAAAC,UAAAD,KAAAE,UCjHe6B,GADEC,OAFjB,WAA0B,IAAAC,EAAAjC,KAAakC,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAAAC,IAAiCC,WAAAP,EAAA7B,WAAAqC,WAAAR,EAAA/B,SAAoDkC,EAAA,OAAYM,IAAA,kBAAoBT,EAAAU,GAAA,eAAAV,EAAAW,GAAA,KAAAX,EAAA3B,SAAA2B,EAAA1B,UAAgG0B,EAAAY,KAAhGT,EAAA,OAA+EM,IAAA,eAAiBT,EAAAU,GAAA,kBAE9SG,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACElE,EACAgD,GATF,EAVA,SAAAmB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/15.7655e368d63efa369118.js","sourcesContent":["<template>\n <div class=\"monitor-scroll\" @mouseenter=\"clearTimer\" @mouseleave=\"start\">\n <div ref=\"scrollContent\">\n <slot />\n </div>\n <div v-if=\"!isShort && !isTooLong\" ref=\"subContent\">\n <slot />\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorScroll',\n props: {\n length: {\n type: Number,\n required: true,\n },\n limit: {\n type: Number,\n default: 6,\n },\n duration: {\n type: Number,\n default: 3000,\n },\n mode: {\n type: [Number, String],\n default: 1,\n },\n step: {\n type: Number,\n },\n },\n data() {\n return {\n timer: null,\n index: 0,\n }\n },\n mounted() {\n this.$nextTick(this.start)\n },\n beforeDestroy() {\n this.clearTimer()\n },\n computed: {\n isShort() {\n return this.length <= this.limit\n },\n isTooLong() {\n return this.length > 120\n }\n },\n methods: {\n clearTimer() {\n clearInterval(this.timer)\n this.timer = null\n },\n start() {\n if (this.isShort) return\n if (this.mode == '2') {\n this.startMode2()\n } else {\n this.startMode1()\n }\n },\n startMode1() {\n const {scrollContent: content, subContent} = this.$refs\n let height = content.offsetHeight\n\n this.timer = setInterval(() => {\n if (height <= 0) {\n height = content.offsetHeight\n return\n }\n if (this.index < height) {\n this.index += 1\n } else {\n this.index = 0\n }\n content.style.transform = `translateY(${-this.index}px)`\n subContent ? subContent.style.transform = `translateY(${-this.index}px)` : null\n }, 50)\n },\n startMode2() {\n const {scrollContent: content, subContent} = this.$refs\n const len = this.$com.confirm(content, 'children.length', 0)\n\n this.timer = setInterval(() => {\n if (this.index < len) {\n this.index += 1\n content.style.transition = 'transform 0.5s'\n subContent ? subContent.style.transition = 'transform 0.5s' : null\n } else {\n this.index = 0\n content.style.transition = 'none'\n subContent ? subContent.style.transition = 'none' : null\n }\n content.style.transform = `translateY(${-this.step * this.index}rem)`\n subContent ? subContent.style.transform = `translateY(${-this.step * this.index}rem)` : null\n }, this.duration)\n },\n },\n watch: {\n length() {\n this.clearTimer()\n this.index = 0\n const {scrollContent: content, subContent} = this.$refs\n if (content) {\n content.style.transform = 'translateY(0)'\n }\n if (subContent) {\n subContent.style.transform = 'translateY(0)'\n }\n this.$nextTick(this.start)\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-scroll\n width 100%\n height 100%\n overflow hidden\n box-sizing border-box\n z-index 10\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorScroll/monitor-scroll.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-scroll\",on:{\"mouseenter\":_vm.clearTimer,\"mouseleave\":_vm.start}},[_c('div',{ref:\"scrollContent\"},[_vm._t(\"default\")],2),_vm._v(\" \"),(!_vm.isShort && !_vm.isTooLong)?_c('div',{ref:\"subContent\"},[_vm._t(\"default\")],2):_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-3acc30e3\",\"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/MonitorScroll/monitor-scroll.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-3acc30e3\\\",\\\"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-scroll.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-scroll.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-scroll.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3acc30e3\\\",\\\"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-scroll.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-3acc30e3\"\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/MonitorScroll/monitor-scroll.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
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}}); webpackJsonp([16],{"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 //# sourceMappingURL=16.1fcc30181efffe81d795.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorModal/monitor-modal.vue","webpack:///./src/components/MonitorComponents/MonitorModal/monitor-modal.vue?edaf","webpack:///./src/components/MonitorComponents/MonitorModal/monitor-modal.vue"],"names":["monitor_modal","name","props","value","type","Boolean","default","width","String","offset","enter","leave","title","methods","handleClose","this","$emit","MonitorModal_monitor_modal","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","style","_v","_s","src","__webpack_require__","on","click","_t","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HA2BA,IAAAA,GACAC,KAAA,eACAC,OACAC,OACAC,KAAAC,QACAC,SAAA,GAEAC,OACAH,KAAAI,OACAF,QAAA,OAEAG,QACAL,KAAAI,OACAF,QAAA,KAEAI,OACAN,KAAAI,OACAF,QAAA,cAEAK,OACAP,KAAAI,OACAF,QAAA,aAEAM,OACAR,KAAAI,OACAF,QAAA,UAGAO,SACAC,YADA,WAEAC,KAAAC,MAAA,SACAD,KAAAC,MAAA,eCvDeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAJ,KAAaK,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,aAAuBE,OAAOd,MAAAS,EAAAT,MAAAC,MAAAQ,EAAAR,SAAqCQ,EAAA,MAAAG,EAAA,OAAwBG,YAAA,kBAA4BH,EAAA,OAAYI,MAAA,aAAAP,EAAAZ,MAAA,eAAqCY,EAAAV,SAA4Ba,EAAA,OAAYG,YAAA,UAAoBH,EAAA,KAAAH,EAAAQ,GAAA,eAAAR,EAAAS,GAAAT,EAAAP,OAAA,gBAAAU,EAAA,QAA6EG,YAAA,SAAmBN,EAAAQ,GAAA,KAAAL,EAAA,QAAyBG,YAAA,YAAoBN,EAAAQ,GAAA,KAAAL,EAAA,OAAAA,EAAA,OAAoCG,YAAA,OAAAD,OAA0BK,IAAMC,EAAQ,WAAqCX,EAAAQ,GAAA,KAAAL,EAAA,OAAwBG,YAAA,YAAAD,OAA+BK,IAAMC,EAAQ,SAAmCC,IAAKC,MAAAb,EAAAL,iBAAyBK,EAAAQ,GAAA,KAAAL,EAAA,OAA0BG,YAAA,OAAAD,OAA0BK,IAAMC,EAAQ,aAAyCX,EAAAQ,GAAA,KAAAL,EAAA,OAA0BG,YAAA,YAAsBH,EAAA,OAAAH,EAAAc,GAAA,qBAAAd,EAAAe,QAE30BC,oBCCjB,IAcAC,EAdyBN,EAAQ,OAcjCO,CACErC,EACAiB,GATF,EAVA,SAAAqB,GACER,EAAQ,SAaV,kBAEA,MAUeS,EAAA,QAAAH,EAAiB","file":"static/js/17.2dd0e132ab952f2f8c5f.js","sourcesContent":["<template>\n<m-animate :enter=\"enter\" :leave=\"leave\">\n <div v-if=\"value\" class=\"monitor-modal\">\n <div :style=\"`min-width:${width};marginLeft:${offset}`\">\n <div class=\"title\">\n <p>\n {{title}}\n <span class=\"left\"></span>\n <span class=\"right\"></span>\n </p>\n <div>\n <img class=\"flag\" src=\"@/assets/images/modal-title1.png\"/>\n <img @click=\"handleClose\" class=\"close-btn\" src=\"@/assets/images/close-modal.png\"/>\n </div>\n <img class=\"left\" src=\"@/assets/images/modal-title-left.png\"/>\n </div>\n <div class=\"content\">\n <div>\n <slot/>\n </div>\n </div>\n </div>\n </div>\n</m-animate>\n</template>\n\n<script>\nexport default {\n name: 'MonitorModal',\n props: {\n value: {\n type: Boolean,\n default: false,\n },\n width: {\n type: String,\n default: '30%',\n },\n offset: {\n type: String,\n default: '0',\n },\n enter: {\n type: String,\n default: 'fadeInDown',\n },\n leave: {\n type: String,\n default: 'fadeOutUp',\n },\n title: {\n type: String,\n default: 'title',\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-modal\n position fixed\n top 0\n left 0\n right 0\n bottom 0\n display flex\n align-items center\n justify-content center\n background rgba(0,0,0,0.1)\n z-index 1000\n >div\n // background transparent\n background rgba(0,0,0,0.3)\n $blur()\n color #ccc\n max-width 50vh\n transform translateX(-60%)\n .title\n height .4rem\n position relative\n font-weight bold\n border 0.01rem solid $cardFontColor\n display flex\n align-items center\n justify-content space-between\n padding 0 .1rem\n background-image repeating-linear-gradient(45deg, $blue(), $blue(), 0.01rem, transparent 0.01rem, transparent 0.08rem)\n background-color $dark(0.1)\n margin-bottom 0.05rem\n $blur()\n p\n color #fff\n border-bottom 0.01rem solid $cardFontColor\n font-size .12rem\n position relative\n padding 0.02rem 0.05rem\n span\n position absolute\n width .04rem\n height .04rem\n background-color $edgeColor\n bottom - (@height / 2)\n &.left\n left - (@width / 2)\n &.right\n right - (@width / 2)\n >div\n display flex\n align-items center\n img\n &.close-btn\n width .2rem\n cursor pointer\n margin-left 0.05rem\n transition transform 0.5s\n &:hover\n transform rotate(90deg)\n &.flag\n height .2rem\n &.left\n position absolute\n left -0.01rem\n height 80%\n .content\n min-height 30vh\n max-height 80vh\n padding .1rem\n overflow-y auto\n overflow-x hidden\n border 0.01rem solid $cardFontColor\n border-top none\n background $dark()\n $blur()\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorModal/monitor-modal.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-modal\"},[_c('div',{style:((\"min-width:\" + _vm.width + \";marginLeft:\" + _vm.offset))},[_c('div',{staticClass:\"title\"},[_c('p',[_vm._v(\"\\n \"+_vm._s(_vm.title)+\"\\n \"),_c('span',{staticClass:\"left\"}),_vm._v(\" \"),_c('span',{staticClass:\"right\"})]),_vm._v(\" \"),_c('div',[_c('img',{staticClass:\"flag\",attrs:{\"src\":require(\"@/assets/images/modal-title1.png\")}}),_vm._v(\" \"),_c('img',{staticClass:\"close-btn\",attrs:{\"src\":require(\"@/assets/images/close-modal.png\")},on:{\"click\":_vm.handleClose}})]),_vm._v(\" \"),_c('img',{staticClass:\"left\",attrs:{\"src\":require(\"@/assets/images/modal-title-left.png\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',[_vm._t(\"default\")],2)])])]):_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-12e6d05b\",\"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/MonitorModal/monitor-modal.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-12e6d05b\\\",\\\"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-modal.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-modal.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-modal.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-12e6d05b\\\",\\\"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-modal.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-12e6d05b\"\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/MonitorModal/monitor-modal.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorModal/monitor-modal.vue","webpack:///./src/components/MonitorComponents/MonitorModal/monitor-modal.vue?edaf","webpack:///./src/components/MonitorComponents/MonitorModal/monitor-modal.vue"],"names":["monitor_modal","name","props","value","type","Boolean","default","width","String","offset","enter","leave","title","methods","handleClose","this","$emit","MonitorModal_monitor_modal","render","_vm","_h","$createElement","_c","_self","attrs","staticClass","style","_v","_s","src","__webpack_require__","on","click","_t","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HA2BA,IAAAA,GACAC,KAAA,eACAC,OACAC,OACAC,KAAAC,QACAC,SAAA,GAEAC,OACAH,KAAAI,OACAF,QAAA,OAEAG,QACAL,KAAAI,OACAF,QAAA,KAEAI,OACAN,KAAAI,OACAF,QAAA,cAEAK,OACAP,KAAAI,OACAF,QAAA,aAEAM,OACAR,KAAAI,OACAF,QAAA,UAGAO,SACAC,YADA,WAEAC,KAAAC,MAAA,SACAD,KAAAC,MAAA,eCvDeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAJ,KAAaK,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,aAAuBE,OAAOd,MAAAS,EAAAT,MAAAC,MAAAQ,EAAAR,SAAqCQ,EAAA,MAAAG,EAAA,OAAwBG,YAAA,kBAA4BH,EAAA,OAAYI,MAAA,aAAAP,EAAAZ,MAAA,eAAqCY,EAAAV,SAA4Ba,EAAA,OAAYG,YAAA,UAAoBH,EAAA,KAAAH,EAAAQ,GAAA,eAAAR,EAAAS,GAAAT,EAAAP,OAAA,gBAAAU,EAAA,QAA6EG,YAAA,SAAmBN,EAAAQ,GAAA,KAAAL,EAAA,QAAyBG,YAAA,YAAoBN,EAAAQ,GAAA,KAAAL,EAAA,OAAAA,EAAA,OAAoCG,YAAA,OAAAD,OAA0BK,IAAMC,EAAQ,WAAqCX,EAAAQ,GAAA,KAAAL,EAAA,OAAwBG,YAAA,YAAAD,OAA+BK,IAAMC,EAAQ,SAAmCC,IAAKC,MAAAb,EAAAL,iBAAyBK,EAAAQ,GAAA,KAAAL,EAAA,OAA0BG,YAAA,OAAAD,OAA0BK,IAAMC,EAAQ,aAAyCX,EAAAQ,GAAA,KAAAL,EAAA,OAA0BG,YAAA,YAAsBH,EAAA,OAAAH,EAAAc,GAAA,qBAAAd,EAAAe,QAE30BC,oBCCjB,IAcAC,EAdyBN,EAAQ,OAcjCO,CACErC,EACAiB,GATF,EAVA,SAAAqB,GACER,EAAQ,SAaV,kBAEA,MAUeS,EAAA,QAAAH,EAAiB","file":"static/js/16.1fcc30181efffe81d795.js","sourcesContent":["<template>\n<m-animate :enter=\"enter\" :leave=\"leave\">\n <div v-if=\"value\" class=\"monitor-modal\">\n <div :style=\"`min-width:${width};marginLeft:${offset}`\">\n <div class=\"title\">\n <p>\n {{title}}\n <span class=\"left\"></span>\n <span class=\"right\"></span>\n </p>\n <div>\n <img class=\"flag\" src=\"@/assets/images/modal-title1.png\"/>\n <img @click=\"handleClose\" class=\"close-btn\" src=\"@/assets/images/close-modal.png\"/>\n </div>\n <img class=\"left\" src=\"@/assets/images/modal-title-left.png\"/>\n </div>\n <div class=\"content\">\n <div>\n <slot/>\n </div>\n </div>\n </div>\n </div>\n</m-animate>\n</template>\n\n<script>\nexport default {\n name: 'MonitorModal',\n props: {\n value: {\n type: Boolean,\n default: false,\n },\n width: {\n type: String,\n default: '30%',\n },\n offset: {\n type: String,\n default: '0',\n },\n enter: {\n type: String,\n default: 'fadeInDown',\n },\n leave: {\n type: String,\n default: 'fadeOutUp',\n },\n title: {\n type: String,\n default: 'title',\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-modal\n position fixed\n top 0\n left 0\n right 0\n bottom 0\n display flex\n align-items center\n justify-content center\n background rgba(0,0,0,0.1)\n z-index 1000\n >div\n // background transparent\n background rgba(0,0,0,0.3)\n $blur()\n color #ccc\n max-width 50vh\n transform translateX(-60%)\n .title\n height .4rem\n position relative\n font-weight bold\n border 0.01rem solid $cardFontColor\n display flex\n align-items center\n justify-content space-between\n padding 0 .1rem\n background-image repeating-linear-gradient(45deg, $blue(), $blue(), 0.01rem, transparent 0.01rem, transparent 0.08rem)\n background-color $dark(0.1)\n margin-bottom 0.05rem\n $blur()\n p\n color #fff\n border-bottom 0.01rem solid $cardFontColor\n font-size .12rem\n position relative\n padding 0.02rem 0.05rem\n span\n position absolute\n width .04rem\n height .04rem\n background-color $edgeColor\n bottom - (@height / 2)\n &.left\n left - (@width / 2)\n &.right\n right - (@width / 2)\n >div\n display flex\n align-items center\n img\n &.close-btn\n width .2rem\n cursor pointer\n margin-left 0.05rem\n transition transform 0.5s\n &:hover\n transform rotate(90deg)\n &.flag\n height .2rem\n &.left\n position absolute\n left -0.01rem\n height 80%\n .content\n min-height 30vh\n max-height 80vh\n padding .1rem\n overflow-y auto\n overflow-x hidden\n border 0.01rem solid $cardFontColor\n border-top none\n background $dark()\n $blur()\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorModal/monitor-modal.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-modal\"},[_c('div',{style:((\"min-width:\" + _vm.width + \";marginLeft:\" + _vm.offset))},[_c('div',{staticClass:\"title\"},[_c('p',[_vm._v(\"\\n \"+_vm._s(_vm.title)+\"\\n \"),_c('span',{staticClass:\"left\"}),_vm._v(\" \"),_c('span',{staticClass:\"right\"})]),_vm._v(\" \"),_c('div',[_c('img',{staticClass:\"flag\",attrs:{\"src\":require(\"@/assets/images/modal-title1.png\")}}),_vm._v(\" \"),_c('img',{staticClass:\"close-btn\",attrs:{\"src\":require(\"@/assets/images/close-modal.png\")},on:{\"click\":_vm.handleClose}})]),_vm._v(\" \"),_c('img',{staticClass:\"left\",attrs:{\"src\":require(\"@/assets/images/modal-title-left.png\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_c('div',[_vm._t(\"default\")],2)])])]):_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-12e6d05b\",\"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/MonitorModal/monitor-modal.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-12e6d05b\\\",\\\"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-modal.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-modal.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-modal.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-12e6d05b\\\",\\\"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-modal.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-12e6d05b\"\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/MonitorModal/monitor-modal.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
webpackJsonp([18],{"9BkU":function(t,e){},CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},info:{type:Object},msg:{type:Array,default:function(){return[]}}},data:function(){return{setTop:null}},mounted:function(){var t=this;this.$nextTick(function(){t.setTop={top:"calc("+t.$refs.icon[0].offsetTop+"px + 0.035rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){return Math.round(this.linePercent*Number(this.current))},notWidth:function(){return 100-this.doneWidth}},methods:{getInfo:function(t){var e=this.info;switch(t){case 0:return e.create_note||"暂无";case 2:return e.receive_note||"暂无";case 3:return e.done_note||"暂无";default:return"系统自动推送"}}}},r={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"monitor-step"},[s("div",{staticClass:"lines",style:t.setTop},[s("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),s("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,r){return s("div",{key:r,class:"item "+(r==t.current?"on":"")},[s("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),r<=t.current?s("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):s("div",{staticClass:"none"}),t._v(" "),s("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[r]))]),t._v(" "),t.info?s("span",{staticClass:"msg info",attrs:{title:t.getInfo(r)}},[t._v(t._s(t.getInfo(r)))]):t._e()])})],2)},staticRenderFns:[]};var i=n("VU/8")(s,r,!1,function(t){n("9BkU")},"data-v-119a9a0e",null);e.default=i.exports}}); webpackJsonp([17],{"9BkU":function(t,e){},CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},info:{type:Object},msg:{type:Array,default:function(){return[]}}},data:function(){return{setTop:null}},mounted:function(){var t=this;this.$nextTick(function(){t.setTop={top:"calc("+t.$refs.icon[0].offsetTop+"px + 0.035rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){return Math.round(this.linePercent*Number(this.current))},notWidth:function(){return 100-this.doneWidth}},methods:{getInfo:function(t){var e=this.info;switch(t){case 0:return e.create_note||"暂无";case 2:return e.receive_note||"暂无";case 3:return e.done_note||"暂无";default:return"系统自动推送"}}}},r={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"monitor-step"},[s("div",{staticClass:"lines",style:t.setTop},[s("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),s("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,r){return s("div",{key:r,class:"item "+(r==t.current?"on":"")},[s("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),r<=t.current?s("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):s("div",{staticClass:"none"}),t._v(" "),s("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[r]))]),t._v(" "),t.info?s("span",{staticClass:"msg info",attrs:{title:t.getInfo(r)}},[t._v(t._s(t.getInfo(r)))]):t._e()])})],2)},staticRenderFns:[]};var i=n("VU/8")(s,r,!1,function(t){n("9BkU")},"data-v-119a9a0e",null);e.default=i.exports}});
//# sourceMappingURL=18.c4d6f4db971fd6a53de5.js.map //# sourceMappingURL=17.9aa84ade87504941c5c7.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorStep/monitor-step.vue","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue?fee3","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue"],"names":["monitor_step","name","props","steps","type","Array","required","current","String","Number","default","info","Object","msg","data","setTop","mounted","_this","this","$nextTick","top","$refs","icon","offsetTop","computed","linePercent","len","length","doneWidth","Math","round","notWidth","methods","getInfo","i","create_note","receive_note","done_note","MonitorStep_monitor_step","render","_vm","_h","$createElement","_c","_self","staticClass","style","_v","_l","step","key","class","attrs","title","_s","ref","refInFor","__webpack_require__","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HAiBA,IAAAA,GAIAC,KAAA,cACAC,OACAC,OACAC,KAAAC,MACAC,UAAA,GAEAC,SACAH,MAAAI,OAAAC,OAAAJ,OACAK,QAFA,WAGA,eAGAC,MACAP,KAAAQ,QAEAC,KACAT,KAAAC,MACAK,QAFA,WAGA,YAIAI,KA1BA,WA2BA,OACAC,OAAA,OAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAC,UAAA,WACAF,EAAAF,QAAAK,IAAA,QAAAH,EAAAI,MAAAC,KAAA,GAAAC,UAAA,qBAGAC,UACAC,YADA,WAEA,IAAAC,EAAAR,KAAAf,MAAAwB,OACA,OAAAD,EAAA,OAAAA,EAAA,GACA,KAEAE,UANA,WAOA,OAAAC,KAAAC,MAAAZ,KAAAO,YAAAhB,OAAAS,KAAAX,WAEAwB,SATA,WAUA,WAAAb,KAAAU,YAGAI,SACAC,QADA,SACAC,GAAA,IACAvB,EAAAO,KAAAP,KACA,OAAAuB,GACA,OACA,OAAAvB,EAAAwB,aAAA,KACA,OACA,OAAAxB,EAAAyB,cAAA,KACA,OACA,OAAAzB,EAAA0B,WAAA,KACA,QACA,mBC1EeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAtB,KAAauB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BF,EAAA,OAAYE,YAAA,QAAAC,MAAAN,EAAA,SAAuCG,EAAA,OAAYE,YAAA,YAAAC,MAAA,SAAAN,EAAAZ,UAAA,MAAiEY,EAAAO,GAAA,KAAAJ,EAAA,OAAwBE,YAAA,OAAAC,MAAA,SAAAN,EAAAT,SAAA,QAA2DS,EAAAO,GAAA,KAAAP,EAAAQ,GAAAR,EAAA,eAAAS,EAAAf,GAAoD,OAAAS,EAAA,OAAiBO,IAAAhB,EAAAiB,MAAA,SAAAjB,GAAAM,EAAAjC,QAAA,WAAuDoC,EAAA,KAAUS,OAAOC,MAAAJ,EAAAhD,QAAmBuC,EAAAO,GAAAP,EAAAc,GAAAL,EAAAhD,SAAAuC,EAAAO,GAAA,KAAAb,GAAAM,EAAAjC,QAAAoC,EAAA,OAAuEY,IAAA,OAAAC,UAAA,EAAAX,YAAA,OAAAC,MAAA,wBAA+EW,EAAQ,QAA0B,MAAWd,EAAA,OAAYE,YAAA,SAAmBL,EAAAO,GAAA,KAAAJ,EAAA,QAAyBE,YAAA,MAAAO,OAAyBC,MAAAJ,EAAApC,OAAkB2B,EAAAO,GAAAP,EAAAc,GAAAd,EAAA3B,IAAAqB,OAAAM,EAAAO,GAAA,KAAAP,EAAA,KAAAG,EAAA,QAAiEE,YAAA,WAAAO,OAA8BC,MAAAb,EAAAP,QAAAC,MAAwBM,EAAAO,GAAAP,EAAAc,GAAAd,EAAAP,QAAAC,OAAAM,EAAAkB,UAA8C,IAEl7BC,oBCCjB,IAcAC,EAdyBH,EAAQ,OAcjCI,CACE7D,EACAsC,GATF,EAVA,SAAAwB,GACEL,EAAQ,SAaV,kBAEA,MAUeM,EAAA,QAAAH,EAAiB","file":"static/js/18.c4d6f4db971fd6a53de5.js","sourcesContent":["<template>\n <div class=\"monitor-step\">\n <div class=\"lines\" :style=\"setTop\">\n <div class=\"line done\" :style=\"`width:${doneWidth}%`\"/>\n <div class=\"line\" :style=\"`width:${notWidth}%`\"/>\n </div>\n <div v-for=\"(step, i) in steps\" :key=\"i\" :class=\"`item ${i == current ? 'on' : ''}`\">\n <p :title=\"step.name\">{{step.name}}</p>\n <div ref=\"icon\" v-if=\"i <= current\" class=\"icon\" :style=\"`background-image:url(${require('@/assets/images/true.png')})`\"/>\n <div v-else class=\"none\"/>\n <span class=\"msg\" :title=\"step.msg\">{{msg[i]}}</span>\n <span v-if=\"info\" class=\"msg info\" :title=\"getInfo(i)\">{{getInfo(i)}}</span>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n // 顶部的lines是线 , 根据doneWidth 和notWidth 来判断宽度\n // 枚举数据,判断入参数组的第二项是否为true, 区别设置css 下一个圈是否放大\n // 下面的 icon 是判断枚举的index 是否小于 cur的第0项, 是的话就给 ✔️ 对号\n name: 'MonitorStep',\n props: {\n steps: {\n type: Array,\n required: true,\n },\n current: {\n type: [String, Number, Array],\n default(){\n return [0, false] // 第0项为当前的标识, 后面的布尔是判断后面是否加线\n }\n },\n info: {\n type: Object,\n },\n msg: {\n type: Array,\n default() {\n return []\n },\n }\n },\n data() {\n return {\n setTop: null,\n }\n },\n mounted() {\n this.$nextTick(() => {\n this.setTop = {top: `calc(${this.$refs.icon[0].offsetTop}px + 0.035rem)`}\n })\n },\n computed: {\n linePercent() {\n const len = this.steps.length\n if (len > 2) return 100 / (len - 1) // 跟据steps数组的长度,分隔线每一调的长度占比\n return 100\n },\n doneWidth() {\n return Math.round(this.linePercent * Number(this.current))\n },\n notWidth() {\n return 100 - this.doneWidth\n }\n },\n methods: {\n getInfo(i) {\n const {info} = this\n switch (i) {\n case 0:\n return info.create_note || '暂无'\n case 2:\n return info.receive_note || '暂无'\n case 3:\n return info.done_note || '暂无'\n default:\n return '系统自动推送'\n }\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n$icon-color = #1DE5AD\n.monitor-step\n width 90%\n margin 0 auto\n display flex\n justify-content space-between\n position relative\n font-size .1rem\n .lines\n display flex\n position absolute\n width 100%\n left -0.05rem\n >.line\n height 0.03rem\n background rgba(0,0,0,0.8)\n border-radius .1rem\n margin-left 0.05rem\n &.done\n background linear-gradient(to right, #3391FF, #02EEFF)\n .item\n text-align center\n width .1rem\n position relative\n z-index 1\n .icon\n width .1rem\n height @width\n border-radius 50%\n background-color #02f3ff\n background-position 50%\n background-size 50%\n background-repeat no-repeat\n .none\n width 0.08rem\n height @width\n border 0.02rem solid $fontColor\n border-radius 50%\n transform translateY(10%)\n .msg\n display inline-block\n font-size .1rem\n width 1rem\n transform translateX(-50%)\n margin 0.02rem 50%\n font-weight normal\n color #eee\n &.info\n width 1.3rem\n color #eee\n p\n width .5rem\n text-indent .1rem\n transform translateX(-50%)\n overflow hidden\n white-space nowrap\n text-overflow ellipsis\n font-size .09rem\n color #ccc\n &.on\n .icon\n transform scale(1.2)\n background-position 50% 50%\n background-size 70% 70%\n box-shadow 0 0 .05rem 0.01rem $icon-color\n p\n color $edgeColor\n font-weight bold\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorStep/monitor-step.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-step\"},[_c('div',{staticClass:\"lines\",style:(_vm.setTop)},[_c('div',{staticClass:\"line done\",style:((\"width:\" + _vm.doneWidth + \"%\"))}),_vm._v(\" \"),_c('div',{staticClass:\"line\",style:((\"width:\" + _vm.notWidth + \"%\"))})]),_vm._v(\" \"),_vm._l((_vm.steps),function(step,i){return _c('div',{key:i,class:(\"item \" + (i == _vm.current ? 'on' : ''))},[_c('p',{attrs:{\"title\":step.name}},[_vm._v(_vm._s(step.name))]),_vm._v(\" \"),(i <= _vm.current)?_c('div',{ref:\"icon\",refInFor:true,staticClass:\"icon\",style:((\"background-image:url(\" + (require('@/assets/images/true.png')) + \")\"))}):_c('div',{staticClass:\"none\"}),_vm._v(\" \"),_c('span',{staticClass:\"msg\",attrs:{\"title\":step.msg}},[_vm._v(_vm._s(_vm.msg[i]))]),_vm._v(\" \"),(_vm.info)?_c('span',{staticClass:\"msg info\",attrs:{\"title\":_vm.getInfo(i)}},[_vm._v(_vm._s(_vm.getInfo(i)))]):_vm._e()])})],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-119a9a0e\",\"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/MonitorStep/monitor-step.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-119a9a0e\\\",\\\"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-step.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-step.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-step.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-119a9a0e\\\",\\\"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-step.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-119a9a0e\"\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/MonitorStep/monitor-step.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorStep/monitor-step.vue","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue?fee3","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue"],"names":["monitor_step","name","props","steps","type","Array","required","current","String","Number","default","info","Object","msg","data","setTop","mounted","_this","this","$nextTick","top","$refs","icon","offsetTop","computed","linePercent","len","length","doneWidth","Math","round","notWidth","methods","getInfo","i","create_note","receive_note","done_note","MonitorStep_monitor_step","render","_vm","_h","$createElement","_c","_self","staticClass","style","_v","_l","step","key","class","attrs","title","_s","ref","refInFor","__webpack_require__","_e","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HAiBA,IAAAA,GAIAC,KAAA,cACAC,OACAC,OACAC,KAAAC,MACAC,UAAA,GAEAC,SACAH,MAAAI,OAAAC,OAAAJ,OACAK,QAFA,WAGA,eAGAC,MACAP,KAAAQ,QAEAC,KACAT,KAAAC,MACAK,QAFA,WAGA,YAIAI,KA1BA,WA2BA,OACAC,OAAA,OAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAC,UAAA,WACAF,EAAAF,QAAAK,IAAA,QAAAH,EAAAI,MAAAC,KAAA,GAAAC,UAAA,qBAGAC,UACAC,YADA,WAEA,IAAAC,EAAAR,KAAAf,MAAAwB,OACA,OAAAD,EAAA,OAAAA,EAAA,GACA,KAEAE,UANA,WAOA,OAAAC,KAAAC,MAAAZ,KAAAO,YAAAhB,OAAAS,KAAAX,WAEAwB,SATA,WAUA,WAAAb,KAAAU,YAGAI,SACAC,QADA,SACAC,GAAA,IACAvB,EAAAO,KAAAP,KACA,OAAAuB,GACA,OACA,OAAAvB,EAAAwB,aAAA,KACA,OACA,OAAAxB,EAAAyB,cAAA,KACA,OACA,OAAAzB,EAAA0B,WAAA,KACA,QACA,mBC1EeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAtB,KAAauB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BF,EAAA,OAAYE,YAAA,QAAAC,MAAAN,EAAA,SAAuCG,EAAA,OAAYE,YAAA,YAAAC,MAAA,SAAAN,EAAAZ,UAAA,MAAiEY,EAAAO,GAAA,KAAAJ,EAAA,OAAwBE,YAAA,OAAAC,MAAA,SAAAN,EAAAT,SAAA,QAA2DS,EAAAO,GAAA,KAAAP,EAAAQ,GAAAR,EAAA,eAAAS,EAAAf,GAAoD,OAAAS,EAAA,OAAiBO,IAAAhB,EAAAiB,MAAA,SAAAjB,GAAAM,EAAAjC,QAAA,WAAuDoC,EAAA,KAAUS,OAAOC,MAAAJ,EAAAhD,QAAmBuC,EAAAO,GAAAP,EAAAc,GAAAL,EAAAhD,SAAAuC,EAAAO,GAAA,KAAAb,GAAAM,EAAAjC,QAAAoC,EAAA,OAAuEY,IAAA,OAAAC,UAAA,EAAAX,YAAA,OAAAC,MAAA,wBAA+EW,EAAQ,QAA0B,MAAWd,EAAA,OAAYE,YAAA,SAAmBL,EAAAO,GAAA,KAAAJ,EAAA,QAAyBE,YAAA,MAAAO,OAAyBC,MAAAJ,EAAApC,OAAkB2B,EAAAO,GAAAP,EAAAc,GAAAd,EAAA3B,IAAAqB,OAAAM,EAAAO,GAAA,KAAAP,EAAA,KAAAG,EAAA,QAAiEE,YAAA,WAAAO,OAA8BC,MAAAb,EAAAP,QAAAC,MAAwBM,EAAAO,GAAAP,EAAAc,GAAAd,EAAAP,QAAAC,OAAAM,EAAAkB,UAA8C,IAEl7BC,oBCCjB,IAcAC,EAdyBH,EAAQ,OAcjCI,CACE7D,EACAsC,GATF,EAVA,SAAAwB,GACEL,EAAQ,SAaV,kBAEA,MAUeM,EAAA,QAAAH,EAAiB","file":"static/js/17.9aa84ade87504941c5c7.js","sourcesContent":["<template>\n <div class=\"monitor-step\">\n <div class=\"lines\" :style=\"setTop\">\n <div class=\"line done\" :style=\"`width:${doneWidth}%`\"/>\n <div class=\"line\" :style=\"`width:${notWidth}%`\"/>\n </div>\n <div v-for=\"(step, i) in steps\" :key=\"i\" :class=\"`item ${i == current ? 'on' : ''}`\">\n <p :title=\"step.name\">{{step.name}}</p>\n <div ref=\"icon\" v-if=\"i <= current\" class=\"icon\" :style=\"`background-image:url(${require('@/assets/images/true.png')})`\"/>\n <div v-else class=\"none\"/>\n <span class=\"msg\" :title=\"step.msg\">{{msg[i]}}</span>\n <span v-if=\"info\" class=\"msg info\" :title=\"getInfo(i)\">{{getInfo(i)}}</span>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n // 顶部的lines是线 , 根据doneWidth 和notWidth 来判断宽度\n // 枚举数据,判断入参数组的第二项是否为true, 区别设置css 下一个圈是否放大\n // 下面的 icon 是判断枚举的index 是否小于 cur的第0项, 是的话就给 ✔️ 对号\n name: 'MonitorStep',\n props: {\n steps: {\n type: Array,\n required: true,\n },\n current: {\n type: [String, Number, Array],\n default(){\n return [0, false] // 第0项为当前的标识, 后面的布尔是判断后面是否加线\n }\n },\n info: {\n type: Object,\n },\n msg: {\n type: Array,\n default() {\n return []\n },\n }\n },\n data() {\n return {\n setTop: null,\n }\n },\n mounted() {\n this.$nextTick(() => {\n this.setTop = {top: `calc(${this.$refs.icon[0].offsetTop}px + 0.035rem)`}\n })\n },\n computed: {\n linePercent() {\n const len = this.steps.length\n if (len > 2) return 100 / (len - 1) // 跟据steps数组的长度,分隔线每一调的长度占比\n return 100\n },\n doneWidth() {\n return Math.round(this.linePercent * Number(this.current))\n },\n notWidth() {\n return 100 - this.doneWidth\n }\n },\n methods: {\n getInfo(i) {\n const {info} = this\n switch (i) {\n case 0:\n return info.create_note || '暂无'\n case 2:\n return info.receive_note || '暂无'\n case 3:\n return info.done_note || '暂无'\n default:\n return '系统自动推送'\n }\n }\n },\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n$icon-color = #1DE5AD\n.monitor-step\n width 90%\n margin 0 auto\n display flex\n justify-content space-between\n position relative\n font-size .1rem\n .lines\n display flex\n position absolute\n width 100%\n left -0.05rem\n >.line\n height 0.03rem\n background rgba(0,0,0,0.8)\n border-radius .1rem\n margin-left 0.05rem\n &.done\n background linear-gradient(to right, #3391FF, #02EEFF)\n .item\n text-align center\n width .1rem\n position relative\n z-index 1\n .icon\n width .1rem\n height @width\n border-radius 50%\n background-color #02f3ff\n background-position 50%\n background-size 50%\n background-repeat no-repeat\n .none\n width 0.08rem\n height @width\n border 0.02rem solid $fontColor\n border-radius 50%\n transform translateY(10%)\n .msg\n display inline-block\n font-size .1rem\n width 1rem\n transform translateX(-50%)\n margin 0.02rem 50%\n font-weight normal\n color #eee\n &.info\n width 1.3rem\n color #eee\n p\n width .5rem\n text-indent .1rem\n transform translateX(-50%)\n overflow hidden\n white-space nowrap\n text-overflow ellipsis\n font-size .09rem\n color #ccc\n &.on\n .icon\n transform scale(1.2)\n background-position 50% 50%\n background-size 70% 70%\n box-shadow 0 0 .05rem 0.01rem $icon-color\n p\n color $edgeColor\n font-weight bold\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorStep/monitor-step.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-step\"},[_c('div',{staticClass:\"lines\",style:(_vm.setTop)},[_c('div',{staticClass:\"line done\",style:((\"width:\" + _vm.doneWidth + \"%\"))}),_vm._v(\" \"),_c('div',{staticClass:\"line\",style:((\"width:\" + _vm.notWidth + \"%\"))})]),_vm._v(\" \"),_vm._l((_vm.steps),function(step,i){return _c('div',{key:i,class:(\"item \" + (i == _vm.current ? 'on' : ''))},[_c('p',{attrs:{\"title\":step.name}},[_vm._v(_vm._s(step.name))]),_vm._v(\" \"),(i <= _vm.current)?_c('div',{ref:\"icon\",refInFor:true,staticClass:\"icon\",style:((\"background-image:url(\" + (require('@/assets/images/true.png')) + \")\"))}):_c('div',{staticClass:\"none\"}),_vm._v(\" \"),_c('span',{staticClass:\"msg\",attrs:{\"title\":step.msg}},[_vm._v(_vm._s(_vm.msg[i]))]),_vm._v(\" \"),(_vm.info)?_c('span',{staticClass:\"msg info\",attrs:{\"title\":_vm.getInfo(i)}},[_vm._v(_vm._s(_vm.getInfo(i)))]):_vm._e()])})],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-119a9a0e\",\"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/MonitorStep/monitor-step.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-119a9a0e\\\",\\\"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-step.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-step.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-step.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-119a9a0e\\\",\\\"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-step.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-119a9a0e\"\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/MonitorStep/monitor-step.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
webpackJsonp([18],{OYsp: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("OYsp")},"data-v-09752887",null);e.default=r.exports}});
//# sourceMappingURL=18.91c62f41cca1f27af8a8.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorTitle/monitor-title.vue","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue?31db","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue"],"names":["monitor_title","name","props","bgImg","type","String","hideDate","Boolean","default","hideTime","editable","color","size","data","openDatePicker","timer","time","style","mounted","_this","this","setInterval","$moment","format","extends_default","font-size","beforeDestroy","clearInterval","computed","curDate","date","$store","state","options","_this2","disabledDate","isAfter","methods","handleDateChange","commit","closePage","window","close","MonitorTitle_monitor_title","render","_vm","_h","$createElement","_c","_self","staticClass","_e","_v","_s","attrs","src","draggable","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sJA+BAA,GACAC,KAAA,eACAC,OACAC,OACAC,KAAAC,QAEAC,UACAF,KAAAG,QACAC,SAAA,GAEAC,UACAL,KAAAG,QACAC,SAAA,GAEAE,UACAN,KAAAG,QACAC,SAAA,GAEAG,OACAP,KAAAC,QAEAO,MACAR,KAAAC,OACAG,QAAA,WAGAK,KA1BA,WA2BA,OACAC,gBAAA,EACAC,MAAA,KACAC,KAAA,KACAC,WAGAC,QAlCA,WAkCA,IAAAC,EAAAC,KACAA,KAAAX,WACAW,KAAAL,MAAAM,YAAA,WACAF,EAAAH,KAAAG,EAAAG,UAAAC,OAAA,YAAAJ,EAAAG,UAAAC,OAAA,QACA,MAGAH,KAAAH,MAAAO,OAAAJ,KAAAH,OAAAQ,YAAAL,KAAAR,QAEAc,cA3CA,WA4CAC,cAAAP,KAAAL,OACAK,KAAAL,MAAA,MAEAa,UACAC,QADA,WAEA,IAAAC,EAAAV,KAAAW,OAAAC,MAAAH,QACA,OAAAC,EAAAV,KAAAE,QAAAQ,GAAAP,OAAA,cAAAH,KAAAE,UAAAC,OAAA,eAEAU,QALA,WAKA,IAAAC,EAAAd,KACA,OACAe,aAAA,SAAAL,GACA,OAAAI,EAAAZ,QAAAQ,GAAAM,QAAAF,EAAAZ,eAKAe,SACAC,iBADA,SACAR,GACAV,KAAAW,OAAAQ,OAAA,cAAAT,GACAV,KAAAN,gBAAA,GAKA0B,UARA,WASAC,OAAAC,WCjGeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAzB,KAAa0B,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,kBAA4BL,EAAApC,SAAuDoC,EAAAM,KAAvDH,EAAA,QAA6BE,YAAA,gBAA0BL,EAAAO,GAAA,SAAAP,EAAAQ,GAAAR,EAAAhB,SAAA,IAAAgB,EAAAQ,GAAAR,EAAA7B,MAAA,UAAA6B,EAAAO,GAAA,KAAAJ,EAAA,OAAoGE,YAAA,KAAAI,OAAwBC,IAAAV,EAAA1C,MAAAqD,UAAA,WAAqCX,EAAAO,GAAA,KAAAJ,EAAA,KAAsB/B,MAAA4B,EAAA,QAAkBA,EAAAY,GAAA,kBAErXC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE7D,EACA2C,GATF,EAVA,SAAAmB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/11.73806030e520851056b0.js","sourcesContent":["<template>\n <div class=\"monitor-title\">\n <!-- <span v-if=\"!hideDate\" class=\"moment date\" @mouseenter=\"openDatePicker = true\" @mouseleave=\"openDatePicker = false\">\n <DatePicker @on-change=\"handleDateChange\" :value=\"curDate\" :options=\"options\" class=\"date-picker\" :open=\"editable && openDatePicker\" type=\"date\">\n <span>{{curDate}}</span>\n </DatePicker>\n </span> -->\n <!-- <div class=\"btn back\" @click=\"closePage\" />\n <div class=\"btn close\" @click=\"closePage\" />\n <div class=\"slogan left\">\n <span v-for=\"(word, i) in slogan[0]\" :key=\"i+word\">{{word}}</span>\n </div>\n <div class=\"slogan right\">\n <span v-for=\"(word, i) in slogan[1]\" :key=\"i+word\">{{word}}</span>\n </div>\n <div class=\"duty\">\n 今日值班:\n <p>{{masters[0]}}<img src=\"@/assets/images/phone.png\" /></p>\n <p>{{masters[1]}}<img src=\"@/assets/images/phone.png\" /></p>\n </div> -->\n <span v-if=\"!hideTime\" class=\"moment time\">\n <!-- <span class=\"switch\"><img src=\"@/assets/images/switch.png\"/> 切换街道</span> -->\n {{curDate}} {{time}}\n </span>\n <img class=\"bg\" :src=\"bgImg\" draggable=\"false\"/>\n <p :style=\"style\"><slot /></p>\n </div>\n</template>\n\n<script>\n// import axios from 'axios'\nexport default {\n name: 'MonitorTitle',\n props: {\n bgImg: {\n type: String,\n },\n hideDate: {\n type: Boolean,\n default: false,\n },\n hideTime: {\n type: Boolean,\n default: false,\n },\n editable: {\n type: Boolean,\n default: false,\n },\n color: {\n type: String,\n },\n size: {\n type: String,\n default: '0.2rem',\n },\n },\n data() {\n return {\n openDatePicker: false,\n timer: null,\n time: null,\n style: {},\n }\n },\n mounted() {\n if (!this.hideTime) {\n this.timer = setInterval(() => {\n this.time = `${this.$moment().format('dddd')} ${this.$moment().format('LTS')}`\n }, 1000)\n }\n // this.getWeather()\n this.style = {...this.style, 'font-size': this.size}\n },\n beforeDestroy() {\n clearInterval(this.timer)\n this.timer = null\n },\n computed: {\n curDate() {\n const date = this.$store.state.curDate\n return date ? this.$moment(date).format('YYYY-MM-DD') : this.$moment().format('YYYY-MM-DD')\n },\n options() {\n return {\n disabledDate: (date) => {\n return this.$moment(date).isAfter(this.$moment())\n }\n }\n },\n },\n methods: {\n handleDateChange(date) {\n this.$store.commit('SET_CURDATE', date)\n this.openDatePicker = false\n },\n // toAli() {\n // window.location = 'http://10.89.1.208/share/ypdp'\n // },\n closePage() {\n window.close()\n },\n // getWeather() {\n // axios.get('https://tianqiapi.com/api?version=v6&appid=27325769&appsecret=k2G7Q7bA&city=杨浦&vue=1'\n // ).then(res => {\n // this.weather = res.data\n // console.log(this.weather)\n // })\n // },\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-title\n z-index 999\n display flex\n align-items center\n // justify-content center\n position relative\n background-size cover\n background-position center\n // font-family $font-pang\n font-weight bold\n // >.btn\n // display block\n // position absolute\n // width .2rem\n // height @width\n // top .05rem\n // cursor pointer\n // z-index 999\n // background-size 100% 100%\n // transition background-image .3s ease-in-out\n // &.back\n // left .1rem\n // background-image url(../../../assets/images/back.png)\n // &:hover\n // background-image url(../../../assets/images/back-on.png)\n // &.close\n // right .1rem\n // background-image url(../../../assets/images/close.png)\n // &:hover\n // background-image url(../../../assets/images/close-on.png)\n // .slogan\n // display flex\n // justify-content space-around\n // align-items center\n // width 15%\n // position absolute\n // top .05rem\n // z-index: 2;\n // &.left\n // left 20%\n // &.right\n // right 20%\n // span\n // $flex-center()\n // width .2rem\n // height @width\n // background rgba(2,68,147,.8)\n // border-radius 50%\n // font-family $font-pang\n // font-size .14rem\n // font-weight normal\n // .switch\n // color #5BD5FF\n // margin-right .1rem\n // cursor pointer\n // img\n // width .12rem\n // vertical-align middle\n .moment\n z-index 9\n position absolute\n top .07rem\n right .1rem\n .duty\n display flex\n align-items center\n z-index 9\n position absolute\n top .07rem\n right 3%\n p\n color $color-yellow\n margin 0 .05rem\n img\n width .08rem\n height @width\n margin-left .05rem\n >.bg\n position absolute\n width 100%\n height 100%\n top 0\n left 0\n >p\n background-clip text\n -webkit-background-clip text\n -webkit-text-fill-color transparent\n background-image linear-gradient(to bottom, #fff, #B3EBFF)\n z-index 99\n letter-spacing .05rem\n width 25%\n text-align center\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorTitle/monitor-title.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-title\"},[(!_vm.hideTime)?_c('span',{staticClass:\"moment time\"},[_vm._v(\"\\n \"+_vm._s(_vm.curDate)+\" \"+_vm._s(_vm.time)+\"\\n \")]):_vm._e(),_vm._v(\" \"),_c('img',{staticClass:\"bg\",attrs:{\"src\":_vm.bgImg,\"draggable\":\"false\"}}),_vm._v(\" \"),_c('p',{style:(_vm.style)},[_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-688325e2\",\"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/MonitorTitle/monitor-title.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-688325e2\\\",\\\"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-title.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-title.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-title.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-688325e2\\\",\\\"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-title.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-688325e2\"\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/MonitorTitle/monitor-title.vue\n// module id = null\n// module chunks = "],"sourceRoot":""} {"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorTitle/monitor-title.vue","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue?bd06","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue"],"names":["monitor_title","name","props","bgImg","type","String","hideDate","Boolean","default","hideTime","editable","color","size","data","openDatePicker","timer","time","style","mounted","_this","this","setInterval","$moment","format","extends_default","font-size","beforeDestroy","clearInterval","computed","curDate","date","$store","state","options","_this2","disabledDate","isAfter","methods","handleDateChange","commit","closePage","window","close","MonitorTitle_monitor_title","render","_vm","_h","$createElement","_c","_self","staticClass","_e","_v","_s","attrs","src","draggable","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"oJA+BAA,GACAC,KAAA,eACAC,OACAC,OACAC,KAAAC,QAEAC,UACAF,KAAAG,QACAC,SAAA,GAEAC,UACAL,KAAAG,QACAC,SAAA,GAEAE,UACAN,KAAAG,QACAC,SAAA,GAEAG,OACAP,KAAAC,QAEAO,MACAR,KAAAC,OACAG,QAAA,WAGAK,KA1BA,WA2BA,OACAC,gBAAA,EACAC,MAAA,KACAC,KAAA,KACAC,WAGAC,QAlCA,WAkCA,IAAAC,EAAAC,KACAA,KAAAX,WACAW,KAAAL,MAAAM,YAAA,WACAF,EAAAH,KAAAG,EAAAG,UAAAC,OAAA,YAAAJ,EAAAG,UAAAC,OAAA,QACA,MAGAH,KAAAH,MAAAO,OAAAJ,KAAAH,OAAAQ,YAAAL,KAAAR,QAEAc,cA3CA,WA4CAC,cAAAP,KAAAL,OACAK,KAAAL,MAAA,MAEAa,UACAC,QADA,WAEA,IAAAC,EAAAV,KAAAW,OAAAC,MAAAH,QACA,OAAAC,EAAAV,KAAAE,QAAAQ,GAAAP,OAAA,cAAAH,KAAAE,UAAAC,OAAA,eAEAU,QALA,WAKA,IAAAC,EAAAd,KACA,OACAe,aAAA,SAAAL,GACA,OAAAI,EAAAZ,QAAAQ,GAAAM,QAAAF,EAAAZ,eAKAe,SACAC,iBADA,SACAR,GACAV,KAAAW,OAAAQ,OAAA,cAAAT,GACAV,KAAAN,gBAAA,GAKA0B,UARA,WASAC,OAAAC,WCjGeC,GADEC,OAFjB,WAA0B,IAAAC,EAAAzB,KAAa0B,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,kBAA4BL,EAAApC,SAAuDoC,EAAAM,KAAvDH,EAAA,QAA6BE,YAAA,gBAA0BL,EAAAO,GAAA,SAAAP,EAAAQ,GAAAR,EAAAhB,SAAA,IAAAgB,EAAAQ,GAAAR,EAAA7B,MAAA,UAAA6B,EAAAO,GAAA,KAAAJ,EAAA,OAAoGE,YAAA,KAAAI,OAAwBC,IAAAV,EAAA1C,MAAAqD,UAAA,WAAqCX,EAAAO,GAAA,KAAAJ,EAAA,KAAsB/B,MAAA4B,EAAA,QAAkBA,EAAAY,GAAA,kBAErXC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE7D,EACA2C,GATF,EAVA,SAAAmB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/18.91c62f41cca1f27af8a8.js","sourcesContent":["<template>\n <div class=\"monitor-title\">\n <!-- <span v-if=\"!hideDate\" class=\"moment date\" @mouseenter=\"openDatePicker = true\" @mouseleave=\"openDatePicker = false\">\n <DatePicker @on-change=\"handleDateChange\" :value=\"curDate\" :options=\"options\" class=\"date-picker\" :open=\"editable && openDatePicker\" type=\"date\">\n <span>{{curDate}}</span>\n </DatePicker>\n </span> -->\n <!-- <div class=\"btn back\" @click=\"closePage\" />\n <div class=\"btn close\" @click=\"closePage\" />\n <div class=\"slogan left\">\n <span v-for=\"(word, i) in slogan[0]\" :key=\"i+word\">{{word}}</span>\n </div>\n <div class=\"slogan right\">\n <span v-for=\"(word, i) in slogan[1]\" :key=\"i+word\">{{word}}</span>\n </div>\n <div class=\"duty\">\n 今日值班:\n <p>{{masters[0]}}<img src=\"@/assets/images/phone.png\" /></p>\n <p>{{masters[1]}}<img src=\"@/assets/images/phone.png\" /></p>\n </div> -->\n <span v-if=\"!hideTime\" class=\"moment time\">\n <!-- <span class=\"switch\"><img src=\"@/assets/images/switch.png\"/> 切换街道</span> -->\n {{curDate}} {{time}}\n </span>\n <img class=\"bg\" :src=\"bgImg\" draggable=\"false\"/>\n <p :style=\"style\"><slot /></p>\n </div>\n</template>\n\n<script>\n// import axios from 'axios'\nexport default {\n name: 'MonitorTitle',\n props: {\n bgImg: {\n type: String,\n },\n hideDate: {\n type: Boolean,\n default: false,\n },\n hideTime: {\n type: Boolean,\n default: false,\n },\n editable: {\n type: Boolean,\n default: false,\n },\n color: {\n type: String,\n },\n size: {\n type: String,\n default: '0.2rem',\n },\n },\n data() {\n return {\n openDatePicker: false,\n timer: null,\n time: null,\n style: {},\n }\n },\n mounted() {\n if (!this.hideTime) {\n this.timer = setInterval(() => {\n this.time = `${this.$moment().format('dddd')} ${this.$moment().format('LTS')}`\n }, 1000)\n }\n // this.getWeather()\n this.style = {...this.style, 'font-size': this.size}\n },\n beforeDestroy() {\n clearInterval(this.timer)\n this.timer = null\n },\n computed: {\n curDate() {\n const date = this.$store.state.curDate\n return date ? this.$moment(date).format('YYYY-MM-DD') : this.$moment().format('YYYY-MM-DD')\n },\n options() {\n return {\n disabledDate: (date) => {\n return this.$moment(date).isAfter(this.$moment())\n }\n }\n },\n },\n methods: {\n handleDateChange(date) {\n this.$store.commit('SET_CURDATE', date)\n this.openDatePicker = false\n },\n // toAli() {\n // window.location = 'http://10.89.1.208/share/ypdp'\n // },\n closePage() {\n window.close()\n },\n // getWeather() {\n // axios.get('https://tianqiapi.com/api?version=v6&appid=27325769&appsecret=k2G7Q7bA&city=杨浦&vue=1'\n // ).then(res => {\n // this.weather = res.data\n // console.log(this.weather)\n // })\n // },\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-title\n z-index 999\n display flex\n align-items center\n // justify-content center\n position relative\n background-size cover\n background-position center\n // font-family $font-pang\n font-weight bold\n // >.btn\n // display block\n // position absolute\n // width .2rem\n // height @width\n // top .05rem\n // cursor pointer\n // z-index 999\n // background-size 100% 100%\n // transition background-image .3s ease-in-out\n // &.back\n // left .1rem\n // background-image url(../../../assets/images/back.png)\n // &:hover\n // background-image url(../../../assets/images/back-on.png)\n // &.close\n // right .1rem\n // background-image url(../../../assets/images/close.png)\n // &:hover\n // background-image url(../../../assets/images/close-on.png)\n // .slogan\n // display flex\n // justify-content space-around\n // align-items center\n // width 15%\n // position absolute\n // top .05rem\n // z-index: 2;\n // &.left\n // left 20%\n // &.right\n // right 20%\n // span\n // $flex-center()\n // width .2rem\n // height @width\n // background rgba(2,68,147,.8)\n // border-radius 50%\n // font-family $font-pang\n // font-size .14rem\n // font-weight normal\n // .switch\n // color #5BD5FF\n // margin-right .1rem\n // cursor pointer\n // img\n // width .12rem\n // vertical-align middle\n .moment\n z-index 9\n position absolute\n top .07rem\n right .1rem\n .duty\n display flex\n align-items center\n z-index 9\n position absolute\n top .07rem\n right 3%\n p\n color $color-yellow\n margin 0 .05rem\n img\n width .08rem\n height @width\n margin-left .05rem\n >.bg\n position absolute\n width 100%\n height 100%\n top 0\n left 0\n >p\n background-clip text\n -webkit-background-clip text\n -webkit-text-fill-color transparent\n background-image linear-gradient(to bottom, #fff, #B3EBFF)\n z-index 99\n letter-spacing .05rem\n width 25%\n padding-left .2rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorTitle/monitor-title.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-title\"},[(!_vm.hideTime)?_c('span',{staticClass:\"moment time\"},[_vm._v(\"\\n \"+_vm._s(_vm.curDate)+\" \"+_vm._s(_vm.time)+\"\\n \")]):_vm._e(),_vm._v(\" \"),_c('img',{staticClass:\"bg\",attrs:{\"src\":_vm.bgImg,\"draggable\":\"false\"}}),_vm._v(\" \"),_c('p',{style:(_vm.style)},[_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-09752887\",\"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/MonitorTitle/monitor-title.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-09752887\\\",\\\"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-title.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-title.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-title.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-09752887\\\",\\\"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-title.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-09752887\"\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/MonitorTitle/monitor-title.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,f){for(var o,b,i,u=0,d=[];u<r.length;u++)b=r[u],t[b]&&d.push(t[b][0]),t[b]=0;for(o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);for(n&&n(r,a,f);d.length;)d.shift()();if(f)for(u=0;u<f.length;u++)i=c(c.s=f[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],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,c.nc&&f.setAttribute("nonce",c.nc),f.src=c.p+"static/js/"+e+"."+{0:"15052c7972c908a7760e",1:"3dab2f03f71b0f0b1713",2:"9ecff95dfe18b14ae62c",3:"f311eb955efab545d5eb",4:"ea5a775dfd7e9cccfcf4",5:"6b0030be18979ba7a58a",6:"7ba28aeaaa7cebc8ade0",7:"7baf3401350603470964",8:"b6e8b962b26570c80b85",9:"e1c22a74c9a60f150eb1",10:"4f6e41b9c4458237683b",11:"74bad2dc4b1385548b1a",12:"dc9e9b5e5751e4565952",13:"9c2fdff85b2573227713",14:"d4990f4a8237148ef7ef",15:"7655e368d63efa369118",16:"1fcc30181efffe81d795",17:"9aa84ade87504941c5c7",18:"91c62f41cca1f27af8a8",21:"5fe24bc860088be1b528",22:"c26ff53165d90faf9c4f",23:"795fee1c52905a188792",24:"ec1d710a9e7c95e61e7b"}[e]+".js";var o=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(o);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=b,a.appendChild(f),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.051855ea09d10bfd6322.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap 68da59f5ad76d2cf8089"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","25","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.27e9c7b036e33485fe84.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t25: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"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\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 68da59f5ad76d2cf8089"],"sourceRoot":""} {"version":3,"sources":["webpack:///webpack/bootstrap 0710adc23ca3029a0c45"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","25","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.051855ea09d10bfd6322.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t25: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"15052c7972c908a7760e\",\"1\":\"3dab2f03f71b0f0b1713\",\"2\":\"9ecff95dfe18b14ae62c\",\"3\":\"f311eb955efab545d5eb\",\"4\":\"ea5a775dfd7e9cccfcf4\",\"5\":\"6b0030be18979ba7a58a\",\"6\":\"7ba28aeaaa7cebc8ade0\",\"7\":\"7baf3401350603470964\",\"8\":\"b6e8b962b26570c80b85\",\"9\":\"e1c22a74c9a60f150eb1\",\"10\":\"4f6e41b9c4458237683b\",\"11\":\"74bad2dc4b1385548b1a\",\"12\":\"dc9e9b5e5751e4565952\",\"13\":\"9c2fdff85b2573227713\",\"14\":\"d4990f4a8237148ef7ef\",\"15\":\"7655e368d63efa369118\",\"16\":\"1fcc30181efffe81d795\",\"17\":\"9aa84ade87504941c5c7\",\"18\":\"91c62f41cca1f27af8a8\",\"21\":\"5fe24bc860088be1b528\",\"22\":\"c26ff53165d90faf9c4f\",\"23\":\"795fee1c52905a188792\",\"24\":\"ec1d710a9e7c95e61e7b\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 0710adc23ca3029a0c45"],"sourceRoot":""}
\ No newline at end of file \ No newline at end of file
!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
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -50,12 +50,12 @@ html, body ...@@ -50,12 +50,12 @@ html, body
$mask() $mask()
width 15% 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,.9), rgba(0,0,0,.4))
&:after &:after
$mask() $mask()
width 45% width 50%
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,.9), rgba(0,0,0,.4))
/* 设置滚动条的样式 */ /* 设置滚动条的样式 */
::-webkit-scrollbar { ::-webkit-scrollbar {
......
...@@ -203,5 +203,5 @@ export default { ...@@ -203,5 +203,5 @@ export default {
z-index 99 z-index 99
letter-spacing .05rem letter-spacing .05rem
width 25% width 25%
text-align center padding-left .2rem
</style> </style>
...@@ -5,7 +5,7 @@ import Vue from 'vue' ...@@ -5,7 +5,7 @@ import Vue from 'vue'
import App from './App' import App from './App'
import router from './router' import router from './router'
import store from './store' import store from './store'
import {Row, Col, Select, Option, DatePicker} from 'view-design' import {Row, Col, Select, Option, DatePicker, CarouselItem, Carousel} from 'view-design'
import ajax from '@/server/ajax' import ajax from '@/server/ajax'
import api from '@/server/api' import api from '@/server/api'
import common from '@/util/common' import common from '@/util/common'
...@@ -26,6 +26,8 @@ Vue.component('i-col', Col) ...@@ -26,6 +26,8 @@ Vue.component('i-col', Col)
Vue.component('Select', Select) Vue.component('Select', Select)
Vue.component('Option', Option) Vue.component('Option', Option)
Vue.component('DatePicker', DatePicker) Vue.component('DatePicker', DatePicker)
Vue.component('Carousel', Carousel)
Vue.component('CarouselItem', CarouselItem)
/* eslint-disable no-new */ /* eslint-disable no-new */
new Vue({ new Vue({
el: '#app', el: '#app',
......
...@@ -43,8 +43,15 @@ export default { ...@@ -43,8 +43,15 @@ export default {
border-top inherit border-top inherit
p p
flex 1 flex 1
line-height 2 line-height 1.7
padding 0 .05rem padding 0 .05rem
overflow hidden
text-overflow ellipsis
white-space nowrap
&+p &+p
border-left .01rem solid $cardFontColor border-left .01rem solid $cardFontColor
&:first-child
flex 0.2
&:last-child
flex 0.4
</style> </style>
...@@ -75,5 +75,5 @@ export default { ...@@ -75,5 +75,5 @@ export default {
font-size .12rem font-size .12rem
.chart .chart
width 100% width 100%
height 1rem height 1.6rem
</style> </style>
...@@ -7,9 +7,9 @@ ...@@ -7,9 +7,9 @@
<m-card title="实有房屋" :value="18980" unit="幢"> <m-card title="实有房屋" :value="18980" unit="幢">
<House /> <House />
</m-card> </m-card>
<m-card title="实有单位" :value="11633" unit="家"> <!-- <m-card title="实有单位" :value="11633" unit="家">
<Company /> <Company />
</m-card> </m-card> -->
</div> </div>
<!-- <div class="right"> <!-- <div class="right">
<m-card title="便民设施"> <m-card title="便民设施">
...@@ -69,9 +69,9 @@ export default { ...@@ -69,9 +69,9 @@ export default {
height 100% height 100%
&.left &.left
>div >div
height 40% height 50%
&:nth-child(3) // &:nth-child(3)
height 20% // height 20%
// &.right // &.right
// >div // >div
// &:nth-child(1) // &:nth-child(1)
......
...@@ -22,11 +22,6 @@ export default { ...@@ -22,11 +22,6 @@ export default {
return { return {
list: [ list: [
{address: '南京东路123号', person: 12, device: '灭火器、水泵'}, {address: '南京东路123号', person: 12, device: '灭火器、水泵'},
{address: '南京东路123号', person: 9, device: '灭火器、水泵'},
{address: '南京东路123号', person: 12, device: '灭火器、水泵'},
{address: '南京东路123号', person: 9, device: '灭火器、水泵'},
{address: '南京东路123号', person: 12, device: '灭火器、水泵'},
{address: '南京东路123号', person: 9, device: '灭火器、水泵'},
], ],
} }
}, },
...@@ -50,4 +45,6 @@ export default { ...@@ -50,4 +45,6 @@ export default {
padding 0 .05rem padding 0 .05rem
&+p &+p
border-left .01rem solid $cardFontColor border-left .01rem solid $cardFontColor
&:nth-of-type(2)
flex .3
</style> </style>
...@@ -21,7 +21,7 @@ export default { ...@@ -21,7 +21,7 @@ export default {
showChart: false, showChart: false,
population: [ population: [
{name: '实有人口', value: 12772}, {name: '实有人口', value: 12772},
{name: '本市户籍', value: 7126}, {name: '本市户籍', value: 19903},
{name: '境内外省', value: 5473}, {name: '境内外省', value: 5473},
{name: '境外人口', value: 173}, {name: '境外人口', value: 173},
], ],
...@@ -81,5 +81,5 @@ export default { ...@@ -81,5 +81,5 @@ export default {
font-size .12rem font-size .12rem
.chart .chart
width 100% width 100%
height 1.1rem height 1.8rem
</style> </style>
...@@ -20,6 +20,14 @@ ...@@ -20,6 +20,14 @@
<m-count class="count" :value="item.value" /> <span class="unit"></span> <m-count class="count" :value="item.value" /> <span class="unit"></span>
</div> </div>
</div> </div>
<Carousel v-model="photo" loop autoplay>
<CarouselItem v-for="photo in photos" :key="photo">
<div class="photo-wrapper">
<div class="photo" :style="`background-image:url(${require('@/assets/images/'+ photo[0])})`" />
<div class="photo" :style="`background-image:url(${require('@/assets/images/'+ photo[1])})`" />
</div>
</CarouselItem>
</Carousel>
</m-card> </m-card>
<m-card title="地标性建筑"> <m-card title="地标性建筑">
<Building /> <Building />
...@@ -77,6 +85,16 @@ export default { ...@@ -77,6 +85,16 @@ export default {
}, },
data() { data() {
return { return {
photo: 1,
photos: [
['photo1.jpg', 'photo2.jpg'],
['photo3.jpg', 'photo4.jpg'],
['photo5.jpg', 'photo6.jpg'],
['photo7.jpg', 'photo8.jpg'],
['photo9.jpg', 'photo10.jpg'],
['photo11.jpg', 'photo12.jpg'],
['photo13.jpg', 'photo14.jpg'],
],
beauty: [ beauty: [
{name: '2018年完成数', value: 12, key: 2018}, {name: '2018年完成数', value: 12, key: 2018},
{name: '2019年完成数', value: 8, key: 2019}, {name: '2019年完成数', value: 8, key: 2019},
...@@ -107,8 +125,15 @@ export default { ...@@ -107,8 +125,15 @@ export default {
height calc(100vh - 0.5rem) height calc(100vh - 0.5rem)
position relative position relative
flex-wrap wrap flex-wrap wrap
.photo-wrapper
display flex
.photo
flex 1
background-position center
background-size 100% 100%
height 1rem
>div >div
width calc(50vw / 3.05) width calc(49vw / 3.05)
// width calc(33.3vw / 2) // width calc(33.3vw / 2)
height 100% height 100%
background rgba(6,34,67,.4) background rgba(6,34,67,.4)
...@@ -137,10 +162,10 @@ export default { ...@@ -137,10 +162,10 @@ export default {
&.first &.first
>div >div
&:nth-of-type(1) &:nth-of-type(1)
&:nth-of-type(2) &:nth-of-type(4)
height 16% height 16%
&:nth-of-type(2)
&:nth-of-type(3) &:nth-of-type(3)
&:nth-of-type(4)
height 34% height 34%
&.left &.left
display flex display flex
...@@ -154,7 +179,7 @@ export default { ...@@ -154,7 +179,7 @@ export default {
flex-direction column flex-direction column
>div >div
&:nth-of-type(1) &:nth-of-type(1)
height 30% height 22%
&:nth-of-type(2) &:nth-of-type(2)
flex 1 flex 1
.beauty .beauty
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
'title title title', 'title title title',
'left . right', 'left . right',
]" ]"
columns="16vw auto 50vw" columns="16vw auto 49vw"
rows="0.4rem auto" rows="0.4rem auto"
gap="0.05rem" gap="0.05rem"
:complete="complete" :complete="complete"
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
// 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.focus(1041.75319496382872, -480.0854532701907, 7) // 市政府偏移点
map.addPolyLine({ map.addPolyLine({
paths: this.$store.state.areaAPath, paths: this.$store.state.areaAPath,
strokeColor: '#ffce34', strokeColor: '#ffce34',
......
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