Просмотр исходного кода

平台结算记录假删除接口

@dongkboy 3 месяцев назад
Родитель
Сommit
bb636ba81c
1 измененных файлов с 28 добавлено и 0 удалено
  1. 28 0
      src/views/platform/platformRecord.vue

+ 28 - 0
src/views/platform/platformRecord.vue

@@ -79,6 +79,7 @@
       <el-table-column prop="createTime" label="结算时间" width="200"></el-table-column>
       <el-table-column label="操作" width="200" align="center" fixed="right">
         <template #default="scope">
+          <el-button link type="primary" @click="handleDetail(scope.row)">删除</el-button>
           <el-button link type="primary" @click="viewDetail(scope.row)">明细查询</el-button>
         </template>
       </el-table-column>
@@ -100,6 +101,7 @@
 <script setup lang="ts">
 import api from "@/api";
 import { useRoute, useRouter } from 'vue-router';
+import { ElMessage, ElMessageBox } from 'element-plus';
 const route = useRoute();
 const router = useRouter();
 
@@ -202,6 +204,32 @@ const initOption = () => {
     })
   })
 }
+const handleDetail = (type) => {
+  console.log(type.settlementId)
+  ElMessageBox.confirm(
+    '确定删除该记录吗?',
+    '删除',
+    {
+      confirmButtonText: '确定删除',
+      type: 'error',
+      center: true,
+      confirmButtonClass: 'el-button--danger',
+    }
+  )
+    .then(() => {
+      api.settlementApi.deleteSettlement(type.settlementId).then((res: any) => {
+        if (res.code == 200) {
+          ElMessage({
+            message: '删除成功',
+            type: 'success'
+          })
+          initList()
+        }
+      })
+    })
+    .catch(() => {
+    })
+}
 const viewDetail = (row) => {
   console.log(row)
   router.push({