联调案例库

src/views/pqs/database/case/index.vue

@@ -8,7 +8,7 @@
         </TableHeader>
         <Table ref="tableRef"></Table>
         <!-- 弹框 -->
-        <PopupEdit ref="popupEditRef" />
+        <PopupEdit ref="popupEditRef" @onSubmit="tableStore.index()" />
     </div>
 </template>
 <script setup lang="ts">
@@ -17,6 +17,8 @@ import TableStore from '@/utils/tableStore'
 import TableHeader from '@/components/table/header/index.vue'
 import Table from '@/components/table/index.vue'
 import PopupEdit from './components/form.vue'
+import { libcaseBeleteyById } from '@/api/supervision-boot/database/index'
+import { ElMessage } from 'element-plus'
 defineOptions({
     name: 'database/case'
 })
@@ -53,11 +55,46 @@ const tableStore = new TableStore({
         {
             title: '治理效果',
             field: 'effect'
+        },
+        {
+            title: '操作',
+            width: '140',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '修改',
+                    type: 'primary',
+
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {
+                        popupEditRef.value.open('修改案例', row)
+                    }
+                },
+                {
+                    name: 'delete',
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        libcaseBeleteyById({ id: row.id }).then(res => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
+                }
+            ]
         }
     ],
-    loadCallback: () => {
-        
-    }
+    loadCallback: () => {}
 })
 
 // 弹框