火柴人动画制作网页版_建网站租服务器_最大的机械接单网站_上海企业查询人员社保
<template><view v-if="!isFirstload" class="container" :style="appThemeStyle"><!-- 页面头部 --><view class="main-header" :style="{ height: platform == 'H5' ? '260rpx' : '320rpx', paddingTop: platform == 'H5' ? '0' : '80rpx' }"><image class="bg-image" src="/static/background/user-header2.png" mode="scaleToFill"></image><!-- 用户信息 --><view v-if="isLogin" class="user-info"><view class="user-avatar" @click="handlePersonal()"><avatar-image :url="userInfo.avatar_url" :width="100" /></view><view class="user-content"><!-- 会员昵称 --><view class="nick-name oneline-hide" @click="handlePersonal()">{{ userInfo.nick_name }}</view><!-- 会员等级 --><view v-if="$checkModule('user-grade') && userInfo.grade_id > 0 && userInfo.grade" class="user-grade"><view class="user-grade_icon"><image class="image"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA0lBMVEUAAAD/tjL/tzH/uDP/uC7/tjH/tzH/tzL/tTH+tTL+tjP/tDD/tTD+tzD/tjL/szD/uDH/tjL/tjL+tjD/tjT/szb/tzL/tTL+uTH+tjL/tjL/tjL/tTT/tjL/tjL+tjH/uTL/vDD/tjL/tjH/tzL9uS//tTL/nBr/sS7/tjH/ujL/szD/uTv+rzf/tzL+tzH+vDP+uzL+tjP+ry7+tDL9ki/7szf/sEX/tTL/tjL+tjL/tTH/tTT/tzH/tzL/tjP/sTX/uTP/wzX+rTn/vDX9vC8m8ckhAAAAOXRSTlMAlnAMB/vjxKWGMh0S6drMiVxPRkEY9PLy0ru0sKagmo5+dGtgVCMgBP716eXWyMGxqJGRe2o5KSmFNjaYAAABP0lEQVQ4y8XS13KDMBAF0AWDDe4t7r3ETu9lVxJgJ/n/X8rKAzHG5TE+Twz3zki7I/g/KXdghIbGJewrU4yzn08Ebgl6TuZzzuOC6W5es3HX6qsSz3NFShRU0MpucytDmOSpu3yULx3CA9RD1HjVedc0jSjqm6ZzhUjDsFDQhSp/OKj5GQvg0+ZCOixsbtDLAeTTOm/yGi8GyIphIVsgH737FEDV44LJa88IRKK/SetrwT9G/GUIr6vXjoy4GXn7+RboVXnghuSjaoGecwQxL2su3CwAKlO+QFoqxI4FMctHQhQd2OhxTu184jWUlI+rMTBTn1/IQcJHQ6GQdZ7pWiDaNdhTt330efISeiqYwQEzQpTlsURJLhzkEmpCPsERfeIUVyXr6MNuIyp5uziW6xURtt7hhGwzmMNJExfO4Bd9X0ZPqAxdNwAAAABJRU5ErkJggg=="></image></view><view class="user-grade_name"><text>{{ userInfo.grade.name }}</text></view></view><!-- 会员无等级时显示手机号 --><view v-else class="mobile">{{ userInfo.mobile }}</view></view></view><!-- 未登录 --><view v-else class="user-info" @click="handleLogin"><view class="user-avatar"><avatar-image :width="100" /></view><view class="user-content"><view class="nick-name">未登录</view><view class="login-tips">点击登录账号</view></view></view></view><!-- 绑定手机号 --><!-- <view v-if="isLogin && !userInfo.mobile && setting[SettingKeyEnum.REGISTER.value].isManualBind" class="my-mobile"@click="handleBindMobile()"><view class="info">点击绑定手机号，确保账户安全</view><view class="btn-bind">去绑定</view></view> --><!-- 我的钱包 --><view v-if="$checkModules(['market-recharge', 'market-points', 'market-coupon'])" class="my-asset"><view class="asset-left flex-box dis-flex flex-x-around"><view v-if="$checkModule('market-recharge')" class="asset-left-item" style="max-width: 200rpx;" @click="onTargetWallet"><view class="item-value dis-flex flex-x-center"><text class="oneline-hide">{{ isLogin ? assets.balance : '--' }}</text></view><view class="item-name dis-flex flex-x-center"><text>账户余额</text></view></view><view v-if="$checkModule('market-points')" class="asset-left-item" @click="onTargetPoints"><view class="item-value dis-flex flex-x-center"><text class="oneline-hide">{{ isLogin ? assets.points : '--' }}</text></view><view class="item-name dis-flex flex-x-center"><text>{{ setting[SettingKeyEnum.POINTS.value].points_name }}</text></view></view><view v-if="$checkModule('market-coupon')" class="asset-left-item" @click="onTargetMyCoupon"><view class="item-value dis-flex flex-x-center"><text class="oneline-hide">{{ isLogin ? assets.coupon : '--' }}</text></view><view class="item-name dis-flex flex-x-center"><text>优惠券</text></view></view></view><view v-if="$checkModule('market-recharge')" class="asset-right"><view class="asset-right-item" @click="onTargetWallet"><view class="item-icon dis-flex flex-x-center"><text class="iconfont icon-qianbao"></text></view><view class="item-name dis-flex flex-x-center"><text>我的钱包</text></view></view></view></view><!-- 绑定手机号 (第2种样式) --><!-- <view class="my-mobile2" @click="handleBindMobile()"><view class="info">点击绑定手机号，确保账户安全</view><view class="btn-bind">去绑定</view></view> --><!-- 订单操作 --><!-- <view class="order-navbar"><view class="order-navbar-item" v-for="(item, index) in orderNavbar" :key="index" @click="onTargetOrder(item)"><view class="item-icon"><text class="iconfont" :class="[`icon-${item.icon}`]"></text></view><view class="item-name">{{ item.name }}</view><view class="item-badge" v-if="item.count && item.count > 0"><text v-if="item.count <= 99" class="text">{{ item.count }}</text><text v-else class="text">99+</text></view></view></view> --><!-- 我的服务 --><view class="my-service"><view class="service-title">我的服务</view><view class="service-content clearfix"><block v-for="(item, index) in service" :key="index"><view v-if="item.type == 'link' && item.enabled" class="service-item" @click="handleService(item)"><view class="item-icon"><text class="iconfont" :class="[`icon-${item.icon}`]"></text></view><view class="item-name">{{ item.name }}</view><view class="item-badge" v-if="item.count && item.count > 0"><text v-if="item.count <= 99" class="text">{{ item.count }}</text><text v-else class="text">99+</text></view></view><!-- 在线客服 --><view v-if="item.type == 'contact' && item.enabled" class="service-item"><customer-btn><view class="item-icon"><text class="iconfont" :class="[`icon-${item.icon}`]"></text></view><view class="item-name">{{ item.name }}</view></customer-btn></view></block></view></view><!-- 退出登录 --><view v-if="isLogin" class="my-logout"><view class="logout-btn" @click="handleLogout()"><text>退出登录</text></view></view></view>">