工艺规程new--详情

assets/css/iview-reset.less

@@ -339,7 +339,9 @@
         color: #fff;
     }
 }
-
+.ivu-select-dropdown{
+    z-index: 910!important;
+}
 .manyTabs {
     .ivu-tabs-bar {
         position: absolute;

pages/technology/details.vue

+<style lang="less">
+@import './technolog.less';
+</style>
+<template>
+    <Layout class="pt10 details_box">
+        <Header>
+            <h4 class="details_top tc">
+                <a class="back_href" @click="back">  <Icon type="ios-undo-outline" />返回工艺规程</a>
+                <div>工艺信息</div>
+            </h4>
+            <div class="details_body">
+                <Menu mode="horizontal" theme="light" active-name="1">
+                    <MenuItem name="1" to="/technology/details/working">工序</MenuItem>
+                    <MenuItem name="2" to="/technology/details/controlcard">质控卡</MenuItem>
+                    <MenuItem name="3" to="/technology/details/process">工艺BOM</MenuItem>
+                    <MenuItem name="4" to="/technology/details/setup">生产准备</MenuItem>
+                </Menu>
+            </div>
+        </Header>
+        <Layout class="bottom_box" >
+          <nuxt-child keep-alive></nuxt-child>
+        </Layout>
+    </Layout>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      showMenu:true,
+      treeHeight: '',
+      actNum:'1',
+    }
+  },
+  created() {
+    this.treeHeight = window.innerHeight - 140
+  },
+  async fetch({ store, params }) {
+    await store.dispatch('loadDictionary') // 加载数据字典
+  },
+  mounted() {
+    window.onresize = () => {
+      ///浏览器窗口大小变化
+      return (() => {
+        this.treeHeight = window.innerHeight - 140
+      })()
+    }
+  },
+  computed: { },
+  methods: {
+    back(){
+      this.$router.push({
+          name: "technology",
+          // params: { transmitData: lemData }
+        });
+    },
+  }
+}
+</script>

pages/technology/details/controlcard/index.vue

+<style lang="less">
+@import '../../technolog.less';
+</style>
+<template>
+    <div>质控卡内容</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      showMenu:true,
+      treeHeight: '',
+      actNum:'1',
+    }
+  },
+  created() {
+    this.treeHeight = window.innerHeight - 140
+  },
+  async fetch({ store, params }) {
+    await store.dispatch('loadDictionary') // 加载数据字典
+  },
+  mounted() {
+    window.onresize = () => {
+      ///浏览器窗口大小变化
+      return (() => {
+        this.treeHeight = window.innerHeight - 140
+      })()
+    }
+  },
+  computed: { },
+  methods: {
+    back(){
+
+    },
+  }
+}
+</script>

pages/technology/details/index.vue

-<style lang="less">
-@import '../technolog.less';
-</style>
 <template>
-    <Layout class="pt10 details_box">
-        <Header>
-            <h4 class="details_top tc">
-                <a class="back_href" @click="back">  <Icon type="ios-undo-outline" />返回工艺规程</a>
-                <div>工艺信息</div>
-            </h4>
-            <div class="details_body">
-                <Menu mode="horizontal" theme="light" active-name="1">
-                    <MenuItem name="1">工序</MenuItem>
-                    <MenuItem name="2" to="/technology/details/component/gongxu">质控卡</MenuItem>
-                    <MenuItem name="3">工艺BOM</MenuItem>
-                    <MenuItem name="4">生产准备</MenuItem>
-                     <!--  -->
-                </Menu>
-            </div>
-        </Header>
-        <!-- <Content> -->
-            <Layout class="bottom_box">
-                <nuxt-child keep-alive></nuxt-child>
-            </Layout>
-        <!-- </Content> -->
-    </Layout>
+    <workingView></workingView>
 </template>
-
 <script>
+import workingView from './working/index'
 export default {
-  components: {},
-  data() {
-    return {
-      showMenu:true,
-      treeHeight: '',
-      actNum:'1',
-    }
-  },
-  created() {
-    this.treeHeight = window.innerHeight - 140
-  },
-  async fetch({ store, params }) {
-    await store.dispatch('loadDictionary') // 加载数据字典
-  },
-  mounted() {
-    window.onresize = () => {
-      ///浏览器窗口大小变化
-      return (() => {
-        this.treeHeight = window.innerHeight - 140
-      })()
-    }
-  },
-  computed: { },
-  methods: {
-    back(){
-      this.$router.push({
-          name: "technology",
-          // params: { transmitData: lemData }
-        });
-    },
-  }
+    components:{workingView},
 }
 </script>
+<style lang="less">
+.footer02 {
+    background: #4c5968;
+    opacity: 0.9;
+    position: absolute;
+    bottom: 9px;
+    box-shadow: 0px -5px 6px rgba(0,0,0,0.3);
+    width: 83%;
+    z-index: 99;
+    padding: 10px;
+    color: #fff;
+    margin: 10px 0 10px 0;
+  }
+</style>
\ No newline at end of file

pages/technology/details/process/index.vue

+<style lang="less">
+@import '../../technolog.less';
+</style>
+<template>
+    <div>工艺BOM</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      showMenu:true,
+      treeHeight: '',
+      actNum:'1',
+    }
+  },
+  created() {
+    this.treeHeight = window.innerHeight - 140
+  },
+  async fetch({ store, params }) {
+    await store.dispatch('loadDictionary') // 加载数据字典
+  },
+  mounted() {
+    window.onresize = () => {
+      ///浏览器窗口大小变化
+      return (() => {
+        this.treeHeight = window.innerHeight - 140
+      })()
+    }
+  },
+  computed: { },
+  methods: {
+    back(){
+
+    },
+  }
+}
+</script>

pages/technology/details/setup/index.vue

+<style lang="less">
+@import '../../technolog.less';
+</style>
+<template>
+    <div>生产准备</div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      showMenu:true,
+      treeHeight: '',
+      actNum:'1',
+    }
+  },
+  created() {
+    this.treeHeight = window.innerHeight - 140
+  },
+  async fetch({ store, params }) {
+    await store.dispatch('loadDictionary') // 加载数据字典
+  },
+  mounted() {
+    window.onresize = () => {
+      ///浏览器窗口大小变化
+      return (() => {
+        this.treeHeight = window.innerHeight - 140
+      })()
+    }
+  },
+  computed: { },
+  methods: {
+    back(){
+
+    },
+  }
+}
+</script>

pages/technology/details/component/gongxu.vue → pages/technology/details/working/index.vue

@@ -2,7 +2,7 @@
 @import '../../technolog.less';
 </style>
 <template>
-    <div>1231323</div>
+    <div>工序</div>
 </template>
 
 <script>

pages/technology/technolog.less

@@ -74,4 +74,7 @@
             }
         }
     }
+    .bottom_box{
+        margin-top: 50px;
+    }
 }
\ No newline at end of file