<template>
  <div>
    <!-- <supplierIndex v-hasRole="['super_admin','supplier']"/>
    <material  v-hasRole="['super_admin']"/>
    <product  v-hasRole="['super_admin']"/>
    <produce  v-hasRole="['super_admin']"/> -->
    
    <ContentWrap v-clientTable v-if="showText">
      <div class="logo" v-clientTable>
        <img src="../../assets/imgs/logo_white.png" alt="">
        <span>欢迎使用供应商系统!</span>
      </div>
    </ContentWrap>
    <supplierIndex v-else />
    <!-- <material/> -->
    <!-- 和 material 中四个table重复了，先去掉了 -->
    <!-- <product/> --> 
    <!-- <produce/> -->
  </div>
</template>
<script lang="ts" setup>
import { getBaseUrl } from '@/utils/systemParam'
import supplierIndex from './components/supplierIndex.vue'
import material from './components/material.vue'
import product from './components/product.vue'
import produce from './components/produce.vue'
  
const origin = ref(window.location.origin)
const mode = ref(import.meta.env.MODE)
console.log(11,mode.value)
console.log(22,window.location)
const showText = ref(false)
// 生产环境取域名
if (mode.value === 'prod') { 
  if (origin.value == 'https://tjintex-scp.toyota-boshoku-china.com') {
    showText.value = true
  } else {
    showText.value = false
  }
  // 测试取域名
} else if (mode.value === 'test') { 
  if (origin.value == 'http://dev.ccwin-in.com:28040') {
    showText.value = true
  } else {
    showText.value = false
  }
} else {
  // 本地环境取env文件
  if (import.meta.env.VITE_BASE_URL == 'http://dev.ccwin-in.com:28040/api') {
    showText.value = true
  } else {
    showText.value = false
  }
}
</script>
<style lang="scss" scoped>
.logo{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
 img{
  width: 20vw;
  height: auto !important;;
 }
 span{
  font-size: 6vmin;
  font-weight: bold;
  padding-left: 2vw;
 }
}
</style>
