BUG 30376

packages/conv/AppReportAiWill/components/List.vue

@@ -34,6 +34,7 @@
         <el-table-column slot="options" label="操作" fixed="right" width="120" align="center">
           <div class="table-options" slot-scope="{row}">
             <el-button type="text" title="详情" @click="toDetail(row.id)">详情</el-button>
+            <el-button type="text" title="删除" @click="handleDelete(row.id)">删除</el-button>
           </div>
         </el-table-column>
       </ai-table>
@@ -42,9 +43,9 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
-  export default {
+export default {
   name: 'List',
   label: "随手拍",
 
@@ -74,15 +75,15 @@
 
     colConfigs() {
       return [
-          { prop: 'content', label: '内容描述', width: '300px' },
-          { prop: 'groupName', label: '事件类型', align: 'center' },
-          { prop: 'girdName', label: '所属网格', align: 'center' },
-          { prop: 'createTime', label: '上报时间', align: 'center' },
-          { prop: 'name', label: '上报居民', align: 'center' },
-          { prop: 'phone', label: '联系方式', align: 'center' },
-          { prop: 'eventStatus', label: '处理状态', align: 'center', formart: v => this.dict.getLabel('clapEventStatus', v) },
-          { prop: 'processTime', label: '处理时长', align: 'center' },
-          { slot: 'options' }
+        {prop: 'content', label: '内容描述', width: '300px'},
+        {prop: 'groupName', label: '事件类型', align: 'center'},
+        {prop: 'girdName', label: '所属网格', align: 'center'},
+        {prop: 'createTime', label: '上报时间', align: 'center'},
+        {prop: 'name', label: '上报居民', align: 'center'},
+        {prop: 'phone', label: '联系方式', align: 'center'},
+        {prop: 'eventStatus', label: '处理状态', align: 'center', formart: v => this.dict.getLabel('clapEventStatus', v)},
+        {prop: 'processTime', label: '处理时长', align: 'center'},
+        {slot: 'options'}
       ]
     },
 
@@ -91,14 +92,14 @@
     }
   },
 
-    created () {
+  created() {
     this.dict.load('clapEventStatus').then(() => {
       this.getList()
     })
   },
 
   methods: {
-      getList () {
+    getList() {
       this.instance.post(`/app/appclapeventinfo/list`, null, {
         params: {
           ...this.search
@@ -111,7 +112,7 @@
       })
     },
 
-      toDetail (id) {
+    toDetail(id) {
       this.$emit('change', {
         type: 'Detail',
         params: {
@@ -120,16 +121,30 @@
       })
     },
 
-      toSetting () {
+    toSetting() {
       this.$emit('change', {
         type: 'Setting',
         params: {
           id: ''
         }
       })
+    },
+    handleDelete(ids) {
+      this.$confirm("是否要进行删除?").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)
     }
   }
-  }
+}
 </script>
 
 <style lang="scss" scoped>