feat: add feature to set and manage rider hold order limits in RiderList.vue

杨刚
1 parent 47090e96
Showing 3 changed files with 58 additions and 1 deletions
src/api/index.ts
src/views/dispatch/DispatchRuleList.vue
src/views/rider/RiderList.vue
@@ -105,6 +105,8 @@ export const riderApi = {
     request.post('/api/admin/rider/setEnableStatus', null, { params: { riderId, status } }),
   setType: (riderId: number, type: number) =>
     request.post('/api/admin/rider/setType', null, { params: { riderId, type } }),
+  setHoldOrderLimit: (riderId: number, holdOrderLimit: number) =>
+    request.post('/api/admin/rider/setHoldOrderLimit', null, { params: { riderId, holdOrderLimit } }),
   designateCandidates: (orderId: number) =>
     request.get('/api/admin/rider/order/candidates', { params: { orderId } }),
   designate: (orderId: number, riderId: number) =>
@@ -111,7 +111,7 @@
                   <div class="soft-section-header">
                     <div class="soft-section-heading">
                       <h3 class="soft-section-title">自营抢派模式</h3>
-                      <p class="soft-section-subtitle">配置抢单时长、可见范围、持单上限和自动派单。</p>
+                      <p class="soft-section-subtitle">配置抢单时长、可见范围、抢单上限和自动派单；自动派单仅受骑手个人持单上限控制。</p>
                     </div>
                   </div>
                 </div>
@@ -129,6 +129,7 @@
                   <a-col :span="8">
                     <a-form-item label="单人最大抢单量">
                       <a-input-number v-model:value="form.grabMaxPerRider" :min="1" style="width:100%" />
+                      <div class="form-help-text">仅在抢单模式下生效，单个骑手实际抢单上限不会超过其个人持单上限。</div>
                     </a-form-item>
                   </a-col>
                 </a-row>
@@ -40,9 +40,13 @@
           <template v-if="column.key === 'type'">
             <a-tag>{{ record.type === 1 ? '兼职' : '全职' }}</a-tag>
           </template>
+          <template v-if="column.key === 'holdOrderLimit'">
+            {{ formatHoldOrderLimit(record.holdOrderLimit) }}
+          </template>
           <template v-if="column.key === 'action'">
             <a-space>
               <a @click="openSetLevel(record)">设置等级</a>
+              <a @click="openEditHoldLimit(record)">设置持单上限</a>
               <template v-if="record.userStatus === 2">
                 <a-popconfirm title="确认通过审核？" @confirm="setStatus(record.id, 1)">
                   <a style="color:green">通过</a>
@@ -117,6 +121,23 @@
         </a-form>
       </div>
     </a-modal>
+
+    <a-modal v-model:open="editVisible" title="编辑骑手" @ok="handleSetHoldLimit" :confirmLoading="editSaving">
+      <div class="soft-page-stack">
+        <div class="soft-note-card">
+          <strong>持单上限说明</strong>
+          <p>个人持单上限会统一作用于抢单、自动派单、后台指派和转单后再次接单。填写 0 表示不限制。</p>
+        </div>
+        <a-form layout="vertical">
+          <a-form-item label="骑手">
+            <a-input :value="editTargetName" disabled />
+          </a-form-item>
+          <a-form-item label="个人持单上限">
+            <a-input-number v-model:value="editHoldOrderLimit" :min="0" style="width:100%" />
+          </a-form-item>
+        </a-form>
+      </div>
+    </a-modal>
   </div>
 </template>
@@ -134,6 +155,7 @@ const filterStatus = ref&lt;number | undefined&gt;()
 const keyword = ref('')
 const modalVisible = ref(false)
 const levelVisible = ref(false)
+const editVisible = ref(false)
 const form = reactive({
   cityId: undefined as number | undefined,
   userNickname: '',
@@ -144,6 +166,10 @@ const levelSaving = ref(false)
 const levelTargetId = ref<number>(0)
 const levelTargetName = ref('')
 const selectedLevelId = ref<number>(0)
+const editSaving = ref(false)
+const editTargetId = ref<number>(0)
+const editTargetName = ref('')
+const editHoldOrderLimit = ref<number>(0)
 const { isAdmin, cityList, loadCities, getCityName } = useRoleCityList()
 const statusMap: Record<number, string> = { 0: '已拒绝', 1: '已通过', 2: '待审核' }
@@ -155,6 +181,7 @@ const columns = [
   { title: '租户', key: 'cityId' },
   { title: '等级', key: 'levelName' },
   { title: '类型', key: 'type' },
+  { title: '个人持单上限', key: 'holdOrderLimit' },
   { title: '审核状态', key: 'userStatus' },
   { title: '账号状态', key: 'accountStatus' },
   { title: '骑手状态', key: 'workStatus' },
@@ -170,6 +197,10 @@ function getWorkStatus(record: any) {
   return record.isRest === 1 ? 1 : 0
 }
+function formatHoldOrderLimit(value?: number) {
+  return value && value > 0 ? `${value} 单` : '无限制'
+}
+
 async function loadList() {
   loading.value = true
   try {
@@ -233,6 +264,29 @@ async function handleSetLevel() {
   }
 }
+function openEditHoldLimit(record: any) {
+  editTargetId.value = record.id
+  editTargetName.value = record.userNickname || record.mobile
+  editHoldOrderLimit.value = Number(record.holdOrderLimit || 0)
+  editVisible.value = true
+}
+
+async function handleSetHoldLimit() {
+  if (editHoldOrderLimit.value < 0) {
+    message.error('个人持单上限不能小于0')
+    return
+  }
+  editSaving.value = true
+  try {
+    await riderApi.setHoldOrderLimit(editTargetId.value, editHoldOrderLimit.value)
+    message.success('设置成功')
+    editVisible.value = false
+    loadList()
+  } finally {
+    editSaving.value = false
+  }
+}
+
 async function setStatus(riderId: number, status: number) {
   await riderApi.setStatus(riderId, status)
   message.success('操作成功')