feat: 迁移商务旗下渠道查询和抽屉

web/src/view/sw/BusinessList.vue

@@ -29,11 +29,11 @@
         <el-table-column prop="parentUserName" label="上级商务" min-width="140" />
         <el-table-column prop="realName" label="姓名" min-width="100" />
         <el-table-column prop="phoneNumber" label="手机号" min-width="130" />
-        <el-table-column prop="bindCount" label="SDK商务" width="120"><template #default="{ row }"><el-button link type="primary" @click="showBindings(row)">{{ row.bindCount }}</el-button></template></el-table-column>
+        <el-table-column prop="bindCount" label="SDK商务" width="120"><template #default="{ row }"><el-button link type="primary" aria-label="查看SDK商务绑定详情" @click="showBindings(row)">{{ row.bindCount }}</el-button></template></el-table-column>
         <el-table-column prop="promoteCount" label="旗下渠道数" width="120">
           <template #default="{ row }">
             <el-tooltip v-if="row.promoteCount === null" content="当前数据库尚未接入渠道数据，商务资料和绑定数仍可查看。"><span class="text-gray-400">未接入</span></el-tooltip>
-            <span v-else>{{ row.promoteCount }}</span>
+            <el-button v-else type="primary" link aria-label="查看旗下渠道" @click="showChannels(row)">{{ row.promoteCount }}</el-button>
           </template>
         </el-table-column>
         <el-table-column prop="createTime" label="注册时间" min-width="130"><template #default="{ row }">{{ row.createTime?.slice(0, 10) }}</template></el-table-column>
@@ -43,6 +43,7 @@
         <el-pagination v-model:current-page="query.pageNum" v-model:page-size="query.pageSize" :total="total" :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper" @size-change="search" @current-change="load" />
       </div>
     </div>
+    <el-drawer append-to-body v-model="channelsDrawer" title="旗下渠道" size="520px" destroy-on-close><business-channels :user-id="channelUserId" /></el-drawer>
     <el-drawer append-to-body v-model="bindingsDrawer" title="SDK商务绑定详情" size="85%" destroy-on-close><business-bindings :user-id="bindingUserId" /></el-drawer>
     <el-drawer append-to-body v-model="drawer" title="添加子商务" :size="480" destroy-on-close>
       <el-form ref="formRef" :model="form" :rules="rules" label-position="top">
@@ -52,6 +53,7 @@
         <el-form-item label="手机号"><el-input v-model="form.phoneNumber" maxlength="11" /></el-form-item>
         <el-form-item label="QQ"><el-input v-model="form.qqNumber" maxlength="20" /></el-form-item>
         <el-form-item label="商务等级"><span>{{ childLevel }}</span></el-form-item>
+        <el-form-item label="所属商务"><span>{{ user.userInfo.nickName || user.userInfo.userName }}</span></el-form-item>
       </el-form>
       <template #footer><el-button @click="drawer = false">取消</el-button><el-button type="primary" :loading="saving" @click="save">确定</el-button></template>
     </el-drawer>
@@ -65,12 +67,16 @@ import { useUserStore } from '@/pinia/modules/user'
 import { useBtnAuth } from '@/utils/btnAuth'
 import { listBusiness, createBusiness } from '@/api/business'
 import BusinessBindings from './components/BusinessBindings.vue'
+import BusinessChannels from './components/BusinessChannels.vue'
 
 defineOptions({ name: 'SwBusinessList' })
 const user = useUserStore()
 const activeTab = ref('accounts')
 const bindingsDrawer = ref(false)
 const bindingUserId = ref(0)
+const channelsDrawer = ref(false)
+const channelUserId = ref(0)
+const showChannels = (row) => { channelUserId.value = row.userId; channelsDrawer.value = true }
 const showBindings = (row) => { bindingUserId.value = row.userId; bindingsDrawer.value = true }
 const buttons = useBtnAuth()
 const levels = { 1: '一级商务', 2: '二级商务', 3: '三级商务' }