1

src/views/recording/index.vue

@@ -31,7 +31,7 @@
     <div class="mb-2">
       <el-button type="success" @click="handleAdd">新增</el-button>
     </div>
-    <vxe-table :data="tableData">
+    <vxe-table :data="tableData" :loading="loading">
       <vxe-column field="meetingName" title="会议主题"></vxe-column>
       <vxe-column field="meetingHost" title="主持人"></vxe-column>
       <vxe-column field="meetingTime" title="会议时间"></vxe-column>
@@ -42,7 +42,9 @@
 
 <script setup>
 import { reactive, ref } from "vue";
-import { useRouter } from 'vue-router'
+import { useRouter } from "vue-router";
+import { meetingList } from "@/api/meeting";
+import { onMounted } from "vue";
 
 const formState = reactive({
   meetingName: "",
@@ -50,11 +52,26 @@ const formState = reactive({
   meetingTime: "",
 });
 const tableData = ref([]);
+const loading = ref(false)
 const router = useRouter();
 
-const hanldeQuery = () => {};
+const hanldeQuery = async () => {
+  loading.value = true;
+  try {
+    const { data } = await meetingList();
+  } catch {}
+  loading.value = false;
+};
 const handleAdd = () => {
-  router.push('/recording-add')
+  router.push("/recording-add");
+};
+const handleReset = () => {
+  formState.meetingName = "";
+  formState.meetingHost = "";
+  formState.meetingTime = "";
 };
-const handleReset = () => {};
+
+onMounted(() => {
+  hanldeQuery();
+});
 </script>