新增智能电表、空调管理

doum

2026-06-18 93de43267e1663031fe5dc2f5ae40d128a182a76

 h5/pages/roleSelect.vue

@@ -1,14 +1,28 @@
<template>
  <view class="page">
    <view class="title">请选择登录身份</view>
    <view class="sub-title">切换角色后需使用对应身份重新登录</view>
    <view class="card" @click="goOps">
      <view class="name">运维人员</view>
      <view class="desc">工单、巡检、设备运维</view>
  <view class="cu-auth-page">
    <view class="cu-auth-page__title">选择身份</view>
    <view class="cu-auth-page__sub">切换角色后需使用对应身份重新登录</view>

    <view class="cu-role-card cu-role-card--ops" @click="goOps">
      <view class="cu-role-card__icon">
        <u-icon name="setting-fill" color="#40a9ff" size="28" />
      </view>
      <view class="cu-role-card__main">
        <view class="cu-role-card__name">运维人员</view>
        <view class="cu-role-card__desc">工单、巡检、设备运维</view>
      </view>
      <text class="cu-role-card__arrow">›</text>
    </view>
    <view class="card merchant" @click="goMerchant">
      <view class="name">商户</view>
      <view class="desc">交电费、查合同、查账单</view>

    <view class="cu-role-card cu-role-card--merchant" @click="goMerchant">
      <view class="cu-role-card__icon">
        <u-icon name="home-fill" color="#fa8c16" size="28" />
      </view>
      <view class="cu-role-card__main">
        <view class="cu-role-card__name">商户</view>
        <view class="cu-role-card__desc">交电费、查合同、查账单</view>
      </view>
      <text class="cu-role-card__arrow">›</text>
    </view>
  </view>
</template>
@@ -37,13 +51,3 @@
  }
}
</script>

<style lang="scss" scoped>
.page { min-height: 100vh; padding: 120rpx 48rpx; background: linear-gradient(180deg, #e8f0ff 0%, #fff 100%); }
.title { font-size: 44rpx; font-weight: 600; margin-bottom: 16rpx; color: #222; }
.sub-title { font-size: 26rpx; color: #999; margin-bottom: 48rpx; }
.card { background: #fff; border-radius: 24rpx; padding: 40rpx; margin-bottom: 32rpx; box-shadow: 0 8rpx 24rpx rgba(0,0,0,.06); }
.card.merchant { border: 2rpx solid #3c7cff; }
.name { font-size: 36rpx; font-weight: 600; color: #222; }
.desc { margin-top: 12rpx; font-size: 26rpx; color: #888; }
</style>