productree

pages/processDesign/setProcess/index.vue

 <template>
-
   <div>
     <!-- 左侧树 -->
-    <!-- <div class="zh-tree" :style="{height:treeHeight+'px'}">
+    <div class="zh-tree" :style="{height:treeHeight+'px'}">
       <h3 class="zh-title">产品结构</h3>
       <div class="zh-box">
         <Input search placeholder="请输入查询条件" v-model="treeInputSearch" />
@@ -14,14 +13,6 @@
           @on-select-change="selectTreeNode"
         ></Tree>
       </div>
-    </div> -->
-    <Sider hide-trigger v-if="showMenu" class="menu_side" width="300">
-      <ProductTree @on-hide="onHide" @on-select="productSearch" />
-    </Sider>
-    <div v-if="!showMenu" class="show_menu">
-      <a class="menu_play fr" @click="showMenuFn" title="展开">
-        <Icon type="ios-arrow-forward" size="24" />
-      </a>
     </div>
     <!-- 右侧内容 -->
     <div class="content-right">
@@ -386,7 +377,7 @@ import orderData from './components/orderData.vue' //数据审查
 import modelTable from '../Process/model.vue'
 import processNew from '../Process/processNew.vue'
 import service from '@/plugins/request'
-import ProductTree from "@/components/page/productTree.vue";//左侧树列表
+
 import OrderSendReview from './components/orderSendReview' //送审页面
 import processview from '../Process/processview.vue'
 import sendAudit from '../Process/sendAudit.vue'
@@ -398,7 +389,7 @@ export default {
     modelTable,
     processNew,
     orderMaterial,
-    OrderSendReview, ProductTree,
+    OrderSendReview,
     processview,
     sendAudit,
     orderData
@@ -407,7 +398,6 @@ export default {
     return {
       isview: false,
       isdview: false,
-      showMenu: true,
       ismview: false,
       issendAudit: false,
       createtype: 1,
@@ -937,18 +927,6 @@ export default {
     }
   },
   methods: {
-    onHide() {
-      // this.$Message.info("收起左侧树")
-      this.showMenu = false;
-    },
-    showMenuFn() {
-      //this.$Message.info("展开左侧树")
-      this.showMenu = true;
-    },
-    productSearch(id, item, ids) {
-      let where = { productId: { op: "In", value: ids } };
-      this.$refs.grid.reload(where);
-    },
     // tab切换
     tabChange(name) {
       this.tabstatus = name

pages/processManage/setProcess/index.vue

 <template>
-  <div>
+<Layout class="lay100">
+  <!-- <div> -->
     <!-- 左侧树 -->
     <div class="zh-tree" :style="{height:treeHeight+'px'}">
       <h3 class="zh-title">产品结构</h3>
@@ -14,8 +15,16 @@
         ></Tree>
       </div>
     </div>
+    <!-- <Sider hide-trigger v-if="showMenu" class="menu_side" width="300">
+      <ProductTree @on-hide="onHide" @on-select="productSearch" />
+    </Sider>
+    <div v-if="!showMenu" class="show_menu">
+      <a class="menu_play fr" @click="showMenuFn" title="展开">
+        <Icon type="ios-arrow-forward" size="24" />
+      </a>
+    </div> -->
     <!-- 右侧内容 -->
-    <div class="content-right">
+    <Content class="con" :class="!showMenu?'con_bord':''">
       <div class="title_box">
         <div class="table_title">
           <div style="width:100px; float:left">
@@ -235,7 +244,7 @@
           @on-page-size-change="pageSizeChange"
         />
       </div>
-    </div>
+    </Content>
     <Modal
       v-model="modal1"
       :title="gymodaltitle"
@@ -339,19 +348,18 @@
     >
       <processview ref="processview"></processview>
     </Modal>
-  </div>
+  </Layout>
 </template>
 
 <script>
 import DrawerSet from "./components/drawerSet.vue"; //抽屉列表
-import TreeType from "./components/treeType.vue"; //左侧树列表
 
 import orderMaterial from "./components/orderMaterial.vue"; //料单
 
 import processMain from "./processMain.vue";
 import processNew from "../Process/processNew.vue";
 import service from "@/plugins/request";
-
+import ProductTree from "@/components/page/productTree.vue"; //左侧树列表
 import OrderSendReview from "./components/orderSendReview"; //送审页面
 import processview from "../Process/processview.vue";
 import sendAudit from "../Process/sendAudit.vue";
@@ -359,7 +367,7 @@ import QS from "querystring";
 export default {
   components: {
     DrawerSet,
-    TreeType,
+    ProductTree,
     processMain,
     processNew,
     orderMaterial,
@@ -369,6 +377,7 @@ export default {
   },
   data() {
     return {
+      showMenu: true,
       isview: false,
       isdview: false,
       ismview: false,
@@ -720,6 +729,19 @@ export default {
     }
   },
   methods: {
+    onHide() {
+      this.showMenu = false;
+    },
+    showMenuFn() {
+      this.showMenu = true;
+    },
+    productSearch(id, item, ids) {
+      console.log(item)
+      // this.productId = data.join(",");
+      // this.tableTata(this.selectName);
+      // let where = { productId: { op: "In", value: ids } };
+      // this.$refs.grid.reload(where);
+    },
     // tab切换
     tabChange(name) {
       this.tabstatus = name;
@@ -862,6 +884,7 @@ console.log(this.orderSearchForm.SkipCount);
       });
     },
     selectTreeNode(value) {
+      console.log(value)
       if (value.length > 0) {
         this.ids = [];
         this.getAllIds(value);