1

miniprogram/pages/admin-users/index.js

@@ -0,0 +1,112 @@
+const { request } = require('../../utils/request')
+
+Page({
+  data: {
+    keyword: '',
+    loading: false,
+    users: [],
+    editUserId: null,
+    editForm: {
+      nickname: '',
+      company: '',
+      title: '',
+      phone: '',
+      is_admin: false,
+      password: ''
+    },
+    importText: '[{"username":"operator01","password":"123456","nickname":"运营同学","company":"示例科技公司"}]'
+  },
+
+  onShow() {
+    this.fetchUsers()
+  },
+
+  onInput(e) {
+    const field = e.currentTarget.dataset.field
+    this.setData({ [field]: e.detail.value || '' })
+  },
+
+  onEditInput(e) {
+    const field = e.currentTarget.dataset.field
+    this.setData({ [`editForm.${field}`]: e.detail.value || '' })
+  },
+
+  onAdminSwitch(e) {
+    this.setData({ 'editForm.is_admin': !!e.detail.value })
+  },
+
+  async fetchUsers() {
+    this.setData({ loading: true })
+    try {
+      const data = await request({
+        url: `/admin/users?keyword=${encodeURIComponent(this.data.keyword)}&page=1&page_size=80`
+      })
+      this.setData({ users: data.items || [] })
+    } finally {
+      this.setData({ loading: false })
+    }
+  },
+
+  startEdit(e) {
+    const id = Number(e.currentTarget.dataset.id)
+    const row = this.data.users.find((item) => item.id === id)
+    if (!row) return
+
+    this.setData({
+      editUserId: row.id,
+      editForm: {
+        nickname: row.nickname || '',
+        company: row.company || '',
+        title: row.title || '',
+        phone: row.phone || '',
+        is_admin: !!row.is_admin,
+        password: ''
+      }
+    })
+  },
+
+  cancelEdit() {
+    this.setData({ editUserId: null })
+  },
+
+  async saveEdit() {
+    const id = this.data.editUserId
+    if (!id) return
+
+    const payload = { ...this.data.editForm }
+    if (!payload.password) delete payload.password
+
+    await request({ url: `/admin/users/${id}`, method: 'PUT', data: payload })
+    wx.showToast({ title: '用户已更新', icon: 'success' })
+    this.setData({ editUserId: null })
+    this.fetchUsers()
+  },
+
+  removeUser(e) {
+    const id = Number(e.currentTarget.dataset.id)
+    wx.showModal({
+      title: '删除用户',
+      content: `确认删除用户 ID ${id} 吗？`,
+      success: async (res) => {
+        if (!res.confirm) return
+        await request({ url: `/admin/users/${id}`, method: 'DELETE' })
+        wx.showToast({ title: '删除成功', icon: 'success' })
+        this.fetchUsers()
+      }
+    })
+  },
+
+  async importUsers() {
+    let items = []
+    try {
+      items = JSON.parse(this.data.importText)
+    } catch (err) {
+      wx.showToast({ title: 'JSON 格式错误', icon: 'none' })
+      return
+    }
+
+    await request({ url: '/admin/users/import', method: 'POST', data: { items } })
+    wx.showToast({ title: '导入完成', icon: 'success' })
+    this.fetchUsers()
+  }
+})

miniprogram/pages/admin-users/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "用户管理"
+}

miniprogram/pages/admin-users/index.wxml

@@ -0,0 +1,55 @@
+<view class="container">
+  <view class="hero fade-up">
+    <view class="hero-badge">USER ADMIN</view>
+    <view class="hero-title">用户与权限管理</view>
+    <view class="hero-sub">支持账号查询、权限调整、批量导入，适用于企业商用场景。</view>
+  </view>
+
+  <view class="card fade-up fade-up-delay-1">
+    <view class="card-title">搜索用户</view>
+    <view class="field">
+      <text class="field-label">关键词</text>
+      <input class="input" placeholder="输入用户名或昵称" value="{{keyword}}" data-field="keyword" bindinput="onInput" />
+    </view>
+    <button class="btn btn-primary" loading="{{loading}}" bindtap="fetchUsers">查询</button>
+  </view>
+
+  <view class="card fade-up fade-up-delay-1">
+    <view class="card-title">批量导入</view>
+    <view class="card-desc">粘贴 JSON 数组，支持批量新增或更新用户信息。</view>
+    <textarea class="textarea" value="{{importText}}" data-field="importText" bindinput="onInput" />
+    <button class="btn btn-accent" bindtap="importUsers">执行导入</button>
+  </view>
+
+  <view class="card fade-up fade-up-delay-2" wx:if="{{users.length}}">
+    <view class="card-title">用户列表</view>
+
+    <view class="list-item" wx:for="{{users}}" wx:key="id">
+      <view class="item-title">{{item.nickname}}（{{item.username}}）</view>
+      <view class="item-sub">{{item.company || '未填写公司'}} · {{item.title || '未填写岗位'}} · {{item.is_admin ? '管理员' : '普通用户'}}</view>
+
+      <view wx:if="{{editUserId === item.id}}">
+        <input class="input" placeholder="昵称" value="{{editForm.nickname}}" data-field="nickname" bindinput="onEditInput" />
+        <input class="input" placeholder="公司" value="{{editForm.company}}" data-field="company" bindinput="onEditInput" />
+        <input class="input" placeholder="岗位" value="{{editForm.title}}" data-field="title" bindinput="onEditInput" />
+        <input class="input" placeholder="手机号" value="{{editForm.phone}}" data-field="phone" bindinput="onEditInput" />
+        <input class="input" placeholder="新密码（可选）" password value="{{editForm.password}}" data-field="password" bindinput="onEditInput" />
+
+        <view class="row">
+          <text class="label">管理员权限</text>
+          <switch checked="{{editForm.is_admin}}" bindchange="onAdminSwitch" />
+        </view>
+
+        <view class="btn-row">
+          <button class="btn btn-primary" bindtap="saveEdit">保存</button>
+          <button class="btn btn-ghost" bindtap="cancelEdit">取消</button>
+        </view>
+      </view>
+
+      <view wx:else class="btn-row">
+        <button class="btn btn-ghost" data-id="{{item.id}}" bindtap="startEdit">编辑</button>
+        <button class="btn btn-accent" data-id="{{item.id}}" bindtap="removeUser">删除</button>
+      </view>
+    </view>
+  </view>
+</view>

miniprogram/pages/admin-users/index.wxss

@@ -0,0 +1 @@
+/* admin-users styles use global theme */