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

联勤联动流程点击弹窗详情

parent a13daf86
<!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: 1.6vh;
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.9a9bf222c61006fe949271b9a4ef7244.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.abc1c4cadd3d633cf3d6.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.550ac693d3d4797ad1ee.js></script></body></html>
\ No newline at end of file
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.33329d1840c7e9dbbf93eeb84c95bac6.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.32247a011f952c6c2dd0.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.3f3f5173ecbe45f51a72.js></script></body></html>
\ 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([10],{"1fyY":function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorGrid",props:{template:{type:[String,Array],required:!0},columns:{type:String},rows:{type:String},gap:{type:String},bgImg:{type:String},complete:{type:Boolean,default:!0}},data:function(){return{style:{},showLoad:!1,loadMsg:"初始化 . . ."}},mounted:function(){var t=this;this.showLoad=!this.complete,this.$nextTick(function(){setTimeout(t.init,0)})},methods:{init:function(){var t=this.template;if(Array.isArray(t)){var e="";t.forEach(function(t){e+="'"+t+"'"}),t=e}this.style={"grid-template-areas":t,"grid-template-columns":this.columns,"grid-template-rows":this.rows,"grid-gap":this.gap,padding:this.gap,"background-image":"url("+this.bgImg+")"};for(var i=this.$refs.grid.children,r=0;r<i.length;r++){var s=i[r],a=s.getAttribute("area");a&&(s.style.gridArea=a)}}},watch:{complete:function(t,e){t&&t!=e&&(this.loadMsg="完成中 . . .",this.showLoad=!1)}}},s={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"grid",staticClass:"monitor-grid",style:this.style},[e("m-loader",{directives:[{name:"show",rawName:"v-show",value:this.showLoad,expression:"showLoad"}],attrs:{msg:this.loadMsg,bgColor:"#000"}}),this._v(" "),this._t("default")],2)},staticRenderFns:[]};var a=i("VU/8")(r,s,!1,function(t){i("Un7V")},"data-v-dc3bf6d8",null);e.default=a.exports},Un7V:function(t,e){}});
//# sourceMappingURL=10.95e6aac83e6fd0b95f6e.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue?b746","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue"],"names":["monitor_grid","name","props","template","type","String","Array","required","columns","rows","gap","bgImg","complete","Boolean","default","data","style","showLoad","loadMsg","mounted","_this","this","$nextTick","setTimeout","init","methods","templateAreas","isArray","result","forEach","item","grid-template-areas","grid-template-columns","grid-template-rows","grid-gap","padding","background-image","children","$refs","grid","i","length","child","area","getAttribute","gridArea","watch","cur","past","MonitorGrid_monitor_grid","render","_h","$createElement","_c","_self","ref","staticClass","directives","rawName","value","expression","attrs","msg","bgColor","_v","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"wGAQA,IAAAA,GACAC,KAAA,cACAC,OACAC,UACAC,MAAAC,OAAAC,OACAC,UAAA,GAEAC,SACAJ,KAAAC,QAEAI,MACAL,KAAAC,QAEAK,KACAN,KAAAC,QAEAM,OACAP,KAAAC,QAEAO,UACAR,KAAAS,QACAC,SAAA,IAGAC,KAxBA,WAyBA,OACAC,SACAC,UAAA,EACAC,QAAA,cAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAJ,UAAAI,KAAAT,SACAS,KAAAC,UAAA,WACAC,WAAAH,EAAAI,KAAA,MAGAC,SACAD,KADA,WAEA,IAAAE,EAAAL,KAAAlB,SACA,GAAAG,MAAAqB,QAAAD,GAAA,CACA,IAAAE,EAAA,GACAF,EAAAG,QAAA,SAAAC,GACAF,GAAA,IAAAE,EAAA,MAEAJ,EAAAE,EAEAP,KAAAL,OACAe,sBAAAL,EACAM,wBAAAX,KAAAb,QACAyB,qBAAAZ,KAAAZ,KACAyB,WAAAb,KAAAX,IACAyB,QAAAd,KAAAX,IACA0B,mBAAA,OAAAf,KAAAV,MAAA,KAIA,IADA,IAAA0B,EAAAhB,KAAAiB,MAAAC,KAAAF,SACAG,EAAA,EAAAA,EAAAH,EAAAI,OAAAD,IAAA,CACA,IAAAE,EAAAL,EAAAG,GACAG,EAAAD,EAAAE,aAAA,QACAD,IACAD,EAAA1B,MAAA6B,SAAAF,MAKAG,OACAlC,SADA,SACAmC,EAAAC,GACAD,MAAAC,IACA3B,KAAAH,QAAA,YACAG,KAAAJ,UAAA,MC3EegC,GADEC,OAFjB,WAA0B,IAAaC,EAAb9B,KAAa+B,eAA0BC,EAAvChC,KAAuCiC,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,IAAA,OAAAC,YAAA,eAAAxC,MAAhFK,KAAgF,QAAwDgC,EAAA,YAAiBI,aAAaxD,KAAA,OAAAyD,QAAA,SAAAC,MAAtKtC,KAAsK,SAAAuC,WAAA,aAAwEC,OAASC,IAAvPzC,KAAuPH,QAAA6C,QAAA,UAAvP1C,KAA2R2C,GAAA,KAA3R3C,KAA2R4C,GAAA,gBAEpSC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACErE,EACAiD,GATF,EAVA,SAAAqB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/10.95e6aac83e6fd0b95f6e.js","sourcesContent":["<template>\n <div class=\"monitor-grid\" ref=\"grid\" :style=\"style\">\n <m-loader v-show=\"showLoad\" :msg=\"loadMsg\" bgColor=\"#000\"/>\n <slot />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorGrid',\n props: {\n template: {\n type: [String, Array],\n required: true,\n },\n columns: {\n type: String,\n },\n rows: {\n type: String,\n },\n gap: {\n type: String,\n },\n bgImg: {\n type: String,\n },\n complete: {\n type: Boolean,\n default: true,\n }\n },\n data() {\n return {\n style: {},\n showLoad: false,\n loadMsg: '初始化 . . .',\n }\n },\n mounted() {\n this.showLoad = !this.complete\n this.$nextTick(() => {\n setTimeout(this.init, 0)\n })\n },\n methods: {\n init() {\n let templateAreas = this.template\n if (Array.isArray(templateAreas)) {\n let result = ''\n templateAreas.forEach(item => {\n result += `'${item}'`\n })\n templateAreas = result\n }\n this.style = {\n 'grid-template-areas': templateAreas,\n 'grid-template-columns': this.columns,\n 'grid-template-rows': this.rows,\n 'grid-gap': this.gap,\n 'padding': this.gap,\n 'background-image': `url(${this.bgImg})`\n }\n\n const children = this.$refs.grid.children\n for(let i = 0; i < children.length; i++) {\n const child = children[i]\n const area = child.getAttribute('area')\n if (area) {\n child.style.gridArea = area\n }\n }\n },\n },\n watch: {\n complete(cur, past) {\n if (cur && cur != past) {\n this.loadMsg = '完成中 . . .'\n this.showLoad = false\n }\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-grid\n width 100%\n height 100%\n background-size cover\n background-position center\n background-color #061627\n position relative\n display grid\n grid-gap 1rem\n padding 1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"grid\",staticClass:\"monitor-grid\",style:(_vm.style)},[_c('m-loader',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLoad),expression:\"showLoad\"}],attrs:{\"msg\":_vm.loadMsg,\"bgColor\":\"#000\"}}),_vm._v(\" \"),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-dc3bf6d8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-dc3bf6d8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-grid.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-dc3bf6d8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-grid.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-dc3bf6d8\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
webpackJsonp([11],{"2vHb":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s={name:"MonitorMenu",props:{value:{type:Boolean,default:!1},themes:{type:Array,default:function(){return[]}}},data:function(){return{curTheme:0}},computed:{defaultThemes:function(){return[{name:"防汛防台"},{name:"突发公共卫生事件"},{name:"自然灾害"},{name:"火灾、爆炸"}]},themeList:function(){return this.themes&&this.themes.length>0?this.themes:this.defaultThemes}},methods:{closeMenu:function(){this.$emit("input",!1)},handleThemeSelect:function(e){this.curTheme=e,this.closeMenu()}}},a={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("m-animate",{attrs:{enter:"fadeInUp",leave:"fadeOutDown"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.value,expression:"value"}],staticClass:"theme-menu",on:{mouseleave:e.closeMenu}},[n("div",{staticClass:"edge top-left"}),e._v(" "),n("div",{staticClass:"edge top-right"}),e._v(" "),n("div",{staticClass:"edge bottom-left"}),e._v(" "),n("div",{staticClass:"edge bottom-right"}),e._v(" "),e._l(e.themeList,function(t,s){return n("p",{key:s,class:s==e.curTheme?"on":"",on:{click:function(t){return e.handleThemeSelect(s)}}},[e._v("\n "+e._s(t.name)+"\n ")])})],2)])},staticRenderFns:[]};var i=n("VU/8")(s,a,!1,function(e){n("rv1E")},"data-v-9ebc879a",null);t.default=i.exports},rv1E:function(e,t){}});
//# sourceMappingURL=11.e0d0852893a051f35f47.js.map
\ No newline at end of file
webpackJsonp([10],{"2vHb":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s={name:"MonitorMenu",props:{value:{type:Boolean,default:!1},themes:{type:Array,default:function(){return[]}}},data:function(){return{curTheme:0}},computed:{defaultThemes:function(){return[{name:"防汛防台"},{name:"突发公共卫生事件"},{name:"自然灾害"},{name:"火灾、爆炸"}]},themeList:function(){return this.themes&&this.themes.length>0?this.themes:this.defaultThemes}},methods:{closeMenu:function(){this.$emit("input",!1)},handleThemeSelect:function(e){this.curTheme=e,this.closeMenu()}}},a={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("m-animate",{attrs:{enter:"fadeInUp",leave:"fadeOutDown"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.value,expression:"value"}],staticClass:"theme-menu",on:{mouseleave:e.closeMenu}},[n("div",{staticClass:"edge top-left"}),e._v(" "),n("div",{staticClass:"edge top-right"}),e._v(" "),n("div",{staticClass:"edge bottom-left"}),e._v(" "),n("div",{staticClass:"edge bottom-right"}),e._v(" "),e._l(e.themeList,function(t,s){return n("p",{key:s,class:s==e.curTheme?"on":"",on:{click:function(t){return e.handleThemeSelect(s)}}},[e._v("\n "+e._s(t.name)+"\n ")])})],2)])},staticRenderFns:[]};var i=n("VU/8")(s,a,!1,function(e){n("rv1E")},"data-v-9ebc879a",null);t.default=i.exports},rv1E:function(e,t){}});
//# sourceMappingURL=10.ab925f8bb0245e505ca6.js.map
\ No newline at end of file
webpackJsonp([12],{"7p+e":function(t,e){},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).toFixed(1)+"rem "+(t/4.5).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).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).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 c=i("VU/8")(n,o,!1,function(t){i("7p+e")},"data-v-88c428c4",null);e.default=c.exports}});
//# sourceMappingURL=12.b26fc350b53d2b30f1b4.js.map
\ No newline at end of file
webpackJsonp([11],{"7p+e":function(t,e){},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).toFixed(1)+"rem "+(t/4.5).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).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).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 c=i("VU/8")(n,o,!1,function(t){i("7p+e")},"data-v-88c428c4",null);e.default=c.exports}});
//# sourceMappingURL=11.573ef14b9d19f5d8b630.js.map
\ No newline at end of file
webpackJsonp([13],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default:10},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}}},a={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?i("img",{attrs:{src:t.$api.IMG_URL+t.model[n]},on:{click:function(e){return t.handleView(t.model[n])}}}):i("div",{staticClass:"content"},[t._v(t._s(e.format?e.format(t.model[n]):t.model[n]||" "))])])}),1)}),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 l=i("VU/8")(n,a,!1,function(t){i("Ngdh")},"data-v-7bad9f68",null);e.default=l.exports},Ngdh:function(t,e){}});
//# sourceMappingURL=13.700fbeaa3fecb8fc2c52.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:10},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}}},a={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?i("img",{attrs:{src:t.$api.IMG_URL+t.model[n]},on:{click:function(e){return t.handleView(t.model[n])}}}):i("div",{staticClass:"content"},[t._v(t._s(e.format?e.format(t.model[n]):t.model[n]||" "))])])}),1)}),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 l=i("VU/8")(n,a,!1,function(t){i("Ngdh")},"data-v-7bad9f68",null);e.default=l.exports},Ngdh:function(t,e){}});
//# sourceMappingURL=12.a2dde18c781b07a4f1ac.js.map
\ No newline at end of file
webpackJsonp([14],{TNmO:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={name:"MonitorTitle",props:{imgStyle:{},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:"1.6rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{}}},mounted:function(){var e=this;this.hideTime||(this.timer=setInterval(function(){e.time=e.$moment().format("dddd")+" "+e.$moment().format("LTS")},1e3)),this.style={"font-size":this.size}},beforeDestroy:function(){clearInterval(this.timer),this.timer=null},computed:{curDate:function(){var e=this.$store.state.curDate;return e?this.$moment(e).format("YYYY-MM-DD"):this.$moment().format("YYYY-MM-DD")},options:function(){var e=this;return{disabledDate:function(t){return e.$moment(t).isAfter(e.$moment())}}}},methods:{openAdmin:function(){window.open("http://211.136.105.193/login")},handleDateChange:function(e){this.$store.commit("SET_CURDATE",e),this.openDatePicker=!1}}},a={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"monitor-title"},[e.hideDate?e._e():n("span",{staticClass:"moment date",on:{mouseenter:function(t){e.returnopenDatePicker=!0},mouseleave:function(t){e.openDatePicker=!1}}},[n("DatePicker",{staticClass:"date-picker",attrs:{value:e.curDate,options:e.options,open:e.editable&&e.openDatePicker,type:"date"},on:{"on-change":e.handleDateChange}},[n("span",[e._v(e._s(e.curDate))])])],1),e._v(" "),e.hideTime?e._e():n("span",{staticClass:"moment time"},[e._v(e._s(e.time))]),e._v(" "),n("img",{style:e.imgStyle,attrs:{src:e.bgImg,draggable:"false"}}),e._v(" "),n("p",{style:e.style,on:{click:e.openAdmin}},[e._t("default")],2)])},staticRenderFns:[]};var o=n("VU/8")(i,a,!1,function(e){n("bsAK")},"data-v-752c0f85",null);t.default=o.exports},bsAK:function(e,t){}});
//# sourceMappingURL=14.7642b4cf5d2d8918ec69.js.map
\ No newline at end of file
webpackJsonp([13],{TNmO:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={name:"MonitorTitle",props:{imgStyle:{},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:"1.6rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{}}},mounted:function(){var e=this;this.hideTime||(this.timer=setInterval(function(){e.time=e.$moment().format("dddd")+" "+e.$moment().format("LTS")},1e3)),this.style={"font-size":this.size}},beforeDestroy:function(){clearInterval(this.timer),this.timer=null},computed:{curDate:function(){var e=this.$store.state.curDate;return e?this.$moment(e).format("YYYY-MM-DD"):this.$moment().format("YYYY-MM-DD")},options:function(){var e=this;return{disabledDate:function(t){return e.$moment(t).isAfter(e.$moment())}}}},methods:{openAdmin:function(){window.open("http://211.136.105.193/login")},handleDateChange:function(e){this.$store.commit("SET_CURDATE",e),this.openDatePicker=!1}}},a={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"monitor-title"},[e.hideDate?e._e():n("span",{staticClass:"moment date",on:{mouseenter:function(t){e.returnopenDatePicker=!0},mouseleave:function(t){e.openDatePicker=!1}}},[n("DatePicker",{staticClass:"date-picker",attrs:{value:e.curDate,options:e.options,open:e.editable&&e.openDatePicker,type:"date"},on:{"on-change":e.handleDateChange}},[n("span",[e._v(e._s(e.curDate))])])],1),e._v(" "),e.hideTime?e._e():n("span",{staticClass:"moment time"},[e._v(e._s(e.time))]),e._v(" "),n("img",{style:e.imgStyle,attrs:{src:e.bgImg,draggable:"false"}}),e._v(" "),n("p",{style:e.style,on:{click:e.openAdmin}},[e._t("default")],2)])},staticRenderFns:[]};var o=n("VU/8")(i,a,!1,function(e){n("bsAK")},"data-v-752c0f85",null);t.default=o.exports},bsAK:function(e,t){}});
//# sourceMappingURL=13.ab6f59a025c7716dc9dd.js.map
\ No newline at end of file
webpackJsonp([15],{NefG:function(t,e){},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:5e3},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>100}},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.scrollContent,n=this.$refs.subContent,r=e.offsetHeight;this.timer=setInterval(function(){r<=0?r=e.offsetHeight:(t.index<r?t.index+=1:t.index=0,e.style.transform="translateY("+-t.index+"px)",n&&(n.style.transform="translateY("+-t.index+"px)"))},100)},startMode2:function(){var t=this,e=this.$refs.scrollContent,n=this.$refs.subContent,r=this.$com.confirm(e,"children.length",0);this.timer=setInterval(function(){t.index<r?(t.index+=1,e.style.transition="transform 0.5s",n&&(n.style.transition="transform 0.5s")):(t.index=0,e.style.transition="none",n&&(n.style.transition="none")),e.style.transform="translateY("+-t.step*t.index+"rem)",n&&(n.style.transform="translateY("+-t.step*t.index+"rem)")},this.duration)}},watch:{length:function(t){this.clearTimer(),this.index=0;var e=this.$refs.scrollContent,n=this.$refs.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("NefG")},"data-v-73ecd732",null);e.default=i.exports}});
//# sourceMappingURL=15.8dd2c66622a5a46d46cb.js.map
\ No newline at end of file
webpackJsonp([14],{NefG:function(t,e){},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:5e3},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>100}},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.scrollContent,n=this.$refs.subContent,r=e.offsetHeight;this.timer=setInterval(function(){r<=0?r=e.offsetHeight:(t.index<r?t.index+=1:t.index=0,e.style.transform="translateY("+-t.index+"px)",n&&(n.style.transform="translateY("+-t.index+"px)"))},100)},startMode2:function(){var t=this,e=this.$refs.scrollContent,n=this.$refs.subContent,r=this.$com.confirm(e,"children.length",0);this.timer=setInterval(function(){t.index<r?(t.index+=1,e.style.transition="transform 0.5s",n&&(n.style.transition="transform 0.5s")):(t.index=0,e.style.transition="none",n&&(n.style.transition="none")),e.style.transform="translateY("+-t.step*t.index+"rem)",n&&(n.style.transform="translateY("+-t.step*t.index+"rem)")},this.duration)}},watch:{length:function(t){this.clearTimer(),this.index=0;var e=this.$refs.scrollContent,n=this.$refs.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("NefG")},"data-v-73ecd732",null);e.default=i.exports}});
//# sourceMappingURL=14.9a6452b397b8672fced7.js.map
\ No newline at end of file
webpackJsonp([16],{AFqF:function(t,e){},cxLP:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("Gu7T"),s=i.n(a),n={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,listData:[],cur:0,dataSize:100,btnMsg:"加载更多"}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0},more:function(){var t;this.cur+=1;var e=this.model.slice(this.cur*this.dataSize,(this.cur+1)*this.dataSize);(t=this.listData).push.apply(t,s()(e)),this.model.length<=(this.cur+1)*this.dataSize&&(this.btnMsg="— 暂无更多数据 —")}},watch:{model:{handler:function(t){t.length<=this.dataSize&&(this.btnMsg="— 暂无更多数据 —"),this.cur=0,this.listData=t.slice(this.cur*this.dataSize,(this.cur+1)*this.dataSize)},immediate:!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("\n "+t._s(e.title)+"\n ")])])}),1):t._e(),t._v(" "),t.model&&t.model.length>0&&"1"==t.mode?[i("div",t._l(t.listData,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: "+(e.color||"")+" "},[t._v("\n "+t._s(a.format?a.format(e[a.key]):e[a.key]||"暂无")+"\n "),a.tooltip?i("Tooltip",{attrs:{"max-width":"10rem",content:e[a.tooltip],transfer:""}},[i("Icon",{staticStyle:{"font-size":"1.2rem",cursor:"pointer","margin-left":"0.2rem"},attrs:{type:"md-alert",color:"gold"}})],1):t._e()],1)],2)}),1)}),1),t._v(" "),i("div",{class:"no-data "+("加载更多"==t.btnMsg?"btn":""),on:{click:t.more}},[t._v(t._s(t.btnMsg))])]:t.model&&t.model.length>0&&"2"==t.mode?[i("div",t._l(t.listData,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 o=i("VU/8")(n,l,!1,function(t){i("AFqF")},"data-v-6b8386fe",null);e.default=o.exports}});
//# sourceMappingURL=16.f061d63018ce1704dd88.js.map
\ No newline at end of file
webpackJsonp([15],{AFqF:function(t,e){},cxLP:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("Gu7T"),s=i.n(a),n={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,listData:[],cur:0,dataSize:100,btnMsg:"加载更多"}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0},more:function(){var t;this.cur+=1;var e=this.model.slice(this.cur*this.dataSize,(this.cur+1)*this.dataSize);(t=this.listData).push.apply(t,s()(e)),this.model.length<=(this.cur+1)*this.dataSize&&(this.btnMsg="— 暂无更多数据 —")}},watch:{model:{handler:function(t){t.length<=this.dataSize&&(this.btnMsg="— 暂无更多数据 —"),this.cur=0,this.listData=t.slice(this.cur*this.dataSize,(this.cur+1)*this.dataSize)},immediate:!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("\n "+t._s(e.title)+"\n ")])])}),1):t._e(),t._v(" "),t.model&&t.model.length>0&&"1"==t.mode?[i("div",t._l(t.listData,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: "+(e.color||"")+" "},[t._v("\n "+t._s(a.format?a.format(e[a.key]):e[a.key]||"暂无")+"\n "),a.tooltip?i("Tooltip",{attrs:{"max-width":"10rem",content:e[a.tooltip],transfer:""}},[i("Icon",{staticStyle:{"font-size":"1.2rem",cursor:"pointer","margin-left":"0.2rem"},attrs:{type:"md-alert",color:"gold"}})],1):t._e()],1)],2)}),1)}),1),t._v(" "),i("div",{class:"no-data "+("加载更多"==t.btnMsg?"btn":""),on:{click:t.more}},[t._v(t._s(t.btnMsg))])]:t.model&&t.model.length>0&&"2"==t.mode?[i("div",t._l(t.listData,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 o=i("VU/8")(n,l,!1,function(t){i("AFqF")},"data-v-6b8386fe",null);e.default=o.exports}});
//# sourceMappingURL=15.452b2481077986ba0af5.js.map
\ No newline at end of file
webpackJsonp([17],{H8lV: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:"40%"},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:"width:"+t.width},[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("/TeD")},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 l=a("VU/8")(s,i,!1,function(t){a("H8lV")},"data-v-55847208",null);e.default=l.exports}});
//# sourceMappingURL=17.912a00b10d2c58f1968b.js.map
\ No newline at end of file
webpackJsonp([16],{H8lV: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:"40%"},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:"width:"+t.width},[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("/TeD")},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 l=a("VU/8")(s,i,!1,function(t){a("H8lV")},"data-v-55847208",null);e.default=l.exports}});
//# sourceMappingURL=16.25b0e1920fcfffa457f4.js.map
\ No newline at end of file
webpackJsonp([18],{FteE:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={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)}}},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-drawer",staticStyle:{"animation-duration":"500ms"}},[s("img",{staticClass:"close-btn",attrs:{src:a("LuQl")},on:{click:t.handleClose}}),t._v(" "),s("img",{staticClass:"border left",attrs:{src:a("ICTM")}}),t._v(" "),s("div",{staticClass:"content"},[s("div",[t._t("default")],2)]),t._v(" "),s("img",{staticClass:"border right",attrs:{src:a("ICTM")}})]):t._e()])},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(t){a("jsV6")},"data-v-4f802b28",null);e.default=n.exports},jsV6:function(t,e){}});
//# sourceMappingURL=18.1adf9a941d5ebe37bd9e.js.map
\ No newline at end of file
webpackJsonp([17],{FteE:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={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)}}},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-drawer",staticStyle:{"animation-duration":"500ms"}},[s("img",{staticClass:"close-btn",attrs:{src:a("LuQl")},on:{click:t.handleClose}}),t._v(" "),s("img",{staticClass:"border left",attrs:{src:a("ICTM")}}),t._v(" "),s("div",{staticClass:"content"},[s("div",[t._t("default")],2)]),t._v(" "),s("img",{staticClass:"border right",attrs:{src:a("ICTM")}})]):t._e()])},staticRenderFns:[]};var n=a("VU/8")(s,i,!1,function(t){a("jsV6")},"data-v-4f802b28",null);e.default=n.exports},jsV6:function(t,e){}});
//# sourceMappingURL=17.96a31fae1e6f805fbbfa.js.map
\ No newline at end of file
webpackJsonp([18],{CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n("MICi"),s=n.n(r),i={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},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.35rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){var t=Number(this.current[0]);if(this.current[1]&&(t+=1),!s()(t))return Math.round(this.linePercent*t);console.error('Props: "current" is NaN!')},done:function(){var t=Number(this.current[0]);return this.current[1]&&(t+=1),t},notWidth:function(){return 100-this.doneWidth}}},o={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"monitor-step"},[r("div",{staticClass:"lines",style:t.setTop},[r("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),r("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,s){return r("div",{key:s,class:"item "+(s==t.done?"on":"")},[r("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),s<=t.current[0]?r("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):r("div",{staticClass:"none"}),t._v(" "),r("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[s]))])])})],2)},staticRenderFns:[]};var a=n("VU/8")(i,o,!1,function(t){n("KqUb")},"data-v-4a6158a0",null);e.default=a.exports},KqUb:function(t,e){}});
//# sourceMappingURL=18.118a8f01af2b038a4c6e.js.map
\ 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?2333","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue"],"names":["monitor_step","name","props","steps","type","Array","required","current","String","Number","default","msg","data","setTop","mounted","_this","this","$nextTick","top","$refs","icon","offsetTop","computed","linePercent","len","length","doneWidth","index","is_nan_default","Math","round","console","error","done","notWidth","MonitorStep_monitor_step","render","_vm","_h","$createElement","_c","_self","staticClass","style","_v","_l","step","i","key","class","attrs","title","_s","ref","refInFor","__webpack_require__","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"+HAgBAA,GAIAC,KAAA,cACAC,OACAC,OACAC,KAAAC,MACAC,UAAA,GAEAC,SACAH,MAAAI,OAAAC,OAAAJ,OACAK,QAFA,WAGA,eAGAC,KACAP,KAAAC,MACAK,QAFA,WAGA,YAIAE,KAvBA,WAwBA,OACAC,OAAA,OAGAC,QA5BA,WA4BA,IAAAC,EAAAC,KACAA,KAAAC,UAAA,WACAF,EAAAF,QAAAK,IAAA,QAAAH,EAAAI,MAAAC,KAAA,GAAAC,UAAA,oBAGAC,UACAC,YADA,WAEA,IAAAC,EAAAR,KAAAb,MAAAsB,OACA,OAAAD,EAAA,OAAAA,EAAA,GACA,KAEAE,UANA,WAOA,IAAAC,EAAAlB,OAAAO,KAAAT,QAAA,IAIA,GAHAS,KAAAT,QAAA,KACAoB,GAAA,IAEAC,IAAAD,GAIA,OAAAE,KAAAC,MAAAd,KAAAO,YAAAI,GAHAI,QAAAC,MAAA,6BAKAC,KAjBA,WAkBA,IAAAN,EAAAlB,OAAAO,KAAAT,QAAA,IAIA,OAHAS,KAAAT,QAAA,KACAoB,GAAA,GAEAA,GAEAO,SAxBA,WAyBA,WAAAlB,KAAAU,aCvEeS,GADEC,OAFjB,WAA0B,IAAAC,EAAArB,KAAasB,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,EAAAX,UAAA,MAAiEW,EAAAO,GAAA,KAAAJ,EAAA,OAAwBE,YAAA,OAAAC,MAAA,SAAAN,EAAAH,SAAA,QAA2DG,EAAAO,GAAA,KAAAP,EAAAQ,GAAAR,EAAA,eAAAS,EAAAC,GAAoD,OAAAP,EAAA,OAAiBQ,IAAAD,EAAAE,MAAA,SAAAF,GAAAV,EAAAJ,KAAA,WAAoDO,EAAA,KAAUU,OAAOC,MAAAL,EAAA7C,QAAmBoC,EAAAO,GAAAP,EAAAe,GAAAN,EAAA7C,SAAAoC,EAAAO,GAAA,KAAAG,GAAAV,EAAA9B,QAAA,GAAAiC,EAAA,OAA0Ea,IAAA,OAAAC,UAAA,EAAAZ,YAAA,OAAAC,MAAA,wBAA+EY,EAAQ,QAA0B,MAAWf,EAAA,OAAYE,YAAA,SAAmBL,EAAAO,GAAA,KAAAJ,EAAA,QAAyBE,YAAA,MAAAQ,OAAyBC,MAAAL,EAAAnC,OAAkB0B,EAAAO,GAAAP,EAAAe,GAAAf,EAAA1B,IAAAoC,YAAiC,IAE9yBS,oBCCjB,IAcAC,EAdyBF,EAAQ,OAcjCG,CACE1D,EACAmC,GATF,EAVA,SAAAwB,GACEJ,EAAQ,SAaV,kBAEA,MAUeK,EAAA,QAAAH,EAAiB","file":"static/js/18.118a8f01af2b038a4c6e.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 == done ? 'on' : ''}`\">\n <p :title=\"step.name\">{{step.name}}</p>\n <div ref=\"icon\" v-if=\"i <= current[0]\" 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 </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 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.35rem)`}\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 let index = Number(this.current[0])\n if (this.current[1]) { // 如果数组的第二项是 true, 流程线就会向下级多走一条\n index = index+1\n }\n if (Number.isNaN(index)) {\n console.error('Props: \"current\" is NaN!')\n return\n }\n return Math.round(this.linePercent * index)\n },\n done() { // 是否进入下一条\n let index = Number(this.current[0])\n if (this.current[1]) {\n index = index+1\n }\n return index\n },\n notWidth() {\n return 100 - this.doneWidth\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.5rem\n >.line\n height 0.3rem\n background rgba(0,0,0,0.8)\n border-radius 1rem\n margin-left 0.5rem\n &.done\n background linear-gradient(to right, #3391ff, $edgeColor)\n .item\n text-align center\n width 1rem\n position relative\n z-index 1\n .icon\n width 1rem\n height 1rem\n border-radius 50%\n background-color $icon-color\n background-position 50%\n background-size 50%\n background-repeat no-repeat\n .none\n width 0.8rem\n height 0.8rem\n border 0.2rem solid $fontColor\n border-radius 50%\n transform translateY(10%)\n .msg\n display inline-block\n font-size 0.6rem\n width 10rem\n transform translateX(-50%)\n margin 0.2rem 50%\n font-weight normal\n color #aaa\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 color $fontColor\n font-size 0.8rem\n &.on\n >div\n width 0.9rem\n height 0.9rem\n border 0.1rem solid $edgeColor\n transform scale(1.2)\n .icon\n transform scale(1.2)\n box-shadow 0 0 1rem 0.2rem $icon-color\n p\n color #fff\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.done ? 'on' : ''))},[_c('p',{attrs:{\"title\":step.name}},[_vm._v(_vm._s(step.name))]),_vm._v(\" \"),(i <= _vm.current[0])?_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]))])])})],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-4a6158a0\",\"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-4a6158a0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"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-4a6158a0\\\",\\\"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-4a6158a0\"\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
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([9],{CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n("MICi"),s=n.n(r),i={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},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.35rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){var t=Number(this.current[0]);if(this.current[1]&&(t+=1),!s()(t))return Math.round(this.linePercent*t);console.error('Props: "current" is NaN!')},done:function(){var t=Number(this.current[0]);return this.current[1]&&(t+=1),t},notWidth:function(){return 100-this.doneWidth}}},o={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"monitor-step"},[r("div",{staticClass:"lines",style:t.setTop},[r("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),r("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,s){return r("div",{key:s,class:"item "+(s==t.done?"on":"")},[r("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),s<=t.current[0]?r("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):r("div",{staticClass:"none"}),t._v(" "),r("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[s]))])])})],2)},staticRenderFns:[]};var a=n("VU/8")(i,o,!1,function(t){n("bSvf")},"data-v-e01960b2",null);e.default=a.exports},bSvf:function(t,e){}});
//# sourceMappingURL=9.4ef6358bcf9c545ab808.js.map
\ 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?398c","webpack:///./src/components/MonitorComponents/MonitorStep/monitor-step.vue"],"names":["monitor_step","name","props","steps","type","Array","required","current","String","Number","default","msg","data","setTop","mounted","_this","this","$nextTick","top","$refs","icon","offsetTop","computed","linePercent","len","length","doneWidth","index","is_nan_default","Math","round","console","error","done","notWidth","MonitorStep_monitor_step","render","_vm","_h","$createElement","_c","_self","staticClass","style","_v","_l","step","i","key","class","attrs","title","_s","ref","refInFor","__webpack_require__","staticRenderFns","Component","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"8HAgBAA,GAIAC,KAAA,cACAC,OACAC,OACAC,KAAAC,MACAC,UAAA,GAEAC,SACAH,MAAAI,OAAAC,OAAAJ,OACAK,QAFA,WAGA,eAGAC,KACAP,KAAAC,MACAK,QAFA,WAGA,YAIAE,KAvBA,WAwBA,OACAC,OAAA,OAGAC,QA5BA,WA4BA,IAAAC,EAAAC,KACAA,KAAAC,UAAA,WACAF,EAAAF,QAAAK,IAAA,QAAAH,EAAAI,MAAAC,KAAA,GAAAC,UAAA,oBAGAC,UACAC,YADA,WAEA,IAAAC,EAAAR,KAAAb,MAAAsB,OACA,OAAAD,EAAA,OAAAA,EAAA,GACA,KAEAE,UANA,WAOA,IAAAC,EAAAlB,OAAAO,KAAAT,QAAA,IAIA,GAHAS,KAAAT,QAAA,KACAoB,GAAA,IAEAC,IAAAD,GAIA,OAAAE,KAAAC,MAAAd,KAAAO,YAAAI,GAHAI,QAAAC,MAAA,6BAKAC,KAjBA,WAkBA,IAAAN,EAAAlB,OAAAO,KAAAT,QAAA,IAIA,OAHAS,KAAAT,QAAA,KACAoB,GAAA,GAEAA,GAEAO,SAxBA,WAyBA,WAAAlB,KAAAU,aCvEeS,GADEC,OAFjB,WAA0B,IAAAC,EAAArB,KAAasB,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,EAAAX,UAAA,MAAiEW,EAAAO,GAAA,KAAAJ,EAAA,OAAwBE,YAAA,OAAAC,MAAA,SAAAN,EAAAH,SAAA,QAA2DG,EAAAO,GAAA,KAAAP,EAAAQ,GAAAR,EAAA,eAAAS,EAAAC,GAAoD,OAAAP,EAAA,OAAiBQ,IAAAD,EAAAE,MAAA,SAAAF,GAAAV,EAAAJ,KAAA,WAAoDO,EAAA,KAAUU,OAAOC,MAAAL,EAAA7C,QAAmBoC,EAAAO,GAAAP,EAAAe,GAAAN,EAAA7C,SAAAoC,EAAAO,GAAA,KAAAG,GAAAV,EAAA9B,QAAA,GAAAiC,EAAA,OAA0Ea,IAAA,OAAAC,UAAA,EAAAZ,YAAA,OAAAC,MAAA,wBAA+EY,EAAQ,QAA0B,MAAWf,EAAA,OAAYE,YAAA,SAAmBL,EAAAO,GAAA,KAAAJ,EAAA,QAAyBE,YAAA,MAAAQ,OAAyBC,MAAAL,EAAAnC,OAAkB0B,EAAAO,GAAAP,EAAAe,GAAAf,EAAA1B,IAAAoC,YAAiC,IAE9yBS,oBCCjB,IAcAC,EAdyBF,EAAQ,OAcjCG,CACE1D,EACAmC,GATF,EAVA,SAAAwB,GACEJ,EAAQ,SAaV,kBAEA,MAUeK,EAAA,QAAAH,EAAiB","file":"static/js/9.4ef6358bcf9c545ab808.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 == done ? 'on' : ''}`\">\n <p :title=\"step.name\">{{step.name}}</p>\n <div ref=\"icon\" v-if=\"i <= current[0]\" 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 </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 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.35rem)`}\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 let index = Number(this.current[0])\n if (this.current[1]) { // 如果数组的第二项是 true, 流程线就会向下级多走一条\n index = index+1\n }\n if (Number.isNaN(index)) {\n console.error('Props: \"current\" is NaN!')\n return\n }\n return Math.round(this.linePercent * index)\n },\n done() { // 是否进入下一条\n let index = Number(this.current[0])\n if (this.current[1]) {\n index = index+1\n }\n return index\n },\n notWidth() {\n return 100 - this.doneWidth\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.5rem\n >.line\n height 0.3rem\n background rgba(0,0,0,0.8)\n border-radius 1rem\n margin-left 0.5rem\n &.done\n background linear-gradient(to right, #3391ff, $edgeColor)\n .item\n text-align center\n width 1rem\n position relative\n z-index 1\n .icon\n width 1rem\n height 1rem\n border-radius 50%\n background-color $icon-color\n background-position 50%\n background-size 50%\n background-repeat no-repeat\n .none\n width 0.8rem\n height 0.8rem\n border 0.2rem solid $fontColor\n border-radius 50%\n transform translateY(10%)\n .msg\n display inline-block\n font-size 0.6rem\n width 4rem\n transform translateX(-50%)\n margin 0.2rem 50%\n font-weight normal\n color #aaa\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 color $fontColor\n font-size 0.8rem\n &.on\n >div\n width 0.9rem\n height 0.9rem\n border 0.1rem solid $edgeColor\n transform scale(1.2)\n .icon\n transform scale(1.2)\n box-shadow 0 0 1rem 0.2rem $icon-color\n p\n color #fff\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.done ? 'on' : ''))},[_c('p',{attrs:{\"title\":step.name}},[_vm._v(_vm._s(step.name))]),_vm._v(\" \"),(i <= _vm.current[0])?_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]))])])})],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-e01960b2\",\"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-e01960b2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"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-e01960b2\\\",\\\"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-e01960b2\"\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
webpackJsonp([9],{"1fyY":function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r={name:"MonitorGrid",props:{template:{type:[String,Array],required:!0},columns:{type:String},rows:{type:String},gap:{type:String},bgImg:{type:String},complete:{type:Boolean,default:!0}},data:function(){return{style:{},showLoad:!1,loadMsg:"初始化 . . ."}},mounted:function(){var t=this;this.showLoad=!this.complete,this.$nextTick(function(){setTimeout(t.init,0)})},methods:{init:function(){var t=this.template;if(Array.isArray(t)){var e="";t.forEach(function(t){e+="'"+t+"'"}),t=e}this.style={"grid-template-areas":t,"grid-template-columns":this.columns,"grid-template-rows":this.rows,"grid-gap":this.gap,padding:this.gap,"background-image":"url("+this.bgImg+")"};for(var i=this.$refs.grid.children,r=0;r<i.length;r++){var s=i[r],a=s.getAttribute("area");a&&(s.style.gridArea=a)}}},watch:{complete:function(t,e){t&&t!=e&&(this.loadMsg="完成中 . . .",this.showLoad=!1)}}},s={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"grid",staticClass:"monitor-grid",style:this.style},[e("m-loader",{directives:[{name:"show",rawName:"v-show",value:this.showLoad,expression:"showLoad"}],attrs:{msg:this.loadMsg,bgColor:"#000"}}),this._v(" "),this._t("default")],2)},staticRenderFns:[]};var a=i("VU/8")(r,s,!1,function(t){i("Un7V")},"data-v-dc3bf6d8",null);e.default=a.exports},Un7V:function(t,e){}});
//# sourceMappingURL=9.88c12c87d8c867668894.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue?b746","webpack:///./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue"],"names":["monitor_grid","name","props","template","type","String","Array","required","columns","rows","gap","bgImg","complete","Boolean","default","data","style","showLoad","loadMsg","mounted","_this","this","$nextTick","setTimeout","init","methods","templateAreas","isArray","result","forEach","item","grid-template-areas","grid-template-columns","grid-template-rows","grid-gap","padding","background-image","children","$refs","grid","i","length","child","area","getAttribute","gridArea","watch","cur","past","MonitorGrid_monitor_grid","render","_h","$createElement","_c","_self","ref","staticClass","directives","rawName","value","expression","attrs","msg","bgColor","_v","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"uGAQA,IAAAA,GACAC,KAAA,cACAC,OACAC,UACAC,MAAAC,OAAAC,OACAC,UAAA,GAEAC,SACAJ,KAAAC,QAEAI,MACAL,KAAAC,QAEAK,KACAN,KAAAC,QAEAM,OACAP,KAAAC,QAEAO,UACAR,KAAAS,QACAC,SAAA,IAGAC,KAxBA,WAyBA,OACAC,SACAC,UAAA,EACAC,QAAA,cAGAC,QA/BA,WA+BA,IAAAC,EAAAC,KACAA,KAAAJ,UAAAI,KAAAT,SACAS,KAAAC,UAAA,WACAC,WAAAH,EAAAI,KAAA,MAGAC,SACAD,KADA,WAEA,IAAAE,EAAAL,KAAAlB,SACA,GAAAG,MAAAqB,QAAAD,GAAA,CACA,IAAAE,EAAA,GACAF,EAAAG,QAAA,SAAAC,GACAF,GAAA,IAAAE,EAAA,MAEAJ,EAAAE,EAEAP,KAAAL,OACAe,sBAAAL,EACAM,wBAAAX,KAAAb,QACAyB,qBAAAZ,KAAAZ,KACAyB,WAAAb,KAAAX,IACAyB,QAAAd,KAAAX,IACA0B,mBAAA,OAAAf,KAAAV,MAAA,KAIA,IADA,IAAA0B,EAAAhB,KAAAiB,MAAAC,KAAAF,SACAG,EAAA,EAAAA,EAAAH,EAAAI,OAAAD,IAAA,CACA,IAAAE,EAAAL,EAAAG,GACAG,EAAAD,EAAAE,aAAA,QACAD,IACAD,EAAA1B,MAAA6B,SAAAF,MAKAG,OACAlC,SADA,SACAmC,EAAAC,GACAD,MAAAC,IACA3B,KAAAH,QAAA,YACAG,KAAAJ,UAAA,MC3EegC,GADEC,OAFjB,WAA0B,IAAaC,EAAb9B,KAAa+B,eAA0BC,EAAvChC,KAAuCiC,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,IAAA,OAAAC,YAAA,eAAAxC,MAAhFK,KAAgF,QAAwDgC,EAAA,YAAiBI,aAAaxD,KAAA,OAAAyD,QAAA,SAAAC,MAAtKtC,KAAsK,SAAAuC,WAAA,aAAwEC,OAASC,IAAvPzC,KAAuPH,QAAA6C,QAAA,UAAvP1C,KAA2R2C,GAAA,KAA3R3C,KAA2R4C,GAAA,gBAEpSC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACErE,EACAiD,GATF,EAVA,SAAAqB,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/9.88c12c87d8c867668894.js","sourcesContent":["<template>\n <div class=\"monitor-grid\" ref=\"grid\" :style=\"style\">\n <m-loader v-show=\"showLoad\" :msg=\"loadMsg\" bgColor=\"#000\"/>\n <slot />\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorGrid',\n props: {\n template: {\n type: [String, Array],\n required: true,\n },\n columns: {\n type: String,\n },\n rows: {\n type: String,\n },\n gap: {\n type: String,\n },\n bgImg: {\n type: String,\n },\n complete: {\n type: Boolean,\n default: true,\n }\n },\n data() {\n return {\n style: {},\n showLoad: false,\n loadMsg: '初始化 . . .',\n }\n },\n mounted() {\n this.showLoad = !this.complete\n this.$nextTick(() => {\n setTimeout(this.init, 0)\n })\n },\n methods: {\n init() {\n let templateAreas = this.template\n if (Array.isArray(templateAreas)) {\n let result = ''\n templateAreas.forEach(item => {\n result += `'${item}'`\n })\n templateAreas = result\n }\n this.style = {\n 'grid-template-areas': templateAreas,\n 'grid-template-columns': this.columns,\n 'grid-template-rows': this.rows,\n 'grid-gap': this.gap,\n 'padding': this.gap,\n 'background-image': `url(${this.bgImg})`\n }\n\n const children = this.$refs.grid.children\n for(let i = 0; i < children.length; i++) {\n const child = children[i]\n const area = child.getAttribute('area')\n if (area) {\n child.style.gridArea = area\n }\n }\n },\n },\n watch: {\n complete(cur, past) {\n if (cur && cur != past) {\n this.loadMsg = '完成中 . . .'\n this.showLoad = false\n }\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-grid\n width 100%\n height 100%\n background-size cover\n background-position center\n background-color #061627\n position relative\n display grid\n grid-gap 1rem\n padding 1rem\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorGrid/monitor-grid.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"grid\",staticClass:\"monitor-grid\",style:(_vm.style)},[_c('m-loader',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showLoad),expression:\"showLoad\"}],attrs:{\"msg\":_vm.loadMsg,\"bgColor\":\"#000\"}}),_vm._v(\" \"),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-dc3bf6d8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-dc3bf6d8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-grid.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-grid.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-dc3bf6d8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-grid.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-dc3bf6d8\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorGrid/monitor-grid.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(n,c,f){for(var o,b,d,i=0,u=[];i<n.length;i++)b=n[i],r[b]&&u.push(r[b][0]),r[b]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(a&&a(n,c,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)d=t(t.s=f[i]);return d};var n={},r={27:0};function t(a){if(n[a])return n[a].exports;var r=n[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.e=function(e){var a=r[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var n=new Promise(function(n,t){a=r[e]=[n,t]});a[2]=n;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"4a05eae3801229f5fcc6",1:"80f3e7aa96153395fe1b",2:"34323ccfd37498b450c5",3:"874610ae83b6001e99dc",4:"b89af7109d0cd316d1e7",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"88c12c87d8c867668894",10:"ab925f8bb0245e505ca6",11:"573ef14b9d19f5d8b630",12:"a2dde18c781b07a4f1ac",13:"ab6f59a025c7716dc9dd",14:"9a6452b397b8672fced7",15:"452b2481077986ba0af5",16:"25b0e1920fcfffa457f4",17:"96a31fae1e6f805fbbfa",18:"118a8f01af2b038a4c6e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"2d8001a6b1d5cb810441",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(o);var a=r[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return f.onerror=f.onload=b,c.appendChild(f),n},t.m=e,t.c=n,t.d=function(e,a,n){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.32247a011f952c6c2dd0.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,f){for(var o,d,b,i=0,u=[];i<r.length;i++)d=r[i],t[d]&&u.push(t[d][0]),t[d]=0;for(o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);for(n&&n(r,a,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=c(c.s=f[i]);return b};var r={},t={27: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:"08ffd2c063566b77752a",1:"80f3e7aa96153395fe1b",2:"beeb013c854cc4ad7576",3:"874610ae83b6001e99dc",4:"60e73a613e7fd85c257f",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"4ef6358bcf9c545ab808",10:"95e6aac83e6fd0b95f6e",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"700fbeaa3fecb8fc2c52",14:"7642b4cf5d2d8918ec69",15:"8dd2c66622a5a46d46cb",16:"f061d63018ce1704dd88",17:"912a00b10d2c58f1968b",18:"1adf9a941d5ebe37bd9e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"2d8001a6b1d5cb810441",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(d,12e4);function d(){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=d,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.abc1c4cadd3d633cf3d6.js.map
\ No newline at end of file
......@@ -121,7 +121,7 @@ $icon-color = #1DE5AD
.msg
display inline-block
font-size 0.6rem
width 4rem
width 10rem
transform translateX(-50%)
margin 0.2rem 50%
font-weight normal
......
......@@ -2,7 +2,7 @@
<div class="handle">
<template v-if="list && list.length > 0">
<m-scroll :length="list.length" :limit="2" mode="2" :step="5.5">
<div class="card" v-for="(data,i) in list" :key="i">
<div class="card" v-for="(data,i) in list" :key="i" @click="$emit('select', data)">
<div class="communityName">
<p>{{data.communityName}}</p>
<div class="line"></div>
......@@ -69,22 +69,30 @@ export default {
let result = []
if (this.$route.name == 'main') {
const mock = [
{
communityName:'(补)教师大楼',
communityAddr:'东方路3391弄',
matter:'占用消防通道' ,
check_type:'智能发现',
cspName:'上海霞悦物业',
check_time:beforeDay + ' 18:30:30',
current:2,
},
// {
// communityName:'(补)教师大楼',
// communityAddr:'东方路3391弄',
// matter:'占用消防通道' ,
// check_type:'智能发现',
// cspName:'上海霞悦物业',
// device_name: '暂无',
// create_time:beforeDay + ' 18:30:30',
// check_time:beforeDay + ' 18:30:30',
// receive_time:beforeDay + ' 18:45:30',
// done_time: null,
// current:2,
// },
{
communityName:'(补)临沂二村',
communityAddr:'浦三路12弄',
matter:'违规充电' ,
check_type:'智能发现',
check_type:'投诉发现',
cspName:'上海振南物业',
device_name: '暂无',
create_time:beforeDay + ' 12:30:30',
check_time:beforeDay + ' 12:30:30',
receive_time:beforeDay + ' 12:45:30',
done_time: null,
current:2,
},
{
......@@ -93,7 +101,11 @@ export default {
matter:'毁绿占绿' ,
check_type:'投诉发现',
cspName:'城管部门',
device_name: '暂无',
create_time:beforeDay + ' 10:16:30',
check_time:beforeDay + ' 10:16:30',
receive_time:beforeDay + ' 10:37:10',
done_time: null,
current:2
},
{
......@@ -102,8 +114,12 @@ export default {
matter:'垃圾分类违规' ,
check_type:'巡查发现',
cspName:'居委会',
current:3,
device_name: '暂无',
create_time:beforeDay + ' 10:16:30',
check_time:beforeDay + ' 10:16:30',
current:3
receive_time:beforeDay + ' 10:37:10',
done_time: beforeDay + ' 12:37:10',
},
{
communityName:'(补)东盛公寓',
......@@ -111,29 +127,41 @@ export default {
matter:'停车矛盾' ,
check_type:'投诉发现',
cspName:'上海创特物业',
current:2,
device_name: '暂无',
create_time:beforeDay + ' 10:16:30',
check_time:beforeDay + ' 10:16:30',
current:2
},
{
communityName:'(补)华南名苑',
communityAddr:'浦东南路3666弄',
matter:'违规充电' ,
check_type:'智能发现',
cspName:'上海证大物业',
check_time:beforeDay + ' 10:16:30',
current:2
receive_time:beforeDay + ' 10:37:10',
done_time: null,
},
// {
// communityName:'(补)华南名苑',
// communityAddr:'浦东南路3666弄',
// matter:'违规充电' ,
// check_type:'智能发现',
// cspName:'上海证大物业',
// device_name: '暂无',
// create_time:beforeDay + ' 10:16:30',
// check_time:beforeDay + ' 10:16:30',
// receive_time:beforeDay + ' 10:37:10',
// done_time: null,
// current:2
// },
{
communityName:'(补)明丰佳园',
communityAddr:'东方路2851弄',
matter:'噪音扰民' ,
check_type:'投诉发现',
cspName:'上海名东物业',
device_name: '暂无',
create_time:beforeDay + ' 10:16:30',
check_time:beforeDay + ' 10:16:30',
receive_time:beforeDay + ' 10:37:10',
done_time: null,
current:2
},
]
result = [...mock, ...this.$store.state.handleList]
result = [...this.$store.state.handleList, ...mock]
} else {
const mock = [
{
......@@ -142,14 +170,16 @@ export default {
matter:'垃圾未及时清运' ,
check_type:'巡查发现',
cspName:'上海振南物业',
check_time:beforeDay + ' 08:15:30',
device_name: '暂无',
create_time:beforeDay + ' 12:16:30',
check_time:beforeDay + ' 12:16:30',
receive_time:beforeDay + ' 13:37:10',
done_time: null,
current:2,
},
]
result = [...mock, ...this.$store.state.handleList]
result = [...this.$store.state.handleList, ...mock]
}
console.log(result, this.curScene)
if (this.curScene) {
return result.filter(item => item.types && (item.types == this.curScene))
}
......
......@@ -66,18 +66,19 @@ export default {
options: {
grid: {
top: '15%',
left: 'auto',
left: '5%',
right: '5%',
bottom: 0,
bottom: '14%',
width: 'auto',
height: 'auto',
containLabel: true,
containLabel: false,
},
},
datas: [],
config: {
colors: ['rgba(254, 233, 2, .8)', 'rgba(1, 167, 255, .8)', 'rgba(143, 214, 24, .8)'],
legend: {hide: true},
yAxis: {show: false},
shape: [
{key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}},
{key: 'orderly', name: '有序', type: 'line', stack: '总量', areaStyle: {}},
......
......@@ -68,7 +68,7 @@
</div>
</m-card>
<m-card v-show="complete" enter="fadeInUp" leave="fadeOutDown" area="box7" title="联勤联动动态流程" :width="25" mode="4">
<Handle v-if="complete"/>
<Handle v-if="complete" @select="(data) => {this.handleDetail = data;this.showHandleDetail = true;}"/>
</m-card>
<MapMenu :full="complete" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<StreetMenu @select="handleStreetSelect"/>
......@@ -95,6 +95,16 @@
您的浏览器不支持 video 标签。
</video>
</m-modal>
<m-modal v-model="showHandleDetail" title="联勤联动动态流程" width="60%">
<m-form :label-width="8" title="流程信息" :model="handleDetail" :layout="handleDetailLayout"/>
<div style="width:90%;margin:1rem auto;">
<m-step
:steps="[{name:'推送',},{name:'接收',},{name:'处置',},{name:'完成'}]"
:current="[handleDetail.current || 3, false]"
:msg="[handleDetail.create_time || '', handleDetail.check_time || '', handleDetail.receive_time || '', handleDetail.done_time || '']"
/>
</div>
</m-modal>
</m-grid>
</template>
......@@ -205,6 +215,42 @@ export default {
],
curVideo: null,
videoModal: false,
showHandleDetail: false,
handleDetail: {},
handleDetailLayout: [
{
communityName: {
label: '小区名称',
width: 8,
},
communityAddr: {
label: '小区地址',
width: 16,
},
},
{
types: {
label: '协同事项',
width: 8,
format: val => (val && this.$com.getSensorScene(val)) || this.handleDetail.matter
},
cspName: {
label: '响应部门',
width: 16,
},
},
{
check_type: {
label: '发现方式',
width: 8,
format: val => val || '智能发现'
},
device_name: {
label: '设备地点',
width: 16,
},
}
],
}
},
beforeDestroy() {
......
......@@ -83,7 +83,7 @@
<GovernAnalysis @select="(name) => {this.showAnalysisDetail = true; this.analysisTitle = name;}" v-if="complete"/>
</m-card>
<m-card v-show="complete" enter="fadeInUp" leave="fadeOutDown" area="box7" title="联勤联动动态流程" mode="4" :width="25">
<Handle v-if="complete"/>
<Handle v-if="complete" @select="(data) => {this.handleDetail = data;this.showHandleDetail = true;}"/>
</m-card>
<MapMenu :full="complete" @full="handleFullView" @switch="handleSwitchIcon" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<StreetMenu @select="handleStreetSelect"/>
......@@ -152,6 +152,16 @@
<m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/>
<!-- <img v-if="showEventModal" style="width:100%;" :src="eventData.img ? require(`@/assets/images/${eventData.img}`) : null"/> -->
</m-modal>
<m-modal v-model="showHandleDetail" title="联勤联动动态流程" width="60%">
<m-form :label-width="8" title="流程信息" :model="handleDetail" :layout="handleDetailLayout"/>
<div style="width:90%;margin:1rem auto;">
<m-step
:steps="[{name:'推送',},{name:'接收',},{name:'处置',},{name:'完成'}]"
:current="[handleDetail.current || 3, false]"
:msg="[handleDetail.create_time || '', handleDetail.check_time || '', handleDetail.receive_time || '', handleDetail.done_time || '']"
/>
</div>
</m-modal>
</m-grid>
</template>
......@@ -205,6 +215,42 @@ export default {
showEleMap: false,
curImg: '',
showImgModal: false,
showHandleDetail: false,
handleDetail: {},
handleDetailLayout: [
{
communityName: {
label: '小区名称',
width: 8,
},
communityAddr: {
label: '小区地址',
width: 16,
},
},
{
types: {
label: '协同事项',
width: 8,
format: val => (val && this.$com.getSensorScene(val)) || this.handleDetail.matter
},
cspName: {
label: '响应部门',
width: 16,
},
},
{
check_type: {
label: '发现方式',
width: 8,
format: val => val || '智能发现'
},
device_name: {
label: '设备地点',
width: 16,
},
}
],
personList: [
{name: '张三', phone: '13764650559'},
{name: '李四', phone: '13764330559'},
......
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