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 { <!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>浦东新区智慧物业管理微平台</title><style>html {
font-size: 1.6vh; font-size: 1.6vh;
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.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> }</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 \ 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){}}); 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.89ac8bcc9d2db4ccb3ef.js.map //# sourceMappingURL=13.15deb21a89700281bfbb.js.map
\ No newline at end of file \ No newline at end of file
{"version":3,"sources":["webpack:///src/components/MonitorComponents/MonitorForm/monitor-form.vue","webpack:///./src/components/MonitorComponents/MonitorForm/monitor-form.vue?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}}); 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=19.fd761234a41f95a23244.js.map //# sourceMappingURL=18.f2a6183255aeb9176721.js.map
\ No newline at end of file \ 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){}}); 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=20.d18b679d14bc0ba80f28.js.map //# sourceMappingURL=19.fe54e6ac48d20178b64b.js.map
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
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 ...@@ -150,7 +150,7 @@ $color = #308bd8
top .2rem top .2rem
right .4rem right .4rem
text-align right text-align right
color $fontColor color $color-blue
&:hover &:hover
box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5) box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5)
.content .content
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div :style="`text-align: ${col.align || 'right'}; width:${labelWidth}rem;`">{{col.label}}</div> <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]"/> --> <!-- <img v-if="col.type == 'img' && model[key]" @click="handleView(model[key])" :src="model[key]"/> -->
<template v-if="col.type == 'img' && 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'])"/> <img style="margin-right:1rem;" v-if="model['done_photo']" :src="model['done_photo']" @click="handleView(model['done_photo'])"/>
</template> </template>
<div v-else class="content">{{col.format?col.format(model[key]):(model[key]||' ')}}</div> <div v-else class="content">{{col.format?col.format(model[key]):(model[key]||' ')}}</div>
......
...@@ -177,6 +177,8 @@ export default { ...@@ -177,6 +177,8 @@ export default {
display flex display flex
align-items center align-items center
flex-wrap wrap flex-wrap wrap
>div
width 100%
img img
width 100% width 100%
height 5rem height 5rem
......
<template> <template>
<div class="monitor-title"> <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"> <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"> <DatePicker @on-change="handleDateChange" :value="curDate" :options="options" class="date-picker" :open="editable && openDatePicker" type="date">
<span>{{curDate}}</span> <span>{{curDate}}</span>
...@@ -45,6 +48,7 @@ export default { ...@@ -45,6 +48,7 @@ export default {
timer: null, timer: null,
time: null, time: null,
style: {}, style: {},
weather: null,
} }
}, },
mounted() { mounted() {
...@@ -62,6 +66,7 @@ export default { ...@@ -62,6 +66,7 @@ export default {
// } // }
// } // }
this.style = {'font-size': this.size} this.style = {'font-size': this.size}
this.getWeather()
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.timer) clearInterval(this.timer)
...@@ -88,6 +93,13 @@ export default { ...@@ -88,6 +93,13 @@ export default {
this.$store.commit('SET_CURDATE', date) this.$store.commit('SET_CURDATE', date)
this.openDatePicker = false 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> </script>
...@@ -101,6 +113,12 @@ export default { ...@@ -101,6 +113,12 @@ export default {
background-size cover background-size cover
background-position center background-position center
font-family $hei font-family $hei
.weather
z-index 100
position absolute
font-size 1.2rem
left 0
top 10%
.moment .moment
z-index 100 z-index 100
position absolute position absolute
......
...@@ -13,8 +13,8 @@ export default { ...@@ -13,8 +13,8 @@ export default {
GET_SENSOR: '/service-special/public/sensor/discover?type_nin=fire,heap', 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_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_HANDLE_LIST: '/service-special/public/alarm/index?pcr.communityId_in=S015001231,S015001664',
GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231', GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231&days=10',
GET_TSBX_LIST: '/service-special/public/report/{type}?communityId_in=S015001231,S015001664', 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' GET_BUILDING: '/service-search/public/buildings?sectId=120324203558281&pageSize=1000&pageNo=1'
} }
<template> <template>
<div class="application"> <div class="application">
<ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="elevator.png"/> <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"> <div class="more">
<img src="@/assets/images/add.png"/> <img src="@/assets/images/add.png"/>
</div> </div>
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
<div> <div>
<p>反映问题</p> <p>反映问题</p>
<p>{{data.reportContent}}</p> <p :title="data.reportContent">{{data.reportContent}}</p>
</div> </div>
<div> <div>
<p>状态</p> <p>状态</p>
...@@ -248,6 +248,12 @@ export default { ...@@ -248,6 +248,12 @@ export default {
&.repair &.repair
.info .info
width 100% !important width 100% !important
div
&:nth-child(4)
max-width 50%
overflow hidden
white-space nowrap
text-overflow ellipsis
&:hover &:hover
background rgba(0,0,0,0.3) background rgba(0,0,0,0.3)
.communityName .communityName
......
...@@ -20,11 +20,16 @@ ...@@ -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> <i-col v-for="(col, i) in modeLayout" :key="'col'+i" :span="col.width" class="col">{{row[col.key]}}</i-col>
</Row> </Row>
</div> </div>
<div class="color-bar"><span/><span/><span/></div> <!-- <div class="color-bar"><span/><span/><span/></div>
<p> <p>
评分标准:<br/> 评分标准:<br/>
每项分类的初始总分为100分,每发生一件且上未解决的事件,按其对应的分类扣减分值,得出最终该类别总分。 每项分类的初始总分为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>
<div> <div>
<h2>小区综合治理管理要素清单表</h2> <h2>小区综合治理管理要素清单表</h2>
...@@ -231,6 +236,15 @@ $lv = #32e4af ...@@ -231,6 +236,15 @@ $lv = #32e4af
border-right $border border-right $border
&:last-child &:last-child
border none border none
.face-wrapper
display flex
margin-top 1.5rem
>div
width 33.3%
p
text-align center
img
width 3.5rem
&:last-child &:last-child
.scroll-content .scroll-content
height 85% 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> <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> <div>
<b>{{circle.title}}</b> <div class="face-wrapper">
<p style="font-size:.9rem;margin-top:.4rem;">{{circle.count}}</p> <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> </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> </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> </div>
</div> </div>
...@@ -45,163 +21,87 @@ export default { ...@@ -45,163 +21,87 @@ export default {
name: 'ManageIssue', name: 'ManageIssue',
data() { data() {
return { return {
analysisChart: true, list: [
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'}, [
}, '垃圾分类违规',
'建筑垃圾违规',
'乱布线',
'楼道乱张贴',
'.',
'.',
]
],
safe: {
title: '安全管理',
data: [ data: [
{date: '5-28', safe: 88.6, orderly: 96.2, clean: 97.1}, {name: '占用消防通道', count: 7.2},
{date: '5-29', safe: 88.6, orderly: 100, clean: 100}, {name: '- 汇总 -', count: 7.2},
{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)
}, },
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> </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> <style lang="stylus" scoped>
.manage-issue .face-wrapper
width 100%
height 100%
overflow hidden
display flex
flex-direction column
.circle-wrapper
display flex display flex
align-items center margin-top 1rem
height 40% >div
justify-content space-around width 33.3%
.chart text-align center
width 100% cursor pointer
height 50% 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 .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 display flex
justify-content space-between font-size 1.1rem
align-items center >div
span width 33.3%
font-weight 700 border .1rem solid gray
&.title box-sizing border-box
width 80% border-right none
color #fff &:last-child
font-size 1rem border-right .1rem solid gray
font-weight normal >p
overflow hidden background rgba(113,117,160,.5)
white-space nowrap text-indent .5rem
text-overflow ellipsis line-height 1.7
&:nth-child(2n+1)
background rgba(0,0,0,.2)
</style> </style>
...@@ -26,10 +26,14 @@ ...@@ -26,10 +26,14 @@
<BasicData /> <BasicData />
</m-card> </m-card>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box8" title="管理要素" mode="4" btn="模型"> <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>
<m-card v-show="complete" area="box10" title="辅助应用" mode="4"> <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>
<m-card v-show="complete" area="box9" title="视频监控" mode="4"> <m-card v-show="complete" area="box9" title="视频监控" mode="4">
<VideoWrapper @select="showVideo"/> <VideoWrapper @select="showVideo"/>
...@@ -43,7 +47,7 @@ ...@@ -43,7 +47,7 @@
<m-card v-show="complete" area="box3" title="投诉报修" mode="4"> <m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair/> <Repair/>
</m-card> </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-if="complete" class="analysis-wrapper">
<div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)"> <div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p>{{item.title}}</p> <p>{{item.title}}</p>
...@@ -85,8 +89,8 @@ ...@@ -85,8 +89,8 @@
<m-modal v-model="remindModal" width="70%" title="智能提示列表"> <m-modal v-model="remindModal" width="70%" title="智能提示列表">
<m-table :layout="remindLayout" :model="remindData"/> <m-table :layout="remindLayout" :model="remindData"/>
</m-modal> </m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图"> <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"/> <iframe v-if="showEleMap" style="width:100%;min-height:80vh;background:#fff;" :src="mapSrc" frameborder="0"/>
</m-modal> </m-modal>
<m-modal v-model="showEventModal" title="传感器列表" width="70%"> <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"/> --> <!-- <m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/> -->
...@@ -101,8 +105,8 @@ ...@@ -101,8 +105,8 @@
您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
</video> </video>
</m-modal> </m-modal>
<m-modal v-model="repairListModal" title="投诉、报修列表" width="60%"> <m-modal v-model="repairListModal" title="投诉、报修列表" width="70%">
<m-table :layout="repairListLayout" :model="repairList" clickable @row-click="(data) => {this.repairDetail = data;this.showRepairDetail = true;}"/> <m-table :layout="repairListLayout" :model="repairList" />
</m-modal> </m-modal>
<m-modal v-model="$store.state.processModal" @close="$store.commit('SET_PROCESSMODAL', false)" title="联勤联动处置模型" width="80%"> <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"/> <img style="width:100%;height:100%;" src="@/assets/images/process-model.png"/>
...@@ -120,12 +124,15 @@ ...@@ -120,12 +124,15 @@
/> />
</div> </div>
</m-modal> </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-form title="投诉报修信息" :label-width="6" :model="repairDetail" :layout="repairLayout"/>
</m-modal> </m-modal> -->
<m-modal v-model="showCommand" title="指挥体系"> <m-modal v-model="showCommand" title="指挥体系">
<m-table :layout="commandLayout" :model="commandList"/> <m-table :layout="commandLayout" :model="commandList"/>
</m-modal> </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> </m-grid>
</template> </template>
...@@ -217,6 +224,7 @@ export default { ...@@ -217,6 +224,7 @@ export default {
showEventModal: false, showEventModal: false,
eventData: [], eventData: [],
curVideo: null, curVideo: null,
mapSrc: null,
videoModal: false, videoModal: false,
showHandleDetail: false, showHandleDetail: false,
handleDetail: {}, handleDetail: {},
...@@ -297,8 +305,8 @@ export default { ...@@ -297,8 +305,8 @@ export default {
width: 3, width: 3,
}, },
{ {
title: '反馈时间', title: '受理时间',
key: 'feedBackDate', key: 'acceptTime',
width: 3, width: 3,
}, },
], ],
...@@ -339,50 +347,50 @@ export default { ...@@ -339,50 +347,50 @@ export default {
], ],
discoverList: [], discoverList: [],
showRepairDetail: false, // showRepairDetail: false,
repairLayout: [ // repairLayout: [
{ // {
street: { // street: {
label: '街镇', // label: '街镇',
width: 8, // width: 8,
format: (val) => '南码头街道', // format: (val) => '南码头街道',
}, // },
communityName: { // communityName: {
label: '小区', // label: '小区',
width: 8, // width: 8,
format: (val) => '临沂二村', // format: (val) => '临沂二村',
}, // },
address: { // address: {
label: '地址', // label: '地址',
width: 8, // width: 8,
}, // },
}, // },
{ // {
troubleType: { // troubleType: {
label: '类型', // label: '类型',
width: 8, // width: 8,
}, // },
reportContent: { // reportContent: {
label: '反映问题', // label: '反映问题',
width: 8, // width: 8,
}, // },
status: { // status: {
label: '状态', // label: '状态',
width: 8, // width: 8,
}, // },
}, // },
{ // {
acceptTime: { // acceptTime: {
label: '受理时间', // label: '受理时间',
width: 8, // width: 8,
}, // },
feedBackDate: { // feedBackDate: {
label: '反馈时间', // label: '反馈时间',
width: 8, // width: 8,
}, // },
} // }
], // ],
repairDetail: [], // repairDetail: [],
showCommand: false, showCommand: false,
commandLayout: [ commandLayout: [
{ {
...@@ -422,6 +430,22 @@ export default { ...@@ -422,6 +430,22 @@ export default {
{index:13, unit: '城管', name: '孙利明', phone: '18918152178'}, {index:13, unit: '城管', name: '孙利明', phone: '18918152178'},
{index:14, unit: '城管', name: '刘颖杰', phone: '18918152171'}, {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() { beforeDestroy() {
...@@ -438,11 +462,11 @@ export default { ...@@ -438,11 +462,11 @@ export default {
{label: '智能预警已处置', icon: 'discover-done'}, {label: '智能预警已处置', icon: 'discover-done'},
] ]
} }
if (this.curRepair) { // if (this.curRepair) {
return [ // return [
{label: '报修', icon: 'repair-icon'}, // {label: '报修', icon: 'repair-icon'},
] // ]
} // }
return [ return [
{label: '未报警传感器', icon: 'no-warn'}, {label: '未报警传感器', icon: 'no-warn'},
{label: '已报警传感器', icon: 'warn'}, {label: '已报警传感器', icon: 'warn'},
...@@ -472,7 +496,7 @@ export default { ...@@ -472,7 +496,7 @@ export default {
}, },
startTimer() { startTimer() {
this.addPoints() this.addPoints()
this.timer = setInterval(this.addPoints, 1000 * 60 * 3) // this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
}, },
addBuildingIcon() { addBuildingIcon() {
this.$refs.map.removePoint('building') this.$refs.map.removePoint('building')
...@@ -497,13 +521,13 @@ export default { ...@@ -497,13 +521,13 @@ export default {
break break
case 'repair': case 'repair':
map.focus(data[0].x, data[0].y, 12) map.focus(data[0].x, data[0].y, 12)
this.hanleRepairEvent(data) this.handleRepairEvent(data)
break break
default: default:
break break
} }
}, },
handleViewRemind(key) { // 展示重点工作智能提示列表 handleViewRemind(key) { // 展示工作提示列表
const data = require('../../static/remind-data2.json') const data = require('../../static/remind-data2.json')
this.remindData = data[key] this.remindData = data[key]
this.remindModal = true this.remindModal = true
...@@ -524,7 +548,7 @@ export default { ...@@ -524,7 +548,7 @@ export default {
this.discoverList = data this.discoverList = data
this.discoverModal = true this.discoverModal = true
}, },
hanleRepairEvent(data) { // 点击投诉报修落点触发 handleRepairEvent(data) { // 点击投诉报修落点触发
this.repairList = data this.repairList = data
this.repairListModal = true this.repairListModal = true
}, },
...@@ -538,7 +562,7 @@ export default { ...@@ -538,7 +562,7 @@ export default {
}, },
addSensorPoints() { addSensorPoints() {
this.$refs.map.removePoint('sensor') this.$refs.map.removePoint('sensor')
if (this.openIcon && !this.curScene && !this.curRepair) { if (this.openIcon && !this.curScene) {
this.setSensorList() this.setSensorList()
} }
}, },
...@@ -595,12 +619,12 @@ export default { ...@@ -595,12 +619,12 @@ export default {
'$store.state.curRepair': { '$store.state.curRepair': {
handler(cur) { handler(cur) {
const {map} = this.$refs const {map} = this.$refs
map.removePoint('sensor') // map.removePoint('sensor')
map.removePoint('discover') // map.removePoint('discover')
if (!cur) { if (!cur) {
map.removePoint('repair') // map.removePoint('repair')
map.focus(3706.690186, -4234.159912, 8.5) map.focus(3706.690186, -4234.159912, 8.5)
this.addSensorPoints() // this.addSensorPoints()
return return
} }
this.$store.commit('SET_CURSCENE', null) this.$store.commit('SET_CURSCENE', null)
...@@ -609,8 +633,9 @@ export default { ...@@ -609,8 +633,9 @@ export default {
}).then(res => { }).then(res => {
const repairList = this.$com.confirm(res, 'data.content', []) const repairList = this.$com.confirm(res, 'data.content', [])
this.$store.commit('SET_REPAIRHANDLE', repairList) this.$store.commit('SET_REPAIRHANDLE', repairList)
map.addPoint({name:'repair', key: 'id', size:25, data: repairList, icon: 'repair.png'}) this.handleRepairEvent(repairList)
map.focus(3706.690186, -4234.159912, 8.5) // 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 @@ ...@@ -62,7 +62,8 @@
<Operation /> <Operation />
</m-card> </m-card>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box8" title="管理要素" mode="4" btn="模型"> <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>
<m-card v-show="complete" area="box3" title="投诉报修" mode="4"> <m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair /> <Repair />
...@@ -80,7 +81,10 @@ ...@@ -80,7 +81,10 @@
/> />
</m-card> </m-card>
<m-card v-show="complete" area="box10" title="辅助应用" mode="4"> <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>
<m-card v-show="complete" enter="fadeInLeft" leave="fadeOutLeft" area="box6" title="治理分析" mode="4"> <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"/> <GovernAnalysis @select="(name) => {this.showAnalysisDetail = true; this.analysisTitle = name;}" v-if="complete"/>
...@@ -99,8 +103,8 @@ ...@@ -99,8 +103,8 @@
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素"> <m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail /> <IssueDetail />
</m-modal> </m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图"> <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"/> <iframe v-if="showEleMap" style="width:100%;min-height:80vh;background:#fff;" :src="mapSrc" frameborder="0"/>
</m-modal> </m-modal>
<m-modal v-model="showImgModal" title="图片"> <m-modal v-model="showImgModal" title="图片">
<img v-if="showImgModal" style="width: 100%;" :src="require(`@/assets/images/${curImg}`)" /> <img v-if="showImgModal" style="width: 100%;" :src="require(`@/assets/images/${curImg}`)" />
...@@ -114,6 +118,9 @@ ...@@ -114,6 +118,9 @@
您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
</video> </video>
</m-modal> </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%"> <m-modal v-model="showEventModal" title="传感器列表" width="70%">
<SensorList :data="eventData" /> <SensorList :data="eventData" />
<!-- <m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/> --> <!-- <m-form v-for="data in eventData" :key="data.id" :title="data.addr" :label-width="6" :model="data" :layout="eventLayout"/> -->
...@@ -135,6 +142,9 @@ ...@@ -135,6 +142,9 @@
/> />
</div> </div>
</m-modal> </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> </m-grid>
</template> </template>
...@@ -191,6 +201,7 @@ export default { ...@@ -191,6 +201,7 @@ export default {
complete: false, complete: false,
showEleMap: false, showEleMap: false,
curImg: '', curImg: '',
mapSrc: null,
showImgModal: false, showImgModal: false,
eventData: [], eventData: [],
showHandleDetail: false, showHandleDetail: false,
...@@ -236,6 +247,47 @@ export default { ...@@ -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: [ personList: [
{name: '张三', phone: '13764650559'}, {name: '张三', phone: '13764650559'},
{name: '李四', phone: '13764330559'}, {name: '李四', phone: '13764330559'},
...@@ -292,6 +344,22 @@ export default { ...@@ -292,6 +344,22 @@ export default {
], ],
discoverList: [], discoverList: [],
showIssueInfo: false,
issueInfo: {title: ''},
issueInfoLayout: [
{
title: '事件名称',
key: 'name',
width: 12,
align: 'center',
},
{
title: '扣分值',
key: 'count',
width: 12,
align: 'center',
},
],
} }
}, },
beforeDestroy() { beforeDestroy() {
...@@ -308,11 +376,11 @@ export default { ...@@ -308,11 +376,11 @@ export default {
{label: '智能预警已处置', icon: 'discover-done'}, {label: '智能预警已处置', icon: 'discover-done'},
] ]
} }
if (this.curRepair) { // if (this.curRepair) {
return [ // return [
{label: '报修', icon: 'repair-icon'}, // {label: '报修', icon: 'repair-icon'},
] // ]
} // }
return [ return [
{label: '未报警传感器', icon: 'no-warn'}, {label: '未报警传感器', icon: 'no-warn'},
{label: '已报警传感器', icon: 'warn'}, {label: '已报警传感器', icon: 'warn'},
...@@ -339,7 +407,7 @@ export default { ...@@ -339,7 +407,7 @@ export default {
}, },
startTimer() { startTimer() {
this.addPoints() this.addPoints()
this.timer = setInterval(this.addPoints, 1000 * 60 * 3) // this.timer = setInterval(this.addPoints, 1000 * 60 * 3)
}, },
addBuildingIcon() { addBuildingIcon() {
this.$refs.map.removePoint('building') this.$refs.map.removePoint('building')
...@@ -386,7 +454,7 @@ export default { ...@@ -386,7 +454,7 @@ export default {
this.discoverList = data this.discoverList = data
this.discoverModal = true this.discoverModal = true
}, },
hanleRepairEvent(data) { // 点击投诉报修落点触发 handleRepairEvent(data) { // 点击投诉报修落点触发
this.repairList = data this.repairList = data
this.repairListModal = true this.repairListModal = true
}, },
...@@ -430,7 +498,7 @@ export default { ...@@ -430,7 +498,7 @@ export default {
}, },
addSensorPoints() { addSensorPoints() {
this.$refs.map.removePoint('sensor') this.$refs.map.removePoint('sensor')
if (this.openIcon && !this.curScene && !this.curRepair) { if (this.openIcon && !this.curScene) {
this.setSensorList() this.setSensorList()
} }
}, },
...@@ -482,6 +550,29 @@ export default { ...@@ -482,6 +550,29 @@ export default {
]) ])
}, },
watch: { 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': { '$store.state.curScene': {
handler(cur) { handler(cur) {
const {map} = this.$refs const {map} = this.$refs
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<m-card v-show="complete" area="box3" title="投诉报修" mode="4"> <m-card v-show="complete" area="box3" title="投诉报修" mode="4">
<Repair /> <Repair />
</m-card> </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-if="complete" class="analysis-wrapper">
<div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)"> <div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p><img src="@/assets/images/home.png"/>{{item.title}}</p> <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