diff --git a/Yi.RuoYi.Vue3/src/utils/signalR.js b/Yi.RuoYi.Vue3/src/utils/signalR.js
index 376f38fa..ce90f0cf 100644
--- a/Yi.RuoYi.Vue3/src/utils/signalR.js
+++ b/Yi.RuoYi.Vue3/src/utils/signalR.js
@@ -51,11 +51,11 @@ async close(){
       //使用async和await 或 promise的then 和catch 处理来自服务端的异常
       await this.SR.start();
       //console.assert(this.SR.state === signalR.HubConnectionState.Connected);
-      console.log('signalR 连接成功了', this.SR.state);
+      //console.log('signalR 连接成功了', this.SR.state);
       return true;
     } catch (error) {
       that.failNum--;
-      console.log(`失败重试剩余次数${that.failNum}`, error)
+      //console.log(`失败重试剩余次数${that.failNum}`, error)
       if (that.failNum > 0) {
         setTimeout(async () => {
           await this.SR.start()
diff --git a/Yi.RuoYi.Vue3/src/views/webfirst/table/components/FieldList.vue b/Yi.RuoYi.Vue3/src/views/webfirst/table/components/FieldList.vue
new file mode 100644
index 00000000..8e698cee
--- /dev/null
+++ b/Yi.RuoYi.Vue3/src/views/webfirst/table/components/FieldList.vue
@@ -0,0 +1,7 @@
+<template>
+字段:{{ field }}
+</template>
+<script setup>
+import useFieldHook from '../hooks/fieldHook'
+const {field}=useFieldHook();
+</script>
\ No newline at end of file
diff --git a/Yi.RuoYi.Vue3/src/views/webfirst/table/components/TableList.vue b/Yi.RuoYi.Vue3/src/views/webfirst/table/components/TableList.vue
new file mode 100644
index 00000000..110348d3
--- /dev/null
+++ b/Yi.RuoYi.Vue3/src/views/webfirst/table/components/TableList.vue
@@ -0,0 +1,5 @@
+<template>表={{ table }}</template>
+<script setup>
+import useTableHook from '../hooks/tableHook'
+const {table}=useTableHook();
+</script>
\ No newline at end of file
diff --git a/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/fieldHook.js b/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/fieldHook.js
new file mode 100644
index 00000000..fede877c
--- /dev/null
+++ b/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/fieldHook.js
@@ -0,0 +1,9 @@
+
+const useFieldHooks=()=>{
+    const field=ref("zd")
+    onMounted(() => {
+        console.log(`the component is now mounted. field`)
+      });
+return {field};
+}
+export default useFieldHooks;
\ No newline at end of file
diff --git a/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/tableHook.js b/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/tableHook.js
new file mode 100644
index 00000000..8719138d
--- /dev/null
+++ b/Yi.RuoYi.Vue3/src/views/webfirst/table/hooks/tableHook.js
@@ -0,0 +1,9 @@
+
+const useTableHooks=()=>{
+    const table=ref("bg")
+    onMounted(() => {
+        console.log(`the component is now mounted. table`)
+      });
+      return {table};
+}
+export default useTableHooks;
\ No newline at end of file
diff --git a/Yi.RuoYi.Vue3/src/views/webfirst/table/index.vue b/Yi.RuoYi.Vue3/src/views/webfirst/table/index.vue
new file mode 100644
index 00000000..5d1378b3
--- /dev/null
+++ b/Yi.RuoYi.Vue3/src/views/webfirst/table/index.vue
@@ -0,0 +1,8 @@
+<template>
+    <TableList></TableList>
+    <FieldList></FieldList>
+</template>
+<script setup>
+import FieldList from './components/FieldList.vue'
+import TableList from './components/tableList.vue'
+</script>
\ No newline at end of file