<template>
	<view class="p-2">
		<view class="p-32 white">
			<view class="flex-row">
				<u-image width="128rpx" height="128rpx" shape="circle" :src="avatar">
					<u-loading slot="loading"></u-loading>
				</u-image>
				<view class="flex-col flex-jus-sp m-l-32">
					<d-text :text="info.name||''" className="fs-36" :bold="true"></d-text>
					<d-text :text="identity==3?'导医':'客服'" :bold="true"></d-text>
				</view>
			</view>
		</view>
		<view class="p-row-32 b-r-8 white m-t-2">
			<view class="p-col-32" @click="$go('../../subPackages/sub_my/my_commonReply/index')">
				<view class="flex-row flex-jus-sp flex-ali-center">
					<u-icon margin-left="20" label-size="32" label-color="#31353D" name="chat" label="快捷回复" size="40"
						color="#6C7380"></u-icon>
					<u-icon name="arrow-right" size="32" color="#A7ABB0"></u-icon>
				</view>
			</view>
		</view>
		<view class="p-row-32 b-r-8 white m-t-2">
			<view class="p-col-32 flex-jus-sp flex-row flex-ali-center bottom-border" @click="$go()">
				<u-icon margin-left="20" label-size="32" label-color="#31353D" name="kefu-ermai" label="联系客服" size="40"
					color="#6C7380"></u-icon>
				<view class="flex-row flex-ali-center">
					<view class="m-r-16 flex-row flex-jus-center flex-ali-center badge">
						<u-badge type="error" count="7" :absolute="false"></u-badge>
					</view>
					<u-icon name="arrow-right" size="32" color="#A7ABB0"></u-icon>
				</view>
			</view>
			<view class="p-col-32" @click="$go('../../subPackages/sub_pharmacist/pharmacist_setInfo')">
				<view class="flex-row flex-jus-sp flex-ali-center">
					<u-icon margin-left="20" label-size="32" label-color="#31353D" name="setting" label="设置" size="40"
						color="#6C7380"></u-icon>
					<u-icon name="arrow-right" size="32" color="#A7ABB0"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			avatar: {
				type: String,
				default: ''
			},
			info: {
				type: Object,
				default: () => {
					return {}
				}
			}
		},
		data() {
			return {
				identity: (uni.getStorageSync('userInfo') || {}).role || 3,
			};
		},
		onLoad() {

		},
		methods: {

		},
		options: {
			styleIsolation: 'shared'
		},
	};
</script>
<style>
	page {
		background-color: #F9FAFB;
	}
</style>
<style lang="scss">
	::v-deep .u-badge {
		display: flex !important;
		position: relative;
	}
</style>
