diff --git a/src/renderer/src/components/treecomponent.vue b/src/renderer/src/components/treecomponent.vue
index 0cfe701..fa56ee7 100644
--- a/src/renderer/src/components/treecomponent.vue
+++ b/src/renderer/src/components/treecomponent.vue
@@ -3,7 +3,7 @@
     <el-auto-resizer>
       <template #default="{ height, width }">
         <el-tree-v2 :data="treeData" :props="treeProps" class="bgColor" :style="`height:${height}px`"
-          @node-click="nodeClick">
+          @node-click="nodeClick" ref="treeRef">
           <template #default="{ node }">
             <span class="prefix" :class="{ 'is-leaf': node.isLeaf }">[ElementPlus]</span>
             <span>{{ node.label }}</span>
@@ -17,8 +17,6 @@
 <script>
 import _ from 'lodash'
 import dayjs from 'dayjs'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { styleType } from 'element-plus/es/components/table-v2/src/common';
 export default {
   name: 'treecomponent',
   components: {},
@@ -66,6 +64,9 @@ export default {
   methods: {
     nodeClick(node) {
       this.$emit("nodeClick", node)
+    },
+    setChecked() {
+      this.$refs.treeRef.setChecked(this.$refs.treeRef.setCheckedKeys()[0], false)
     }
   },
   async mounted() { },
diff --git a/src/renderer/src/components/viewcomponent.vue b/src/renderer/src/components/viewcomponent.vue
new file mode 100644
index 0000000..1e96976
--- /dev/null
+++ b/src/renderer/src/components/viewcomponent.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="viewClass">
+    预览
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import dayjs from 'dayjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+export default {
+  name: 'viewcomponent',
+  components: {},
+  props: {
+    rowData: {
+      type: Array,
+      default: () => {
+        return {}
+      }
+    },
+  },
+  data() {
+    return {
+      _: _,
+      dayjs: dayjs,
+    }
+  },
+  methods: {},
+  async mounted() { },
+  watch: {},
+  computed: {}
+}
+</script>
+<style scoped></style>
diff --git a/src/renderer/src/views/dangan.vue b/src/renderer/src/views/dangan.vue
index d77db9f..70f172c 100644
--- a/src/renderer/src/views/dangan.vue
+++ b/src/renderer/src/views/dangan.vue
@@ -31,7 +31,7 @@
     </div>
     <el-row :gutter="20">
       <el-col :span="6">
-        <treecomponent @nodeClick="nodeClick">
+        <treecomponent @nodeClick="nodeClick" ref="treeComponentRef">
         </treecomponent>
       </el-col>
       <el-col :span="18">
@@ -117,11 +117,12 @@ import dayjs from 'dayjs'
 import tablecomponent from "../components/tablecomponent.vue"
 import treecomponent from "../components/treecomponent.vue"
 import formcomponent from "../components/formcomponent.vue"
+import viewcomponent from "../components/viewcomponent.vue"
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { refresh } from 'less';
 export default {
   name: 'dangan',
-  components: { tablecomponent, formcomponent, treecomponent },
+  components: { tablecomponent, formcomponent, treecomponent, viewcomponent },
   watch: {},
   computed: {},
   data() {
@@ -135,6 +136,7 @@ export default {
         wenjianName: "",
         fileType: "",
         status: "",
+        parentId: "",
       },
       fileList: [
         {