86 lines
2.3 KiB
Vue
86 lines
2.3 KiB
Vue
<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>
|