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

07-02汇报后改版

parent baf746fd
<!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.0c87c6a6748c679b872f63af67ca9d4a.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.bfafb136c15ef446e8f1.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.fb6c4f71611802d932d9.js></script></body></html>
\ No newline at end of file
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.99ae59af9fdb1056e111c5c5c9d55a99.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.1ea04a1490102a9c0898.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.6adddd62873981e0b4e5.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 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.
webpackJsonp([13],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default:10},layout:{type:Array,default:function(){return[]}},model:{type:Object,default:function(){return{}}}},data:function(){return{showImg:!1,curSrc:null}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0}}},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=13.89ac8bcc9d2db4ccb3ef.js.map
\ No newline at end of file
webpackJsonp([13],{DiCx:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={name:"MonitorForm",props:{title:{type:String,default:""},labelWidth:{type:Number,default:10},layout:{type:Array,default:function(){return[]}},model:{type:Object,default:function(){return{}}}},data:function(){return{showImg:!1,curSrc:null}},methods:{handleView:function(t){this.curSrc=t,this.showImg=!0}}},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 e?i("img",{key:e,staticStyle:{"margin-right":"1rem"},attrs:{src:e},on:{click:function(i){return t.handleView(e)}}}):t._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("L6HB")},"data-v-59d7ea96",null);e.default=r.exports},L6HB:function(t,e){}});
//# sourceMappingURL=13.15deb21a89700281bfbb.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorForm/monitor-form.vue","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue?f4a9","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue"],"names":["monitor_form","name","props","title","type","String","default","labelWidth","Number","layout","Array","model","Object","data","showImg","curSrc","methods","handleView","src","this","MonitorForm_monitor_form","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","row","rowIndex","key","col","attrs","span","width","offset","style","align","label","split","img","staticStyle","margin-right","on","click","$event","format","value","callback","$$v","expression","max-height","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAqBA,IAAAA,GACAC,KAAA,cACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,IAEAC,YACAH,KAAAI,OACAF,QAAA,IAEAG,QACAL,KAAAM,MACAJ,QAFA,WAGA,WAGAK,OACAP,KAAAQ,OACAN,QAFA,WAGA,YAIAO,KAxBA,WAyBA,OACAC,SAAA,EACAC,OAAA,OAGAC,SACAC,WADA,SACAC,GACAC,KAAAJ,OAAAG,EACAC,KAAAL,SAAA,KCnDeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAH,KAAaI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BL,EAAA,MAAAG,EAAA,KAAsBE,YAAA,UAAoBL,EAAAM,GAAAN,EAAAO,GAAAP,EAAAnB,UAAAmB,EAAAQ,KAAAR,EAAAM,GAAA,KAAAN,EAAAS,GAAAT,EAAA,gBAAAU,EAAAC,GAA8F,OAAAR,EAAA,OAAiBS,IAAAD,EAAAN,YAAA,OAA+BL,EAAAS,GAAA,WAAAI,EAAAD,GAAgC,OAAAT,EAAA,SAAmBS,MAAAP,YAAA,MAAAS,OAAiCC,KAAAF,EAAAG,MAAAC,OAAAJ,EAAAI,QAAA,KAA2Cd,EAAA,OAAYe,MAAA,gBAAAL,EAAAM,OAAA,oBAAoDnB,EAAAf,WAAA,SAAqCe,EAAAM,GAAAN,EAAAO,GAAAM,EAAAO,OAAA,OAAApB,EAAAM,GAAA,YAAAO,EAAA/B,MAAAkB,EAAAX,MAAAuB,IAAAZ,EAAAS,GAAAT,EAAAX,MAAAuB,GAAAS,MAAA,cAAAC,GAAsI,SAAAnB,EAAA,OAAuBS,IAAAU,EAAAC,aAAqBC,eAAA,QAAsBV,OAAQlB,IAAA0B,GAAUG,IAAKC,MAAA,SAAAC,GAAyB,OAAA3B,EAAAL,WAAA2B,OAA6BtB,EAAAQ,OAAWR,EAAAM,GAAA,KAAAN,EAAAX,MAAA,WAAAc,EAAA,OAAkDoB,aAAaC,eAAA,QAAsBV,OAAQlB,IAAAI,EAAAX,MAAA,YAA8BoC,IAAKC,MAAA,SAAAC,GAAyB,OAAA3B,EAAAL,WAAAK,EAAAX,MAAA,gBAAiDW,EAAAQ,MAAAL,EAAA,OAAsBE,YAAA,YAAsBL,EAAAM,GAAAN,EAAAO,GAAAM,EAAAe,OAAAf,EAAAe,OAAA5B,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,IAAA,cAAoF,KAAKZ,EAAAM,GAAA,KAAAH,EAAA,WAA4BW,OAAOjC,MAAA,MAAaQ,OAAQwC,MAAA7B,EAAA,QAAA8B,SAAA,SAAAC,GAA6C/B,EAAAR,QAAAuC,GAAgBC,WAAA,aAAuBhC,EAAA,QAAAG,EAAA,OAA0BoB,aAAaP,MAAA,OAAAiB,aAAA,SAAoCnB,OAAQlB,IAAAI,EAAAP,UAAkBO,EAAAQ,QAAA,IAEh3C0B,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE3D,EACAoB,GATF,EAVA,SAAAwC,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/13.15deb21a89700281bfbb.js","sourcesContent":["<template>\n <div class=\"monitor-form\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row\" v-for=\"(row, rowIndex) in layout\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"(col, key) in row\" :key=\"key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`\">{{col.label}}:</div>\n <!-- <img v-if=\"col.type == 'img' && model[key]\" @click=\"handleView(model[key])\" :src=\"model[key]\"/> -->\n <template v-if=\"col.type == 'img' && model[key]\">\n <img style=\"margin-right:1rem;\" v-for=\"img in model[key].split(',')\" v-if=\"img\" :key=\"img\" :src=\"img\" @click=\"handleView(img)\"/>\n <img style=\"margin-right:1rem;\" v-if=\"model['done_photo']\" :src=\"model['done_photo']\" @click=\"handleView(model['done_photo'])\"/>\n </template>\n <div v-else class=\"content\">{{col.format?col.format(model[key]):(model[key]||' ')}}</div>\n </i-col>\n </Row>\n <m-modal v-model=\"showImg\" title=\"照片\">\n <img v-if=\"showImg\" style=\"width:100%;max-height:23rem;\" :src=\"curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorForm',\n props: {\n title: {\n type: String,\n default: '',\n },\n labelWidth: {\n type: Number,\n default: 10,\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Object,\n default() {\n return {}\n }\n }\n },\n data() {\n return {\n showImg: false,\n curSrc: null,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-form\n font-size 1rem\n color #fff\n margin-bottom 1rem\n .title\n font-size 1.2rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.5rem\n margin-bottom 1rem\n border-bottom 0.1rem solid $color-map()\n .row\n line-height 3rem\n &:nth-child(2n)\n background-color $color-map(0.15)\n .col\n display flex\n align-items center\n padding 0 1rem\n .content\n flex 1\n img\n width 25%\n height 5rem\n margin 0.5rem 0\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorForm/monitor-form.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-form\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.layout),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((row),function(col,key){return _c('i-col',{key:key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'right') + \"; width:\" + _vm.labelWidth + \"rem;\"))},[_vm._v(_vm._s(col.label)+\":\")]),_vm._v(\" \"),(col.type == 'img' && _vm.model[key])?[_vm._l((_vm.model[key].split(',')),function(img){return (img)?_c('img',{key:img,staticStyle:{\"margin-right\":\"1rem\"},attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}}):_vm._e()}),_vm._v(\" \"),(_vm.model['done_photo'])?_c('img',{staticStyle:{\"margin-right\":\"1rem\"},attrs:{\"src\":_vm.model['done_photo']},on:{\"click\":function($event){return _vm.handleView(_vm.model['done_photo'])}}}):_vm._e()]:_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(col.format?col.format(_vm.model[key]):(_vm.model[key]||' ')))])],2)}),1)}),_vm._v(\" \"),_c('m-modal',{attrs:{\"title\":\"照片\"},model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"width\":\"100%\",\"max-height\":\"23rem\"},attrs:{\"src\":_vm.curSrc}}):_vm._e()])],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-59d7ea96\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-59d7ea96\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-form.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-59d7ea96\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-form.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-59d7ea96\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorForm/monitor-form.vue","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue?5f4c","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue"],"names":["monitor_form","name","props","title","type","String","default","labelWidth","Number","layout","Array","model","Object","data","showImg","curSrc","methods","handleView","src","this","MonitorForm_monitor_form","render","_vm","_h","$createElement","_c","_self","staticClass","_v","_s","_e","_l","row","rowIndex","key","col","attrs","span","width","offset","style","align","label","split","img","staticStyle","margin-right","on","click","$event","format","value","callback","$$v","expression","max-height","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"sGAqBA,IAAAA,GACAC,KAAA,cACAC,OACAC,OACAC,KAAAC,OACAC,QAAA,IAEAC,YACAH,KAAAI,OACAF,QAAA,IAEAG,QACAL,KAAAM,MACAJ,QAFA,WAGA,WAGAK,OACAP,KAAAQ,OACAN,QAFA,WAGA,YAIAO,KAxBA,WAyBA,OACAC,SAAA,EACAC,OAAA,OAGAC,SACAC,WADA,SACAC,GACAC,KAAAJ,OAAAG,EACAC,KAAAL,SAAA,KCnDeM,GADEC,OAFjB,WAA0B,IAAAC,EAAAH,KAAaI,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA2BL,EAAA,MAAAG,EAAA,KAAsBE,YAAA,UAAoBL,EAAAM,GAAAN,EAAAO,GAAAP,EAAAnB,UAAAmB,EAAAQ,KAAAR,EAAAM,GAAA,KAAAN,EAAAS,GAAAT,EAAA,gBAAAU,EAAAC,GAA8F,OAAAR,EAAA,OAAiBS,IAAAD,EAAAN,YAAA,OAA+BL,EAAAS,GAAA,WAAAI,EAAAD,GAAgC,OAAAT,EAAA,SAAmBS,MAAAP,YAAA,MAAAS,OAAiCC,KAAAF,EAAAG,MAAAC,OAAAJ,EAAAI,QAAA,KAA2Cd,EAAA,OAAYe,MAAA,gBAAAL,EAAAM,OAAA,oBAAoDnB,EAAAf,WAAA,SAAqCe,EAAAM,GAAAN,EAAAO,GAAAM,EAAAO,OAAA,OAAApB,EAAAM,GAAA,YAAAO,EAAA/B,MAAAkB,EAAAX,MAAAuB,IAAAZ,EAAAS,GAAAT,EAAAX,MAAAuB,GAAAS,MAAA,cAAAC,GAAsI,OAAAnB,EAAA,OAAiBS,IAAAU,EAAAC,aAAqBC,eAAA,QAAsBV,OAAQlB,IAAA0B,GAAUG,IAAKC,MAAA,SAAAC,GAAyB,OAAA3B,EAAAL,WAAA2B,SAA+BtB,EAAAM,GAAA,KAAAN,EAAAX,MAAA,WAAAc,EAAA,OAAkDoB,aAAaC,eAAA,QAAsBV,OAAQlB,IAAAI,EAAAX,MAAA,YAA8BoC,IAAKC,MAAA,SAAAC,GAAyB,OAAA3B,EAAAL,WAAAK,EAAAX,MAAA,gBAAiDW,EAAAQ,MAAAL,EAAA,OAAsBE,YAAA,YAAsBL,EAAAM,GAAAN,EAAAO,GAAAM,EAAAe,OAAAf,EAAAe,OAAA5B,EAAAX,MAAAuB,IAAAZ,EAAAX,MAAAuB,IAAA,cAAoF,KAAKZ,EAAAM,GAAA,KAAAH,EAAA,WAA4BW,OAAOjC,MAAA,MAAaQ,OAAQwC,MAAA7B,EAAA,QAAA8B,SAAA,SAAAC,GAA6C/B,EAAAR,QAAAuC,GAAgBC,WAAA,aAAuBhC,EAAA,QAAAG,EAAA,OAA0BoB,aAAaP,MAAA,OAAAiB,aAAA,SAAoCnB,OAAQlB,IAAAI,EAAAP,UAAkBO,EAAAQ,QAAA,IAEj2C0B,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACE3D,EACAoB,GATF,EAVA,SAAAwC,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/13.89ac8bcc9d2db4ccb3ef.js","sourcesContent":["<template>\n <div class=\"monitor-form\">\n <p v-if=\"title\" class=\"title\">{{title}}</p>\n <Row class=\"row\" v-for=\"(row, rowIndex) in layout\" :key=\"rowIndex\">\n <i-col class=\"col\" v-for=\"(col, key) in row\" :key=\"key\" :span=\"col.width\" :offset=\"col.offset || 0\">\n <div :style=\"`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`\">{{col.label}}:</div>\n <!-- <img v-if=\"col.type == 'img' && model[key]\" @click=\"handleView(model[key])\" :src=\"model[key]\"/> -->\n <template v-if=\"col.type == 'img' && model[key]\">\n <img style=\"margin-right:1rem;\" v-for=\"img in model[key].split(',')\" :key=\"img\" :src=\"img\" @click=\"handleView(img)\"/>\n <img style=\"margin-right:1rem;\" v-if=\"model['done_photo']\" :src=\"model['done_photo']\" @click=\"handleView(model['done_photo'])\"/>\n </template>\n <div v-else class=\"content\">{{col.format?col.format(model[key]):(model[key]||' ')}}</div>\n </i-col>\n </Row>\n <m-modal v-model=\"showImg\" title=\"照片\">\n <img v-if=\"showImg\" style=\"width:100%;max-height:23rem;\" :src=\"curSrc\"/>\n </m-modal>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorForm',\n props: {\n title: {\n type: String,\n default: '',\n },\n labelWidth: {\n type: Number,\n default: 10,\n },\n layout: {\n type: Array,\n default() {\n return []\n }\n },\n model: {\n type: Object,\n default() {\n return {}\n }\n }\n },\n data() {\n return {\n showImg: false,\n curSrc: null,\n }\n },\n methods: {\n handleView(src) {\n this.curSrc = src\n this.showImg = true\n }\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-form\n font-size 1rem\n color #fff\n margin-bottom 1rem\n .title\n font-size 1.2rem\n font-weight bold\n color $edgeColor\n padding-bottom 0.5rem\n margin-bottom 1rem\n border-bottom 0.1rem solid $color-map()\n .row\n line-height 3rem\n &:nth-child(2n)\n background-color $color-map(0.15)\n .col\n display flex\n align-items center\n padding 0 1rem\n .content\n flex 1\n img\n width 25%\n height 5rem\n margin 0.5rem 0\n cursor pointer\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorForm/monitor-form.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-form\"},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.layout),function(row,rowIndex){return _c('Row',{key:rowIndex,staticClass:\"row\"},_vm._l((row),function(col,key){return _c('i-col',{key:key,staticClass:\"col\",attrs:{\"span\":col.width,\"offset\":col.offset || 0}},[_c('div',{style:((\"text-align: \" + (col.align || 'right') + \"; width:\" + _vm.labelWidth + \"rem;\"))},[_vm._v(_vm._s(col.label)+\":\")]),_vm._v(\" \"),(col.type == 'img' && _vm.model[key])?[_vm._l((_vm.model[key].split(',')),function(img){return _c('img',{key:img,staticStyle:{\"margin-right\":\"1rem\"},attrs:{\"src\":img},on:{\"click\":function($event){return _vm.handleView(img)}}})}),_vm._v(\" \"),(_vm.model['done_photo'])?_c('img',{staticStyle:{\"margin-right\":\"1rem\"},attrs:{\"src\":_vm.model['done_photo']},on:{\"click\":function($event){return _vm.handleView(_vm.model['done_photo'])}}}):_vm._e()]:_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(col.format?col.format(_vm.model[key]):(_vm.model[key]||' ')))])],2)}),1)}),_vm._v(\" \"),_c('m-modal',{attrs:{\"title\":\"照片\"},model:{value:(_vm.showImg),callback:function ($$v) {_vm.showImg=$$v},expression:\"showImg\"}},[(_vm.showImg)?_c('img',{staticStyle:{\"width\":\"100%\",\"max-height\":\"23rem\"},attrs:{\"src\":_vm.curSrc}}):_vm._e()])],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6dd4cb1f\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6dd4cb1f\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-form.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-form.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6dd4cb1f\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-form.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-6dd4cb1f\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorForm/monitor-form.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
webpackJsonp([18],{"8qTu":function(e,t){},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.9rem"}},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("8qTu")},"data-v-301e60fb",null);t.default=o.exports}});
//# sourceMappingURL=18.2a3e8732286ed322024b.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorTitle/monitor-title.vue","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue?1e00","webpack:///./src/components/MonitorComponents/MonitorTitle/monitor-title.vue"],"names":["monitor_title","name","props","imgStyle","bgImg","type","String","hideDate","Boolean","default","hideTime","editable","color","size","data","openDatePicker","timer","time","style","mounted","_this","this","setInterval","$moment","format","font-size","beforeDestroy","clearInterval","computed","curDate","date","$store","state","options","_this2","disabledDate","isAfter","methods","openAdmin","window","open","handleDateChange","commit","MonitorTitle_monitor_title","render","_vm","_h","$createElement","_c","_self","staticClass","_e","on","mouseenter","$event","returnopenDatePicker","mouseleave","attrs","value","on-change","_v","_s","src","draggable","click","_t","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"6HAcA,IAAAA,GACAC,KAAA,eACAC,OACAC,YACAC,OACAC,KAAAC,QAEAC,UACAF,KAAAG,QACAC,SAAA,GAEAC,UACAL,KAAAG,QACAC,SAAA,GAEAE,UACAN,KAAAG,QACAC,SAAA,GAEAG,OACAP,KAAAC,QAEAO,MACAR,KAAAC,OACAG,QAAA,WAGAK,KA3BA,WA4BA,OACAC,gBAAA,EACAC,MAAA,KACAC,KAAA,KACAC,WAGAC,QAnCA,WAmCA,IAAAC,EAAAC,KACAA,KAAAX,WACAW,KAAAL,MAAAM,YAAA,WAEAF,EAAAH,KAAAG,EAAAG,UAAAC,OAAA,YAAAJ,EAAAG,UAAAC,OAAA,QACA,MASAH,KAAAH,OAAAO,YAAAJ,KAAAR,OAEAa,cAnDA,WAoDAC,cAAAN,KAAAL,OACAK,KAAAL,MAAA,MAEAY,UACAC,QADA,WAEA,IAAAC,EAAAT,KAAAU,OAAAC,MAAAH,QACA,OAAAC,EAAAT,KAAAE,QAAAO,GAAAN,OAAA,cAAAH,KAAAE,UAAAC,OAAA,eAEAS,QALA,WAKA,IAAAC,EAAAb,KACA,OACAc,aAAA,SAAAL,GACA,OAAAI,EAAAX,QAAAO,GAAAM,QAAAF,EAAAX,eAKAc,SACAC,UADA,WAEAC,OAAAC,KAAA,iCAEAC,iBAJA,SAIAX,GACAT,KAAAU,OAAAW,OAAA,cAAAZ,GACAT,KAAAN,gBAAA,KCrFe4B,GADEC,OAFjB,WAA0B,IAAAC,EAAAxB,KAAayB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,kBAA4BL,EAAAtC,SAAkXsC,EAAAM,KAAlXH,EAAA,QAA6BE,YAAA,cAAAE,IAA8BC,WAAA,SAAAC,GAA8BT,EAAAU,sBAAA,GAAgCC,WAAA,SAAAF,GAA+BT,EAAA9B,gBAAA,MAA6BiC,EAAA,cAAmBE,YAAA,cAAAO,OAAiCC,MAAAb,EAAAhB,QAAAI,QAAAY,EAAAZ,QAAAO,KAAAK,EAAAlC,UAAAkC,EAAA9B,eAAAV,KAAA,QAAkG+C,IAAKO,YAAAd,EAAAJ,oBAAkCO,EAAA,QAAAH,EAAAe,GAAAf,EAAAgB,GAAAhB,EAAAhB,eAAA,GAAAgB,EAAAe,GAAA,KAAAf,EAAAnC,SAA2HmC,EAAAM,KAA3HH,EAAA,QAAiGE,YAAA,gBAA0BL,EAAAe,GAAAf,EAAAgB,GAAAhB,EAAA5B,SAAA4B,EAAAe,GAAA,KAAAZ,EAAA,OAA4D9B,MAAA2B,EAAA,SAAAY,OAA4BK,IAAAjB,EAAAzC,MAAA2D,UAAA,WAAqClB,EAAAe,GAAA,KAAAZ,EAAA,KAAsB9B,MAAA2B,EAAA,MAAAO,IAAsBY,MAAAnB,EAAAP,aAAuBO,EAAAoB,GAAA,kBAElyBC,oBCCjB,IAcAC,EAdyBC,EAAQ,OAcjCC,CACErE,EACA2C,GATF,EAVA,SAAA2B,GACEF,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/18.2a3e8732286ed322024b.js","sourcesContent":["<template>\n <div class=\"monitor-title\">\n <span v-if=\"!hideDate\" class=\"moment date\" @mouseenter=\"returnopenDatePicker = true\" @mouseleave=\"openDatePicker = false\">\n <DatePicker @on-change=\"handleDateChange\" :value=\"curDate\" :options=\"options\" class=\"date-picker\" :open=\"editable && openDatePicker\" type=\"date\">\n <span>{{curDate}}</span>\n </DatePicker>\n </span>\n <span v-if=\"!hideTime\" class=\"moment time\">{{time}}</span>\n <img :src=\"bgImg\" draggable=\"false\" :style=\"imgStyle\"/>\n <p :style=\"style\" @click=\"openAdmin\"><slot /></p>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'MonitorTitle',\n props: {\n imgStyle: {},\n bgImg: {\n type: String,\n },\n hideDate: {\n type: Boolean,\n default: false,\n },\n hideTime: {\n type: Boolean,\n default: false,\n },\n editable: {\n type: Boolean,\n default: false,\n },\n color: {\n type: String,\n },\n size: {\n type: String,\n default: '1.9rem',\n },\n },\n data() {\n return {\n openDatePicker: false,\n timer: null,\n time: null,\n style: {},\n }\n },\n mounted() {\n if (!this.hideTime) {\n this.timer = setInterval(() => {\n // this.time = `${this.$moment().format('LTS')}`\n this.time = `${this.$moment().format('dddd')} ${this.$moment().format('LTS')}`\n }, 1000)\n }\n // if (this.color) {\n // this.style = {\n // 'text-shadow': `0 0.2rem 0.4rem ${this.color}`,\n // 'color': this.color,\n // 'background-image': `linear-gradient(to bottom, #fff, ${this.color})`,\n // }\n // }\n this.style = {'font-size': this.size}\n },\n beforeDestroy() {\n clearInterval(this.timer)\n this.timer = null\n },\n computed: {\n curDate() {\n const date = this.$store.state.curDate\n return date ? this.$moment(date).format('YYYY-MM-DD') : this.$moment().format('YYYY-MM-DD')\n },\n options() {\n return {\n disabledDate: (date) => {\n return this.$moment(date).isAfter(this.$moment())\n }\n }\n }\n },\n methods: {\n openAdmin() {\n window.open('http://211.136.105.193/login')\n },\n handleDateChange(date) {\n this.$store.commit('SET_CURDATE', date)\n this.openDatePicker = false\n },\n }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n.monitor-title\n display flex\n align-items center\n justify-content center\n position relative\n background-size cover\n background-position center\n font-family $hei\n .moment\n z-index 100\n position absolute\n font-size 1.4rem\n color #fff\n width 15rem\n top 10%\n &.date\n right 4%\n cursor pointer\n &.time\n right -4%\n img\n position absolute\n width 100%\n height 140%\n top 0\n left 0\n // animation shine 2.5s linear reverse infinite\n >p\n z-index 1\n font-weight bold\n padding-bottom 1rem\n // text-shadow 0 0.2rem 0.4rem #25e7f6\n background-clip text\n -webkit-background-clip text\n -webkit-text-fill-color transparent\n // background-image linear-gradient(to bottom, #02C4FF, #02C4FF 50%, #f5f5f5 50%, #f5f5f5 100%)\n background-image linear-gradient(to bottom, #02C4FF, #02C4FF 20%, #7DDDFA 40%, #fff 60%, #fff 100%)\n transform translateY(10%)\n@keyframes shine {\n 0% {\n opacity 1\n }\n 50% {\n opacity 0.7\n }\n 100% {\n opacity 1\n }\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/MonitorComponents/MonitorTitle/monitor-title.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"monitor-title\"},[(!_vm.hideDate)?_c('span',{staticClass:\"moment date\",on:{\"mouseenter\":function($event){_vm.returnopenDatePicker = true},\"mouseleave\":function($event){_vm.openDatePicker = false}}},[_c('DatePicker',{staticClass:\"date-picker\",attrs:{\"value\":_vm.curDate,\"options\":_vm.options,\"open\":_vm.editable && _vm.openDatePicker,\"type\":\"date\"},on:{\"on-change\":_vm.handleDateChange}},[_c('span',[_vm._v(_vm._s(_vm.curDate))])])],1):_vm._e(),_vm._v(\" \"),(!_vm.hideTime)?_c('span',{staticClass:\"moment time\"},[_vm._v(_vm._s(_vm.time))]):_vm._e(),_vm._v(\" \"),_c('img',{style:(_vm.imgStyle),attrs:{\"src\":_vm.bgImg,\"draggable\":\"false\"}}),_vm._v(\" \"),_c('p',{style:(_vm.style),on:{\"click\":_vm.openAdmin}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-301e60fb\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/MonitorComponents/MonitorTitle/monitor-title.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-301e60fb\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!stylus-loader?{\\\"import\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets/css/variables.styl\\\"],\\\"path\\\":[\\\"/Users/MrGuo/Desktop/wisdom-property/src/assets\\\",\\\"/Users/MrGuo/Desktop/wisdom-property/\\\"],\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./monitor-title.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-title.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./monitor-title.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-301e60fb\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./monitor-title.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-301e60fb\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/MonitorComponents/MonitorTitle/monitor-title.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
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}});
//# sourceMappingURL=19.fd761234a41f95a23244.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([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([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
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.
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("Xo4e")},"data-v-0a5a832f",null);t.default=r.exports},Xo4e:function(e,t){}});
//# sourceMappingURL=20.783e458e49d4f1c92bbb.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.
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 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([9],{Ieoz: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("Ieoz")},"data-v-bb3849a2",null);e.default=o.exports}});
//# sourceMappingURL=9.3fc76fc7abb3d3dd3b91.js.map
\ No newline at end of file
webpackJsonp([9],{"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=9.ad37a6c0aeaf8d06cbee.js.map
\ No newline at end of file
!function(e){var f=window.webpackJsonp;window.webpackJsonp=function(n,a,c){for(var o,b,d,i=0,u=[];i<n.length;i++)b=n[i],r[b]&&u.push(r[b][0]),r[b]=0;for(o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);for(f&&f(n,a,c);u.length;)u.shift()();if(c)for(i=0;i<c.length;i++)d=t(t.s=c[i]);return d};var n={},r={27:0};function t(f){if(n[f])return n[f].exports;var r=n[f]={i:f,l:!1,exports:{}};return e[f].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.e=function(e){var f=r[e];if(0===f)return new Promise(function(e){e()});if(f)return f[2];var n=new Promise(function(n,t){f=r[e]=[n,t]});f[2]=n;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,t.nc&&c.setAttribute("nonce",t.nc),c.src=t.p+"static/js/"+e+"."+{0:"d0d0010f011b4ec38d7f",1:"80f3e7aa96153395fe1b",2:"4df5577dbba5de145027",3:"858079b6f37c68e0f6a5",4:"575f875434614e4ff5a1",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"3fc76fc7abb3d3dd3b91",10:"ab925f8bb0245e505ca6",11:"573ef14b9d19f5d8b630",12:"8d785b7833f510b6e13d",13:"15deb21a89700281bfbb",14:"f030a8d04200b6f7c7b4",15:"fb54c95b8a1bf473bd5c",16:"25b0e1920fcfffa457f4",17:"96a31fae1e6f805fbbfa",18:"f2a6183255aeb9176721",19:"fe54e6ac48d20178b64b",20:"783e458e49d4f1c92bbb",23:"2b04570b3c7c9fa13423",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(b,12e4);function b(){c.onerror=c.onload=null,clearTimeout(o);var f=r[e];0!==f&&(f&&f[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return c.onerror=c.onload=b,a.appendChild(c),n},t.m=e,t.c=n,t.d=function(e,f,n){t.o(e,f)||Object.defineProperty(e,f,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var f=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(f,"a",f),f},t.o=function(e,f){return Object.prototype.hasOwnProperty.call(e,f)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.1ea04a1490102a9c0898.js.map
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(n,t,c){for(var o,b,d,i=0,u=[];i<n.length;i++)b=n[i],r[b]&&u.push(r[b][0]),r[b]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(n,t,c);u.length;)u.shift()();if(c)for(i=0;i<c.length;i++)d=f(f.s=c[i]);return d};var n={},r={27:0};function f(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,f),r.l=!0,r.exports}f.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,f){a=r[e]=[n,f]});a[2]=n;var t=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,f.nc&&c.setAttribute("nonce",f.nc),c.src=f.p+"static/js/"+e+"."+{0:"b4236dc54c3951d62d00",1:"80f3e7aa96153395fe1b",2:"bfa0f6723a6c2f07456c",3:"ad3a2d6edfe05d745b21",4:"f59f29b4b147c7cd45ae",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"ad37a6c0aeaf8d06cbee",10:"ab925f8bb0245e505ca6",11:"573ef14b9d19f5d8b630",12:"8d785b7833f510b6e13d",13:"89ac8bcc9d2db4ccb3ef",14:"f030a8d04200b6f7c7b4",15:"fb54c95b8a1bf473bd5c",16:"25b0e1920fcfffa457f4",17:"96a31fae1e6f805fbbfa",18:"2a3e8732286ed322024b",19:"fd761234a41f95a23244",20:"d18b679d14bc0ba80f28",23:"b5d28bfaade473c1364b",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(b,12e4);function b(){c.onerror=c.onload=null,clearTimeout(o);var a=r[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return c.onerror=c.onload=b,t.appendChild(c),n},f.m=e,f.c=n,f.d=function(e,a,n){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:n})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.bfafb136c15ef446e8f1.js.map
\ No newline at end of file
src/assets/images/process-model.png

413 KB | W: | H:

src/assets/images/process-model.png

415 KB | W: | H:

src/assets/images/process-model.png
src/assets/images/process-model.png
src/assets/images/process-model.png
src/assets/images/process-model.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -150,7 +150,7 @@ $color = #308bd8
top .2rem
right .4rem
text-align right
color $fontColor
color $color-blue
&:hover
box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5)
.content
......
......@@ -6,7 +6,7 @@
<div :style="`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`">{{col.label}}</div>
<!-- <img v-if="col.type == 'img' && model[key]" @click="handleView(model[key])" :src="model[key]"/> -->
<template v-if="col.type == 'img' && model[key]">
<img style="margin-right:1rem;" v-for="img in model[key].split(',')" :key="img" :src="img" @click="handleView(img)"/>
<img style="margin-right:1rem;" v-for="img in model[key].split(',')" v-if="img" :key="img" :src="img" @click="handleView(img)"/>
<img style="margin-right:1rem;" v-if="model['done_photo']" :src="model['done_photo']" @click="handleView(model['done_photo'])"/>
</template>
<div v-else class="content">{{col.format?col.format(model[key]):(model[key]||' ')}}</div>
......
......@@ -177,6 +177,8 @@ export default {
display flex
align-items center
flex-wrap wrap
>div
width 100%
img
width 100%
height 5rem
......
<template>
<div class="monitor-title">
<span v-if="weather" class="weather">
{{weather.weather}} {{weather.temperature}}{{weather.winddirection}}{{weather.windpower}}级 空气湿度:{{weather.humidity}}%
</span>
<span v-if="!hideDate" class="moment date" @mouseenter="returnopenDatePicker = true" @mouseleave="openDatePicker = false">
<DatePicker @on-change="handleDateChange" :value="curDate" :options="options" class="date-picker" :open="editable && openDatePicker" type="date">
<span>{{curDate}}</span>
......@@ -45,6 +48,7 @@ export default {
timer: null,
time: null,
style: {},
weather: null,
}
},
mounted() {
......@@ -62,6 +66,7 @@ export default {
// }
// }
this.style = {'font-size': this.size}
this.getWeather()
},
beforeDestroy() {
clearInterval(this.timer)
......@@ -88,6 +93,13 @@ export default {
this.$store.commit('SET_CURDATE', date)
this.openDatePicker = false
},
getWeather() {
this.$ajax.get({
url: 'https://restapi.amap.com/v3/weather/weatherInfo?city=110101&key=d265f590c2efc5b9816c64f9ad553678',
}).then(res => {
this.weather = res.lives[0]
})
},
}
}
</script>
......@@ -101,6 +113,12 @@ export default {
background-size cover
background-position center
font-family $hei
.weather
z-index 100
position absolute
font-size 1.2rem
left 0
top 10%
.moment
z-index 100
position absolute
......
......@@ -13,8 +13,8 @@ export default {
GET_SENSOR: '/service-special/public/sensor/discover?type_nin=fire,heap',
GET_DISCOVER_INFO: '/service-special/public/discoverInfo?pcr.communityId_in=S015001231,S015001664&pd.createTime_gt=2020-06-26',
GET_HANDLE_LIST: '/service-special/public/alarm/index?pcr.communityId_in=S015001231,S015001664',
GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231',
GET_TSBX_LIST: '/service-special/public/report/{type}?communityId_in=S015001231,S015001664',
GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231&days=10',
GET_TSBX_LIST: '/service-special/public/report/{type}?communityId_in=S015001231,S015001664&days=10',
GET_BUILDING: '/service-search/public/buildings?sectId=120324203558281&pageSize=1000&pageNo=1'
}
<template>
<div class="application">
<ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="elevator.png"/>
<ImgContainer text="电子房态图" src="house.png"/>
<ImgContainer @click.native="$emit('house')" text="电子房态图" src="house.png"/>
<div class="more">
<img src="@/assets/images/add.png"/>
</div>
......
......@@ -24,7 +24,7 @@
</div>
<div>
<p>反映问题</p>
<p>{{data.reportContent}}</p>
<p :title="data.reportContent">{{data.reportContent}}</p>
</div>
<div>
<p>状态</p>
......@@ -248,6 +248,12 @@ export default {
&.repair
.info
width 100% !important
div
&:nth-child(4)
max-width 50%
overflow hidden
white-space nowrap
text-overflow ellipsis
&:hover
background rgba(0,0,0,0.3)
.communityName
......
......@@ -20,11 +20,16 @@
<i-col v-for="(col, i) in modeLayout" :key="'col'+i" :span="col.width" class="col">{{row[col.key]}}</i-col>
</Row>
</div>
<div class="color-bar"><span/><span/><span/></div>
<!-- <div class="color-bar"><span/><span/><span/></div>
<p>
评分标准:<br/>
每项分类的初始总分为100分,每发生一件且上未解决的事件,按其对应的分类扣减分值,得出最终该类别总分。
</p>
</p> -->
<div class="face-wrapper">
<div><img src="@/assets/images/face1.png"/><p>95分以上(含)</p></div>
<div><img src="@/assets/images/face2.png"/><p>90(含)~95分</p></div>
<div><img src="@/assets/images/face3.png"/><p>90分以下</p></div>
</div>
</div>
<div>
<h2>小区综合治理管理要素清单表</h2>
......@@ -231,6 +236,15 @@ $lv = #32e4af
border-right $border
&:last-child
border none
.face-wrapper
display flex
margin-top 1.5rem
>div
width 33.3%
p
text-align center
img
width 3.5rem
&:last-child
.scroll-content
height 85%
......
<template>
<div class="manage-issue">
<div class="circle-wrapper">
<i-circle
v-for="circle in circles"
:key="circle.title"
:percent="circle.count"
:size="90 * sizeRate"
:trail-width="2 * sizeRate"
:stroke-width="3 * sizeRate"
trail-color="gray"
:stroke-color="circle.color">
<div>
<b>{{circle.title}}</b>
<p style="font-size:.9rem;margin-top:.4rem;">{{circle.count}}</p>
</div>
</i-circle>
</div>
<Tabs value="all" size="small" @on-click="handleClick">
<TabPane label="要素分析" name="all"/>
<TabPane label="安全类" name="安全"/>
<TabPane label="有序类" name="有序"/>
<TabPane label="干净类" name="干净"/>
</Tabs>
<div v-if="analysisChart" class="chart">
<m-chart :config="config" :data="data" :options="options"/>
</div>
<div v-else class="list">
<div
class="item"
v-for="item in datas"
:key="item.name"
>
<span class="title" :title="item.name">
{{item.name}}
</span>
<span :style="+item.count !== 0 ? 'color:red' : ''">{{item.count}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'ManageIssue',
data() {
return {
analysisChart: true,
circles: [
{
title: '安全',
count: 88.6,
color: '#fee902',
},
{
title: '有序',
count: 92.4,
color: '#01a7ff',
},
{
title: '干净',
count: 100,
color: '#8fd618',
},
],
options: {
grid: {
top: '15%',
left: '5%',
right: '5%',
bottom: '14%',
width: 'auto',
height: 'auto',
containLabel: false,
},
},
datas: [],
config: {
colors: ['rgba(254, 233, 2, .8)', 'rgba(1, 167, 255, .8)', 'rgba(143, 214, 24, .8)'],
legend: {hide: true},
yAxis: {show: false},
shape: [
{key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}},
{key: 'orderly', name: '有序', type: 'line', stack: '总量', areaStyle: {}},
{key: 'clean', name: '干净', type: 'line', stack: '总量', areaStyle: {}},
],
xAxis: {key: 'date'},
},
data: [
{date: '5-28', safe: 88.6, orderly: 96.2, clean: 97.1},
{date: '5-29', safe: 88.6, orderly: 100, clean: 100},
{date: '5-30', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5-31', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-1', safe: 94.3, orderly: 96.2, clean: 94.2},
{date: '6-2', safe: 100, orderly: 92.4, clean: 97.1},
{date: '6-3', safe: 88.6, orderly: 100, clean: 100},
{date: '6-4', safe: 100, orderly: 84.8, clean: 100},
{date: '6-5', safe: 94.3, orderly: 100, clean: 100},
{date: '6-6', safe: 100, orderly: 88.6, clean: 100},
{date: '6-7', safe: 88.6, orderly: 92.4, clean: 97.1},
{date: '6-8', safe: 100, orderly: 92.4, clean: 100},
{date: '6-9', safe: 100, orderly: 100, clean: 97.1},
{date: '6-10', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-11', safe: 88.6, orderly: 92.4, clean: 100},
{date: '6-12', safe: 100, orderly: 100, clean: 100},
{date: '6-13', safe: 100, orderly: 100, clean: 100},
{date: '6-14', safe: 100, orderly: 96.2, clean: 100},
{date: '6-15', safe: 100, orderly: 100, clean: 100},
{date: '6-16', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-17', safe: 82.9, orderly: 96.2, clean: 97.1},
{date: '6-18', safe: 100, orderly: 100, clean: 97.1},
{date: '6-19', safe: 100, orderly: 92.4, clean: 97.1},
{date: '6-20', safe: 94.3, orderly: 96.2, clean: 100},
{date: '6-21', safe: 100, orderly: 96.2, clean: 94.2},
{date: '6-22', safe: 100, orderly: 100, clean: 100},
{date: '6-23', safe: 100, orderly: 88.6, clean: 97.1},
{date: '6-24', safe: 94.3, orderly: 100, clean: 100},
{date: '6-25', safe: 88.6, orderly: 100, clean: 94.2},
{date: '6-26', safe: 94.3, orderly: 100, clean: 100},
{date: '6-27', safe: 100, orderly: 100, clean: 97.1},
],
}
},
mounted() {
this.datas = this.list
},
computed: {
list() {
let data = require('../../../static/govern-issue.json')
if (this.$route.name === 'linyiercun') {
data = require('../../../static/govern-linyi.json')
}
return data.sort((a, b) => b.count - a.count)
},
sizeRate() {
return Math.floor(screen.height * 1.48 / 100 / 10)
},
},
methods: {
handleClick(name) {
if (name === 'all') {
// this.datas = this.list
this.analysisChart = true
return
}
this.analysisChart = false
this.datas = this.list.filter(item => item.type == name)
}
},
}
</script>
<style lang="stylus">
$blue = #3391FF
.manage-issue
.ivu-tabs-bar
margin-bottom 0.5rem
border-bottom .1rem solid $color-map()
.ivu-tabs-nav
.ivu-tabs-ink-bar
background-color $edgeColor
.ivu-tabs-tab
font-size 1rem
padding 0.3rem 0.5rem
color $blue
&.ivu-tabs-tab-active
color #fff
background $blue
</style>
<style lang="stylus" scoped>
.manage-issue
width 100%
height 100%
overflow hidden
display flex
flex-direction column
.circle-wrapper
display flex
align-items center
height 40%
justify-content space-around
.chart
width 100%
height 50%
.list
flex 1
overflow-y auto
.item
float left
width 49%
height 2.4rem
background-color rgba(6,27,50,0.9)
margin 0.1rem
padding 0 .7rem
display flex
justify-content space-between
align-items center
span
font-weight 700
&.title
width 80%
color #fff
font-size 1rem
font-weight normal
overflow hidden
white-space nowrap
text-overflow ellipsis
</style>
<template>
<div class="manage-issue">
<div class="circle-wrapper">
<i-circle
v-for="circle in circles"
:key="circle.title"
:percent="circle.count"
:size="90 * sizeRate"
:trail-width="2 * sizeRate"
:stroke-width="3 * sizeRate"
trail-color="gray"
:stroke-color="circle.color">
<div>
<b>{{circle.title}}</b>
<p style="font-size:.9rem;margin-top:.4rem;">{{circle.count}}</p>
<div class="face-wrapper">
<div @click="$emit('select', safe)"><p>安全:92.8</p><img src="@/assets/images/face2.png"/></div>
<div><p>有序:100</p><img src="@/assets/images/face1.png"/></div>
<div @click="$emit('select', clean)"><p>干净:95</p><img src="@/assets/images/face2.png"/></div>
</div>
</i-circle>
<div class="content">
<div class="title">小区巡查事项清单</div>
<div class="list">
<div v-for="(col, i) in list" :key="i">
<p v-for="(item, index) in col" :key="item + index">{{item}}</p>
</div>
<Tabs value="all" size="small" @on-click="handleClick">
<TabPane label="要素分析" name="all"/>
<TabPane label="安全类" name="安全"/>
<TabPane label="有序类" name="有序"/>
<TabPane label="干净类" name="干净"/>
</Tabs>
<div v-if="analysisChart" class="chart">
<m-chart :config="config" :data="data" :options="options"/>
</div>
<div v-else class="list">
<div
class="item"
v-for="item in datas"
:key="item.name"
>
<span class="title" :title="item.name">
{{item.name}}
</span>
<span :style="+item.count !== 0 ? 'color:red' : ''">{{item.count}}</span>
</div>
</div>
</div>
......@@ -45,163 +21,87 @@ export default {
name: 'ManageIssue',
data() {
return {
analysisChart: true,
circles: [
{
title: '安全',
count: 88.6,
color: '#fee902',
},
{
title: '有序',
count: 92.4,
color: '#01a7ff',
},
{
title: '干净',
count: 100,
color: '#8fd618',
},
list: [
[
'高空坠物隐患',
'水电气异常',
'消防设施异常',
'损坏承重结构',
'.',
'.',
],
options: {
grid: {
top: '15%',
left: '5%',
right: '5%',
bottom: '14%',
width: 'auto',
height: 'auto',
containLabel: false,
},
},
datas: [],
config: {
colors: ['rgba(254, 233, 2, .8)', 'rgba(1, 167, 255, .8)', 'rgba(143, 214, 24, .8)'],
legend: {hide: true},
yAxis: {show: false},
shape: [
{key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}},
{key: 'orderly', name: '有序', type: 'line', stack: '总量', areaStyle: {}},
{key: 'clean', name: '干净', type: 'line', stack: '总量', areaStyle: {}},
[
'违规租赁',
'毁绿占绿',
'停车矛盾',
'改变物业性质',
'占用公共部位',
'违法搭建',
],
xAxis: {key: 'date'},
},
[
'垃圾分类违规',
'建筑垃圾违规',
'乱布线',
'楼道乱张贴',
'.',
'.',
]
],
safe: {
title: '安全管理',
data: [
{date: '5-28', safe: 88.6, orderly: 96.2, clean: 97.1},
{date: '5-29', safe: 88.6, orderly: 100, clean: 100},
{date: '5-30', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5-31', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-1', safe: 94.3, orderly: 96.2, clean: 94.2},
{date: '6-2', safe: 100, orderly: 92.4, clean: 97.1},
{date: '6-3', safe: 88.6, orderly: 100, clean: 100},
{date: '6-4', safe: 100, orderly: 84.8, clean: 100},
{date: '6-5', safe: 94.3, orderly: 100, clean: 100},
{date: '6-6', safe: 100, orderly: 88.6, clean: 100},
{date: '6-7', safe: 88.6, orderly: 92.4, clean: 97.1},
{date: '6-8', safe: 100, orderly: 92.4, clean: 100},
{date: '6-9', safe: 100, orderly: 100, clean: 97.1},
{date: '6-10', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-11', safe: 88.6, orderly: 92.4, clean: 100},
{date: '6-12', safe: 100, orderly: 100, clean: 100},
{date: '6-13', safe: 100, orderly: 100, clean: 100},
{date: '6-14', safe: 100, orderly: 96.2, clean: 100},
{date: '6-15', safe: 100, orderly: 100, clean: 100},
{date: '6-16', safe: 94.3, orderly: 100, clean: 97.1},
{date: '6-17', safe: 82.9, orderly: 96.2, clean: 97.1},
{date: '6-18', safe: 100, orderly: 100, clean: 97.1},
{date: '6-19', safe: 100, orderly: 92.4, clean: 97.1},
{date: '6-20', safe: 94.3, orderly: 96.2, clean: 100},
{date: '6-21', safe: 100, orderly: 96.2, clean: 94.2},
{date: '6-22', safe: 100, orderly: 100, clean: 100},
{date: '6-23', safe: 100, orderly: 88.6, clean: 97.1},
{date: '6-24', safe: 94.3, orderly: 100, clean: 100},
{date: '6-25', safe: 88.6, orderly: 100, clean: 94.2},
{date: '6-26', safe: 94.3, orderly: 100, clean: 100},
{date: '6-27', safe: 100, orderly: 100, clean: 97.1},
{name: '占用消防通道', count: 7.2},
{name: '- 汇总 -', count: 7.2},
],
}
},
mounted() {
this.datas = this.list
},
computed: {
list() {
let data = require('../../../static/govern-issue.json')
if (this.$route.name === 'linyiercun') {
data = require('../../../static/govern-linyi.json')
}
return data.sort((a, b) => b.count - a.count)
},
sizeRate() {
return Math.floor(screen.height * 1.48 / 100 / 10)
},
clean: {
title: '卫生管理',
data: [
{name: '垃圾分类违规', count: 5},
{name: '- 汇总 -', count: 5},
],
},
methods: {
handleClick(name) {
if (name === 'all') {
// this.datas = this.list
this.analysisChart = true
return
}
this.analysisChart = false
this.datas = this.list.filter(item => item.type == name)
}
},
}
</script>
<style lang="stylus">
$blue = #3391FF
.manage-issue
.ivu-tabs-bar
margin-bottom 0.5rem
border-bottom .1rem solid $color-map()
.ivu-tabs-nav
.ivu-tabs-ink-bar
background-color $edgeColor
.ivu-tabs-tab
font-size 1rem
padding 0.3rem 0.5rem
color $blue
&.ivu-tabs-tab-active
color #fff
background $blue
</style>
<style lang="stylus" scoped>
.manage-issue
width 100%
height 100%
overflow hidden
display flex
flex-direction column
.circle-wrapper
.face-wrapper
display flex
align-items center
height 40%
justify-content space-around
.chart
width 100%
height 50%
margin-top 1rem
>div
width 33.3%
text-align center
cursor pointer
font-size 1.2rem
img
width 4rem
margin .3rem 0
transition transform .3s ease-in
&:hover
img
transform scale(1.2)
.content
overflow hidden
.title
background #7175a0
text-align center
font-size 1.2rem
.list
flex 1
overflow-y auto
.item
float left
width 49%
height 2.4rem
background-color rgba(6,27,50,0.9)
margin 0.1rem
padding 0 .7rem
display flex
justify-content space-between
align-items center
span
font-weight 700
&.title
width 80%
color #fff
font-size 1rem
font-weight normal
overflow hidden
white-space nowrap
text-overflow ellipsis
font-size 1.1rem
>div
width 33.3%
border .1rem solid gray
box-sizing border-box
border-right none
&:last-child
border-right .1rem solid gray
>p
background rgba(113,117,160,.5)
text-indent .5rem
line-height 1.7
&:nth-child(2n+1)
background rgba(0,0,0,.2)
</style>
......@@ -26,10 +26,14 @@
<BasicData />
</m-card>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box8" title="管理要素" mode="4" btn="模型">
<ManageIssue v-if="complete" showList/>
<!-- <ManageIssue v-if="complete" showList/> -->
<ManageIssue @select="(data) => {issueInfo = data; showIssueInfo = true;}"/>
</m-card>
<m-card v-show="complete" area="box10" title="辅助应用" mode="4">
<Application @elevator="showEleMap = true"/>
<Application
@elevator="() => {mapSrc = 'http://211.136.105.193/elev/#/?name=南码头';showEleMap = true}"
@house="() => {mapSrc = 'http://211.136.105.193/elev/#/house-map';showEleMap = true}"
/>
</m-card>
<m-card v-show="complete" area="box9" title="视频监控" mode="4">
<VideoWrapper @select="showVideo"/>
......@@ -43,7 +47,7 @@
<m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair/>
</m-card>
<m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="重点工作智能提示" mode="4" :width="50">
<m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="工作提示" mode="4" :width="50">
<div v-if="complete" class="analysis-wrapper">
<div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p>{{item.title}}</p>
......@@ -85,8 +89,8 @@
<m-modal v-model="remindModal" width="70%" title="智能提示列表">
<m-table :layout="remindLayout" :model="remindData"/>
</m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图">
<iframe style="width:100%;min-height:80vh;background:#fff;" src="http://211.136.105.193/elev/#/?name=南码头" frameborder="0"/>
<m-modal v-model="showEleMap" width="90%" title="辅助应用">
<iframe v-if="showEleMap" style="width:100%;min-height:80vh;background:#fff;" :src="mapSrc" frameborder="0"/>
</m-modal>
<m-modal v-model="showEventModal" title="传感器列表" width="70%">
<!-- <m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/> -->
......@@ -101,8 +105,8 @@
您的浏览器不支持 video 标签。
</video>
</m-modal>
<m-modal v-model="repairListModal" title="投诉、报修列表" width="60%">
<m-table :layout="repairListLayout" :model="repairList" clickable @row-click="(data) => {this.repairDetail = data;this.showRepairDetail = true;}"/>
<m-modal v-model="repairListModal" title="投诉、报修列表" width="70%">
<m-table :layout="repairListLayout" :model="repairList" />
</m-modal>
<m-modal v-model="$store.state.processModal" @close="$store.commit('SET_PROCESSMODAL', false)" title="联勤联动处置模型" width="80%">
<img style="width:100%;height:100%;" src="@/assets/images/process-model.png"/>
......@@ -120,12 +124,15 @@
/>
</div>
</m-modal>
<m-modal v-model="showRepairDetail" title="投诉报修详情" width="70%">
<!-- <m-modal v-model="showRepairDetail" title="投诉报修详情" width="70%">
<m-form title="投诉报修信息" :label-width="6" :model="repairDetail" :layout="repairLayout"/>
</m-modal>
</m-modal> -->
<m-modal v-model="showCommand" title="指挥体系">
<m-table :layout="commandLayout" :model="commandList"/>
</m-modal>
<m-modal v-model="showIssueInfo" :title="issueInfo.title" width="25%">
<m-table v-if="showIssueInfo" :layout="issueInfoLayout" :model="issueInfo.data" />
</m-modal>
</m-grid>
</template>
......@@ -217,6 +224,7 @@ export default {
showEventModal: false,
eventData: [],
curVideo: null,
mapSrc: null,
videoModal: false,
showHandleDetail: false,
handleDetail: {},
......@@ -297,8 +305,8 @@ export default {
width: 3,
},
{
title: '反馈时间',
key: 'feedBackDate',
title: '受理时间',
key: 'acceptTime',
width: 3,
},
],
......@@ -339,50 +347,50 @@ export default {
],
discoverList: [],
showRepairDetail: false,
repairLayout: [
{
street: {
label: '街镇',
width: 8,
format: (val) => '南码头街道',
},
communityName: {
label: '小区',
width: 8,
format: (val) => '临沂二村',
},
address: {
label: '地址',
width: 8,
},
},
{
troubleType: {
label: '类型',
width: 8,
},
reportContent: {
label: '反映问题',
width: 8,
},
status: {
label: '状态',
width: 8,
},
},
{
acceptTime: {
label: '受理时间',
width: 8,
},
feedBackDate: {
label: '反馈时间',
width: 8,
},
}
],
repairDetail: [],
// showRepairDetail: false,
// repairLayout: [
// {
// street: {
// label: '街镇',
// width: 8,
// format: (val) => '南码头街道',
// },
// communityName: {
// label: '小区',
// width: 8,
// format: (val) => '临沂二村',
// },
// address: {
// label: '地址',
// width: 8,
// },
// },
// {
// troubleType: {
// label: '类型',
// width: 8,
// },
// reportContent: {
// label: '反映问题',
// width: 8,
// },
// status: {
// label: '状态',
// width: 8,
// },
// },
// {
// acceptTime: {
// label: '受理时间',
// width: 8,
// },
// feedBackDate: {
// label: '反馈时间',
// width: 8,
// },
// }
// ],
// repairDetail: [],
showCommand: false,
commandLayout: [
{
......@@ -422,6 +430,22 @@ export default {
{index:13, unit: '城管', name: '孙利明', phone: '18918152178'},
{index:14, unit: '城管', name: '刘颖杰', phone: '18918152171'},
],
showIssueInfo: false,
issueInfo: {title: ''},
issueInfoLayout: [
{
title: '事件名称',
key: 'name',
width: 12,
align: 'center',
},
{
title: '扣分值',
key: 'count',
width: 12,
align: 'center',
},
],
}
},
beforeDestroy() {
......@@ -438,11 +462,11 @@ export default {
{label: '智能预警已处置', icon: 'discover-done'},
]
}
if (this.curRepair) {
return [
{label: '报修', icon: 'repair-icon'},
]
}
// if (this.curRepair) {
// return [
// {label: '报修', icon: 'repair-icon'},
// ]
// }
return [
{label: '未报警传感器', icon: 'no-warn'},
{label: '已报警传感器', icon: 'warn'},
......@@ -472,7 +496,7 @@ export default {
},
startTimer() {
this.addPoints()
this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
// this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
},
addBuildingIcon() {
this.$refs.map.removePoint('building')
......@@ -497,13 +521,13 @@ export default {
break
case 'repair':
map.focus(data[0].x, data[0].y, 12)
this.hanleRepairEvent(data)
this.handleRepairEvent(data)
break
default:
break
}
},
handleViewRemind(key) { // 展示重点工作智能提示列表
handleViewRemind(key) { // 展示工作提示列表
const data = require('../../static/remind-data2.json')
this.remindData = data[key]
this.remindModal = true
......@@ -524,7 +548,7 @@ export default {
this.discoverList = data
this.discoverModal = true
},
hanleRepairEvent(data) { // 点击投诉报修落点触发
handleRepairEvent(data) { // 点击投诉报修落点触发
this.repairList = data
this.repairListModal = true
},
......@@ -538,7 +562,7 @@ export default {
},
addSensorPoints() {
this.$refs.map.removePoint('sensor')
if (this.openIcon && !this.curScene && !this.curRepair) {
if (this.openIcon && !this.curScene) {
this.setSensorList()
}
},
......@@ -595,12 +619,12 @@ export default {
'$store.state.curRepair': {
handler(cur) {
const {map} = this.$refs
map.removePoint('sensor')
map.removePoint('discover')
// map.removePoint('sensor')
// map.removePoint('discover')
if (!cur) {
map.removePoint('repair')
// map.removePoint('repair')
map.focus(3706.690186, -4234.159912, 8.5)
this.addSensorPoints()
// this.addSensorPoints()
return
}
this.$store.commit('SET_CURSCENE', null)
......@@ -609,8 +633,9 @@ export default {
}).then(res => {
const repairList = this.$com.confirm(res, 'data.content', [])
this.$store.commit('SET_REPAIRHANDLE', repairList)
map.addPoint({name:'repair', key: 'id', size:25, data: repairList, icon: 'repair.png'})
map.focus(3706.690186, -4234.159912, 8.5)
this.handleRepairEvent(repairList)
// map.addPoint({name:'repair', key: 'id', size:25, data: repairList, icon: 'repair.png'})
// map.focus(3706.690186, -4234.159912, 8.5)
})
},
},
......
......@@ -62,7 +62,8 @@
<Operation />
</m-card>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box8" title="管理要素" mode="4" btn="模型">
<ManageIssue v-if="complete"/>
<!-- <ManageIssue v-if="complete"/> -->
<ManageIssue @select="(data) => {issueInfo = data; showIssueInfo = true;}"/>
</m-card>
<m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair />
......@@ -80,7 +81,10 @@
/>
</m-card>
<m-card v-show="complete" area="box10" title="辅助应用" mode="4">
<Application @elevator="showEleMap = true"/>
<Application
@elevator="() => {mapSrc = 'http://211.136.105.193/elev/#/?name=南码头';showEleMap = true}"
@house="() => {mapSrc = 'http://211.136.105.193/elev/#/house-map';showEleMap = true}"
/>
</m-card>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box6" title="治理分析" mode="4">
<GovernAnalysis @select="(name) => {this.showAnalysisDetail = true; this.analysisTitle = name;}" v-if="complete"/>
......@@ -99,8 +103,8 @@
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail />
</m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图">
<iframe style="width:100%;min-height:80vh;background:#fff;" src="http://211.136.105.193/elev/#/?name=南码头" frameborder="0"/>
<m-modal v-model="showEleMap" width="90%" title="辅助应用">
<iframe v-if="showEleMap" style="width:100%;min-height:80vh;background:#fff;" :src="mapSrc" frameborder="0"/>
</m-modal>
<m-modal v-model="showImgModal" title="图片">
<img v-if="showImgModal" style="width: 100%;" :src="require(`@/assets/images/${curImg}`)" />
......@@ -114,6 +118,9 @@
您的浏览器不支持 video 标签。
</video>
</m-modal>
<m-modal v-model="repairListModal" title="投诉、报修列表" width="70%">
<m-table :layout="repairListLayout" :model="repairList" />
</m-modal>
<m-modal v-model="showEventModal" title="传感器列表" width="70%">
<SensorList :data="eventData" />
<!-- <m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/> -->
......@@ -135,6 +142,9 @@
/>
</div>
</m-modal>
<m-modal v-model="showIssueInfo" :title="issueInfo.title" width="25%">
<m-table v-if="showIssueInfo" :layout="issueInfoLayout" :model="issueInfo.data" />
</m-modal>
</m-grid>
</template>
......@@ -191,6 +201,7 @@ export default {
complete: false,
showEleMap: false,
curImg: '',
mapSrc: null,
showImgModal: false,
eventData: [],
showHandleDetail: false,
......@@ -236,6 +247,47 @@ export default {
},
}
],
repairList: [],
repairListModal: false,
repairListLayout: [
{
title: '街镇',
key: 'street',
width: 3,
format: val => '南码头街道'
},
{
title: '小区',
key: 'communityName',
width: 3,
format: val => '临沂二村'
},
{
title: '地址',
key: 'address',
width: 3,
},
{
title: '类型',
key: 'troubleType',
width: 3,
},
{
title: '反映问题',
key: 'reportContent',
width: 6,
},
{
title: '状态',
key: 'status',
width: 3,
},
{
title: '受理时间',
key: 'acceptTime',
width: 3,
},
],
personList: [
{name: '张三', phone: '13764650559'},
{name: '李四', phone: '13764330559'},
......@@ -292,6 +344,22 @@ export default {
],
discoverList: [],
showIssueInfo: false,
issueInfo: {title: ''},
issueInfoLayout: [
{
title: '事件名称',
key: 'name',
width: 12,
align: 'center',
},
{
title: '扣分值',
key: 'count',
width: 12,
align: 'center',
},
],
}
},
beforeDestroy() {
......@@ -308,11 +376,11 @@ export default {
{label: '智能预警已处置', icon: 'discover-done'},
]
}
if (this.curRepair) {
return [
{label: '报修', icon: 'repair-icon'},
]
}
// if (this.curRepair) {
// return [
// {label: '报修', icon: 'repair-icon'},
// ]
// }
return [
{label: '未报警传感器', icon: 'no-warn'},
{label: '已报警传感器', icon: 'warn'},
......@@ -339,7 +407,7 @@ export default {
},
startTimer() {
this.addPoints()
this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
// this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
},
addBuildingIcon() {
this.$refs.map.removePoint('building')
......@@ -386,7 +454,7 @@ export default {
this.discoverList = data
this.discoverModal = true
},
hanleRepairEvent(data) { // 点击投诉报修落点触发
handleRepairEvent(data) { // 点击投诉报修落点触发
this.repairList = data
this.repairListModal = true
},
......@@ -430,7 +498,7 @@ export default {
},
addSensorPoints() {
this.$refs.map.removePoint('sensor')
if (this.openIcon && !this.curScene && !this.curRepair) {
if (this.openIcon && !this.curScene) {
this.setSensorList()
}
},
......@@ -482,6 +550,29 @@ export default {
])
},
watch: {
'$store.state.curRepair': {
handler(cur) {
const {map} = this.$refs
// map.removePoint('sensor')
// map.removePoint('discover')
if (!cur) {
// map.removePoint('repair')
map.focus(3706.690186, -4234.159912, 8.5)
// this.addSensorPoints()
return
}
this.$store.commit('SET_CURSCENE', null)
this.$ajax.get({ // 获取投诉报修列表
url: this.$api.GET_TSBX_LIST.replace('{type}', cur),
}).then(res => {
const repairList = this.$com.confirm(res, 'data.content', [])
this.$store.commit('SET_REPAIRHANDLE', repairList)
this.handleRepairEvent(repairList)
// map.addPoint({name:'repair', key: 'id', size:25, data: repairList, icon: 'repair.png'})
// map.focus(3706.690186, -4234.159912, 8.5)
})
},
},
'$store.state.curScene': {
handler(cur) {
const {map} = this.$refs
......
......@@ -43,7 +43,7 @@
<m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair />
</m-card>
<m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="重点工作智能提示" mode="4" :width="50">
<m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="工作提示" mode="4" :width="50">
<div v-if="complete" class="analysis-wrapper">
<div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p><img src="@/assets/images/home.png"/>{{item.title}}</p>
......
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