Hotfix0426

src/components/loading/loading.js

@@ -15,8 +15,9 @@ const loading = {
     // 在Vue的原型链上注册方法，控制组件
 
     Vue.prototype.$loading = {
-      show: () => {
+      show: (text) => {
         instance.show = true;
+        instance.text = text || null;
       },
       hide: () => {
 

src/components/loading/loading.vue

@@ -11,8 +11,17 @@
     >
       <van-loading
         v-if="show"
+        vertical
         type="spinner"
-      />
+      >
+        <div
+          v-if="text"
+          class="text"
+        >
+          {{ text }}
+          <span class="dotting" />
+        </div>
+      </van-loading>
     </div>
   </van-popup>
 </template>
@@ -23,15 +32,52 @@ export default {
   data() {
     return {
       show: false,
+      text:''
     };
   },
 };
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 .loadingWrap{
     ::v-deep .van-popup{
         background-color:rgba(0,0,0,.7);
     }
+
+}
+.text{
+      width: 150px;
+      height: 30px;
+      z-index: 99;
+      font-size: 16px;
+      text-align: center;
+      background: linear-gradient(to right, #00bda5,  #fff);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      animation:  hue 3s linear infinite;
+      }
+      @keyframes hue {
+    0% {
+        filter: hue-rotate(0deg);
+    }
+    100% {
+        filter: hue-rotate(360deg);
+    }
+}
+.dotting {
+    display: inline-block; min-width: 2px; min-height: 2px;
+    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9 , ..., 3个点 */
+    background: linear-gradient(to right, #00bda5,  #fff);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    animation: dot 1.5s infinite step-start both; /* for IE10 , ... */
+}
+.dotting:before { content: '...'; } /* for IE8. 若无需兼容IE8, 此行以及下一行删除*/
+.dotting::before { content: ''; } /* for IE9  覆盖 IE8 */
+
+@keyframes dot {
+    25% { box-shadow: none; filter: hue-rotate(0deg);}                                  /* 0个点 */
+    50% { box-shadow: 2px 0 currentColor; filter: hue-rotate(180deg)}                    /* 1个点 */
+    75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor;  /* 2个点 */ filter: hue-rotate(360deg)}
 }
 </style>

src/views/home/index.vue

@@ -9,16 +9,6 @@ import storejs from 'storejs';
 export default {
   data() {
     return {
-        // STATUS_CODE_0101("0101", "未填写问卷"),
-        // STATUS_CODE_0102("0102", "已填写问卷"),
-        // STATUS_CODE_0201("0201", "待预约"),
-        // STATUS_CODE_0202("0202", "已预约"),
-        // STATUS_CODE_0203("0203", "已取消待重新预约"),
-        // STATUS_CODE_0301("0301", "待采样"),
-        // STATUS_CODE_0302("0302", "已采样"),
-        // STATUS_CODE_0303("0303", "待重新采样"),
-        // STATUS_CODE_0901("0901", "已出报告"),
-        // STATUS_CODE_0902("0902", "已结束")
       routerMap:{
         '0001': '/appoint',
         '0101': null,
@@ -48,6 +38,10 @@ export default {
     const {externalOrderNo, orderNo, projectEquityNo} = this.$route.query;
 
     const n = externalOrderNo || orderNo;
+    if (!n && !this.query.referer) {
+      this.$loading.show('开发中');
+      return;
+    }
     console.log(this.$route.query, '---', n);
     if (projectEquityNo && n) {
       this.projectEquityNo = projectEquityNo;