diff --git a/src/components/EditTabelPlus/EditTablePlus.vue b/src/components/EditTabelPlus/EditTablePlus.vue
index 06176a6..f274f2a 100644
--- a/src/components/EditTabelPlus/EditTablePlus.vue
+++ b/src/components/EditTabelPlus/EditTablePlus.vue
@@ -14,6 +14,14 @@
       <el-pagination v-model:current-page="query.page" :page-size="query.page_size" :small="false"
         layout="prev, pager, next" :total="count" @current-change="getTableData" />
     </div>
+    <el-dilog v-model="itemEditVisible">
+      <el-form>
+        <el-form-item v-for="column in props.tableModel.columns" :label="column.name">
+          <edit-form-item :column-config="column" v-model="itemEditTemp[column.key]" />
+        </el-form-item>
+      </el-form>
+    </el-dilog>
+    <el-dilog v-model="itemAddVisible"></el-dilog>
   </div>
 </template>
 <script setup lang="ts">
@@ -27,6 +35,10 @@ const tableData = ref([])
 const count = ref(0)
 const query = ref({ page: 1, page_size: 10 })
 const crudApi = new CrudApi("");
+const itemEditTemp = ref({})
+const itemAddTemp = ref({})
+const itemEditVisible = ref(false)
+const itemAddVisible = ref(false)
 watch(() => props.tableModel, (newVal) => {
   initCrudApi()
   query.value = initQuery(newVal, query.value)