随手拍

src/apps/AppHandSnapshot/Detail.vue

@@ -51,7 +51,7 @@
         <span class="card-left">照片</span>
       </div>
 
-      <img :src="item.url" alt="" v-for="(item, i) in data.files" :key="i" />
+      <img :src="item.url" alt="" v-for="(item, i) in data.files" :key="i"  @click="previewImage(data.files, item.url)" />
     </div>
 
     <div class="header-bottom">
@@ -171,6 +171,12 @@ export default {
     toContent(number) {
       uni.navigateTo({ url: `./Content?number=${number}&groupId=${this.data.groupId}&groupName=${this.data.groupName}&id=${this.id}` })
     },
+    previewImage(images, img) {
+      uni.previewImage({
+        urls: images.map(v => v.url),
+        current: img
+      })
+    },
   },
 }
 </script>

src/apps/AppHandSnapshot/List.vue

@@ -3,15 +3,15 @@
     <AiTopFixed>
       <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
       <div class="select-top">
-        <div class="tab-item" @click="toGirdList">
-          <span class="color-666">所属网格</span>
+        <div class="tab-item" @click="show = true">
+          <span class="color-666">{{girdNameText}}</span>
           <img src="./components/img/down-icon.png" alt="" />
         </div>
 
         <u-select v-model="show" :list="myGirdList" value-name="id" label-name="girdName" @confirm="confirm"></u-select>
 
         <div class="tab-item" @click="showType = true">
-          <span class="color-666">办件状态</span>
+          <span class="color-666">{{eventStatusText}}</span>
           <img src="./components/img/down-icon.png" alt="" />
         </div>
 
@@ -67,19 +67,17 @@ export default {
           name: '办件历史',
         },
       ],
-
       currentTabs: 0,
       current: 1,
-      size: 10,
       pages: 0,
-
       show: false,
       myGirdList: [],
-      girdName: '',
-
+      girdId: '',
+      girdNameText: '所属网格',
       showType: false,
       listType: [],
       eventStatus: '',
+      eventStatusText: '办件状态'
     }
   },
   computed: {
@@ -93,11 +91,20 @@ export default {
     this.current = 1
     this.girdList()
     this.getList()
+    uni.$on('nextList', ()=>{
+      this.current ++
+      this.getList()
+    })
   },
   created() {
     this.$dict.load('clapEventStatus').then(() => {
       this.getList()
       this.listType = this.$dict.getDict('clapEventStatus')
+      var all = {
+        dictValue: '',
+        dictName: '全部'
+      }
+      this.listType.unshift(all)
     })
   },
   methods: {
@@ -109,7 +116,7 @@ export default {
             current: this.current,
             searchType: this.currentTabs == 1 ? '1' : '0',
             eventStatus: this.eventStatus,
-            girdName: this.girdName,
+            girdId: this.girdId
           },
         })
         .then((res) => {
@@ -121,41 +128,36 @@ export default {
         })
     },
 
-    toGirdList() {
-      this.show = true
-    },
-
     girdList() {
-      this.$http
-        .post(`/app/appgirdmemberinfo/queryMyGirdList`, null, {
-          params: {
-            size: 9999,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.myGirdList = res.data
+      this.$http.post(`/app/appgirdmemberinfo/queryMyGirdList`, null, {
+        params: {
+          size: 9999,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.myGirdList = res.data
+          var all = {
+            id: '',
+            girdName: '全部'
           }
-        })
+          this.myGirdList.unshift(all)
+        }
+      })
     },
 
     confirm(e) {
       if (this.show) {
-        if (e[0].value) {
-          console.log(e)
-
-          this.girdName = e[0].label
-          this.current = 1
-          this.getList()
-        }
+        this.girdNameText = e[0].label
+        this.girdId = e[0].value
       }
       if (this.showType) {
-        console.log(e)
-
         this.eventStatus = e[0].value
-        this.current = 1
-        this.getList()
+        this.eventStatusText = e[0].label
       }
+
+      this.current = 1
+      this.getList()
     },
 
     goDetail(item) {
@@ -166,7 +168,9 @@ export default {
       this.current = 1
       this.datas = []
       this.eventStatus = ''
-      this.girdName = ''
+      this.girdId = ''
+      this.girdNameText = '所属网格'
+      this.eventStatusText = '办件状态'
       this.currentTabs = index
       this.getList()
     },
@@ -175,10 +179,6 @@ export default {
       uni.navigateTo({ url })
     },
   },
-  onReachBottom() {
-    this.current = this.current + 1
-    this.getList()
-  },
 }
 </script>