添加事件

src/sass/AppConflictMediation/List.vue

@@ -18,10 +18,10 @@
     <!-- 事件列表 -->
     <div class="title">
       <div class="title-name">事件列表</div>
-      <div class="title-type" @click="lookAllType">全部类型<u-icon name="arrow-down"></u-icon></div>
+      <div class="title-type">{{ $dict.getLabel('clapEventStatusAll', groupName) }}<u-icon name="arrow-down"></u-icon></div>
     </div>
 
-    <template >
+    <template>
       <AiCard v-for="(item, i) in datas" :key="i" @click.native="goDetail(item, 1)">
         <template #custom>
           <div class="card-top">
@@ -50,6 +50,9 @@
       <AiEmpty v-if="!datas.length"></AiEmpty>
     </template>
 
+    <u-select v-model="showGird" :list="groupType" label-name="groupName" value-name="id"
+              @confirm="changeType"/>
+
     <div class="pad-b120" v-if="datas.length"></div>
   </div>
 </template>
@@ -62,27 +65,23 @@ export default {
   data() {
     return {
       datas: [],
-      tabList: [
-        {
-          name: '全部待办',
-        },
-        {
-          name: '办件历史',
-        },
-      ],
       currentTabs: 0,
       current: 1,
       pages: 0,
       show: false,
       myGirdList: [],
       girdId: '',
+      groupName: '',
       girdNameText: '所属网格',
       showType: false,
       listType: [],
       eventStatus: '',
       eventStatusText: '办件状态',
       listTypeHistory: [],
-      listTypeAll: []
+      listTypeAll: [],
+      groupType: [],
+      showGird: false,
+
     }
   },
   computed: {
@@ -106,6 +105,8 @@ export default {
     })
 
   },
+
+
   onShow() {
     document.title = '矛盾调解'
   },
@@ -137,6 +138,16 @@ export default {
           }
         })
     },
+    // 切换类型
+    changeType(e) {
+      console.log(e)
+      this.girdId = e[0].value
+      this.groupType.map((item) => {
+        if(item.id == this.form.girdId) {
+          this.form.girdName = item.girdName
+        }
+      })
+    },
 
     // 新增事件
     addEvent() {
@@ -355,7 +366,7 @@ uni-page-body {
 
   .pad-b120 {
     background-color: #f3f6f9;
-    padding-bottom: 120px;
+    padding-bottom: 140px;
   }
 }
 </style>