Files
xingque/pages/assessor/assessor.wxml

128 lines
5.5 KiB
Plaintext

<!-- pages/assessor/assessor.wxml -->
<view class="universe-root">
<!-- 全屏弱化背景图 -->
<image class="full-bg" src="{{icons.bgImage}}" mode="aspectFill" />
<!-- 动态星空与极光 -->
<canvas type="2d" id="starfield" class="starfield-canvas"></canvas>
<view class="aurora-ribbon"></view>
<!-- 未注册状态 -->
<view class="unreg-floating" wx:if="{{!isKaoheguan}}">
<view class="unreg-core">
<image class="unreg-icon" src="/images/kaoheguan.png" mode="aspectFit" />
<text class="unreg-title">考核官</text>
<text class="unreg-desc">{{statusText}}</text>
<input class="unreg-input" type="text" placeholder="输入邀请码" value="{{inviteCode}}" bindinput="onInviteCodeInput" placeholder-class="unreg-placeholder" maxlength="100" />
<view class="unreg-btn" bindtap="onRegister">
<text class="unreg-btn-text">即刻入驻</text>
</view>
</view>
</view>
<!-- 已注册状态 · 行星系统 -->
<view class="orbit-zone" wx:else>
<!-- 身份条 -->
<view class="top-identity">
<image class="identity-avatar" src="{{avatarUrl}}" mode="aspectFill" />
<view class="identity-info">
<text class="identity-name">考核官</text>
<view class="identity-uid">
<text class="uid-txt">{{uid}}</text>
<view class="status-indicator {{kaoheData.shenheZhuangtai == 1 ? 'active' : ''}}"></view>
</view>
<!-- 🆕 添加认证状态,这是唯一新增的行 -->
<text class="renzheng-tag {{kaoheData.isRenzheng ? 'authed' : 'unauth'}}">
{{kaoheData.isRenzheng ? '已认证' : '未认证'}}
</text>
</view>
<view class="refresh-touch" bindtap="refreshKaoheInfo">
<image class="refresh-icon" src="{{icons.refresh}}" mode="aspectFit" />
</view>
</view>
<!-- 板块标签云 -->
<view class="plate-cloud" wx:if="{{kaoheData.bankuaiList.length > 0}}">
<scroll-view class="plate-cloud-scroll" scroll-x="true" enhanced show-scrollbar="{{false}}">
<view class="plate-chip" wx:for="{{kaoheData.bankuaiList}}" wx:key="bankuai_id">{{item.mingcheng}}</view>
</scroll-view>
</view>
<!-- 中央余额星球 -->
<view class="balance-planet">
<view class="planet-ring"></view>
<view class="planet-body">
<text class="planet-num">{{kaoheData.yue}}元</text>
<text class="planet-label">可提现余额</text>
</view>
<view class="planet-glow"></view>
</view>
<!-- 流星数据条 -->
<view class="meteor-stats">
<view class="meteor-item">
<text class="meteor-num">{{kaoheData.shenheZongshu}}</text>
<text class="meteor-label">审核总数</text>
</view>
<view class="meteor-divider"></view>
<view class="meteor-item">
<text class="meteor-num">{{kaoheData.tongguoZongshu}}</text>
<text class="meteor-label">通过总数</text>
</view>
<view class="meteor-divider"></view>
<view class="meteor-item">
<text class="meteor-num">{{kaoheData.zonge}}元</text>
<text class="meteor-label">累计赚取</text>
</view>
</view>
<!-- 十字星阵功能区 -->
<view class="star-cross">
<!-- 上方:考核中心 -->
<view class="cross-item cross-top {{planetPaused.top ? 'pause-spin' : ''}}"
bindtap="goToZhongxin"
bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="top">
<view class="orbit-ring"></view>
<image class="cross-icon" src="{{icons.zhongxin}}" mode="aspectFit" />
<text class="cross-text">考核中心</text>
</view>
<!-- 下方:考核打分 -->
<view class="cross-item cross-bottom {{planetPaused.bottom ? 'pause-spin' : ''}}"
bindtap="goToDafen"
bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="bottom">
<view class="orbit-ring"></view>
<image class="cross-icon" src="{{icons.daofen}}" mode="aspectFit" />
<text class="cross-text">考核打分</text>
<!-- 🆕 添加红色角标,这是唯一新增的行 -->
<view class="badge" wx:if="{{kaoheData.pendingShenheCount > 0}}">{{kaoheData.pendingShenheCount}}</view>
</view>
<!-- 左侧:考核记录 -->
<view class="cross-item cross-left {{planetPaused.left ? 'pause-spin' : ''}}"
bindtap="goToJilu"
bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="left">
<view class="orbit-ring"></view>
<image class="cross-icon" src="{{icons.jilu}}" mode="aspectFit" />
<text class="cross-text">考核记录</text>
</view>
<!-- 右侧:立即提现 -->
<view class="cross-item cross-right {{planetPaused.right ? 'pause-spin' : ''}}"
bindtap="goToWithdraw"
bindtouchstart="onPlanetTouch" bindtouchend="onPlanetLeave" data-id="right">
<view class="orbit-ring"></view>
<image class="cross-icon" src="{{icons.tixian}}" mode="aspectFit" />
<text class="cross-text">立即提现</text>
</view>
<!-- 中央五角星 -->
<view class="pentagram"></view>
</view>
</view>
<!-- 加载星门 -->
<view class="loading-portal" wx:if="{{isLoading}}">
<view class="portal-ring"></view>
<text class="portal-text">加载中...</text>
</view>
</view>
<global-notification id="global-notification" />
<tab-bar />