diff --git a/src/views/craft/index.vue b/src/views/craft/index.vue
index 77bb144..1feff49 100644
--- a/src/views/craft/index.vue
+++ b/src/views/craft/index.vue
@@ -1,4 +1,12 @@
 <script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+
+const tableData = ref([])
+
+onMounted(() => {
+  console.log('--------')
+})
+
 const onAddCraft = () => {
 
 }
@@ -15,9 +23,22 @@ const onDelCraft = () => {
 <template>
   <div class="component-page">
     <section class="flex items-center h-20 gap-3 pl-3">
-      <el-button type="primary" @click="onAddCraft">添加工艺</el-button>
-      <el-button type="primary" @click="onEditCraft">编辑工艺</el-button>
-      <el-button type="primary" @click="onDelCraft">编辑工艺</el-button>
+      <el-button type="primary" @click="onAddCraft">
+        添加工艺
+      </el-button>
+      <el-button type="primary" @click="onEditCraft">
+        编辑工艺
+      </el-button>
+      <el-button type="primary" @click="onDelCraft">
+        编辑工艺
+      </el-button>
     </section>
+    <main>
+      <el-table :data="tableData" stripe style="width: 100%">
+        <el-table-column prop="name" label="工艺名称" width="180" />
+        <el-table-column prop="orgName" label="矿石名称" width="180" />
+        <el-table-column prop="createTime" label="创建日期" />
+      </el-table>
+    </main>
   </div>
 </template>