sql数据流，amdin业务逻辑接入

pages/mall/admin/distribution/division/list.uvue

@@ -4,7 +4,7 @@
       <view class="filter-row">
         <view class="filter-item">
           <text class="label">搜索：</text>
-          <input class="filter-input" placeholder="请输入姓名、UID" />
+          <input class="filter-input" placeholder="请输入姓名、UID" v-model="searchQuery" @confirm="onSearch" />
         </view>
         <view class="filter-btns">
           <button class="btn primary" @click="onSearch">查询</button>
@@ -16,6 +16,11 @@
         <button class="btn primary small" @click="onAdd">添加事业部</button>
       </view>
       <view class="table-container">
+        <!-- Loading 遮罩 -->
+        <view v-if="isLoading" class="loading-mask">
+          <text class="loading-text">加载中...</text>
+        </view>
+
         <view class="table-header">
           <view class="col col-uid"><text>用户UID</text></view>
           <view class="col col-avatar"><text>头像</text></view>
@@ -28,39 +33,128 @@
           <view class="col col-ops"><text>操作</text></view>
         </view>
         <view class="table-body">
+          <view v-if="divisionList.length === 0 && !isLoading" class="empty-row">
+            <text>暂无事业部数据</text>
+          </view>
           <view v-for="item in divisionList" :key="item.uid" class="table-row">
-            <view class="col col-uid"><text>{{ item.uid }}</text></view>
+            <view class="col col-uid"><text class="td-txt-small">{{ item.uid }}</text></view>
             <view class="col col-avatar">
-              <image class="avatar-img" src="/static/logo.png" mode="aspectFill" />
+              <image class="avatar-img" :src="item.avatar_url || '/static/logo.png'" mode="aspectFill" />
             </view>
-            <view class="col col-name"><text>{{ item.name }}</text></view>
-            <view class="col col-code"><text>{{ item.code }}</text></view>
+            <view class="col col-name"><text>{{ item.name || item.nickname }}</text></view>
+            <view class="col col-code"><text>{{ item.invite_code }}</text></view>
             <view class="col col-ratio"><text>{{ item.ratio }}%</text></view>
-            <view class="col col-count"><text>{{ item.agentCount }}</text></view>
-            <view class="col col-time"><text>{{ item.endTime }}</text></view>
+            <view class="col col-count"><text>{{ item.agent_count }}</text></view>
+            <view class="col col-time"><text>{{ formatTime(item.end_time) }}</text></view>
             <view class="col col-status">
-              <switch :checked="item.status" color="#1890ff" scale="0.8" />
+              <switch :checked="item.status" color="#1890ff" scale="0.8" @change="toggleStatus(item)" />
             </view>
             <view class="col col-ops">
               <text class="op-link">查看代理商</text>
               <text class="op-divider">|</text>
-              <text class="op-link">编辑</text>
-              <text class="op-divider">|</text>
-              <text class="op-link">删除</text>
+              <text class="op-link" @click="onDelete(item.id)">删除</text>
             </view>
           </view>
         </view>
       </view>
+
+      <view class="pagination">
+        <view class="pager-btns">
+          <button class="btn small" :disabled="page <= 1" @click="onPrevPage">上一页</button>
+          <text class="page-num">第 {{ page }} 页</text>
+          <button class="btn small" :disabled="divisionList.length < pageSize" @click="onNextPage">下一页</button>
+        </view>
+        <text class="page-info">共 {{ total }} 条记录</text>
+      </view>
     </view>
   </view>
 </template>
 <script setup lang="uts">
-import { ref } from 'vue'
-const divisionList = ref([
-  { uid: '26991', name: '26991', code: '70623142', ratio: 40, agentCount: 1, endTime: '2026-12-31', status: true },
-])
-function onSearch() { uni.showToast({ title: '查询中...', icon: 'none' }) }
-function onAdd() { uni.showToast({ title: '添加中...', icon: 'none' }) }
+import { ref, onMounted } from 'vue'
+import { fetchDivisions, saveDivision, deleteDivision, DistributionDivision } from '@/services/admin/distributionService.uts'
+
+const divisionList = ref<DistributionDivision[]>([])
+const isLoading = ref(false)
+const searchQuery = ref('')
+const total = ref(0)
+const page = ref(1)
+const pageSize = 20
+
+onMounted(() => {
+  loadData()
+})
+
+async function loadData() {
+  isLoading.value = true
+  try {
+    const res = await fetchDivisions({
+      search: searchQuery.value,
+      page: page.value,
+      pageSize: pageSize
+    })
+    divisionList.value = res.items
+    total.value = res.total
+  } catch (e) {
+    uni.showToast({ title: '加载失败', icon: 'none' })
+  } finally {
+    isLoading.value = false
+  }
+}
+
+function onSearch() {
+  page.value = 1
+  loadData()
+}
+
+function onAdd() {
+  uni.showToast({ title: '添加事业部功能开发中', icon: 'none' })
+}
+
+async function toggleStatus(item : DistributionDivision) {
+  if (item.id == null) return
+  const nextStatus = !item.status
+  const success = await saveDivision({ ...item, status: nextStatus } as DistributionDivision)
+  if (success) {
+    item.status = nextStatus
+    uni.showToast({ title: '状态修改成功', icon: 'success' })
+  }
+}
+
+async function onDelete(id : string | undefined) {
+  if (id == null) return
+  uni.showModal({
+    title: '确认删除',
+    content: '确定要删除该事业部吗？',
+    success: async (res) => {
+      if (res.confirm) {
+        const success = await deleteDivision(id!)
+        if (success) {
+          uni.showToast({ title: '删除成功' })
+          loadData()
+        }
+      }
+    }
+  })
+}
+
+function onPrevPage() {
+  if (page.value > 1) {
+    page.value--
+    loadData()
+  }
+}
+
+function onNextPage() {
+  if (divisionList.value.length >= pageSize) {
+    page.value++
+    loadData()
+  }
+}
+
+function formatTime(iso : string | null) : string {
+  if (!iso) return '-'
+  return iso.substring(0, 10)
+}
 </script>
 <style scoped lang="scss">
 .admin-page { padding: 0; }