Commit 9640a665 authored by 郭铭瑶's avatar 郭铭瑶 🤘

3D测试

parent 4bd2847f
<!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.112d331605e7fc0dcf04a08a6f498eaf.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.5a4dc323bfcdca9fc8ec.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.85d85bc14b9acc5f61da.js></script></body></html>
\ No newline at end of file
}</style><script src=./static/jquery.min.js></script><script language=javascript src="http://webapi.amap.com/maps?v=1.4.15&key=ee2b5d5c0c44c768f1d2593eb4a7dfa6&plugin=Map3D,AMap.DistrictSearch,AMap.ControlBar,ElasticMarker"></script><link href=./static/css/app.7007b0431fd3e2500e3fe979fd52b1be.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.301ee5b572d02712e571.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.608ba7089ec25260f765.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 diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([17],{OECu:function(e,t){},TNmO:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={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.9rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{},weather:null}},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},this.getWeather()},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},getWeather:function(){var e=this;this.$ajax.get({url:"https://restapi.amap.com/v3/weather/weatherInfo?city=110101&key=d265f590c2efc5b9816c64f9ad553678"}).then(function(t){e.weather=t.lives[0]})}}},i={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"monitor-title"},[e.weather?n("span",{staticClass:"weather"},[e._v("\n "+e._s(e.weather.weather)+" "+e._s(e.weather.temperature)+"℃ "+e._s(e.weather.winddirection)+"风"+e._s(e.weather.windpower)+"级 空气湿度:"+e._s(e.weather.humidity)+"%\n ")]):e._e(),e._v(" "),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 r=n("VU/8")(a,i,!1,function(e){n("OECu")},"data-v-2c9abca9",null);t.default=r.exports}});
//# sourceMappingURL=17.267ef980ea0c07fe9923.js.map
\ No newline at end of file
webpackJsonp([17],{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=17.4d80f075e6225fcf8126.js.map
\ No newline at end of file
webpackJsonp([18],{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=18.f2a6183255aeb9176721.js.map
\ No newline at end of file
webpackJsonp([18],{"Tx/G":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,a=t._self._c||e;return a("div",{staticClass:"monitor-table"},[t.title?a("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),"1"==t.mode?a("Row",{staticClass:"row row-title"},t._l(t.layout,function(e){return a("i-col",{key:e.key,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[a("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?[a("div",t._l(t.listData,function(e,s){return a("Row",{key:s,staticClass:"row",class:t.clickable?"clickable":"",nativeOn:{click:function(i){return t.handleRowClick(e)}}},t._l(t.layout,function(s){return a("i-col",{key:s.key,staticClass:"col",attrs:{span:s.width,offset:s.offset||0}},["img"==s.type?[e[s.key]&&e[s.key].length>0?t._l(e[s.key],function(e,i){return a("img",{key:e+i,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):t._e()]:t._e(),t._v(" "),"icon"==s.type?[e[s.key]||e.done_photo?a("img",{staticStyle:{width:"1rem",height:"1rem"},attrs:{src:i("g1gp")}}):t._e()]:a("div",{style:"text-align: "+(s.align||"left")+";color: "+(e.color||"")+" "},[t._v("\n "+t._s(s.format?s.format(e[s.key]):e[s.key]||"暂无")+"\n "),s.tooltip?a("Tooltip",{attrs:{"max-width":"10rem",content:e[s.tooltip],transfer:""}},[a("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(" "),a("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?[a("div",t._l(t.listData,function(e,i){return a("Row",{key:i,staticClass:"row"},[a("i-col",{staticClass:"col",attrs:{span:16}},[a("div",[a("p",[t._v(t._s(e.INDEXNAME))]),t._v(" "),a("p",{staticStyle:{color:"#aaa"}},[t._v(t._s(e.REMARK))])])]),t._v(" "),a("i-col",{staticClass:"col",attrs:{span:8}},[e.imageList&&e.imageList.length>0?t._l(e.imageList,function(e,i){return a("img",{key:e+i,attrs:{src:t.$api.IMG_URL+e.imageName},on:{click:function(i){return t.handleView(e.imageName)}}})}):t._e()],2)],1)}),1)]:a("div",{staticClass:"no-data"},[t._v("\n — 暂无数据 —\n ")]),t._v(" "),a("m-modal",{model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?a("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("Tx/G")},"data-v-18922d0a",null);e.default=o.exports}});
//# sourceMappingURL=18.0c599f6f67f07b832a17.js.map
\ No newline at end of file
webpackJsonp([19],{"Tx/G":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,a=t._self._c||e;return a("div",{staticClass:"monitor-table"},[t.title?a("p",{staticClass:"title"},[t._v(t._s(t.title))]):t._e(),t._v(" "),"1"==t.mode?a("Row",{staticClass:"row row-title"},t._l(t.layout,function(e){return a("i-col",{key:e.key,staticClass:"col",attrs:{span:e.width,offset:e.offset||0}},[a("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?[a("div",t._l(t.listData,function(e,s){return a("Row",{key:s,staticClass:"row",class:t.clickable?"clickable":"",nativeOn:{click:function(i){return t.handleRowClick(e)}}},t._l(t.layout,function(s){return a("i-col",{key:s.key,staticClass:"col",attrs:{span:s.width,offset:s.offset||0}},["img"==s.type?[e[s.key]&&e[s.key].length>0?t._l(e[s.key],function(e,i){return a("img",{key:e+i,attrs:{src:e},on:{click:function(i){return t.handleView(e)}}})}):t._e()]:t._e(),t._v(" "),"icon"==s.type?[e[s.key]||e.done_photo?a("img",{staticStyle:{width:"1rem",height:"1rem"},attrs:{src:i("g1gp")}}):t._e()]:a("div",{style:"text-align: "+(s.align||"left")+";color: "+(e.color||"")+" "},[t._v("\n "+t._s(s.format?s.format(e[s.key]):e[s.key]||"暂无")+"\n "),s.tooltip?a("Tooltip",{attrs:{"max-width":"10rem",content:e[s.tooltip],transfer:""}},[a("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(" "),a("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?[a("div",t._l(t.listData,function(e,i){return a("Row",{key:i,staticClass:"row"},[a("i-col",{staticClass:"col",attrs:{span:16}},[a("div",[a("p",[t._v(t._s(e.INDEXNAME))]),t._v(" "),a("p",{staticStyle:{color:"#aaa"}},[t._v(t._s(e.REMARK))])])]),t._v(" "),a("i-col",{staticClass:"col",attrs:{span:8}},[e.imageList&&e.imageList.length>0?t._l(e.imageList,function(e,i){return a("img",{key:e+i,attrs:{src:t.$api.IMG_URL+e.imageName},on:{click:function(i){return t.handleView(e.imageName)}}})}):t._e()],2)],1)}),1)]:a("div",{staticClass:"no-data"},[t._v("\n — 暂无数据 —\n ")]),t._v(" "),a("m-modal",{model:{value:t.showImg,callback:function(e){t.showImg=e},expression:"showImg"}},[t.showImg?a("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("Tx/G")},"data-v-18922d0a",null);e.default=o.exports}});
//# sourceMappingURL=19.1966c1eecf8c80e445be.js.map
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([20],{TNmO:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={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.9rem"}},data:function(){return{openDatePicker:!1,timer:null,time:null,style:{},weather:null}},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},this.getWeather()},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},getWeather:function(){var e=this;this.$ajax.get({url:"https://restapi.amap.com/v3/weather/weatherInfo?city=110101&key=d265f590c2efc5b9816c64f9ad553678"}).then(function(t){e.weather=t.lives[0]})}}},i={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"monitor-title"},[e.weather?n("span",{staticClass:"weather"},[e._v("\n "+e._s(e.weather.weather)+" "+e._s(e.weather.temperature)+"℃ "+e._s(e.weather.winddirection)+"风"+e._s(e.weather.windpower)+"级 空气湿度:"+e._s(e.weather.humidity)+"%\n ")]):e._e(),e._v(" "),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 r=n("VU/8")(a,i,!1,function(e){n("fjZL")},"data-v-1043ee3a",null);t.default=r.exports},fjZL:function(e,t){}});
//# sourceMappingURL=20.2052324c22148a3c4131.js.map
\ No newline at end of file
webpackJsonp([19],{"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};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("oR7x")},"data-v-139a9250",null);e.default=a.exports},oR7x:function(t,e){}});
//# sourceMappingURL=19.fe54e6ac48d20178b64b.js.map
\ No newline at end of file
webpackJsonp([20],{"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};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("oR7x")},"data-v-139a9250",null);e.default=a.exports},oR7x:function(t,e){}});
//# sourceMappingURL=20.d18b679d14bc0ba80f28.js.map
\ No newline at end of file
webpackJsonp([7],{e0Pi:function(e,t){},l7IT:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={name:"MonitorCard",props:{title:{type:String},mode:{type:[String,Number],default:"1"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},computed:{card:function(){var e=this;return function(){return n("zetL")("./mode"+e.mode)}}}},i={render:function(){var e=this.$createElement,t=this._self._c||e;return t("m-animate",{attrs:{enter:this.enter,leave:this.leave}},[t("div",{staticClass:"monitor-card"},[t(this.card,this._b({tag:"component",attrs:{title:this.title}},"component",this.$attrs,!1),[this._t("default")],2)],1)])},staticRenderFns:[]};var o=n("VU/8")(r,i,!1,function(e){n("e0Pi")},"data-v-742dce40",null);t.default=o.exports},zetL:function(e,t,n){var r={"./mode1":["PAPv",25],"./mode1.vue":["PAPv",25],"./mode2":["mTcn",26],"./mode2.vue":["mTcn",26],"./mode3":["i66n",24],"./mode3.vue":["i66n",24],"./mode4":["IsZH",23],"./mode4.vue":["IsZH",23]};function i(e){var t=r[e];return t?n.e(t[1]).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}i.keys=function(){return Object.keys(r)},i.id="zetL",e.exports=i}});
//# sourceMappingURL=7.a66c7ca110c6128b0e5c.js.map
\ No newline at end of file
webpackJsonp([7],{l7IT:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={name:"MonitorCard",props:{title:{type:String},mode:{type:[String,Number],default:"1"},enter:{type:String,default:"fadeInRight"},leave:{type:String,default:"fadeOutRight"}},computed:{card:function(){var e=this;return function(){return n("zetL")("./mode"+e.mode)}}}},i={render:function(){var e=this.$createElement,t=this._self._c||e;return t("m-animate",{attrs:{enter:this.enter,leave:this.leave}},[t("div",{staticClass:"monitor-card"},[t(this.card,this._b({tag:"component",attrs:{title:this.title}},"component",this.$attrs,!1),[this._t("default")],2)],1)])},staticRenderFns:[]};var o=n("VU/8")(r,i,!1,function(e){n("sTyI")},"data-v-32d52531",null);t.default=o.exports},sTyI:function(e,t){},zetL:function(e,t,n){var r={"./mode1":["PAPv",25],"./mode1.vue":["PAPv",25],"./mode2":["mTcn",26],"./mode2.vue":["mTcn",26],"./mode3":["i66n",24],"./mode3.vue":["i66n",24],"./mode4":["IsZH",23],"./mode4.vue":["IsZH",23]};function i(e){var t=r[e];return t?n.e(t[1]).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}i.keys=function(){return Object.keys(r)},i.id="zetL",e.exports=i}});
//# sourceMappingURL=7.eaaa3330e850030e6f86.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var o,b,d,i=0,u=[];i<r.length;i++)b=r[i],t[b]&&u.push(t[b][0]),t[b]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(n&&n(r,c,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)d=a(a.s=f[i]);return d};var r={},t={27:0};function a(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,a),t.l=!0,t.exports}a.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,a){n=t[e]=[r,a]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,a.nc&&f.setAttribute("nonce",a.nc),f.src=a.p+"static/js/"+e+"."+{0:"c199e6889a5b18cf9c09",1:"80f3e7aa96153395fe1b",2:"217974ef7143d4b3d5ec",3:"858079b6f37c68e0f6a5",4:"1f7557b444fdafeae962",5:"79501cbfbec9e7ca1a2b",6:"151dc3ea26d64d8986cf",7:"eaaa3330e850030e6f86",8:"5ad0f24b31031f7284b3",9:"fd7707babb1b38a1555a",10:"3bc8ba3be9d993618346",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"16cbe0e33860ff72d492",14:"92a81e60880a6ae73756",15:"f0fdcca849fc839cdb19",16:"71b39e7f56791784419e",17:"267ef980ea0c07fe9923",18:"f2a6183255aeb9176721",19:"1966c1eecf8c80e445be",20:"d18b679d14bc0ba80f28",23:"d11a200d85d7b566a845",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(o);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=b,c.appendChild(f),r},a.m=e,a.c=r,a.d=function(e,n,r){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="./",a.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.301ee5b572d02712e571.js.map
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(n,f,a){for(var o,d,b,i=0,u=[];i<n.length;i++)d=n[i],r[d]&&u.push(r[d][0]),r[d]=0;for(o in f)Object.prototype.hasOwnProperty.call(f,o)&&(e[o]=f[o]);for(c&&c(n,f,a);u.length;)u.shift()();if(a)for(i=0;i<a.length;i++)b=t(t.s=a[i]);return b};var n={},r={27:0};function t(c){if(n[c])return n[c].exports;var r=n[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.e=function(e){var c=r[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var n=new Promise(function(n,t){c=r[e]=[n,t]});c[2]=n;var f=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,t.nc&&a.setAttribute("nonce",t.nc),a.src=t.p+"static/js/"+e+"."+{0:"7375f2cbd39dccc7c4ff",1:"80f3e7aa96153395fe1b",2:"c8703eadcaadd41c1cf1",3:"858079b6f37c68e0f6a5",4:"1f7557b444fdafeae962",5:"79501cbfbec9e7ca1a2b",6:"151dc3ea26d64d8986cf",7:"a66c7ca110c6128b0e5c",8:"5ad0f24b31031f7284b3",9:"fd7707babb1b38a1555a",10:"3bc8ba3be9d993618346",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"16cbe0e33860ff72d492",14:"92a81e60880a6ae73756",15:"f0fdcca849fc839cdb19",16:"71b39e7f56791784419e",17:"4d80f075e6225fcf8126",18:"0c599f6f67f07b832a17",19:"fe54e6ac48d20178b64b",20:"2052324c22148a3c4131",23:"fffe5979c2605d3dc135",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(d,12e4);function d(){a.onerror=a.onload=null,clearTimeout(o);var c=r[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return a.onerror=a.onload=d,f.appendChild(a),n},t.m=e,t.c=n,t.d=function(e,c,n){t.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(c,"a",c),c},t.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.5a4dc323bfcdca9fc8ec.js.map
\ No newline at end of file
......@@ -13,6 +13,7 @@
</style>
<!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> -->
<script src="./static/jquery.min.js"></script>
<script language="javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=ee2b5d5c0c44c768f1d2593eb4a7dfa6&plugin=Map3D,AMap.DistrictSearch,AMap.ControlBar,ElasticMarker"></script>
<!-- <script type='text/javascript' src="http://10.220.105.137/SMIMap.js"></script> -->
</head>
<body>
......
......@@ -28,11 +28,17 @@ $selected()
box-sizing border-box
border 0.1rem solid $edgeColor
background-color rgba(0,242,255,0.1)
$fontColor = #70A7E0
$edgeColor = #00f2ff
// $fontColor = #70A7E0
// $edgeColor = #00f2ff
// $cardBg = rgba(53, 119, 248, 0.15)
$cardBg = rgba(18, 34, 66, 0.8)
// $cardBg = rgba(18, 34, 66, 0.8)
$cardBorder = 0.1rem solid #308bd8
$cardFontColor = #5bd5ff
// $cardBorder = 0.1rem solid #308bd8
// $cardFontColor = #5bd5ff
$cardBg = rgba(0,0,0,0.2)
$cardBorder = 0.1rem solid #000
$edgeColor = #4fffc6
$fontColor = #fff
$cardFontColor = #fff
......@@ -77,7 +77,8 @@ export default {
</script>
<style lang="stylus" scoped>
$color = #308bd8
// $color = #308bd8
$color = transparent
.card-wrapper
padding 0 !important
position relative
......
......@@ -47,6 +47,7 @@ $size()
height initial
width initial
/deep/ .card-wrapper
z-index 11
$size()
padding 0.5rem 1rem
position relative
......
......@@ -106,6 +106,7 @@ export default {
<style lang="stylus" scoped>
.monitor-title
z-index 10
display flex
align-items center
justify-content center
......@@ -148,6 +149,7 @@ export default {
-webkit-text-fill-color transparent
// background-image linear-gradient(to bottom, #02C4FF, #02C4FF 50%, #f5f5f5 50%, #f5f5f5 100%)
background-image linear-gradient(to bottom, #02C4FF, #02C4FF 20%, #7DDDFA 40%, #fff 60%, #fff 100%)
// background-image linear-gradient(to bottom, #666, #666 20%, #999 40%, #fff 60%, #fff 100%)
transform translateY(10%)
@keyframes shine {
0% {
......
<template>
<div class="map-menu" :style="style">
<span @click="$emit('3d')">2D/3D</span>
<img @click="$emit('switch')" src="@/assets/images/switch.png"/>
<img @click="$emit('in')" src="@/assets/images/zoomin.png"/>
<img @click="$emit('out')" src="@/assets/images/zoomout.png"/>
......@@ -40,13 +41,15 @@ export default {
flex-direction column
z-index 1000
transition all .5s
span,
img
color #4eb5db
width 2.4rem
height @width
margin-bottom 0.3rem
cursor pointer
transition transform .3s
&:first-child
&:nth-of-type(1)
width 1.4rem
height @width
margin 0 0 .8rem .5rem
......
This diff is collapsed.
<template>
<div style="width:100%;height:100vh;">
<div class="border left"/>
<div class="border right"/>
<m-animate enter="flipInY" leave="flipOutY">
<div v-show="!test" id="linyiMap"/>
</m-animate>
<m-grid
:template="[
'title title title',
......@@ -12,10 +18,12 @@
columns="1fr 2fr 1fr"
rows="3rem 1fr 2fr 1fr 1.5fr 1.5fr 2.3fr"
gap="0.5rem"
style="padding: 0.5rem"
style="padding: 0.5rem;"
:complete="complete"
>
<m-map ref="map" @event="handleMapClick" @complete="mapComplete" />
<m-animate enter="flipInY" leave="flipOutY">
<m-map v-show="test" ref="map" @event="handleMapClick" @complete="mapComplete" />
</m-animate>
<m-animate enter="fadeInDown" leave="fadeOutUp">
<m-title area="title" color="#fff" :bgImg="require('@/assets/images/title-bg4.png')">浦东新区物业微平台(临沂二村居委)</m-title>
</m-animate>
......@@ -80,7 +88,7 @@
@repair-select="(data) => {this.repairDetail = data; this.showRepairDetail = true;}"
/>
</m-card>
<MapMenu :full="complete" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<MapMenu :full="complete" @3d="test = !test" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<StreetMenu @select="handleStreetSelect"/>
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail />
......@@ -140,6 +148,7 @@
<img v-if="$store.state.showImgView" style="width:100%;height:100%;" :src="$store.state.imgViewSrc"/>
</m-modal>
</m-grid>
</div>
</template>
<script>
......@@ -159,6 +168,7 @@ import ImgContainer from './components/img-container'
import IssueDetail from './components/issue-detail'
import VideoWrapper from './components/video-wrapper'
import SensorList from './components/sensor-list'
const {AMap} = window
import {mapActions} from 'vuex'
export default {
......@@ -183,6 +193,25 @@ export default {
},
data() {
return {
test: true,
map: null,
mapConfig: {
resizeEnable: true,
rotateEnable: true,
pitchEnable: true,
showLabel: true,
zoom: 18,
pitch: 45,
rotation: 45,
viewMode: '3D', // 开启3D视图,默认为关闭
buildingAnimation:true, // 楼块出现是否带动画
expandZoomRange:true,
zooms: [10,20],
center: [121.511785, 31.194485],
showIndoorMap: false,
mapStyle:'amap://styles/grey',
features: ['bg', 'road', 'building'],
},
timer: null,
curTitle: '',
complete: false,
......@@ -539,6 +568,9 @@ export default {
this.timer = null
},
computed: {
sizeRate() {
return Number((screen.height / 800).toFixed(1))
},
tooltipIcons() {
if (this.curScene) {
return [
......@@ -566,6 +598,172 @@ export default {
return this.$store.state.handleList
},
},
mounted() {
const path1 = [
['121.510899', '31.196536'],
['121.510817', '31.19635'],
['121.510783', '31.196269'],
['121.510764', '31.196208'],
['121.510758', '31.196133'],
['121.510817', '31.196033'],
['121.511474', '31.196323'],
['121.51187', '31.195654'],
['121.511222', '31.195362'],
['121.511755', '31.194543'],
['121.511158', '31.194246'],
['121.510662', '31.195048'],
['121.509983', '31.194731'],
['121.509945', '31.194815'],
['121.509653', '31.195489'],
['121.509447', '31.19599'],
['121.509439', '31.196088'],
['121.509482', '31.196188'],
['121.509824', '31.196632'],
['121.51008', '31.196474'],
['121.510275', '31.196489'],
['121.510407', '31.196535'],
['121.511175', '31.197527'],
['121.511229', '31.197524'],
['121.511518', '31.197214'],
['121.511295', '31.197034'],
['121.511176', '31.196933'],
['121.511056', '31.196831'],
['121.510899', '31.196536'],
// ['121.511421', '31.19647'],
// ['121.511402', '31.196417'],
// // ['121.510899', '31.196536'],
// // ['121.510817', '31.19635'],
// // ['121.510783', '31.196269'],
// // ['121.510764', '31.196208'],
// // ['121.510758', '31.196133'],
// // ['121.510817', '31.196033'],
// // ['121.5114', '31.1963'],
// ['121.511478', '31.196329'],
// // ['121.51184', '31.195641'],
// ['121.5119', '31.195663'],
// ['121.511222', '31.195362'],
// ['121.511755', '31.194543'],
// ['121.511158', '31.194246'],
// ['121.510662', '31.195048'],
// ['121.509983', '31.194731'],
// ['121.509945', '31.194815'],
// ['121.509653', '31.195489'],
// // ['121.509447', '31.19599'],
// ['121.509434', '31.195984'],
// ['121.509439', '31.196088'],
// ['121.509482', '31.196188'],
// ['121.509824', '31.196632'],
// ['121.510693', '31.197708'],
// ['121.510787', '31.197758'],
// // ['121.51008', '31.196474'],
// // ['121.510275', '31.196489'],
// // ['121.510407', '31.196535'],
// // ['121.511175', '31.197527'],
// ['121.511229', '31.197524'],
// ['121.511518', '31.197214'],
// // ['121.511295', '31.197034'],
// // ['121.511176', '31.196933'],
// // ['121.511056', '31.196831'],
// ['121.511825', '31.196686'],
// // ['121.510899', '31.196536'],
// ['121.511421', '31.19647'],
]
const path2 = [
[121.51153, 31.197203],
[121.511078, 31.196824],
[121.510959, 31.1966],
[121.510838, 31.196382],
[121.510779, 31.19621],
[121.510774, 31.196131],
[121.51082, 31.196044],
[121.511474, 31.196324],
[121.511419, 31.19645],
[121.511861, 31.196686],
]
const path3 = [
[121.510634, 31.196829],
[121.510404, 31.196538],
[121.510281, 31.196492],
[121.510083, 31.196479],
[121.509764, 31.196676],
[121.509958, 31.196905],
[121.510063, 31.196877],
[121.510448, 31.196821],
]
const path4 = [
[121.510856, 31.197143],
[121.510739, 31.197241],
[121.510545, 31.197226],
[121.510379, 31.197295],
[121.510075, 31.196903],
[121.510452, 31.196843],
[121.510613, 31.196845],
]
const path5 = [
[121.511159, 31.197533],
[121.510872, 31.197172],
[121.510757, 31.197253],
[121.510721, 31.197289],
[121.510695, 31.197394],
[121.510606, 31.197527],
[121.510668, 31.197579],
[121.510966, 31.197636],
]
const paths = [path1, path2, path3, path4, path5]
this.map = new AMap.Map('linyiMap', this.mapConfig)
// this.map.addControl(new AMap.ControlBar({
// showZoomBar: false,
// showControlButton: true,
// position: {
// right: '10px',
// top: '10px',
// }
// }))
this.map.on('click', ({lnglat}) => {
console.log('click', [lnglat.lng, lnglat.lat])
})
const buildingOptions = {
hideWithoutStyle: true,
areas: paths.map(path => {
return {
rejectTexture: true, // 是否屏蔽自定义地图的纹理
color1: 'ffffffff', // 楼顶颜色
color2: 'cccccccc', // 楼面颜色
path: path,
}
})
}
const buildingLayer = new AMap.Buildings({zIndex: 130, opacity: 0.7, merge: false, sort: false, zooms: [10,20]})
buildingLayer.setStyle(buildingOptions)
this.map.setLayers([
new AMap.TileLayer(), // 高德默认的地图图层
buildingLayer, // 咱们自定义的建筑物上色图层
])
const polygon = paths.map(path => {
return new AMap.Polygon({
zIndex: 1,
strokeWeight: 4,
path: path,
fillOpacity: 0.3,
fillColor: '#87ceeb',
strokeColor: '#e6d74e',
})
})
this.map.add(polygon)
const marker = new AMap.Marker({
position: [121.509859, 31.196088],
zIndex: 99,
icon: new AMap.Icon({
size: [15 * this.sizeRate, 20 * this.sizeRate],
image: require('@/assets/images/warn.png'),
}),
})
this.map.add(marker)
// this.mapComplete()
},
methods: {
mapComplete() {
const list = ['linyi', 'haipu', 'huaxia', 'mingchengyuan', 'sihao']
......@@ -771,6 +969,38 @@ export default {
}
</script>
<style lang="stylus" scoped>
.border
position fixed
width 30%
height 100vh
top 0
z-index 10
&.left
left 0
background linear-gradient(to left, transparent, #000)
&.right
right 0
background linear-gradient(to right, transparent, #000)
#linyiMap
position fixed
top 0
left 0
right 0
bottom 0
width 100%
height 100vh
z-index 9
// &:after {
// position absolute
// content ''
// width 100%
// height 100%
// top 0
// left 0
// box-shadow 0 0 50rem 10rem rgba(0,0,0,.8) inset
// z-index 8
// }
.icon-wrapper
position fixed
bottom 22%
......@@ -818,3 +1048,31 @@ export default {
color $edgeColor
font-size 1.2rem
</style>
<style lang="stylus">
.amap-logo
.amap-copyright
display none !important
.amap-icon
img
width 100%
height 100%
.menu
.ivu-collapse-content
max-height 80vh
overflow-y auto
overflow-x hidden
padding 0 1rem
.ivu-collapse-content-box
padding 1rem 0
button
text-align left
font-size 1rem
.tab-menu
.ivu-tabs-bar
margin-bottom 0
.ivu-tabs-nav
.ivu-tabs-tab
&:last-child
margin-right 0
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment