scp首页换成文字

src/views/home/index.vue

@@ -4,7 +4,14 @@
     <material  v-hasRole="['super_admin']"/>
     <product  v-hasRole="['super_admin']"/>
     <produce  v-hasRole="['super_admin']"/> -->
-    <supplierIndex />
+    
+    <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/> --> 
@@ -12,8 +19,55 @@
   </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'
+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>