工艺查看

pages/produce/execute/ProcessCheck/index.vue

 
 <template>
     <div class="wu_bg">
-        <div class="wu_top">
-            工艺查看
-        </div>        
+        <!-- <div class="wu_top">
+            工艺查看  /technology/details/setup/setupDetails
+        </div> --> 
+        <Layout class="tech_box">
+            <Header>
+                <div class="tech_body">
+                    <Menu mode="horizontal" theme="light" active-name="1">
+                        <MenuItem name="1" to="/produce/execute/ProcessCheck/setupDetails">工艺规程</MenuItem>
+                        <MenuItem name="2" to="/produce/execute/ProcessCheck/setupDetails">作业指导书</MenuItem>
+                        <MenuItem name="3" to="/produce/execute/ProcessCheck/setupDetails">工步导航</MenuItem>
+                        <MenuItem name="4" to="/produce/execute/ProcessCheck/setupDetails">工艺提醒</MenuItem>
+                    </Menu>
+                </div>
+            </Header>
+            <Layout class="bottom_box" >
+            <nuxt-child keep-alive></nuxt-child>
+            </Layout>
+        </Layout>       
     </div>
 </template>
 <script>

pages/produce/execute/ProcessCheck/setupDetails.vue

+
+<template>
+    <div class="">
+        <div class="">
+            工艺规程
+        </div> 
+             
+    </div>
+</template>
+<script>
+export default {
+    name:'starOrder',
+    data(){
+        return{
+            starmodal: false,
+        }
+    },
+    created() {
+        // this.treeHeight = window.innerHeight - 120;
+    },
+    async fetch({ store, params }) {
+        await store.dispatch("loadDictionary"); // 加载数据字典
+    },
+    mounted() {
+        window.onresize = () => {
+        ///浏览器窗口大小变化
+        return (() => {
+            this.treeHeight = window.innerHeight - 120;
+        })();
+        };
+    },
+    methods: {
+        starFun(){
+            this.$Message.success("开工...")
+        },
+    },
+}
+</script>

pages/produce/execute/execute.less

@@ -334,6 +334,48 @@
 .wu_bg{
     height: calc(100vh - 165px);
 }
+.tech_box{
+    height: calc(100vh - 165px);
+    .tech_body{
+        // padding: 0 20px; 
+        .ivu-layout-header{
+            height: 0;
+        }
+        .ivu-menu-horizontal{
+            height: 40px;
+            line-height: 40px;
+            .ivu-menu-item{
+                width: 115px;
+                text-align: center;
+            }
+            a.ivu-menu-item-active::before{
+                content: "";
+                display: block;
+
+                border-width: 5px 6px 0;
+                border-style: solid;
+                border-color: #2d8cf0 transparent transparent;
+                width: 0;
+                height: 0;
+                position: absolute;
+                bottom: -6px;
+                left: 43%;
+            }
+            a.ivu-menu-item-active::after{
+                content: "";
+                display: block;
+                border-width: 4px 4px 0;
+                border-style: solid;
+                border-color: #fff transparent transparent;
+                width: 0;
+                height: 0;
+                position: absolute;
+                bottom: -4px;
+                left: 44%;
+            }
+        }
+    }
+}
 .case_top{
     padding: 15px 70px 10px;
     .sear_btn{

pages/technology/details/setup/setupDetails/details.vue

@@ -2,7 +2,7 @@
 @import '../../../technolog.less';
 </style>
 <template>
-    <div>主材</div>
+    <div>主材121</div>
 </template>
 
 <script>

pages/technology/technolog.less

@@ -75,13 +75,13 @@
         height: 40px;
         line-height: 40px;
         .ivu-menu-item{
-            width: 97px;
+            width: 115px;
             text-align: center;
         }
         a.ivu-menu-item-active::before{
             content: "";
             display: block;
-            border-width: 5px 5px 0;
+            border-width: 5px 6px 0;
             border-style: solid;
             border-color: #2d8cf0 transparent transparent;
             width: 0;