greater_wms/templates/src/pages/container/container.vue

<template>
    <q-page class="flex flex-top">
      <template>
        <div class="q-pa-md">
          <div class="q-gutter-y-md" style="max-width: 100%">
            <q-tabs v-model="detaillink">
  
              <transition appear enter-active-class="animated zoomIn">
                <q-route-tab
                  name="containerlist"
                  :label="'托盘列表'"
                  icon="img:statics/dashboard/out_statement.png"
                  :to="{ name: 'containerlist' }"
                  exact
                />

              </transition>
              <transition appear enter-active-class="animated zoomIn">
                <q-route-tab
                  name="containeroperate"
                  :label="'入库出库'"
                  icon="img:statics/dashboard/out_statement.png"
                  :to="{ name: 'containeroperate' }"
                  exact
                />
         
              </transition>
              <transition appear enter-active-class="animated zoomIn">
                <q-route-tab
                  name="containerdetail"
                  :label="'托盘统计'"
                  icon="img:statics/dashboard/out_statement.png"
                  :to="{ name: 'containerdetail' }"
                  exact
                />
              </transition>

  
              
            </q-tabs>
          </div>
        </div>
      </template>
      <div class="main-table2"><router-view /></div>
    </q-page>
  </template>
  
  <script>
  export default {
    name: 'Pagedashboard',
    data () {
      return {
        detaillink: 'containerlist'
      }
    },
    methods: {}
  }
  </script>