<template>
|
<wd-cell class="h_64" custom-icon-class="mt_20" clickable>
|
<template #title>
|
<view>
|
<text class="font-medium">
|
{{ userInfo?.nickName }}
|
<text class="text-[#0D867F] text-xs">·{{ userInfo?.roles[0].roleName }}</text>
|
</text>
|
</view>
|
<view>
|
<text class="font-medium text-[#3D3D3D] text-sm">工号: {{ userInfo?.userName }}</text>
|
</view>
|
</template>
|
<view class="mt-2">
|
<wd-icon name="arrow-right" size="16px" color="#8C8C8C"></wd-icon>
|
</view>
|
</wd-cell>
|
</template>
|
<script setup lang="ts">
|
import { useUserStore } from "@/store/modules/user";
|
const userStore = useUserStore();
|
const userInfo = computed(() => userStore.userInfo);
|
</script>
|
<style lang="scss" scoped>
|
.calling_card {
|
background: #fff;
|
border-radius: 8px 8px 8px 8px;
|
}
|
|
.h_64 {
|
height: 64px;
|
}
|
.mt_20 {
|
margin-top: 20px;
|
}
|
</style>
|
