视图消息组和视图消息组件增加定时关闭

src/components/app-alert-group/app-alert-group.vue

@@ -4,7 +4,6 @@
             <app-alert
                 :key="index"
                 :tag="item.tag"
-                :index="index"
                 :position="item.position"/>   
         </template>
     </div>

src/components/app-alert/app-alert.vue

@@ -17,8 +17,7 @@ import ViewMessageService from '../../message/view-message-service';
 
 @Component({})
 export default class AppAlert extends Vue {
-    
-    
+
     /**
      * 视图消息标识
      * 
@@ -34,14 +33,6 @@ export default class AppAlert extends Vue {
      * @memberof AppAlert
      */
     @Prop() position: any;
-
-    /**
-     * 视图消息显示次序
-     * 
-     * @type {any}
-     * @memberof AppAlert
-     */
-    @Prop() index: any;
     
     /**
      * 视图消息对象
@@ -115,6 +106,14 @@ export default class AppAlert extends Vue {
      */
     public hasContent: boolean = true;
 
+    /**
+     * 显示时长（秒）
+     * 
+     * @type {boolean}
+     * @memberof AppAlert
+     */
+    public duration: number = 3;
+
     /**
      * Vue生命周期
      * 
@@ -148,6 +147,26 @@ export default class AppAlert extends Vue {
         this.handlePosition(flag);        
     }
 
+    /**
+     * Vue生命周期
+     * 
+     * @memberof AppAlert
+     */
+    public mounted() {
+        this.afterMounted();
+    }
+
+    /**
+     * 组件挂载之后
+     * 
+     * @memberof AppAlert
+     */
+    public afterMounted() {
+        setTimeout(() => {
+            this.showState = false;
+        }, this.duration * 1000);
+    }
+
     /**
      * 获取视图消息对象
      * 
@@ -210,8 +229,9 @@ export default class AppAlert extends Vue {
                         type: this.data.type,
                         showClose: this.closable,
                         onClose: this.alertClose,
+                        duration: this.duration * 1000,
                     })
-                }, Number(this.index)*1000) 
+                }, 0)
             } else {
                 this.title = this.data.title;
                 this.message = this.data.content;