feat: 结款记录

src/views/inventory/supplierconfig/component/Table.vue

@@ -14,10 +14,10 @@
       <el-table-column label="操作" width="250">
 
         <template #default="scope">
-          <el-button size="small" type="text" icon="Edit" @click="handleEdit(scope.row)">编辑</el-button>
-          <el-button size="small" type="text" icon="Delete" style="color: #f89797;"
+          <el-button size="small" type="primary" link icon="Edit" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button size="small" type="danger" link icon="Delete" style="color: #f89797;"
             @click="handleDelete(scope.$index, scope.row)"> 删除 </el-button>
-          <el-button size="small" type="text" @click="PaymentRecord(scope.$index, scope.row)">结款记录</el-button>
+          <el-button size="small" type="primary" link @click="PaymentRecord()">结款记录</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -25,7 +25,7 @@
 </template>
 
 <script setup>
-import { useRouter } from 'vue-router'
+import { useRouter } from 'vue-router';
 const router = useRouter()
 const emit = defineEmits(['handleDelete'])
 const props = defineProps({
@@ -42,8 +42,7 @@ async function handleDelete(index, row) {
   emit('handleDelete', row.id)
 }
 function PaymentRecord() {
-  router.push({
-    name: 'PaymentRecord'
-  })
+  router.push({ name: 'paymentRecord' });
+
 }
 </script>