添加loading组件

63dafde2 · 郭铭瑶 · 8f060506 · 63dafde2 · 8f060506 · 63dafde2
Commit 63dafde2 authored Jan 15, 2020 by 郭铭瑶 🤘
18 changed files
--- a/dist/index.html
+++ b/dist/index.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;
-      }</style><script src=./static/jquery.min.js></script><script type=text/javascript src=http://192.168.104.33:8181/smimap192/mapdebug/ShsmiGis.Bridge.js></script><link href=./static/css/app.94c87921ac83df0a001bf13c0ce51e65.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.2ff3f75c5fa31b20e4e1.js></script><script type=text/javascript src=./static/js/vendor.dc1ed2d0549b6d6f959d.js></script><script type=text/javascript src=./static/js/app.bcd5887d93dbda6bb350.js></script></body></html>
\ No newline at end of file
+      }</style><script src=./static/jquery.min.js></script><script type=text/javascript src=http://192.168.104.33:8181/smimap192/mapdebug/ShsmiGis.Bridge.js></script><link href=./static/css/app.a7243ff8eca7d8418d2c3e2705d6aeb4.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.f31687dc33e61622e6d8.js></script><script type=text/javascript src=./static/js/vendor.dc1ed2d0549b6d6f959d.js></script><script type=text/javascript src=./static/js/app.0fbace9d5973dd67f75b.js></script></body></html>
\ No newline at end of file
--- a/dist/static/css/app.94c87921ac83df0a001bf13c0ce51e65.css.map
+++ b/dist/static/css/app.94c87921ac83df0a001bf13c0ce51e65.css.map
--- a/dist/static/css/app.94c87921ac83df0a001bf13c0ce51e65.css
+++ b/dist/static/css/app.94c87921ac83df0a001bf13c0ce51e65.css
--- a/dist/static/css/app.a7243ff8eca7d8418d2c3e2705d6aeb4.css.map
+++ b/dist/static/css/app.a7243ff8eca7d8418d2c3e2705d6aeb4.css.map
--- a/dist/static/js/0.139cab6ef86bcf495fc4.js
+++ b/dist/static/js/0.139cab6ef86bcf495fc4.js
--- a/dist/static/js/0.139cab6ef86bcf495fc4.js.map
+++ b/dist/static/js/0.139cab6ef86bcf495fc4.js.map
--- a/dist/static/js/0.3c7fe924c8435399ea9b.js
+++ b/dist/static/js/0.3c7fe924c8435399ea9b.js
--- a/dist/static/js/0.3c7fe924c8435399ea9b.js.map
+++ b/dist/static/js/0.3c7fe924c8435399ea9b.js.map
--- a/dist/static/js/app.0fbace9d5973dd67f75b.js
+++ b/dist/static/js/app.0fbace9d5973dd67f75b.js
--- a/dist/static/js/app.0fbace9d5973dd67f75b.js.map
+++ b/dist/static/js/app.0fbace9d5973dd67f75b.js.map
--- a/dist/static/js/app.bcd5887d93dbda6bb350.js
+++ b/dist/static/js/app.bcd5887d93dbda6bb350.js
--- a/dist/static/js/app.bcd5887d93dbda6bb350.js.map
+++ b/dist/static/js/app.bcd5887d93dbda6bb350.js.map
--- a/dist/static/js/manifest.2ff3f75c5fa31b20e4e1.js
+++ b/dist/static/js/manifest.2ff3f75c5fa31b20e4e1.js
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,s=0,l=[];s<r.length;s++)u=r[s],t[u]&&l.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);l.length;)l.shift()();if(a)for(s=0;s<a.length;s++)f=o(o.s=a[s]);return f};var r={},t={3:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"3c7fe924c8435399ea9b"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.2ff3f75c5fa31b20e4e1.js.map
\ No newline at end of file
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,s=0,l=[];s<r.length;s++)u=r[s],t[u]&&l.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);l.length;)l.shift()();if(a)for(s=0;s<a.length;s++)f=o(o.s=a[s]);return f};var r={},t={3:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"139cab6ef86bcf495fc4"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.f31687dc33e61622e6d8.js.map
\ No newline at end of file
--- a/dist/static/js/manifest.2ff3f75c5fa31b20e4e1.js.map
+++ b/dist/static/js/manifest.2ff3f75c5fa31b20e4e1.js.map
--- a/src/App.vue
+++ b/src/App.vue
 <template>
  <div id="app">
+    <loader v-show="$store.state.showLoading"/>
    <router-view :key="$route.fullPath"/>
  </div>
 </template>

 <script>
+import loader from '@/components/MonitorLoader/monitor-loader'
 export default {
  name: 'App',
+  components: {
+    loader,
+  }
 }
 </script>


--- a/src/components/MonitorLoader/monitor-loader.vue
+++ b/src/components/MonitorLoader/monitor-loader.vue
+<template>
+  <div class="monitor-loader">
+    <div class="loader">
+      <div class="outer"/>
+      <div class="inner"/>
+      <b class="msg">{{msg}}</b>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonitorLoader',
+  props: {
+    msg: {
+      type: String,
+      default: '加载中 . . .',
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.monitor-loader
+  position fixed
+  top 0
+  left 0
+  bottom 0
+  right 0
+  background rgba(0,0,0,0.3)
+  z-index 9999
+  display flex
+  align-items center
+  justify-content center
+  .loader
+    position relative
+    .msg
+      display block
+      color #fff
+      margin-top 150%
+    >div
+      border: 0.4rem solid transparent
+      border-top-color $color-blue
+      border-bottom-color $color-blue
+      border-radius 50%
+      position absolute
+      top 50%
+      left 50%
+      &.outer
+        width 5rem
+        height 5rem
+        margin-left -3rem
+        margin-top -3rem
+        animation changeColor 2.5s linear infinite
+      &.inner
+        width 2.5rem
+        height 2.5rem
+        margin-left -1.8rem
+        margin-top -1.8rem
+        animation changeColor 1.5s linear reverse infinite
+@keyframes changeColor
+  50%
+    border-top-color $edgeColor
+    border-bottom-color $edgeColor
+    transform rotate(180deg)
+  100%
+    border-top-color $color-blue
+    border-bottom-color $color-blue
+    transform rotate(360deg)
+</style>
--- a/src/views/components/community-list.vue
+++ b/src/views/components/community-list.vue
@@ -4,7 +4,7 @@
      <div
      v-for="(item, index) in list"
      :key="index"
-      :class="`${getClass(index + 1)} ${curCommunity == item.COMMUNITYID ? 'on' : ''}`"
+      :class="`${getClass(index + 1)} ${curCommunity == (item.COMMUNITYID + item.TASKID) ? 'on' : ''}`"
      @click="handleClick(item)"
      >
        <div class="dot" />
@@ -43,7 +43,7 @@ export default {
      }
    },
    handleClick(data) {
-      this.curCommunity = data.COMMUNITYID
+      this.curCommunity = data.COMMUNITYID + data.TASKID
      this.$emit('select', data)
    },
    reset() {

--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -217,7 +217,7 @@ export default {
  },
  methods: {
    initData(themeId = null, startDate = '20190101', endDate = '20200101') {
-      const today = this.$moment('20200113').format('YYYYMMDD')
+      const today = this.$moment().format('YYYYMMDD')
      const defaultDay = this.$moment().format('YYYYMMDD') // 检查人员列表默认开始、结束时间
      const communityParams = {someday: today}
      // const personParams = {startDate: defaultDay, endDate: defaultDay}