<template>
  <div>
    <!-- <supplierIndex v-hasRole="['super_admin','supplier']"/>
    <material  v-hasRole="['super_admin']"/>
    <product  v-hasRole="['super_admin']"/>
    <produce  v-hasRole="['super_admin']"/> -->
    <supplierIndex />
    <material/>
    <!-- 和 material 中四个table重复了，先去掉了 -->
    <!-- <product/> --> 
    <produce/>
  </div>
</template>
<script lang="ts" setup>
  import supplierIndex from './components/supplierIndex.vue'
  import material from './components/material.vue'
  import product from './components/product.vue'
  import produce from './components/produce.vue'
</script>
