清洗

src/pages/modules/clean/cleaning-loading.vue

@@ -56,8 +56,8 @@
                         <td>{{ e.device_code }}</td>
                         <td>{{e.material_code}}</td>
                         <td>{{e.material_spec}}</td>
-                        <td>{{e.deviceinstor_qty | numeric(3)}}</td>
-                        <td>{{ e.deviceinstor_weight | numeric(3)  }}</td>
+                        <td>{{e.deviceinstor_weight | numeric(3)}}</td>
+                        <td>{{ e.deviceinstor_qty | numeric(3)  }}</td>
                         <td>{{ e.task_code }}</td>
                     </tr>
                 </tbody>
@@ -145,6 +145,4 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-.grid_wraper
-    height calc(100% - 95px)
 </style>

src/pages/modules/clean/index.vue

@@ -5,11 +5,18 @@
         @switchColor="switchColor"
         />
         <div class="body-container">
-            <div class="main-container">
-                <keep-alive :include="keepAlive" >
-                  <router-view/>
-                </keep-alive>
-            </div>
+          <div v-show="$route.meta.guidePath !== '4'" class="tabs_wrap">
+              <ul class="tabs">
+                  <li v-for="i in menus" :key="i.index">
+                      <router-link :to="i.router" :class="{'router-link-active': i.router === $route.path}">{{i.label}}</router-link>
+                  </li>
+              </ul>
+          </div>
+          <div class="main-container" :style="$route.meta.guidePath !== '4' ? 'height: calc(100% - 44px)' : 'height: 100%'">
+              <keep-alive :include="keepAlive" >
+                <router-view/>
+              </keep-alive>
+          </div>
         </div>
     </div>
     </template>
@@ -22,7 +29,22 @@ export default {
     jxHeader
   },
   data () {
-    return {}
+    return {
+      menus: [
+        {
+          label: '清洗上料',
+          router: '/cleaningloading'
+        },
+        {
+          label: '清洗下料',
+          router: '/cleaningcutting'
+        },
+        {
+          label: '人工倒料',
+          router: '/manpour'
+        }
+      ]
+    }
   },
   computed: {
     title () {
@@ -58,6 +80,27 @@ export default {
     margin 0 auto 10px
     padding 5px
     border 1px solid #484cce
+.tabs_wrap
+    height 34px
+    margin-bottom 10px
+.tabs
+  height 34px
+  li
+    float left
+    line-height 32px
+    text-align center
+    padding-right 10px
+    a
+      display inline-block
+      color #fff
+      width 100%
+      padding 0 10px
+      font-size 14px
+      border-bottom 1px solid #2aa6f9
+    .router-link-active
+        background linear-gradient(#0de0ff 0%,#2aa6f9 100%)
+        border-top-left-radius 12px
+        border-top-right-radius 12px
 .main-container
-    _wh(100%, 100%)
+  width 100%
 </style>