feat(admin): implement user level, group and label modules with database, rpc and ui

pages/mall/admin/user/level.uvue

@@ -157,7 +157,13 @@
 </template>
 
 <script setup lang="uts">
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
+import {
+  fetchAdminUserLevelPage,
+  saveAdminUserLevel,
+  deleteAdminUserLevel,
+  setAdminUserLevelVisible
+} from '@/services/admin/userLevelService.uts'
 
 interface LevelItem {
   id: number
@@ -172,18 +178,76 @@ interface LevelItem {
 }
 
 const filterName = ref('')
-const total = ref(5)
-const levelList = ref<LevelItem[]>([
-  { id: 1, name: 'V1', level: 1, iconBg: '#fdf6ec', iconSymbol: '👑', bgGradient: 'linear-gradient(to bottom right, #f5e6d3, #e8d5bc)', discount: 99, experience: 500, isShow: true },
-  { id: 2, name: 'V2', level: 2, iconBg: '#ecf5ff', iconSymbol: '💎', bgGradient: 'linear-gradient(to bottom right, #d3e9f5, #bcd9e8)', discount: 97, experience: 1000, isShow: true },
-  { id: 3, name: 'V3', level: 3, iconBg: '#f4f4f5', iconSymbol: '⭐', bgGradient: 'linear-gradient(to bottom right, #e3e3e3, #cbcbcb)', discount: 95, experience: 3000, isShow: true },
-  { id: 4, name: 'V4', level: 4, iconBg: '#fef0f0', iconSymbol: '👑', bgGradient: 'linear-gradient(to bottom right, #f5dfd3, #e8c6bc)', discount: 93, experience: 8000, isShow: true },
-  { id: 5, name: 'V5', level: 5, iconBg: '#f0f9eb', iconSymbol: '💠', bgGradient: 'linear-gradient(to bottom right, #d3e1f5, #bccce8)', discount: 70, experience: 15000, isShow: true }
-])
+const total = ref(0)
+const levelList = ref<AdminUserLevel[]>([])
+const loading = ref(false)
+const page = ref(1)
+const pageSize = ref(15)
+const jumpPage = ref('')
+
+const totalPages = computed((): number => {
+  if (pageSize.value <= 0) return 1
+  const pages = Math.ceil(total.value / pageSize.value)
+  return pages <= 0 ? 1 : pages
+})
+
+const loadLevelList = async () => {
+  loading.value = true
+  try {
+    const res = await fetchAdminUserLevelPage(page.value, pageSize.value, {
+      search: filterName.value || null,
+      isVisible: null, // 全部
+      status: null
+    })
+    
+    levelList.value = res.items
+    total.value = res.total
+  } catch (e) {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(() => {
+  loadLevelList()
+})
+
+const handleQuery = () => {
+  page.value = 1
+  loadLevelList()
+}
+
+const prevPage = () => {
+  if (page.value > 1) {
+    page.value--
+    loadLevelList()
+  }
+}
+
+const nextPage = () => {
+  if (page.value < totalPages.value) {
+    page.value++
+    loadLevelList()
+  }
+}
+
+const goToJumpPage = () => {
+  const targetPage = parseInt(jumpPage.value)
+  if (!isNaN(targetPage) && targetPage >= 1 && targetPage <= totalPages.value) {
+    page.value = targetPage
+    loadLevelList()
+    jumpPage.value = ''
+  } else {
+    uni.showToast({ title: '请输入有效的页码', icon: 'none' })
+  }
+}
 
 const showDrawer = ref(false)
 const isClosing = ref(false)
 const isEdit = ref(false)
+const editingId = ref<string | null>(null)
+
 const form = reactive({
   name: '',
   level: 1,
@@ -192,11 +256,11 @@ const form = reactive({
   isShow: true
 })
 
-const handleQuery = () => { console.log('Querying...') }
 const handleAdd = () => {
   isEdit.value = false
+  editingId.value = null
   form.name = ''
-  form.level = levelList.value.length + 1
+  form.level = 1
   form.discount = 100
   form.experience = 0
   form.isShow = true
@@ -204,32 +268,74 @@ const handleAdd = () => {
   isClosing.value = false
 }
 
-const handleEdit = (item: LevelItem) => {
+const handleEdit = (item: AdminUserLevel) => {
   isEdit.value = true
+  editingId.value = item.id
   form.name = item.name
-  form.level = item.level
-  form.discount = item.discount
-  form.experience = item.experience
-  form.isShow = item.isShow
+  form.level = item.level_weight
+  form.discount = item.discount_percent
+  form.experience = item.min_experience
+  form.isShow = item.is_visible
   showDrawer.value = true
   isClosing.value = false
 }
 
-const closeDrawer = () => {
-  isClosing.value = true
-  setTimeout(() => {
-    showDrawer.value = false
-    isClosing.value = false
-  }, 300)
+const handleDelete = (id: string) => {
+  uni.showModal({
+    title: '确认删除',
+    content: '确定要删除该用户等级吗？',
+    success: async (res) => {
+      if (res.confirm) {
+        const ok = await deleteAdminUserLevel(id)
+        if (ok) {
+          uni.showToast({ title: '删除成功' })
+          loadLevelList()
+        } else {
+          uni.showToast({ title: '删除失败', icon: 'none' })
+        }
+      }
+    }
+  })
 }
 
-const toggleShow = (index: number) => {
-  levelList.value[index].isShow = !levelList.value[index].isShow
+const toggleShow = async (index: number) => {
+  const item = levelList.value[index]
+  const targetVisible = !item.is_visible
+  const ok = await setAdminUserLevelVisible(item.id, targetVisible)
+  if (ok) {
+    item.is_visible = targetVisible
+  } else {
+    uni.showToast({ title: '修改失败', icon: 'none' })
+  }
 }
 
-const handleSave = () => {
-  console.log('Saving...', form)
-  closeDrawer()
+const handleSave = async () => {
+  if (!form.name) {
+    uni.showToast({ title: '请输入等级名称', icon: 'none' })
+    return
+  }
+
+  try {
+    const resId = await saveAdminUserLevel({
+      id: editingId.value,
+      name: form.name,
+      level_weight: form.level,
+      min_experience: form.experience,
+      discount_percent: form.discount,
+      is_visible: form.isShow,
+      status: 1 // 默认启用
+    })
+
+    if (resId != null) {
+      uni.showToast({ title: '保存成功' })
+      closeDrawer()
+      loadLevelList()
+    } else {
+      uni.showToast({ title: '保存失败', icon: 'none' })
+    }
+  } catch (e) {
+    uni.showToast({ title: '保存出错', icon: 'none' })
+  }
 }
 </script>