<template>
  <div>
    <a-card style="width: 500px;padding:30px">
      <div>
        <p>商户中心</p>
      </div>
      <a-divider style="margin: 20px 0 10px 0;" />
      <div class="item">
        <span class="label">用户名称</span>
        <span class="desc">{{ vdata.mchInfo.mchName }}</span>
      </div>
      <div class="item">
        <span class="label">商户简称</span>
        <span class="desc">{{ vdata.mchInfo.mchShortName }}</span>
      </div>
      <div class="item">
        <span class="label">登录名</span>
        <span class="desc">{{ vdata.mchInfo.loginUsername }}</span>
      </div>
      <div class="item">
        <span class="label">用户号</span>
        <span class="desc">{{ vdata.mchInfo.mchNo }}</span>
      </div>
      <div class="item">
        <span class="label">商户类型</span>
        <span class="desc">{{ vdata.mchInfo.type==1?'普通商户':'特约商户' }}</span>
      </div>
      <div class="item">
        <span class="label">服务商号</span>
        <span class="desc">{{ vdata.mchInfo.isvNo }}</span>
      </div>
      <!-- <div class="item">
        <span class="label">代理商号</span>
        <span class="desc">{{ vdata.mchInfo.agentNo }}</span>
      </div> -->
      <div class="item">
        <span class="label">注册时间</span>
        <span class="desc">{{ vdata.mchInfo.createdAt }}</span>
      </div>
      <!-- <div class="item">
        <span class="label">签约状态</span>
        <span class="desc"><a-tag color="cyan">已签约</a-tag></span>
      </div>
      <div class="item">
        <span class="label">签约到期时间</span>
        <span class="desc">{{ vdata.mchInfo.createdAt }}</span>
      </div> -->
    </a-card>
  </div>
</template>

<script lang="ts" setup>
import { $getMainUserInfo } from '@/api/manage' // 接口
import {reactive} from 'vue'

const vdata = reactive ({
  mchInfo: {} as any
})

  $getMainUserInfo().then(res => {
    vdata.mchInfo = res
    console.log(vdata.mchInfo)
  })
</script>
<style lang="less" scoped>
p {
    font-size: 16px;
    font-weight: 500;
    margin:0 5px;
  }
.desc {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #262626;
}
.label {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #999;
}
.item {
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
</style>
