mesplan

pages/mesPlan/index.vue

 <template>
-  <div>
+  <Layout class="full">
+    <Sider hide-trigger :style="{background: '#fff'}" width="260">
+      <div class="zh-tree" :style="{height:treeHeight+'px'}">
+        <h3 class="zh-title">产品结构</h3>
+        <div class="zh-box">
+          <Input search placeholder="请输入查询条件" v-model="treeInputSearch" />
+          <Tree
+            :data="searchList"
+            :style="{height:(treeHeight-95)+'px'}"
+            style="overflow:auto;width:215px;"
+            @on-select-change="selectTreeNode"
+          ></Tree>
+        </div>
+      </div>
+    </Sider>
+    <Content class="content">
       <DataGrid :columns="columns" ref="grid" :action="action">
         <template slot="easySearch">
           <Form ref="formInline" :model="easySearch" inline>
@@ -33,7 +48,8 @@
       <Modal v-model="deletelModal" title="删除" @on-ok="removeOk" @on-cancel="cancel">
         <p>确定删除？</p>
       </Modal>
-  </div>
+    </Content>
+  </Layout>
 </template>
 <script>
 import Api from "./api";
@@ -65,49 +81,6 @@ export default {
       deletelModal: false,
       curId: 0,
       columns: [
-        { key: "id", title: this.l("id"), hide: true, align: "left" },
-        {
-          key: "creationTime",
-          title: this.l("creationTime"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "creatorUserId",
-          title: this.l("creatorUserId"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "lastModificationTime",
-          title: this.l("lastModificationTime"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "lastModifierUserId",
-          title: this.l("lastModifierUserId"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "isDeleted",
-          title: this.l("isDeleted"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "deletionTime",
-          title: this.l("deletionTime"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "deleterUserId",
-          title: this.l("deleterUserId"),
-          hide: true,
-          align: "left"
-        },
         {
           key: "mesCode",
           title: this.l("mesCode"),
@@ -122,31 +95,19 @@ export default {
           high: true,
           code: "mes.mes_plan.task_type"
         },
-        {
-          key: "productId",
-          title: this.l("productId"),
-          align: "left",
-          high: true
-        },
         {
           key: "quantity",
           title: this.l("quantity"),
           align: "left",
           high: true
         },
-        {
-          key: "remark",
-          title: this.l("remark"),
-          align: "left",
-          easy: true,
-          high: true
-        },
         {
           key: "taskRequire",
           title: this.l("taskRequire"),
           align: "left",
           easy: true,
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "status",
@@ -155,19 +116,13 @@ export default {
           high: true,
           code: "mes.mes_plan.status"
         },
-        {
-          key: "divideMark",
-          title: this.l("divideMark"),
-          align: "left",
-          high: true,
-          code: "mes.mes_plan.divide_mark"
-        },
         {
           key: "productCode",
           title: this.l("productCode"),
           align: "left",
           easy: true,
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "productName",
@@ -183,7 +138,6 @@ export default {
           easy: true,
           high: true
         },
-        { key: "rootId", title: this.l("rootId"), align: "left", high: true },
         {
           key: "batchNumber",
           title: this.l("batchNumber"),
@@ -209,42 +163,47 @@ export default {
           key: "productingPreparationPeople",
           title: this.l("productingPreparationPeople"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "productingPreparationFinishDate",
           title: this.l("productingPreparationFinishDate"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "quotationPeople",
           title: this.l("quotationPeople"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "quotationFinishDate",
           title: this.l("quotationFinishDate"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
-        { key: "upId", title: this.l("upId"), align: "left", high: true },
         {
           key: "demandStartDate",
           title: this.l("demandStartDate"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
         {
           key: "demandFinishDate",
           title: this.l("demandFinishDate"),
           align: "left",
-          high: true
+          high: true,
+          hide: true
         },
         {
           title: "操作",
-          key: "id",
+          key: "action",
           width: 140,
           align: "center",
           render: (h, params) => {
@@ -335,5 +294,11 @@ export default {
   }
 };
 </script>
-<style lang="less">
+<style lang="less" scoped>
+.full {
+  margin-top: 0;
+  .content {
+    margin-top: 10px;
+  }
+}
 </style>
\ No newline at end of file