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

6-29版本更新

parent 8d6e171f
<!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: 1.6vh; font-size: 1.6vh;
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.f0087019e2cb370fe1296b5ebf2e6b4d.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.7d19aecb51a703f5207b.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.796eec06468708e61af3.js></script></body></html> }</style><script src=./static/jquery.min.js></script><link href=./static/css/app.a54eae81fa3603c45375b33a5c95cf0c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.af2d465f804912c94d7c.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.c9f19127120feed2dbd0.js></script></body></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 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 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],{"38Q/":function(t,e){},cxLP:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=i("Gu7T"),s=i.n(a),l={name:"MonitorTable",props:{title:{type:String,default:""},layout:{type:Array,default:function(){return[]}},model:{type:Array,default:function(){return[]}},mode:{type:String,default:"1"},clickable:{type:Boolean,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},handleRowClick:function(t){this.clickable&&this.$emit("row-click",t)},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}}},n={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",class:t.clickable?"clickable":"",nativeOn:{click:function(i){return t.handleRowClick(e)}}},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")(l,n,!1,function(t){i("38Q/")},"data-v-c134ef98",null);e.default=o.exports}});
//# sourceMappingURL=10.ee2953276ac67055544c.js.map
\ No newline at end of file
This diff is collapsed.
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){}}); 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=10.ab925f8bb0245e505ca6.js.map //# sourceMappingURL=11.e0d0852893a051f35f47.js.map
\ No newline at end of file \ 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}}); 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=11.573ef14b9d19f5d8b630.js.map //# sourceMappingURL=12.b26fc350b53d2b30f1b4.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([12],{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){}}); 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=12.b5317eb3dee2511ab55c.js.map //# sourceMappingURL=13.ab6f59a025c7716dc9dd.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([13],{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}}); 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=13.d762da68ba9db221acb4.js.map //# sourceMappingURL=14.9a6452b397b8672fced7.js.map
\ No newline at end of file \ 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
This diff is collapsed.
webpackJsonp([14],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default: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}}},o={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.model[n]?[t._l(t.model[n].split(","),function(e){return i("img",{key:e,staticStyle:{"margin-right":"1rem"},attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}),t._v(" "),t.model.done_photo?i("img",{staticStyle:{"margin-right":"1rem"},attrs:{src:t.model.done_photo},on:{click:function(e){return t.handleView(t.model.done_photo)}}}):t._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:{title:"照片"},model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{width:"100%","max-height":"23rem"},attrs:{src:t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var r=i("VU/8")(n,o,!1,function(t){i("dtfL")},"data-v-6dd4cb1f",null);e.default=r.exports},dtfL:function(t,e){}}); webpackJsonp([15],{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}}},o={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.model[n]?[t._l(t.model[n].split(","),function(e){return i("img",{key:e,staticStyle:{"margin-right":"1rem"},attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}),t._v(" "),t.model.done_photo?i("img",{staticStyle:{"margin-right":"1rem"},attrs:{src:t.model.done_photo},on:{click:function(e){return t.handleView(t.model.done_photo)}}}):t._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:{title:"照片"},model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?i("img",{staticStyle:{width:"100%","max-height":"23rem"},attrs:{src:t.curSrc}}):t._e()])],2)},staticRenderFns:[]};var r=i("VU/8")(n,o,!1,function(t){i("dtfL")},"data-v-6dd4cb1f",null);e.default=r.exports},dtfL:function(t,e){}});
//# sourceMappingURL=14.ccceec5b9e6bf9eb43fd.js.map //# sourceMappingURL=15.7469dc06a7ee5f8ba96b.js.map
\ No newline at end of file \ No newline at end of file
webpackJsonp([20],{GR2z:function(e,t){},jkqj:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a("Dd8w"),i=a.n(n),o=a("mvHQ"),r=a.n(o),s=a("//Fk"),m=a.n(s),l={name:"MonitorMap",props:{mapUrl:{type:String,default:"http://www.962121.net/gis_system/smimap/index.html#/"},iconUrl:{type:String,default:"http://www.962121.net/hmfmstest/shanghaiwuye/web/dataV/propertyinspector/static/icons/"},mapJs:{type:String,default:"http://www.962121.net/gis_system/smimap/mapdebug/ShsmiGis.Bridge.js"}},data:function(){return{map:null}},mounted:function(){this.inject().then(this.initMap)},computed:{sizeRate:function(){return Math.floor(1.48*screen.height/100/11)}},methods:{inject:function(){var e=this;return new m.a(function(t,a){if(document.getElementById("_mapjs"))t();else{var n=document.createElement("script");n.type="text/javascript",n.src=e.mapJs,n.setAttribute("id","_mapjs"),document.head.appendChild(n),window.onload=function(){return t()}}})},initMap:function(){var e=this,t=window.ShsmiGis;this.map=new t.Bridge({id:"map",url:this.mapUrl,onReady:function(){e.addListener(),e.$emit("complete")}})},addListener:function(){var e=this;this.map.addEventListener(function(t){switch(t.action.toLowerCase()){case"selectfeatures":case"flashlayer":if(!t.layername)return;e.$emit("event",t)}},this)},addPoint:function(e){var t=e.name,a=e.mode,n=void 0===a?"add":a,i=e.key,o=e.data,s=e.labelKey,m=void 0===s?null:s,l=e.icon,d=void 0===l?"test.png":l,c=e.size,p=void 0===c?20:c,u=e.color;if(this.map){this.removePoint(t);var h=this.getMapParams({data:o,key:i,labelKey:m,icon:d,size:p,color:u});h.name=t,h.mode=n,this.map.Invoke({ActionName:"displayJsonData",Parameters:r()(h)})}},removePoint:function(e){this.map&&this.map.Invoke({ActionName:"displayJsonData",Parameters:r()({name:e,mode:"delete"})})},drawStreet:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"#00f2ff";this.map.Invoke({ActionName:"displayJsonData",Parameters:r()({name:e,mode:"add",dataArray:[{points:t.map(function(e){return{codX:e[0],codY:e[1],codZ:0}})}],popupEnabled:!1,legendVisible:!1,type:"polyline",renderer:{type:"unique-value",defaultSymbol:{type:"simple-line",color:a,width:3*this.sizeRate}}})})},getMapParams:function(e){var t=this,a=e.data,n=void 0===a?[]:a,o=e.key,r=e.labelKey,s=e.icon,m=e.size,l=e.color,d=void 0===l?"#47B3FF":l,c=[],p=[],u=[];for(var h in n[0])u.push({name:h,alias:h,type:"string"});return u.push({name:"name",alias:"标签",type:"string"}),n.forEach(function(e){var a={codX:e.X||e.x,codY:e.Y||e.y,codZ:0,attrs:i()({},e)};a.attrs.name=r?e[r]:"",c.push(a),p.push({value:e[o],label:(e[r]||e[o])+"",symbol:{type:"point-3d",symbolLayers:[{type:"icon",size:m*t.sizeRate,resource:{href:t.iconUrl+(e.icon||s)}}]}})}),{dataArray:c,popupEnabled:!1,legendVisible:!1,type:"point",fieldJsonArray:u,renderer:{type:"unique-value",field:o,defaultLabel:"无数据",uniqueValueInfos:p},labelsymbol:{symbol:{type:"text",color:d,haloSize:0,haloColor:"white"},labelPlacement:"center-right"}}},addGifPoint:function(e){var t=this,a=e.name,n=e.data,o=e.labelKey,s=e.icon,m=e.size,l=void 0===m?200:m,d=e.color,c=void 0===d?"#00FFFF":d;if(this.map){Array.isArray(n)||(n=[n]);var p={name:a,mode:"add",datas:n.map(function(e){return i()({name:o?e[o]:null,value:l*t.sizeRate,corrd:[e.X||e.x,e.Y||e.y],color:c},e)}),symbol:s?"image://"+this.iconUrl+s:"circle",position:"right"};this.map.Invoke({ActionName:"flashlayer",Parameters:r()(p)})}},removeGifPoint:function(e){this.map&&this.map.Invoke({ActionName:"flashlayer",Parameters:r()({name:e,mode:"delete"})})},focus:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:6;if(this.map&&e&&t){var n={codX:e,codY:t,zoomlevel:a};this.map.Invoke({ActionName:"goToPosition",Parameters:r()(n)})}else console.error("传入的坐标点不能为空")},zoomIn:function(){this.map.Invoke({ActionName:"mapzoom",Parameters:{zoommode:"zoomin"}})},zoomOut:function(){this.map.Invoke({ActionName:"mapzoom",Parameters:{zoommode:"zoomout"}})}}},d={render:function(){var e=this.$createElement;return(this._self._c||e)("iframe",{attrs:{id:"map",frameborder:"0",scrolling:"no",allowtransparency:"true"}})},staticRenderFns:[]};var c=a("VU/8")(l,d,!1,function(e){a("GR2z")},"data-v-223972d4",null);t.default=c.exports}}); webpackJsonp([17],{HR3T:function(e,t){},jkqj:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a("Dd8w"),i=a.n(n),o=a("mvHQ"),r=a.n(o),s=a("//Fk"),m=a.n(s),l={name:"MonitorMap",props:{mapUrl:{type:String,default:"http://www.962121.net/gis_system/smimap/index.html#/"},iconUrl:{type:String,default:"http://www.962121.net/hmfmstest/shanghaiwuye/web/dataV/propertyinspector/static/icons/"},mapJs:{type:String,default:"http://www.962121.net/gis_system/smimap/mapdebug/ShsmiGis.Bridge.js"}},data:function(){return{map:null}},mounted:function(){this.inject().then(this.initMap)},computed:{sizeRate:function(){return Math.floor(1.48*screen.height/100/11)}},methods:{inject:function(){var e=this;return new m.a(function(t,a){if(document.getElementById("_mapjs"))t();else{var n=document.createElement("script");n.type="text/javascript",n.src=e.mapJs,n.setAttribute("id","_mapjs"),document.head.appendChild(n),window.onload=function(){return t()}}})},initMap:function(){var e=this,t=window.ShsmiGis;this.map=new t.Bridge({id:"map",url:this.mapUrl,onReady:function(){e.addListener(),e.$emit("complete")}})},addListener:function(){var e=this;this.map.addEventListener(function(t){switch(t.action.toLowerCase()){case"selectfeatures":case"flashlayer":if(!t.layername)return;e.$emit("event",t)}},this)},addPoint:function(e){var t=e.name,a=e.mode,n=void 0===a?"add":a,i=e.key,o=e.data,s=e.labelKey,m=void 0===s?null:s,l=e.icon,d=void 0===l?"test.png":l,c=e.size,p=void 0===c?20:c,u=e.color;if(this.map){this.removePoint(t);var h=this.getMapParams({data:o,key:i,labelKey:m,icon:d,size:p,color:u});h.name=t,h.mode=n,this.map.Invoke({ActionName:"displayJsonData",Parameters:r()(h)})}},removePoint:function(e){this.map&&this.map.Invoke({ActionName:"displayJsonData",Parameters:r()({name:e,mode:"delete"})})},drawStreet:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"#00f2ff";this.map.Invoke({ActionName:"displayJsonData",Parameters:r()({name:e,mode:"add",dataArray:[{points:t.map(function(e){return{codX:e[0],codY:e[1],codZ:0}})}],popupEnabled:!1,legendVisible:!1,type:"polyline",renderer:{type:"unique-value",defaultSymbol:{type:"simple-line",color:a,width:3*this.sizeRate}}})})},getMapParams:function(e){var t=this,a=e.data,n=void 0===a?[]:a,o=e.key,r=e.labelKey,s=e.icon,m=e.size,l=e.color,d=void 0===l?"#47B3FF":l,c=[],p=[],u=[];for(var h in n[0])u.push({name:h,alias:h,type:"string"});return u.push({name:"name",alias:"标签",type:"string"}),n.forEach(function(e){var a={codX:e.X||e.x||e.gps_x,codY:e.Y||e.y||e.gps_y,codZ:0,attrs:i()({},e)};a.attrs.name=r?e[r]:"",c.push(a),p.push({value:e[o],label:(e[r]||e[o])+"",symbol:{type:"point-3d",symbolLayers:[{type:"icon",size:m*t.sizeRate,resource:{href:t.iconUrl+(e.icon||s)}}]}})}),{dataArray:c,popupEnabled:!1,legendVisible:!1,type:"point",fieldJsonArray:u,renderer:{type:"unique-value",field:o,defaultLabel:"无数据",uniqueValueInfos:p},labelsymbol:{symbol:{type:"text",color:d,haloSize:0,haloColor:"white"},labelPlacement:"center-right"}}},addGifPoint:function(e){var t=this,a=e.name,n=e.data,o=e.labelKey,s=e.icon,m=e.size,l=void 0===m?200:m,d=e.color,c=void 0===d?"#00FFFF":d;if(this.map){Array.isArray(n)||(n=[n]);var p={name:a,mode:"add",datas:n.map(function(e){return i()({name:o?e[o]:null,value:l*t.sizeRate,corrd:[e.X||e.x,e.Y||e.y],color:c},e)}),symbol:s?"image://"+this.iconUrl+s:"circle",position:"right"};this.map.Invoke({ActionName:"flashlayer",Parameters:r()(p)})}},removeGifPoint:function(e){this.map&&this.map.Invoke({ActionName:"flashlayer",Parameters:r()({name:e,mode:"delete"})})},focus:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:6;if(this.map&&e&&t){var n={codX:e,codY:t,zoomlevel:a};this.map.Invoke({ActionName:"goToPosition",Parameters:r()(n)})}else console.error("传入的坐标点不能为空")},zoomIn:function(){this.map.Invoke({ActionName:"mapzoom",Parameters:{zoommode:"zoomin"}})},zoomOut:function(){this.map.Invoke({ActionName:"mapzoom",Parameters:{zoommode:"zoomout"}})}}},d={render:function(){var e=this.$createElement;return(this._self._c||e)("iframe",{attrs:{id:"map",frameborder:"0",scrolling:"no",allowtransparency:"true"}})},staticRenderFns:[]};var c=a("VU/8")(l,d,!1,function(e){a("HR3T")},"data-v-58edf8b2",null);t.default=c.exports}});
//# sourceMappingURL=20.85aa1475d8f340363b71.js.map //# sourceMappingURL=17.5f888fcdb0bffb2a5ccf.js.map
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
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}}); webpackJsonp([18],{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 //# sourceMappingURL=18.a0b4ff0b325ba3fbfa5d.js.map
\ No newline at end of file \ 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){}}); webpackJsonp([19],{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 //# sourceMappingURL=19.8ba9c37a1cddb8e720e3.js.map
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This 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.
webpackJsonp([19],{TuYK:function(t,s){},vOoY:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i={name:"MonitorLoader",props:{msg:{type:String,default:"加载中 . . ."},bgColor:{type:String,default:"rgba(0,0,0,0.3)"}}},a={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"monitor-loader",style:"background:"+this.bgColor},[s("div",{staticClass:"loader"},[s("div",{staticClass:"outer"}),this._v(" "),s("div",{staticClass:"inner"}),this._v(" "),s("b",{staticClass:"msg"},[this._v(this._s(this.msg))])])])},staticRenderFns:[]};var r=e("VU/8")(i,a,!1,function(t){e("TuYK")},"data-v-29b85990",null);s.default=r.exports}}); webpackJsonp([20],{TuYK:function(t,s){},vOoY:function(t,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i={name:"MonitorLoader",props:{msg:{type:String,default:"加载中 . . ."},bgColor:{type:String,default:"rgba(0,0,0,0.3)"}}},a={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"monitor-loader",style:"background:"+this.bgColor},[s("div",{staticClass:"loader"},[s("div",{staticClass:"outer"}),this._v(" "),s("div",{staticClass:"inner"}),this._v(" "),s("b",{staticClass:"msg"},[this._v(this._s(this.msg))])])])},staticRenderFns:[]};var r=e("VU/8")(i,a,!1,function(t){e("TuYK")},"data-v-29b85990",null);s.default=r.exports}});
//# sourceMappingURL=19.fd761234a41f95a23244.js.map //# sourceMappingURL=20.e95182f8c61c8bf3290f.js.map
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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.
This diff is collapsed.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(n,c,o){for(var f,b,d,i=0,u=[];i<n.length;i++)b=n[i],r[b]&&u.push(r[b][0]),r[b]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(a&&a(n,c,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)d=t(t.s=o[i]);return d};var n={},r={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],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:"31549e538fd5aee7d960",1:"80f3e7aa96153395fe1b",2:"ba8efe90a37b690ad6fb",3:"874610ae83b6001e99dc",4:"e589fe24bc54f7839ad5",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"88c12c87d8c867668894",10:"ab925f8bb0245e505ca6",11:"573ef14b9d19f5d8b630",12:"b5317eb3dee2511ab55c",13:"d762da68ba9db221acb4",14:"ccceec5b9e6bf9eb43fd",15:"452b2481077986ba0af5",16:"2c67f226ffddb117a15a",17:"912a00b10d2c58f1968b",18:"1adf9a941d5ebe37bd9e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"ec76ce3284aa3173600c",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var f=setTimeout(b,12e4);function b(){o.onerror=o.onload=null,clearTimeout(f);var a=r[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return o.onerror=o.onload=b,c.appendChild(o),n},t.m=e,t.c=n,t.d=function(e,a,n){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.7d19aecb51a703f5207b.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,f){for(var o,b,d,i=0,u=[];i<r.length;i++)b=r[i],c[b]&&u.push(c[b][0]),c[b]=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++)d=t(t.s=f[i]);return d};var r={},c={27: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],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:"09ed5bfa1f09554d99bb",1:"80f3e7aa96153395fe1b",2:"7d589c1e5ad24a4206a2",3:"874610ae83b6001e99dc",4:"56f8b477efeb5024f189",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"88c12c87d8c867668894",10:"ee2953276ac67055544c",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"ab6f59a025c7716dc9dd",14:"9a6452b397b8672fced7",15:"7469dc06a7ee5f8ba96b",16:"2c67f226ffddb117a15a",17:"5f888fcdb0bffb2a5ccf",18:"a0b4ff0b325ba3fbfa5d",19:"8ba9c37a1cddb8e720e3",20:"e95182f8c61c8bf3290f",23:"8d16e1c2125979e30156",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(o);var n=c[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return f.onerror=f.onload=b,a.appendChild(f),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.af2d465f804912c94d7c.js.map
\ No newline at end of file
This diff is collapsed.
src/assets/images/house.png

52.6 KB | W: | H:

src/assets/images/house.png

15.4 KB | W: | H:

src/assets/images/house.png
src/assets/images/house.png
src/assets/images/house.png
src/assets/images/house.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -172,8 +172,8 @@ export default { ...@@ -172,8 +172,8 @@ export default {
}) })
data.forEach(item => { data.forEach(item => {
const array = { const array = {
codX: item.X || item.x, codX: item.X || item.x || item.gps_x,
codY: item.Y || item.y, codY: item.Y || item.y || item.gps_y,
codZ: 0, codZ: 0,
attrs: { attrs: {
...item, ...item,
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</Row> </Row>
<template v-if="model && model.length > 0 && mode == '1'"> <template v-if="model && model.length > 0 && mode == '1'">
<div> <div>
<Row class="row" v-for="(row, rowIndex) in listData" :key="rowIndex"> <Row class="row" v-for="(row, rowIndex) in listData" :key="rowIndex" :class="`${clickable ? 'clickable' : ''}`" @click.native="handleRowClick(row)">
<i-col class="col" v-for="col in layout" :key="col.key" :span="col.width" :offset="col.offset || 0"> <i-col class="col" v-for="col in layout" :key="col.key" :span="col.width" :offset="col.offset || 0">
<template v-if="col.type == 'img'"> <template v-if="col.type == 'img'">
<template v-if="row[col.key] && row[col.key].length > 0"> <template v-if="row[col.key] && row[col.key].length > 0">
...@@ -88,7 +88,11 @@ export default { ...@@ -88,7 +88,11 @@ export default {
mode: { mode: {
type: String, type: String,
default: '1', default: '1',
} },
clickable: {
type: Boolean,
default: false,
},
}, },
data() { data() {
return { return {
...@@ -105,6 +109,10 @@ export default { ...@@ -105,6 +109,10 @@ export default {
this.curSrc = src this.curSrc = src
this.showImg = true this.showImg = true
}, },
handleRowClick(data) {
if (!this.clickable) return
this.$emit('row-click', data)
},
more() { more() {
this.cur += 1 this.cur += 1
const data = this.model.slice(this.cur * this.dataSize, (this.cur + 1) * this.dataSize) const data = this.model.slice(this.cur * this.dataSize, (this.cur + 1) * this.dataSize)
...@@ -159,6 +167,11 @@ export default { ...@@ -159,6 +167,11 @@ export default {
color $color-blue color $color-blue
&:nth-child(2n) &:nth-child(2n)
background-color $color-map(0.15) background-color $color-map(0.15)
&.clickable
cursor pointer
&:hover
background rgba(0,0,0,0.3)
outline .1rem solid $color-blue
.col .col
padding 0 1rem padding 0 1rem
display flex display flex
......
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.js' import common from '@/util/common.js'
import moment from 'moment'
const beforeDay = moment().subtract(1, 'days').format('YYYY-MM-DD')
const DISCOVERYLIST = [ //智能发现列表上排 const DISCOVERYLIST = [ //智能发现列表上排
{ {
title:'新增', title:'当日新增',
img:'data1.png', img:'data1.png',
num:'0', num:'0',
unit:'个', unit:'个',
key: 'today', key: 'today',
}, },
{ {
title:'累计', title:'历史累计',
img:'data2.png', img:'data2.png',
num:'0', num:'0',
unit:'个', unit:'个',
...@@ -163,23 +161,8 @@ export default { ...@@ -163,23 +161,8 @@ export default {
num:'310', num:'310',
}, },
] ]
const REPAIRLIST = [ // 报修投诉
{
title:'报修数量',
img:'repair.png',
num:'0',
allNum: '38',
},
{
title:'投诉数量',
img:'complaint.png',
num:'0',
allNum: '48',
},
]
commit('SET_COMMANDLIST', COMMANDLIST) commit('SET_COMMANDLIST', COMMANDLIST)
commit('SET_OPERATELIST', OPERATELIST) commit('SET_OPERATELIST', OPERATELIST)
commit('SET_REPAIRLIST', REPAIRLIST)
}, },
initLinyiData({commit}) { initLinyiData({commit}) {
const COMMANDLIST = [ // 物业应急指挥体系 const COMMANDLIST = [ // 物业应急指挥体系
...@@ -233,25 +216,8 @@ export default { ...@@ -233,25 +216,8 @@ export default {
}, },
] ]
const REPAIRLIST = [ // 报修投诉
{
title:'报修数量',
img:'repair.png',
num:'0',
allNum: '3',
key: 'bx',
},
{
title:'投诉数量',
img:'complaint.png',
num:'0',
allNum: '5',
key: 'ts',
},
]
commit('SET_COMMANDLIST', COMMANDLIST) commit('SET_COMMANDLIST', COMMANDLIST)
commit('SET_OPERATELIST', OPERATELIST) commit('SET_OPERATELIST', OPERATELIST)
commit('SET_REPAIRLIST', REPAIRLIST)
}, },
initShenjiangData({commit}) { initShenjiangData({commit}) {
const COMMANDLIST = [ // 物业应急指挥体系 const COMMANDLIST = [ // 物业应急指挥体系
...@@ -344,6 +310,30 @@ export default { ...@@ -344,6 +310,30 @@ export default {
commit('SET_FOUNDLIST', originData) commit('SET_FOUNDLIST', originData)
}) })
}, },
setTsBx({commit}) { // 获取投诉报修数据
ajax.get({
url: api.GET_TS_BX,
}).then(res => {
const data = common.confirm(res, 'data.content', {})
const result = [
{
title:'报修数量',
img:'repair.png',
num: data.alarmIn5MinBX || 0,
allNum: data.undoneBX || 0,
key: 'bx',
},
{
title:'投诉数量',
img:'complaint.png',
num: data.alarmIn5MinTS || 0,
allNum: data.undoneTS || 0,
key: 'ts',
},
]
commit('SET_REPAIRLIST', result)
})
},
setHandleList({commit}) { // 获取并全局设置联勤联动处置列表 setHandleList({commit}) { // 获取并全局设置联勤联动处置列表
ajax.get({ ajax.get({
url: api.GET_HANDLE_LIST, url: api.GET_HANDLE_LIST,
......
...@@ -38,4 +38,7 @@ export default { ...@@ -38,4 +38,7 @@ export default {
SET_PROCESSMODAL(state, val) { SET_PROCESSMODAL(state, val) {
state.processModal = val state.processModal = val
}, },
SET_CURREPAIR(state, val) {
state.curRepair = val
},
} }
...@@ -5,6 +5,7 @@ export default { ...@@ -5,6 +5,7 @@ export default {
curDate: null, curDate: null,
curScene: null, // 当前选择的智能发现场景类型 curScene: null, // 当前选择的智能发现场景类型
curRepair: null, // 当前选择的投诉报修key
processModal: false, // 联勤联动模型弹窗 processModal: false, // 联勤联动模型弹窗
commandList: [], commandList: [],
operateList: [], operateList: [],
......
<template>
<div class="analysis-modal">
<div v-if="analysisTitle == '物业服务满意度得分较低项目'" class="content">
<div class="title">物业服务满意度得分较低项目</div>
<div><p>定期公布维修资金使用项目</p><p>76.02</p></div>
<div><p>定期公布公共收益项目</p><p>76.82</p></div>
<div><p>对违法搭建、群租问题定期巡视、发现</p><p>77.61</p></div>
<div><p>投诉及时回复</p><p>79.59</p></div>
<div><p>提供便民服务或特约服务</p><p>79.81</p></div>
<div><p>建筑垃圾有制定堆放点</p><p>80.34</p></div>
</div>
<div v-else-if="analysisTitle == '物业服务企业整体满意度落后企业'" class="content">
<div class="title">物业服务企业整体满意度落后企业</div>
<div><p>上海豫园旅游商城物业管理有限公司</p><p>67.18</p></div>
<div><p>上海华夏物业有限公司</p><p>69.74</p></div>
<div><p>上海振南物业有限公司</p><p>75.29</p></div>
<div><p>上海霞悦物业管理有限公司</p><p>77.71</p></div>
<div><p>上海东方明珠物产管理有限公司</p><p>78.27</p></div>
<div><p>上海富宁物业管理有限公司</p><p>79.51</p></div>
</div>
<div v-else-if="analysisTitle == '业委会运作情况'" class="chart-wrapper">
<p class="title">南码头街道业委会运作情况</p>
<m-chart :config="operationConfig" :data="operationData" />
</div>
<div v-else-if="analysisTitle == '12345投诉区排名'" class="card">
<p class="title">南码头街道12345投诉区排名</p>
<div class="inner">
<div v-for="(item, i) in list" :key="i">
<p>{{item.title}}</p>
<p>
<b><m-count style="color:#00f2ff;font-size:1.2rem;" :value="item.count" :decimal="0"/></b>
<span v-if="item.unit">{{item.unit}}</span>
<i v-if="item.info">{{item.info}}</i>
</p>
</div>
</div>
</div>
<div v-else-if="analysisTitle == '住宅小区综合管理类诉求二级指标占比'" class="chart-wrapper">
<p class="title">住宅小区综合管理类诉求二级指标占比</p>
<m-chart :config="manageConfig" :data="manageData" />
</div>
</div>
</template>
<script>
export default {
name: 'AnalysisModal',
props: {
analysisTitle: {
type: String,
required: true,
}
},
data() {
return {
list: [
{
title: '2019投诉量',
count: 1582,
unit: '件',
},
{
title: '数量变化',
count: 115,
unit: '%',
},
{
title: '全区排名',
count: 18,
info: '较去年+5',
},
{
title: '2019投诉密度',
count: 46,
unit: '件',
},
{
title: '密度变化',
count: 112,
unit: '%',
},
{
title: '全区排名',
count: 10,
info: '较去年+6',
},
],
operationConfig: {
colors: [['#a45cd1', '#3e29b1'], ['#00f2fe', '#007eff']],
legend: {
align: 'right',
},
shape: [
{key: 'nanmatou', name: '南码头', type: 'bar', barWidth: '30%'},
{key: 'pudong', name: '浦东总体', type: 'bar', barWidth: '30%'},
],
xAxis: {
key: 'name',
},
},
operationData: [
{name: '规范', pudong: 24.87, nanmatou: 31.38},
{name: '正常', pudong: 45.93, nanmatou: 36.49},
{name: '还可以', pudong: 25.87, nanmatou: 26.83},
{name: '不正常', pudong: 1.06, nanmatou: 0},
{name: '不了解', pudong: 2.27, nanmatou: 5.29},
],
manageConfig: {
legend: {
align: 'right',
orient: 'vertical',
},
shape: [
{key: 'value', type: 'pie', center: ['30%', '40%'], radius: [20, 110], roseType: 'area',},
],
},
manageData: [
{name: '公共秩序、环境维护', value: 36.17},
{name: '非物业类', value: 34.57},
{name: '公用设施养护', value: 8.88},
{name: '物业服务规范', value: 7.04},
{name: '业委会、业主大会', value: 5.14},
{name: '自用部位维修', value: 4.89},
{name: '物业使用规范', value: 2.09},
{name: '维修资金管理', value: 1.21},
// {name: '其他', value: 47.9},
],
}
},
}
</script>
<style lang="stylus" scoped>
$title()
margin 1rem 0
font-size 1.2rem
text-align center
.analysis-modal
.chart-wrapper
width 100%
height 40vh
.title
$title()
.content
width 100%
height 96%
div
display flex
align-items center
justify-content space-between
padding .5rem 1rem
background rgba(0,0,0,0.3)
margin-bottom 1rem
&.title
$title()
justify-content center
background none
>p
&:last-child
color $edgeColor
// font-weight bold
.card
.title
$title()
margin-bottom 1rem
.inner
display flex
flex-wrap wrap
>div
width 33%
text-align center
margin-top 2rem
>p
color #8fb6fb
span
color #fff
i
color red
</style>
<template> <template>
<div class="discovery"> <div class="discovery">
<m-brief <m-brief
@click.native="$emit('summary', data.key)"
class="d-card" class="d-card"
v-for="data in $store.state.discoveryList" v-for="data in $store.state.discoveryList"
:key="data.title" :key="data.title"
...@@ -31,26 +32,25 @@ ...@@ -31,26 +32,25 @@
<script> <script>
export default { export default {
name: 'Discovery', name: 'Discovery',
data() { computed: {
return { key() {
key: null, return this.$store.state.curScene
} }
}, },
methods: { methods: {
handleClick({key, num}) { handleClick({key, num}) {
if (this.key == key) { if (this.key == key) {
this.key = null this.$store.commit('SET_CURSCENE', null)
} else { } else {
this.key = key this.$store.commit('SET_CURSCENE', key)
} if (num == '0') {
this.$store.commit('SET_CURSCENE', this.key) const data = this.$store.state.handleList.find(item => item.types && (item.types == key))
if (num == '0' && this.key) { if (data) {
const data = this.$store.state.handleList.find(item => item.types && (item.types == key)) this.$emit('select', data)
if (data) { }
this.$emit('select', data)
} }
} }
} },
}, },
} }
</script> </script>
...@@ -63,6 +63,7 @@ export default { ...@@ -63,6 +63,7 @@ export default {
flex-wrap wrap flex-wrap wrap
.d-card .d-card
width 50% width 50%
cursor pointer
.d-list .d-list
display flex display flex
flex-wrap wrap flex-wrap wrap
......
...@@ -42,7 +42,6 @@ ...@@ -42,7 +42,6 @@
</template> </template>
<script> <script>
import moment from 'moment'
export default { export default {
name: 'handle', name: 'handle',
data() { data() {
...@@ -74,7 +73,7 @@ export default { ...@@ -74,7 +73,7 @@ export default {
}, },
computed: { computed: {
list() { list() {
const beforeDay = moment().subtract(1, 'days').format('YYYY-MM-DD') const beforeDay = this.$moment().subtract(1, 'days').format('YYYY-MM-DD')
let result = [] let result = []
if (this.$route.name == 'main') { if (this.$route.name == 'main') {
const mock = [ const mock = [
......
<template> <template>
<div class="repair"> <div class="repair">
<m-brief <m-brief
class="card" :class="`card ${data.key == curKey ? 'on' : ''}`"
@click.native="$emit('select', data.key)" @click.native="handleClick(data.key)"
v-for="(data,i) in $store.state.repairList" v-for="(data,i) in $store.state.repairList"
:key="i" :key="i"
:label="data.title" :label="data.title"
...@@ -18,6 +18,20 @@ ...@@ -18,6 +18,20 @@
<script> <script>
export default { export default {
name: 'repair', name: 'repair',
computed: {
curKey() {
return this.$store.state.curRepair
},
},
methods: {
handleClick(key) {
if (key === this.curKey) {
this.$store.commit('SET_CURREPAIR', null)
} else {
this.$store.commit('SET_CURREPAIR', key)
}
},
},
} }
</script> </script>
...@@ -31,7 +45,9 @@ export default { ...@@ -31,7 +45,9 @@ export default {
width 50% width 50%
padding-left 1rem padding-left 1rem
cursor pointer cursor pointer
&:hover &:hover,
&.on
background rgba(0,0,0,0.3) background rgba(0,0,0,0.3)
&.on
outline .1rem solid $color-blue
</style> </style>
<template> <template>
<div class="video-wrapper"> <div class="video-wrapper">
<div @click="$emit('select', 'monitor1')" :style="`background-image:url(${require('@/assets/images/monitor1.jpeg')})`"> <div @click="$emit('select', 'monitor1')" :style="`background-image:url(${require('@/assets/images/monitor1.png')})`">
<img src="@/assets/images/play.png"/> <img src="@/assets/images/play.png"/>
</div> </div>
<div @click="$emit('select', 'monitor2')" :style="`background-image:url(${require('@/assets/images/monitor2.jpeg')})`"> <div @click="$emit('select', 'monitor2')" :style="`background-image:url(${require('@/assets/images/monitor2.png')})`">
<img src="@/assets/images/play.png"/> <img src="@/assets/images/play.png"/>
</div> </div>
</div> </div>
......
This diff is collapsed.
This diff is collapsed.
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