订单报价左侧树

assets/css/base.less

@@ -1309,9 +1309,9 @@ html [type=button] {
     background: rgba(245, 246, 250, 1);
   }
 .menu_side{
-    background: #fff;
-    margin: 5px 0 0 0;
-    border: 1px solid #dcdee2
+    background: #fff!important;
+    margin: 5px 0 0 0!important;
+    border: 1px solid #dcdee2!important;
 }
 .show_menu{
     width: 30px;

pages/order/quotation/index.vue

@@ -4,8 +4,16 @@
     <Sider hide-trigger :style="{background: '#fff'}" width="260">
       <Tree-Type @func="getMsgFormSon" :style="{ height: treeHeight + 'px' }"></Tree-Type>
     </Sider>
+    <!-- <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> -->
     <!-- 右侧内容 -->
-    <Content class="content">
+    <Content class="content" :class="!showMenu?'con_bord':''">
       <Tabs v-model="selectName" @on-click="handleClick">
         <TabPane label="订单报价" key="offer" name="offer">
           <div class="search-form">
@@ -140,7 +148,7 @@ import MetalQuotation from "./components/metalQuotation.vue"; //订单报价弹
 import Photosensitive from "./components/photosensitive.vue"; //订单报价弹框光敏
 import MetalDetails from "./components/metalDetails.vue"; //报价历史记录铺粉详情弹框
 import PhotosensitiveDetails from "./components/photosensitiveDetails.vue"; //报价历史记录光敏详情弹框
-
+import ProductTree from "@/components/page/productTree.vue";//左侧树列表
 import MetalQuotationGeneration from "./components/metalQuotationGeneration.vue"; //生成报价单弹框
 import PhotosensitiveGeneration from "./components/photosensitiveGeneration.vue"; //生成报价单弹框
 export default {
@@ -152,7 +160,7 @@ export default {
     MetalQuotation,
     Photosensitive,
     MetalDetails,
-    PhotosensitiveDetails,
+    PhotosensitiveDetails,ProductTree,
     MetalQuotationGeneration,
     PhotosensitiveGeneration
   },
@@ -162,6 +170,7 @@ export default {
         result: []
       },
       userId: 0,
+      showMenu: true,
       model1: "",
       rows: {},
       modalDai: false, //待审核
@@ -381,6 +390,16 @@ export default {
     };
   },
   methods: {
+    onHide() {
+      this.showMenu = false;
+    },
+    showMenuFn() {
+      this.showMenu = true;
+    },
+    productSearch(id, item, ids) {
+      let where = { productId: { op: "In", value: ids } };
+      this.$refs.grid.reload(where);
+    },
     update() {
       this.tableTata(this.selectName);
     },

pages/technology/index.vue

 <style lang="less">
 @import "./technolog.less";
-// .lay100 {
-//   height: calc(100vh - 105px);
-//   background-color: #f5f6fa;
-//   .con {
-//     padding: 5px 5px 0px 10px;
-//   }
-//   .con_bord {
-//     // margin: 15px 32px;
-//     box-shadow: #c7c7c7 1px 2px 7px 3px;
-//   }
-//   background: rgba(245, 246, 250, 1);
-// }
+
 .fullWindow {
   position: fixed;
   width: 100%;