自定义组件

src/views/meetingActivity/MeetingActivity.vue

@@ -89,6 +89,11 @@
            <!--          <img class="meeting-img-status" src="../../assets/meetingImgs/ing.png" />-->
            <!--          <img class="meeting-img-status" src="../../assets/meetingImgs/end.png.png" />-->
          </div>
+         <i></i>
+         <i></i>
+         <i></i>
+         <i></i>
+         <i></i>
        </div>
         <section v-else class="list">
           <a-empty/>
@@ -181,6 +186,7 @@ export default {
     * */
     filterMeeting(key) {
       this.meetingKey = key
+      this.initData(1,key)
     },
     /*
      *  分页
@@ -202,7 +208,7 @@ export default {
     /*
     * 初始化加载数据
     * */
-    initData(arg) {
+    initData(arg,key) {
       if (!this.url.list) {
         this.$message.error('请设置url.list属性!')
         return
@@ -211,6 +217,10 @@ export default {
       if (arg === 1) {
         this.pageNo = 1
       }
+      // 修改会议状态参数
+      if(key){
+        this.queryParam.meetingStatus = key
+      }
       var params = Object.assign({}, this.lastQueryParam)
       params.pageNo = this.pageNo
       params.pageSize = this.pageSize
@@ -298,6 +308,7 @@ export default {
 }
 
 .inactive-status {
+  user-select: none;
   padding: 0 20px;
   cursor: pointer;
 }
@@ -312,6 +323,9 @@ export default {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
+  & > i {
+    width: 323px;
+  }
 }
 .item-meeting {
   position: relative;