feat: init project with miniprogram, cloud functions and admin console

admin-console/src/pages/user-detail/index.vue

@@ -0,0 +1,152 @@
+<template>
+  <view class="container">
+    <view class="card" v-if="user">
+      <view class="card-title">用户信息</view>
+      <view class="info-row">
+        <text class="info-label">用户ID</text>
+        <text>{{ user.user_id }}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">昵称</text>
+        <text>{{ user.nickname || '-' }}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">手机号</text>
+        <text>{{ user.phone || '-' }}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">注册时间</text>
+        <text>{{ formatDate(user.created_at) }}</text>
+      </view>
+    </view>
+
+    <view class="card" v-if="user && user.devices">
+      <view class="card-title">绑定设备</view>
+      <view v-for="(d, idx) in user.devices" :key="idx" class="device-item">
+        <view class="info-row">
+          <text class="info-label">设备</text>
+          <text>{{ d.device_name || d.device_id }}</text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">绑定时间</text>
+          <text>{{ formatDate(d.bound_at) }}</text>
+        </view>
+        <view class="divider" v-if="idx < user.devices.length - 1"></view>
+      </view>
+      <view v-if="user.devices.length === 0" class="text-muted">暂无绑定设备</view>
+    </view>
+
+    <view class="card" v-if="user && user.subscriptions">
+      <view class="card-title">订阅记录</view>
+      <view v-for="(s, idx) in user.subscriptions" :key="idx">
+        <view class="info-row">
+          <text class="info-label">类型</text>
+          <text>{{ subTypeMap[s.type] || '未知' }}</text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">状态</text>
+          <text :class="s.status === 1 ? 'text-success' : 'text-muted'">
+            {{ subStatusMap[s.status] || '未知' }}
+          </text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">有效期</text>
+          <text>{{ formatDate(s.started_at) }} ~ {{ formatDate(s.expired_at) }}</text>
+        </view>
+        <view class="divider" v-if="idx < user.subscriptions.length - 1"></view>
+      </view>
+      <view v-if="user.subscriptions.length === 0" class="text-muted">暂无订阅</view>
+    </view>
+
+    <view class="card" v-if="user && user.recent_treatments">
+      <view class="card-title">最近护理</view>
+      <view v-for="(t, idx) in user.recent_treatments" :key="idx">
+        <view class="info-row">
+          <text class="info-label">时间</text>
+          <text>{{ formatDate(t.started_at) }}</text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">时长</text>
+          <text>{{ Math.floor((t.total_duration_ms || 0) / 60000) }}分钟</text>
+        </view>
+        <view class="divider" v-if="idx < user.recent_treatments.length - 1"></view>
+      </view>
+      <view v-if="user.recent_treatments.length === 0" class="text-muted">暂无记录</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { get } from '../../utils/request'
+
+export default {
+  data() {
+    return {
+      user: null,
+      userId: '',
+      subTypeMap: { 1: '试用', 2: '正式', 3: '赠送' },
+      subStatusMap: { 1: '有效', 2: '已过期', 3: '已停用' }
+    }
+  },
+  onLoad(options) {
+    this.userId = options.user_id || ''
+    this.loadUser()
+  },
+  methods: {
+    async loadUser() {
+      try {
+        this.user = await get('/api/v1/admin/users/' + this.userId)
+      } catch (e) {
+        uni.showToast({ title: '加载失败', icon: 'none' })
+      }
+    },
+    formatDate(d) {
+      return d ? d.slice(0, 10) : '-'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.container {
+  padding: 16px;
+}
+
+.card {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 16px;
+  margin-bottom: 16px;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 12px;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 0;
+  font-size: 14px;
+}
+
+.info-label {
+  color: #999999;
+}
+
+.divider {
+  height: 1px;
+  background: #eeeeee;
+  margin: 8px 0;
+}
+
+.text-success {
+  color: #52c41a;
+}
+
+.text-muted {
+  color: #999999;
+}
+</style>