新建了API监控页面

src/views/dataSharingAndExchange/ApiMonitor/RightContent1.vue

@@ -23,23 +23,23 @@
       <template #headerTop>
         <BasicForm @register="registerForm" />
       </template>
-<!--      <template #bodyCell="{ column, record }">-->
-<!--        <template v-if="column.key === 'action'">-->
-<!--          <TableAction-->
-<!--            :actions="[-->
-<!--                {-->
-<!--                  icon: 'ant-design:delete-outlined',-->
-<!--                  color: 'error',-->
-<!--                  popConfirm: {-->
-<!--                    title: '是否确认删除',-->
-<!--                    placement: 'left',-->
-<!--                    confirm: deleteButton.bind(null, record),-->
-<!--                  },-->
-<!--                },-->
-<!--              ]"-->
-<!--          />-->
-<!--        </template>-->
-<!--      </template>-->
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+                {
+                  icon: 'ant-design:delete-outlined',
+                  color: 'error',
+                  popConfirm: {
+                    title: '是否确认删除',
+                    placement: 'left',
+                    confirm: deleteButton.bind(null, record),
+                  },
+                },
+              ]"
+          />
+        </template>
+      </template>
     </BasicTable>
   </div>
 </template>
@@ -52,6 +52,8 @@
   import {columns1,searchFormSchema} from "./ApiMonitor.data";
   import {TableData} from "./ApiMonitorData";
   import { BasicForm, useForm } from '@/components/Form';
+  import { useMessage } from '@/hooks/web/useMessage';
+  const { createMessage } = useMessage();
   defineProps({
     loading: {
       type: Boolean,
@@ -100,7 +102,7 @@
 
 
   function deleteButton(){
-
+    createMessage.success('删除成功!')
   }
 </script>
 <style lang="less" scoped>
@@ -114,7 +116,6 @@
 
 .center{
   width: 100%;
-  height:800px;
   background-color: white;
 }
 </style>