优化文档

components/page/wordTree.vue

 
 <template>
-  <div class="word-tree">
-    <div class="search">
-      <Input search placeholder="关键字" v-model="keys" clearable />
+  <div class="flex fd tree-menu">
+    <h3>
+      <span>文档分类</span>
+      <div class="fr mr10 mt10">
+        <ButtonGroup class="fr ddi" size="small">
+          <Button
+            :icon="expand ? 'md-arrow-dropright' : 'md-arrow-dropdown'"
+            @click="toggle"
+            title="展开/合并"
+          ></Button>
+          <Button icon="md-refresh" title="刷新" @click="loadTree()"></Button>
+          <Button icon="md-rewind" title="收起" @click="hide"></Button>
+        </ButtonGroup>
+      </div>
+    </h3>
+
+    <div class="fg">
+      <Tree
+        :data="data"
+        ref="tree"
+        @on-select-change="change"
+        :render="renderContent"
+      ></Tree>
     </div>
-    <Tree
-      :data="data"
-      ref="tree"
-      @on-select-change="change"
-      :render="renderContent"
-    ></Tree>
   </div>
 </template>
 <script>
@@ -18,6 +32,7 @@ export default {
   data() {
     return {
       keys: "",
+      expand: false,
       list: [],
     };
   },
@@ -124,6 +139,12 @@ export default {
         ),
       ]);
     },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    hide() {
+      this.$emit("onHide");
+    },
   },
 };
 </script>
\ No newline at end of file

pages/word/document/index.vue

@@ -2,36 +2,7 @@
   <div class="product-mix">
     <Layout>
       <Sider width="300" v-if="showMenu">
-        <div class="flex fd tree-menu">
-          <h3>
-            <span>文档分类</span>
-            <div class="fr mr10 mt10">
-              <ButtonGroup class="fr ddi" size="small">
-                <Button
-                  :icon="expand ? 'md-arrow-dropright' : 'md-arrow-dropdown'"
-                  @click="toggle"
-                  title="展开/合并"
-                ></Button>
-                <Button
-                  icon="md-refresh"
-                  title="刷新"
-                  @click="loadTree()"
-                ></Button>
-                <Button icon="md-rewind" title="收起" @click="hide"></Button>
-              </ButtonGroup>
-            </div>
-          </h3>
-
-          <div class="fg">
-            <!-- <Tree
-                :data="data"
-                ref="tree"
-                @on-select-change="change"
-                :render="renderContent"
-              ></Tree> -->
-            <WordTree @change="change" />
-          </div>
-        </div>
+        <WordTree @change="change" @onHide="hide" />
       </Sider>
       <div v-if="!showMenu" class="show_menu">
         <a class="menu_play fr" @click="showMenuFn" title="展开">
@@ -67,8 +38,6 @@ export default {
     return {
       list: [],
       showMenu: true,
-      model8: "",
-      expand: false,
       treeId: 0,
       addShow: false,
       ids: [],
@@ -86,14 +55,6 @@ export default {
       this.workFlowIds = item.workFlowIds;
       this.ids = ids;
     },
-
-    toggle() {
-      if (this.model8) {
-        this.expand = !this.expand;
-      } else {
-        this.$Message.error("请先选择类型");
-      }
-    },
     hide() {
       this.showMenu = false;
     },