BUG 30376

src/mods/conv/AppPhotoReport/AppPhotoReport.vue

@@ -15,12 +15,15 @@
             </div>
           </div>
         </div>
-        <div class="photo-item__bottom">
+        <div class="photo-item__bottom flex">
+          <div class="flex fill">
             <i :class="'status-' + item.eventStatus"></i>
             <span :class="'status-' + item.eventStatus">{{ item.statusName }}</span>
           </div>
+          <div class="color-red" @click.stop="handleDelete(item.id)">删除</div>
         </div>
-      <AiEmpty v-if="!list.length"></AiEmpty>
+      </div>
+      <AiEmpty v-if="!list.length"/>
     </div>
     <div class="btn-wrapper">
       <div class="btn" @click="toReport" hover-class="text-hover">我要上报</div>
@@ -29,11 +32,12 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    name:"AppPhotoReport",
-    appName:"随手拍",
-    data () {
+import {mapState} from 'vuex'
+
+export default {
+  name: "AppPhotoReport",
+  appName: "随手拍",
+  data() {
     return {
       list: [],
       pageShow: false,
@@ -47,7 +51,7 @@
     ...mapState(['user'])
   },
 
-    onLoad () {
+  onLoad() {
     this.$loading()
     this.$dict.load(['clapEventStatus']).then(() => {
       this.getList()
@@ -62,7 +66,7 @@
   },
 
   methods: {
-      toReport () {
+    toReport() {
       this.$linkTo('./PhotoForm')
     },
 
@@ -107,17 +111,31 @@
       }).catch(() => {
         uni.hideLoading()
       })
+    },
+    handleDelete(ids) {
+      this.$dialog.confirm({content: "是否要进行删除?"}).then(() => {
+        this.$instance.post("/app/appclapeventinfo/delete", null, {
+          params: {ids}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$u.toast("删除成功!")
+            this.current = 1
+            this.isMore = false
+            this.getList()
+          }
+        })
+      }).catch(() => 0)
     }
   },
 
   onReachBottom() {
     this.getList()
   }
-  }
+}
 </script>
 
 <style lang="scss">
-  .photo-list {
+.photo-list {
   padding: 24px 0 150px 0;
 
   .photo-item {
@@ -137,7 +155,7 @@
         color: #333333;
         font-size: 32px;
         font-weight: 600;
-          overflow : hidden;
+        overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
@@ -183,7 +201,7 @@
       span {
         color: #FF883C;
         font-size: 28px;
-          background: transparent!important;
+        background: transparent !important;
       }
 
       .status-1 {
@@ -202,5 +220,5 @@
       }
     }
   }
-  }
+}
 </style>