productTree

components/page/productTree.vue

 <template>
-  <div class="flex fd tree-menu">
+<div class="flex fd tree-menu">
     <h3>
         产品结构
         <div class="fr mr10 mt10">
             <ButtonGroup class="fr" size="small">
-          <Button
-            :icon="expand ? 'md-arrow-dropright' : 'md-arrow-dropdown'"
-            @click="toggle"
-            title="展开/合并"
-          ></Button>
+                <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>
@@ -22,7 +18,7 @@
             <Tree :data="data" :render="renderContent" ref="tree" @on-select-change="change"></Tree>
         </div>
     </div>
-  </div>
+</div>
 </template>
 
 <script>
@@ -44,11 +40,12 @@ export default {
                 .get(`${technologyUrl}productlevel/getproducttreenew`)
                 .then(r => {
                     setTree(r.result);
+
                     function setTree(data) {
                         data.map(u => {
                             u.title = u.name;
                             u.value = u.id;
-              //   u.expand = true;
+                            u.expand = true;
                             //   u.selected = false;
                             //   u.checked = false;
                             if (u.children) {
@@ -63,7 +60,11 @@ export default {
         toggle() {
             this.expand = !this.expand;
         },
-    renderContent(h, { root, node, data }) {
+        renderContent(h, {
+            root,
+            node,
+            data
+        }) {
             let type = "md-folder";
             if (data.isProduct != 0) {
                 type = "ios-image";
@@ -78,8 +79,7 @@ export default {
                     }
                 }),
                 h(
-          "span",
-          {
+                    "span", {
                         style: {
                             color: data.isProduct == 0 ? "#000" : "rgba(38, 128, 235, 1)"
                         }
@@ -98,6 +98,7 @@ export default {
             productIds.push(b.value);
             if (b.children) {
                 addId(b.children);
+
                 function addId(data) {
                     data.map(u => {
                         if (u.bomId !== 0) {
@@ -122,6 +123,7 @@ export default {
             let expand = this.expand;
             let result = [];
             search(this.keys, items);
+
             function search(keys, data) {
                 data.map(u => {
                     if (keys.length < 2) {
@@ -145,6 +147,7 @@ export default {
 
 <style lang="less">
 @import "../../assets/css/custom.less";
+
 .tree-menu {
     h3 {
         height: 50px;
@@ -157,16 +160,19 @@ export default {
         opacity: 1;
         padding-left: 10px;
     }
+
     .search {
         height: 50px;
         padding: 5px 10px;
     }
+
     .fg {
         flex: none;
         // height:0;
         overflow: auto;
         padding-left: 10px;
     }
+
     .tree {
         height: calc(100vh - 215px);
         overflow: auto;