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"
-              @confirm="changeType"/>
+    <u-select v-model="showGird" :list="$dict.getDict('clapEventStatusAll')" label-name="dictName" value-name="dictValue" @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', ()=>{
-      this.current ++
+    uni.$on('nextList', () => {
+      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){
-           Object.keys(res.data).forEach(( ) => {
+        if (res.code == 0) {
+          Object.keys(res.data).forEach(() => {
             // var info = {
             //   label: key,
             //   value: res.data[key]
@@ -172,11 +170,11 @@ 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{
-       this.eventStatus = 4
+      } else {
+        this.eventStatus = 4
       }
       this.datas = []
       this.getList()
@@ -184,25 +182,26 @@ export default {
 
     // 新增事件
     addEvent() {
-      uni.navigateTo({url: './add'})
+      uni.navigateTo({ url: './add' })
     },
 
     girdList() {
-      this.$http.post(`/app/appgirdmemberinfo/queryMyGirdListWithOut01`, null, {
-        params: {
-          size: 9999,
-        },
-      })
-      .then((res) => {
-        if (res.code == 0) {
-          this.myGirdList = res.data
-          var all = {
-            id: '',
-            girdName: '全部'
+      this.$http
+        .post(`/app/appgirdmemberinfo/queryMyGirdListWithOut01`, null, {
+          params: {
+            size: 9999,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.myGirdList = res.data
+            var all = {
+              id: '',
+              girdName: '全部',
+            }
+            this.myGirdList.unshift(all)
           }
-          this.myGirdList.unshift(all)
-        }
-      })
+        })
     },
 
     confirm(e) {
@@ -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 {
@@ -282,7 +281,7 @@ uni-page-body {
           color: #999999;
         }
       }
-    }   
+    }
   }
 
   .title {
@@ -296,7 +295,7 @@ uni-page-body {
       color: #333333;
       font-weight: 800;
     }
-  
+
     .title-type {
       font-size: 26px;
       color: #666666;
@@ -339,6 +338,9 @@ uni-page-body {
             margin-left: 32px;
             color: #333333;
           }
+          .label1 {
+            margin-right: 12px;
+          }
         }
       }
 
@@ -386,8 +388,16 @@ uni-page-body {
 
   .gird {
     display: flex;
+    .label {
+      width: 120px;
+      vertical-align: top;
+    }
+
+    .gards-right {
+      width: calc(100% - 120px);
+    }
   }
-  
+
   .addbtn {
     position: fixed;
     left: 0;
@@ -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 {