27334

src/saas/AppConflictMediation/List.vue

@@ -13,7 +13,7 @@
     <!-- 事件列表 -->
     <div class="title">
       <div class="title-name">事件列表</div>
-      <div class="title-type" @click="showGird = true">{{ status? status: '全部类型' }}<u-icon name="arrow-down"></u-icon></div>
+      <div class="title-type" @click="showGird = true">{{ status ? status : '全部类型' }}<u-icon name="arrow-down"></u-icon></div>
     </div>
 
     <template>
@@ -23,12 +23,12 @@
             <div class="titles">{{ item.content }}</div>
 
             <div class="types">
-              <span>事件类型</span>
+              <span class="label label1">事件类型</span>
               <span class="types-right">{{ item.groupName }}</span>
             </div>
 
             <div class="gards gird">
-              <div>所属网格</div>
+              <div class="label">所属网格</div>
               <div class="gards-right">{{ item.girdName }}</div>
             </div>
           </div>
@@ -45,8 +45,7 @@
       <AiEmpty v-if="!datas.length"></AiEmpty>
     </template>
 
-    <u-select v-model="showGird" :list="$dict.getDict('clapEventStatusAll')" label-name="dictName" value-name="dictValue"
+    <u-select v-model="showGird" :list="$dict.getDict('clapEventStatusAll')" label-name="dictName" value-name="dictValue" @confirm="changeType" />
-              @confirm="changeType"/>
 
     <div class="pad-b120" v-if="datas.length"></div>
   </div>
@@ -80,22 +79,22 @@ export default {
       staticName: [
         {
           label: '待处理',
-          value: 0
+          value: 0,
         },
         {
           label: '上报数',
-          value: 0
+          value: 0,
         },
         {
           label: '已办数',
-          value: 0
+          value: 0,
         },
         {
           label: '今日办结',
-          value: 0
+          value: 0,
-        }
+        },
       ],
-      statisticsList: []
+      statisticsList: [],
     }
   },
   computed: {
@@ -109,15 +108,14 @@ export default {
     this.current = 1
     this.girdList()
     this.getList()
-    uni.$on('nextList', ()=>{
+    uni.$on('nextList', () => {
-      this.current ++
+      this.current++
       this.getList()
     })
-    uni.$on('getListInit', ()=>{
+    uni.$on('getListInit', () => {
       this.current = 1
       this.getList()
     })
-
   },
   onShow() {
     document.title = '矛盾调解'
@@ -142,7 +140,7 @@ export default {
             searchType: this.currentTabs == 1 ? '1' : '0',
             eventStatus: this.eventStatus,
             girdId: this.girdId,
-            openId:this.eventStatus== 4 ? this.user.openId : ""
+            openId: this.eventStatus == 4 ? this.user.openId : '',
           },
         })
         .then((res) => {
@@ -155,8 +153,8 @@ export default {
     },
     getStaticList() {
       this.$http.post('/app/appclapeventinfo/clapEventStatisticByGirdMember').then((res) => {
-        if (res.code == 0){
+        if (res.code == 0) {
-           Object.keys(res.data).forEach(( ) => {
+          Object.keys(res.data).forEach(() => {
             // var info = {
             //   label: key,
             //   value: res.data[key]
@@ -172,10 +170,10 @@ export default {
     },
     // 切换类型
     changeType(e) {
-      if(e[0].value!=1){
+      if (e[0].value != 1) {
         this.status = e[0].label
         this.eventStatus = e[0].value
-      }else{
+      } else {
         this.eventStatus = 4
       }
       this.datas = []
@@ -184,11 +182,12 @@ export default {
 
     // 新增事件
     addEvent() {
-      uni.navigateTo({url: './add'})
+      uni.navigateTo({ url: './add' })
     },
 
     girdList() {
-      this.$http.post(`/app/appgirdmemberinfo/queryMyGirdListWithOut01`, null, {
+      this.$http
+        .post(`/app/appgirdmemberinfo/queryMyGirdListWithOut01`, null, {
           params: {
             size: 9999,
           },
@@ -198,7 +197,7 @@ export default {
             this.myGirdList = res.data
             var all = {
               id: '',
-            girdName: '全部'
+              girdName: '全部',
             }
             this.myGirdList.unshift(all)
           }
@@ -231,9 +230,9 @@ export default {
       this.girdNameText = '所属网格'
       this.eventStatusText = '办件状态'
       this.currentTabs = index
-      if(index == 0) {
+      if (index == 0) {
         this.listType = this.listTypeAll
-      }else {
+      } else {
         this.listType = this.listTypeHistory
       }
       this.getList()
@@ -259,7 +258,7 @@ uni-page-body {
 
     .content-list {
       display: flex;
-      background: #FFFFFF;
+      background: #ffffff;
       border-radius: 16px;
       margin-bottom: 20px;
       width: 100%;
@@ -274,7 +273,7 @@ uni-page-body {
 
         h3 {
           font-size: 64px;
-          color: #1E88E8;
+          color: #1e88e8;
         }
 
         p {
@@ -339,6 +338,9 @@ uni-page-body {
             margin-left: 32px;
             color: #333333;
           }
+          .label1 {
+            margin-right: 12px;
+          }
         }
       }
 
@@ -386,6 +388,14 @@ uni-page-body {
 
   .gird {
     display: flex;
+    .label {
+      width: 120px;
+      vertical-align: top;
+    }
+
+    .gards-right {
+      width: calc(100% - 120px);
+    }
   }
 
   .addbtn {
@@ -396,9 +406,9 @@ uni-page-body {
     height: 120px;
     line-height: 120px;
     text-align: center;
-    background-color: #3975C6;
+    background-color: #3975c6;
     font-size: 32px;
-    color: #FFFFFF;
+    color: #ffffff;
   }
 
   .pad-b120 {