<template>
  <div class="page flex-col justify-end">
    <div class="block_1 flex-col">
      <div class="box_1 flex-col">
        <div class="group_10 flex-row">
          <img class="label_1" referrerpolicy="no-referrer"  src="../../assets/images/logo.png" />
          <div class="group_1 flex-col"></div>
          <span class="text_2">商户平台</span> 
          
          <span v-for="(item, index) in tab_list" :key="index"  :class="[vdata.tab_index == index?'text_3':'text_4']" @click="getTab(index)" >{{item.name}}</span>
          <!-- <div class="group_2 flex-row">
            <div class="section_1 flex-col"></div>
            <span class="text_8">小程序</span>
            <div class="section_2 flex-col"></div>
          </div> -->
          <div class="group_3 flex-col">
              <span class="group_span1"  @click="getRegister">注册成为商户</span>
              <span class="group_span2" @click="getLogin">登陆</span>
          </div>
          <div class="group_4 flex-col"></div>
        </div>
        <!-- <div class="group_11 flex-row">
          <div class="group_5 flex-col"></div>
        </div> -->
      </div> 
    </div>
    <div class="group_14 flex-row">
      
      <div class="group_12 flex-row">
        <div class="box_17 flex-col">
          <div class="image-text_6 flex-row justify-between">
            <div class="box_18 box_bxg flex-col">
              <div class="box_19 flex-col"></div>
            </div>
            <span class="text-group_13">新手入门</span>
          </div>
          <span class="text_32">操作指南</span>
          <span class="text_33">平台规则</span>
        </div>
        <div class="box_17 flex-col">
          <div class="image-text_6 flex-row justify-between">
            <div class="box_18 box_fxg flex-col">
              <div class="box_19 flex-col"></div>
            </div>
            <span class="text-group_13">服务支持</span>
          </div>
          <span class="text_32">技术支持中心</span>
        </div>
        <div class="box_17 flex-col">
          <div class="image-text_6 flex-row justify-between">
            <div class="box_18 box_yxg flex-col">
              <div class="box_19 flex-col"></div>
            </div>
            <span class="text-group_13">友情链接</span>
          </div>
          <span class="text_32">收银呗开放平台</span>
        </div>
        
        <div class="box_17 flex-col">
          <div class="image-text_6 flex-row justify-between">
            <div class="box_18 box_kxg flex-col">
              <div class="box_19 flex-col"></div>
            </div>
            <span class="text-group_13">客服帮忙</span>
          </div>
          <span class="text_32">在线问答</span>
          <span class="text_33">客服热线：400-675-2070（9:00 - 22:00）</span>
          <span class="text_33">客服微信:shouyinbeikefu</span>
        </div>


        

        <!-- <div class="box_23 flex-col"></div> -->
        <!-- <div class="box_24 flex-col justify-between">
          <span class="text_39">移动版体验</span>
          <div class="image-text_9 flex-col justify-between">
            <img
              class="image_3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/MasterDDSSlicePNGf5cba93a4e62495563d7c642a560a20b.png"
            />
            <span class="text-group_16">打开微信扫一扫</span>
          </div>
        </div> -->
        
        </div>
      </div>
      
    <div class="content-footer">
      <JeepayFooterInfo />
    </div>
  </div>
</template>
<script  setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import router from '@/router'
import { useOem } from '@/store/modules/oem'
import JeepayFooterInfo from '@/components/link/JeepayUIComponents/JeepayFooterInfo/JeepayFooterInfo.vue'
// 获取网站信息
const oemSiteInfo = useOem().getSiteInfo()
let loginPosition = ref('') // 决定登录框水平位置 左中右？
let loginPageCardPosition = oemSiteInfo.mch.loginPageCardPosition
console.log(oemSiteInfo,'oemSiteInfo')
const vdata = reactive({
  tab_index:999
});
const tab_list = [
  {
    name:'首页',
    url:'',
  },
  {
    name:'接入指引',
    url:'',
  },
  {
    name:'产品大全',
    url:'',
  },
  {
    name:'文档中心',
    url:'',
  },
  {
    name:'解决方案',
    url:'',
  }
];
function getTab(index) { 
  vdata.tab_index = index
  if(index == 0){
     window.location.href = "/main"
  }else if(index == 2){
     window.location.href = "/productCenter"
  }
}
function getRegister(){
  router.push({ name: 'register', path: '/user/register' })
}
function getLogin(){
  router.push({ name: 'login', path: '/user/login' })
}
</script>
<style src="../../less/common.css" />
<style src="../../less/home.css" />
