diff --git a/frontend/src/views/inventory/InventoryCreate.vue b/frontend/src/views/inventory/InventoryCreate.vue
index d8e08af..bccee92 100644
--- a/frontend/src/views/inventory/InventoryCreate.vue
+++ b/frontend/src/views/inventory/InventoryCreate.vue
@@ -2,438 +2,603 @@
   <div class="space-y-6">
     <section class="page-header">
       <div>
-        <p class="page-kicker">Scope Builder</p>
+        <p class="page-kicker">Inventory Task</p>
         <h2 class="page-title">新建盘点任务</h2>
-        <div class="mt-3 flex flex-wrap gap-2">
-          <router-link to="/inventory" class="btn-secondary text-sm">返回</router-link>
-          <button type="button" class="btn-secondary text-sm" :disabled="previewLoading" @click="handlePreview">
-            {{ previewLoading ? '预览中...' : '预览' }}
-          </button>
-          <button type="button" class="btn-primary text-sm" :disabled="!canCreate" @click="handleSubmit">
-            {{ creating ? '创建中...' : '创建' }}
-          </button>
-        </div>
+        <p class="mt-2 max-w-2xl text-sm leading-6 text-text-secondary">
+          先确定由谁盘点，再核对覆盖范围。创建后，可触达的人员会收到钉钉通知。
+        </p>
       </div>
-
-      <div class="page-meta-grid">
-        <div class="page-meta">
-          <p class="page-meta__label">当前范围</p>
-          <p class="page-meta__value text-base">{{ currentScopeLabel }}</p>
-          <p class="page-meta__subvalue">同维度多选并集，跨维度自动取交集</p>
-        </div>
-        <div class="page-meta">
-          <p class="page-meta__label">预估参与人</p>
-          <p class="page-meta__value">{{ formatNumber(preview?.participants_count || 0) }}</p>
-          <p class="page-meta__subvalue">有明确责任人的资产会自动挂到对应盘点人</p>
-        </div>
-        <div class="page-meta">
-          <p class="page-meta__label">预估资产数</p>
-          <p class="page-meta__value">{{ formatNumber(preview?.items_count || 0) }}</p>
-          <p class="page-meta__subvalue">其中无人归属 {{ formatNumber(preview?.unassigned_count || 0) }} 件</p>
-        </div>
+      <div class="flex justify-start lg:justify-end">
+        <router-link to="/inventory" class="btn-secondary text-sm">返回任务列表</router-link>
       </div>
     </section>
 
-    <section class="card">
-      <div class="list-header">
-        <h3 class="section-title">任务信息</h3>
-        <span v-if="previewDirty" class="badge badge-warning">范围已变更，请重新预览</span>
-      </div>
+    <div
+      v-if="optionsError"
+      class="panel !border-status-error/30 !bg-status-error/10 text-sm text-status-error"
+      role="alert"
+    >
+      {{ optionsError }}
+    </div>
 
-      <div class="field-grid">
-        <div class="field-stack">
-          <label class="field-label">任务标题 *</label>
-          <input
-            v-model.trim="form.title"
-            type="text"
-            class="input"
-            placeholder="例如：2026 年 3 月在用资产盘点"
-          />
-        </div>
-        <div class="field-stack lg:col-span-2">
-          <label class="field-label">任务说明</label>
-          <textarea
-            v-model.trim="form.description"
-            class="input"
-            rows="3"
-            placeholder="可选，给盘点负责人留一句简短说明"
-          ></textarea>
-        </div>
-        <div class="field-stack">
-          <label class="field-label">截止时间</label>
-          <input v-model="form.deadline_at" type="datetime-local" class="input" />
-          <p class="text-xs leading-5 text-text-tertiary">通知中会明确显示，便于员工及时完成。</p>
-        </div>
-      </div>
-    </section>
-
-    <section class="card space-y-6">
-      <div class="list-header">
-        <div>
-          <h3 class="section-title">盘点范围</h3>
-          <p class="mt-1 text-sm text-text-secondary">留空表示该维度不限；同一维度可以多选。</p>
-        </div>
-      </div>
-
-      <section class="panel space-y-4">
-        <div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
-          <div>
-            <p class="text-sm font-semibold text-text-primary">指定盘点人员（可选）</p>
-            <p class="mt-1 text-xs leading-5 text-text-secondary">
-              留空时覆盖当前资产范围内的全部责任人；指定后只纳入这些人员当前持有的资产。
-            </p>
+    <div class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_360px] xl:items-start">
+      <main class="space-y-6">
+        <section class="card space-y-4">
+          <div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+            <div>
+              <div class="flex items-center gap-2">
+                <span class="badge badge-neutral">步骤 1</span>
+                <h3 class="section-title">填写任务信息</h3>
+              </div>
+              <p class="mt-2 text-sm text-text-secondary">标题和截止时间会直接显示在员工收到的通知里。</p>
+            </div>
           </div>
-          <span class="badge badge-neutral">已选 {{ form.person_ids.length }} 人</span>
-        </div>
 
-        <div v-if="selectedPeople.length" class="flex flex-wrap gap-2">
-          <button
-            v-for="person in selectedPeople"
-            :key="person.id"
-            type="button"
-            class="badge badge-neutral"
-            :aria-label="`移除 ${person.nickname}`"
-            @click="togglePerson(person)"
-          >
-            {{ person.nickname }} · {{ person.real_name }} ×
-          </button>
-        </div>
+          <div class="grid gap-4 md:grid-cols-2">
+            <div class="field-stack">
+              <label class="field-label" for="inventory-title">任务标题 *</label>
+              <input
+                id="inventory-title"
+                v-model.trim="form.title"
+                type="text"
+                class="input"
+                maxlength="80"
+                placeholder="例如：2026 年 7 月办公设备盘点"
+              />
+            </div>
 
-        <div class="field-stack">
-          <label class="field-label">搜索花名、姓名或工号</label>
-          <input v-model.trim="personKeyword" type="text" class="input" placeholder="输入关键词选择人员" />
-        </div>
+            <div class="field-stack">
+              <label class="field-label" for="inventory-deadline">截止时间</label>
+              <input id="inventory-deadline" v-model="form.deadline_at" type="datetime-local" class="input" />
+              <p v-if="deadlineError" class="text-xs text-status-error">{{ deadlineError }}</p>
+            </div>
 
-        <div v-if="personLoading" class="empty-state">正在搜索人员...</div>
-        <div v-else class="grid max-h-64 gap-2 overflow-auto sm:grid-cols-2 xl:grid-cols-3">
-          <button
-            v-for="person in personOptions"
-            :key="person.id"
-            type="button"
-            class="touch-option text-left"
-            :class="{ 'is-active': form.person_ids.includes(person.id) }"
-            @click="togglePerson(person)"
-          >
-            <div class="flex items-start justify-between gap-3">
-              <div class="min-w-0">
-                <p class="truncate text-sm font-medium text-text-primary">{{ person.nickname }} · {{ person.real_name }}</p>
-                <p class="mt-1 truncate text-xs text-text-secondary">
-                  {{ person.main_department?.name || person.department || '未归属部门' }}
-                  <span v-if="person.job_number"> · {{ person.job_number }}</span>
+            <div class="field-stack md:col-span-2">
+              <label class="field-label" for="inventory-description">给员工的说明（可选）</label>
+              <textarea
+                id="inventory-description"
+                v-model.trim="form.description"
+                class="input"
+                rows="2"
+                maxlength="300"
+                placeholder="例如：请在截止时间前扫描本人当前持有的全部设备"
+              ></textarea>
+            </div>
+          </div>
+        </section>
+
+        <section class="card space-y-4">
+          <div>
+            <div class="flex items-center gap-2">
+              <span class="badge badge-neutral">步骤 2</span>
+              <h3 class="section-title">选择盘点对象</h3>
+            </div>
+            <p class="mt-2 text-sm text-text-secondary">三种方式只选一种，避免范围互相叠加后难以理解。</p>
+          </div>
+
+          <div class="grid gap-3 md:grid-cols-3">
+            <button
+              type="button"
+              class="touch-option !p-4"
+              :class="{ 'is-active': scopeMode === 'people' }"
+              :aria-pressed="scopeMode === 'people'"
+              @click="selectScopeMode('people')"
+            >
+              <UsersIcon class="h-5 w-5 text-accent-primary" aria-hidden="true" />
+              <p class="mt-3 text-sm font-semibold text-text-primary">按人员盘点</p>
+              <p class="mt-1 text-xs leading-5 text-text-secondary">适合新入职、离职或少量指定员工。</p>
+            </button>
+
+            <button
+              type="button"
+              class="touch-option !p-4"
+              :class="{ 'is-active': scopeMode === 'departments' }"
+              :aria-pressed="scopeMode === 'departments'"
+              @click="selectScopeMode('departments')"
+            >
+              <BuildingOffice2Icon class="h-5 w-5 text-accent-primary" aria-hidden="true" />
+              <p class="mt-3 text-sm font-semibold text-text-primary">按部门盘点</p>
+              <p class="mt-1 text-xs leading-5 text-text-secondary">适合部门或组织范围盘点，自动包含下级部门。</p>
+            </button>
+
+            <button
+              type="button"
+              class="touch-option !p-4"
+              :class="{ 'is-active': scopeMode === 'all' }"
+              :aria-pressed="scopeMode === 'all'"
+              @click="selectScopeMode('all')"
+            >
+              <GlobeAsiaAustraliaIcon class="h-5 w-5 text-accent-primary" aria-hidden="true" />
+              <p class="mt-3 text-sm font-semibold text-text-primary">全公司盘点</p>
+              <p class="mt-1 text-xs leading-5 text-text-secondary">仅用于确实需要覆盖全部资产的正式盘点。</p>
+            </button>
+          </div>
+
+          <div v-if="!scopeMode" class="empty-state !py-8">
+            请选择一种盘点方式。系统不会再默认创建全公司范围的任务。
+          </div>
+
+          <section v-else-if="scopeMode === 'people'" class="panel space-y-4">
+            <div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+              <div>
+                <p class="text-sm font-semibold text-text-primary">选择员工</p>
+                <p class="mt-1 text-xs leading-5 text-text-secondary">
+                  这里只会纳入所选员工当前持有的资产，并向可触达员工发送盘点通知。
                 </p>
               </div>
-              <span class="badge" :class="person.dingtalk_ready ? 'badge-success' : 'badge-warning'">
-                {{ person.dingtalk_ready ? '钉钉可达' : '无法通知' }}
-              </span>
+              <span class="badge badge-neutral">已选 {{ form.person_ids.length }} 人</span>
             </div>
-          </button>
-          <p v-if="personOptions.length === 0" class="py-6 text-center text-sm text-text-tertiary sm:col-span-2 xl:col-span-3">
-            没有匹配的在职人员。
-          </p>
-        </div>
-      </section>
 
-      <div class="grid gap-6 xl:grid-cols-3">
-        <section class="space-y-3">
-          <div class="flex items-center justify-between gap-3">
-            <div>
-              <p class="text-sm font-semibold text-text-primary">业务部门</p>
-              <p class="mt-1 text-xs text-text-tertiary">{{ selectedDepartmentLabel }}，自动包含下级部门</p>
+            <div v-if="selectedPeople.length" class="flex flex-wrap gap-2">
+              <button
+                v-for="person in selectedPeople"
+                :key="person.id"
+                type="button"
+                class="badge badge-neutral"
+                :aria-label="`移除 ${person.nickname || person.real_name}`"
+                @click="togglePerson(person)"
+              >
+                {{ person.nickname || person.real_name }}
+                <span class="ml-1 text-text-tertiary">×</span>
+              </button>
             </div>
-            <button
-              type="button"
-              class="btn-secondary text-xs"
-              :disabled="form.department_ids.length === 0"
-              @click="clearSelection('department_ids')"
-            >
-              清空
-            </button>
-          </div>
 
-          <div v-if="selectedDepartments.length > 0" class="flex flex-wrap gap-2">
-            <span
-              v-for="department in selectedDepartments"
-              :key="department.id"
-              class="badge badge-neutral"
-            >
-              {{ department.name }}
-            </span>
-          </div>
-
-          <div class="panel max-h-72 space-y-2 overflow-auto">
-            <label
-              v-for="department in departments"
-              :key="department.id"
-              class="flex cursor-pointer items-start gap-3 rounded-lg border border-border bg-bg-secondary px-3 py-3 transition hover:border-border-hover hover:bg-bg-hover"
-            >
-              <input
-                :checked="form.department_ids.includes(department.id)"
-                type="checkbox"
-                class="mt-0.5 h-4 w-4 rounded border-border bg-bg-elevated"
-                @change="toggleSelection('department_ids', department.id)"
-              />
-              <span class="min-w-0 flex-1">
-                <span class="block text-sm text-text-primary">{{ department.name }}</span>
-                <span v-if="department.parent_name" class="mt-1 block text-xs text-text-tertiary">
-                  上级：{{ department.parent_name }}
-                </span>
-              </span>
-            </label>
-            <p v-if="departments.length === 0" class="py-6 text-center text-sm text-text-tertiary">
-              暂无可选业务部门
-            </p>
-          </div>
-        </section>
-
-        <section class="space-y-3">
-          <div class="flex items-center justify-between gap-3">
-            <div>
-              <p class="text-sm font-semibold text-text-primary">资产类型</p>
-              <p class="mt-1 text-xs text-text-tertiary">{{ selectedAssetTypeLabel }}</p>
+            <div class="field-stack">
+              <label class="field-label" for="inventory-person-search">搜索花名、姓名或工号</label>
+              <div class="relative">
+                <MagnifyingGlassIcon
+                  class="pointer-events-none absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-tertiary"
+                  aria-hidden="true"
+                />
+                <input
+                  id="inventory-person-search"
+                  v-model.trim="personKeyword"
+                  type="search"
+                  class="input !pl-10"
+                  autocomplete="off"
+                  placeholder="输入关键词后再显示人员"
+                />
+              </div>
             </div>
-            <button
-              type="button"
-              class="btn-secondary text-xs"
-              :disabled="form.asset_type_ids.length === 0"
-              @click="clearSelection('asset_type_ids')"
-            >
-              清空
-            </button>
-          </div>
 
-          <div v-if="selectedAssetTypes.length > 0" class="flex flex-wrap gap-2">
-            <span
-              v-for="assetType in selectedAssetTypes"
-              :key="assetType.id"
-              class="badge badge-neutral"
-            >
-              {{ assetType.name }}
-            </span>
-          </div>
-
-          <div class="panel max-h-72 space-y-2 overflow-auto">
-            <label
-              v-for="assetType in assetTypes"
-              :key="assetType.id"
-              class="flex cursor-pointer items-start gap-3 rounded-lg border border-border bg-bg-secondary px-3 py-3 transition hover:border-border-hover hover:bg-bg-hover"
-            >
-              <input
-                :checked="form.asset_type_ids.includes(assetType.id)"
-                type="checkbox"
-                class="mt-0.5 h-4 w-4 rounded border-border bg-bg-elevated"
-                @change="toggleSelection('asset_type_ids', assetType.id)"
-              />
-              <span class="min-w-0 flex-1">
-                <span class="block text-sm text-text-primary">{{ assetType.name }}</span>
-                <span v-if="assetType.short_name" class="mt-1 block text-xs text-text-tertiary">
-                  编码缩写：{{ assetType.short_name }}
-                </span>
-              </span>
-            </label>
-            <p v-if="assetTypes.length === 0" class="py-6 text-center text-sm text-text-tertiary">
-              暂无可选资产类型
-            </p>
-          </div>
-        </section>
-
-        <section class="space-y-3">
-          <div class="flex items-center justify-between gap-3">
-            <div>
-              <p class="text-sm font-semibold text-text-primary">地区</p>
-              <p class="mt-1 text-xs text-text-tertiary">{{ selectedStorageLocationLabel }}</p>
+            <p v-if="personError" class="text-sm text-status-error" role="alert">{{ personError }}</p>
+            <div v-if="personLoading" class="empty-state !py-6">正在搜索人员...</div>
+            <div v-else-if="!personKeyword.trim()" class="empty-state !py-6">
+              输入关键词开始搜索，不再一次展示整份花名册。
             </div>
-            <button
-              type="button"
-              class="btn-secondary text-xs"
-              :disabled="form.storage_location_ids.length === 0"
-              @click="clearSelection('storage_location_ids')"
-            >
-              清空
-            </button>
-          </div>
-
-          <div v-if="selectedStorageLocations.length > 0" class="flex flex-wrap gap-2">
-            <span
-              v-for="location in selectedStorageLocations"
-              :key="location.id"
-              class="badge badge-neutral"
-            >
-              {{ location.name }}
-            </span>
-          </div>
-
-          <div class="panel max-h-72 space-y-2 overflow-auto">
-            <label
-              v-for="location in storageLocations"
-              :key="location.id"
-              class="flex cursor-pointer items-start gap-3 rounded-lg border border-border bg-bg-secondary px-3 py-3 transition hover:border-border-hover hover:bg-bg-hover"
-            >
-              <input
-                :checked="form.storage_location_ids.includes(location.id)"
-                type="checkbox"
-                class="mt-0.5 h-4 w-4 rounded border-border bg-bg-elevated"
-                @change="toggleSelection('storage_location_ids', location.id)"
-              />
-              <span class="min-w-0 flex-1">
-                <span class="block text-sm text-text-primary">{{ location.name }}</span>
-                <span v-if="location.code" class="mt-1 block text-xs text-text-tertiary">
-                  编码：{{ location.code }}
-                </span>
-              </span>
-            </label>
-            <p v-if="storageLocations.length === 0" class="py-6 text-center text-sm text-text-tertiary">
-              暂无可选地区
-            </p>
-          </div>
-        </section>
-      </div>
-    </section>
-
-    <section class="card">
-      <div class="list-header">
-        <h3 class="section-title">范围预览</h3>
-        <button type="button" class="btn-secondary text-sm" :disabled="previewLoading" @click="handlePreview">
-          {{ previewLoading ? '刷新中...' : '刷新' }}
-        </button>
-      </div>
-
-      <div v-if="previewLoading" class="empty-state">正在根据当前范围生成预览...</div>
-
-      <div v-else-if="preview" class="space-y-6">
-        <div class="grid gap-4 sm:grid-cols-3">
-          <div class="panel">
-            <p class="mobile-card__label">参与人</p>
-            <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.participants_count) }}</p>
-            <p class="mt-1 text-xs text-text-secondary">系统会自动汇总到明确责任人名下</p>
-          </div>
-          <div class="panel">
-            <p class="mobile-card__label">待盘点资产</p>
-            <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.items_count) }}</p>
-            <p class="mt-1 text-xs text-text-secondary">按当前借用快照生成</p>
-          </div>
-          <div class="panel">
-            <p class="mobile-card__label">无人归属资产</p>
-            <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.unassigned_count) }}</p>
-            <p class="mt-1 text-xs text-text-secondary">这部分会单列给管理人员处理，管理人员也可直接代扫</p>
-          </div>
-        </div>
-
-        <div class="grid gap-6 lg:grid-cols-2">
-          <section class="space-y-3">
-            <h4 class="section-title">按部门拆分</h4>
-            <div v-if="preview.department_breakdown.length === 0" class="empty-state">当前范围没有匹配到部门分布。</div>
-            <div v-else class="space-y-3">
-              <div
-                v-for="department in preview.department_breakdown.slice(0, 8)"
-                :key="department.department_name"
-                class="panel"
+            <div v-else-if="personOptions.length" class="grid max-h-72 gap-2 overflow-auto sm:grid-cols-2">
+              <button
+                v-for="person in personOptions"
+                :key="person.id"
+                type="button"
+                class="touch-option !p-3"
+                :class="{ 'is-active': form.person_ids.includes(person.id) }"
+                :aria-pressed="form.person_ids.includes(person.id)"
+                @click="togglePerson(person)"
               >
                 <div class="flex items-start justify-between gap-3">
-                  <div>
-                    <p class="text-sm font-medium text-text-primary">{{ department.department_name }}</p>
-                    <p class="mt-1 text-xs text-text-secondary">
-                      已分配 {{ formatNumber(department.assigned) }} 件 / 待分配 {{ formatNumber(department.unassigned) }} 件
+                  <div class="min-w-0">
+                    <p class="truncate text-sm font-medium text-text-primary">
+                      {{ person.nickname || person.real_name }}
+                      <span v-if="person.nickname && person.real_name" class="text-text-secondary">· {{ person.real_name }}</span>
+                    </p>
+                    <p class="mt-1 truncate text-xs text-text-secondary">
+                      {{ person.main_department?.name || person.department || '未归属部门' }}
+                      <span v-if="person.job_number"> · {{ person.job_number }}</span>
                     </p>
                   </div>
-                  <span class="badge badge-neutral">{{ formatNumber(department.total) }} 件</span>
-                </div>
-              </div>
-            </div>
-          </section>
-
-          <section class="space-y-3">
-            <h4 class="section-title">按资产类型拆分</h4>
-            <div v-if="preview.asset_type_breakdown.length === 0" class="empty-state">当前范围没有匹配到资产类型分布。</div>
-            <div v-else class="space-y-3">
-              <div
-                v-for="assetType in preview.asset_type_breakdown.slice(0, 8)"
-                :key="assetType.asset_type_name"
-                class="panel flex items-center justify-between gap-3"
-              >
-                <div>
-                  <p class="text-sm font-medium text-text-primary">{{ assetType.asset_type_name }}</p>
-                  <p class="mt-1 text-xs text-text-secondary">已纳入本次盘点范围</p>
-                </div>
-                <span class="badge badge-neutral">{{ formatNumber(assetType.total) }} 件</span>
-              </div>
-            </div>
-          </section>
-        </div>
-
-        <div class="grid gap-6 lg:grid-cols-2">
-          <section class="space-y-3">
-            <h4 class="section-title">参与人样例</h4>
-            <div v-if="preview.participants_sample.length === 0" class="empty-state">当前范围没有生成参与人。</div>
-            <div v-else class="space-y-3">
-              <div
-                v-for="participant in preview.participants_sample"
-                :key="participant.person_id"
-                class="panel"
-              >
-                <div class="flex items-center gap-2">
-                  <p class="text-sm font-medium text-text-primary">
-                    {{ participant.person_nickname }} · {{ participant.person_name }}
-                  </p>
-                  <span
-                    v-if="isInventoryPublicAssetPerson(participant)"
-                    class="badge badge-neutral !border-status-warning/30 !bg-status-warning/10 !text-status-warning"
-                  >
-                    {{ getInventoryPublicAssetLabel() }}
+                  <span class="badge" :class="person.dingtalk_ready ? 'badge-success' : 'badge-warning'">
+                    {{ person.dingtalk_ready ? '钉钉可达' : '未绑定钉钉' }}
                   </span>
                 </div>
-                <p class="mt-1 text-xs text-text-secondary">
-                  {{ participant.department_name || '未归属部门' }}
+              </button>
+            </div>
+            <div v-else class="empty-state !py-6">没有匹配的在职人员。</div>
+
+            <div
+              v-if="selectedPeopleNotReadyCount > 0"
+              class="rounded-lg border border-status-warning/30 bg-status-warning/10 px-3 py-2 text-xs leading-5 text-status-warning"
+            >
+              已选人员中有 {{ selectedPeopleNotReadyCount }} 人暂时无法接收钉钉通知，任务仍会生成，但需要线下提醒。
+            </div>
+          </section>
+
+          <section v-else-if="scopeMode === 'departments'" class="panel space-y-4">
+            <div class="flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
+              <div>
+                <p class="text-sm font-semibold text-text-primary">选择部门</p>
+                <p class="mt-1 text-xs leading-5 text-text-secondary">选中上级部门时，会自动包含其下级部门。</p>
+              </div>
+              <span class="badge badge-neutral">已选 {{ form.department_ids.length }} 个</span>
+            </div>
+
+            <div v-if="selectedDepartments.length" class="flex flex-wrap gap-2">
+              <button
+                v-for="department in selectedDepartments"
+                :key="department.id"
+                type="button"
+                class="badge badge-neutral"
+                :aria-label="`移除 ${department.name}`"
+                @click="toggleSelection('department_ids', department.id)"
+              >
+                {{ department.name }}
+                <span class="ml-1 text-text-tertiary">×</span>
+              </button>
+            </div>
+
+            <div class="field-stack">
+              <label class="field-label" for="inventory-department-search">搜索部门</label>
+              <div class="relative">
+                <MagnifyingGlassIcon
+                  class="pointer-events-none absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-tertiary"
+                  aria-hidden="true"
+                />
+                <input
+                  id="inventory-department-search"
+                  v-model.trim="departmentKeyword"
+                  type="search"
+                  class="input !pl-10"
+                  placeholder="输入部门名称"
+                />
+              </div>
+            </div>
+
+            <div v-if="filteredDepartments.length" class="grid max-h-80 gap-2 overflow-auto sm:grid-cols-2">
+              <button
+                v-for="department in filteredDepartments"
+                :key="department.id"
+                type="button"
+                class="touch-option !p-3"
+                :class="{ 'is-active': form.department_ids.includes(department.id) }"
+                :aria-pressed="form.department_ids.includes(department.id)"
+                @click="toggleSelection('department_ids', department.id)"
+              >
+                <div class="flex items-start justify-between gap-3">
+                  <div class="min-w-0">
+                    <p class="truncate text-sm font-medium text-text-primary">{{ department.name }}</p>
+                    <p class="mt-1 truncate text-xs text-text-secondary">
+                      {{ department.parent_name ? `上级：${department.parent_name}` : '顶级部门' }}
+                    </p>
+                  </div>
+                  <CheckCircleIcon
+                    v-if="form.department_ids.includes(department.id)"
+                    class="h-5 w-5 shrink-0 text-accent-primary"
+                    aria-hidden="true"
+                  />
+                </div>
+              </button>
+            </div>
+            <div v-else class="empty-state !py-6">没有匹配的业务部门。</div>
+          </section>
+
+          <section
+            v-else
+            class="panel !border-status-warning/30 !bg-status-warning/10"
+          >
+            <div class="flex items-start gap-3">
+              <ExclamationTriangleIcon class="mt-0.5 h-5 w-5 shrink-0 text-status-warning" aria-hidden="true" />
+              <div>
+                <p class="text-sm font-semibold text-text-primary">这是影响范围最大的方式</p>
+                <p class="mt-1 text-xs leading-5 text-text-secondary">
+                  系统会覆盖全部符合条件的资产。创建前必须先生成预览，并再次确认参与人数和资产数量。
                 </p>
               </div>
             </div>
           </section>
 
-          <section class="space-y-3">
-            <h4 class="section-title">资产样例</h4>
-            <div v-if="preview.items_sample.length === 0" class="empty-state">当前范围没有资产。</div>
-            <div v-else class="space-y-3">
-              <div
-                v-for="item in preview.items_sample"
-                :key="item.equipment_id"
-                class="panel"
-              >
-                <div class="flex items-start justify-between gap-3">
-                  <div>
-                    <p class="text-sm font-medium text-text-primary">{{ item.equipment_name }}</p>
-                    <p class="mt-1 text-xs font-mono text-text-tertiary">{{ item.equipment_code }}</p>
-                    <p class="mt-2 text-xs text-text-secondary">
-                      {{ item.snapshot_person_nickname || '未纳入' }}
-                      <span v-if="isInventoryPublicAssetPerson(item)" class="ml-2 text-status-warning">
-                        · {{ getInventoryPublicAssetLabel() }}
-                      </span>
-                      <span v-if="item.snapshot_department_name"> · {{ item.snapshot_department_name }}</span>
-                    </p>
-                  </div>
-                  <span class="badge badge-neutral">已纳入</span>
+          <details v-if="scopeMode" class="panel group">
+            <summary class="flex cursor-pointer list-none items-center justify-between gap-3">
+              <div class="flex items-center gap-3">
+                <AdjustmentsHorizontalIcon class="h-5 w-5 text-text-secondary" aria-hidden="true" />
+                <div>
+                  <p class="text-sm font-semibold text-text-primary">进一步限定资产范围（可选）</p>
+                  <p class="mt-1 text-xs text-text-secondary">只在需要限定资产类型或所在地区时展开。</p>
                 </div>
               </div>
-            </div>
-          </section>
-        </div>
-      </div>
+              <span class="badge badge-neutral">已选 {{ extraFilterCount }} 项</span>
+            </summary>
 
-      <div v-else class="empty-state">还没有生成预览，点“预览”查看本次覆盖范围。</div>
-    </section>
+            <div class="mt-4 grid gap-6 border-t border-border pt-4 lg:grid-cols-2">
+              <section class="space-y-3">
+                <div class="flex items-center justify-between gap-3">
+                  <p class="text-sm font-semibold text-text-primary">资产类型</p>
+                  <button
+                    type="button"
+                    class="text-xs text-accent-primary disabled:text-text-tertiary"
+                    :disabled="form.asset_type_ids.length === 0"
+                    @click="clearSelection('asset_type_ids')"
+                  >
+                    清空
+                  </button>
+                </div>
+                <input v-model.trim="assetTypeKeyword" type="search" class="input" placeholder="搜索资产类型" />
+                <div class="grid max-h-64 gap-2 overflow-auto">
+                  <button
+                    v-for="assetType in filteredAssetTypes"
+                    :key="assetType.id"
+                    type="button"
+                    class="touch-option !p-3"
+                    :class="{ 'is-active': form.asset_type_ids.includes(assetType.id) }"
+                    :aria-pressed="form.asset_type_ids.includes(assetType.id)"
+                    @click="toggleSelection('asset_type_ids', assetType.id)"
+                  >
+                    <div class="flex items-center justify-between gap-3">
+                      <span class="truncate text-sm text-text-primary">{{ assetType.name }}</span>
+                      <CheckCircleIcon
+                        v-if="form.asset_type_ids.includes(assetType.id)"
+                        class="h-5 w-5 shrink-0 text-accent-primary"
+                        aria-hidden="true"
+                      />
+                    </div>
+                  </button>
+                  <p v-if="filteredAssetTypes.length === 0" class="py-4 text-center text-xs text-text-tertiary">
+                    没有匹配的资产类型
+                  </p>
+                </div>
+              </section>
+
+              <section class="space-y-3">
+                <div class="flex items-center justify-between gap-3">
+                  <p class="text-sm font-semibold text-text-primary">所在地区</p>
+                  <button
+                    type="button"
+                    class="text-xs text-accent-primary disabled:text-text-tertiary"
+                    :disabled="form.storage_location_ids.length === 0"
+                    @click="clearSelection('storage_location_ids')"
+                  >
+                    清空
+                  </button>
+                </div>
+                <input v-model.trim="storageLocationKeyword" type="search" class="input" placeholder="搜索地区" />
+                <div class="grid max-h-64 gap-2 overflow-auto">
+                  <button
+                    v-for="location in filteredStorageLocations"
+                    :key="location.id"
+                    type="button"
+                    class="touch-option !p-3"
+                    :class="{ 'is-active': form.storage_location_ids.includes(location.id) }"
+                    :aria-pressed="form.storage_location_ids.includes(location.id)"
+                    @click="toggleSelection('storage_location_ids', location.id)"
+                  >
+                    <div class="flex items-center justify-between gap-3">
+                      <span class="truncate text-sm text-text-primary">{{ location.name }}</span>
+                      <CheckCircleIcon
+                        v-if="form.storage_location_ids.includes(location.id)"
+                        class="h-5 w-5 shrink-0 text-accent-primary"
+                        aria-hidden="true"
+                      />
+                    </div>
+                  </button>
+                  <p v-if="filteredStorageLocations.length === 0" class="py-4 text-center text-xs text-text-tertiary">
+                    没有匹配的地区
+                  </p>
+                </div>
+              </section>
+            </div>
+          </details>
+        </section>
+      </main>
+
+      <aside class="card space-y-4 xl:sticky xl:top-4">
+        <div>
+          <div class="flex items-center gap-2">
+            <span class="badge badge-neutral">步骤 3</span>
+            <h3 class="section-title">创建前确认</h3>
+          </div>
+          <p class="mt-2 text-sm leading-6 text-text-secondary">先看清会影响多少人和资产，再发送通知。</p>
+        </div>
+
+        <div class="panel space-y-3">
+          <div>
+            <p class="mobile-card__label">盘点对象</p>
+            <p class="mt-1 text-sm font-medium leading-6 text-text-primary">{{ currentScopeLabel }}</p>
+          </div>
+          <div class="border-t border-border pt-3">
+            <p class="mobile-card__label">截止时间</p>
+            <p class="mt-1 text-sm text-text-primary">{{ formattedDeadline }}</p>
+          </div>
+        </div>
+
+        <div v-if="!hasCompletePrimaryScope" class="empty-state !py-6">
+          {{ scopeRequirementText }}
+        </div>
+        <div v-else-if="previewLoading" class="empty-state !py-6">正在计算盘点范围...</div>
+        <div v-else-if="previewDirty" class="rounded-lg border border-status-warning/30 bg-status-warning/10 px-3 py-3">
+          <p class="text-sm font-medium text-status-warning">范围还没有确认</p>
+          <p class="mt-1 text-xs leading-5 text-text-secondary">请先生成预览；每次修改范围后都要重新确认。</p>
+        </div>
+
+        <template v-else-if="preview">
+          <div class="grid grid-cols-3 gap-2">
+            <div class="panel !p-3">
+              <p class="mobile-card__label">参与人</p>
+              <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.participants_count) }}</p>
+            </div>
+            <div class="panel !p-3">
+              <p class="mobile-card__label">资产</p>
+              <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.items_count) }}</p>
+            </div>
+            <div class="panel !p-3">
+              <p class="mobile-card__label">待分配</p>
+              <p class="mt-1 text-lg font-semibold text-text-primary">{{ formatNumber(preview.unassigned_count) }}</p>
+            </div>
+          </div>
+
+          <div
+            v-if="preview.unassigned_count > 0"
+            class="rounded-lg border border-status-warning/30 bg-status-warning/10 px-3 py-2 text-xs leading-5 text-status-warning"
+          >
+            有 {{ formatNumber(preview.unassigned_count) }} 件资产没有明确责任人，创建后需由管理人员处理。
+          </div>
+
+          <details class="rounded-lg border border-border bg-bg-elevated px-3 py-3">
+            <summary class="cursor-pointer text-sm font-medium text-text-primary">查看范围构成</summary>
+            <div class="mt-3 max-h-72 space-y-4 overflow-auto border-t border-border pt-3">
+              <section>
+                <p class="text-xs font-semibold text-text-secondary">主要部门</p>
+                <div v-if="preview.department_breakdown.length" class="mt-2 space-y-2">
+                  <div
+                    v-for="department in preview.department_breakdown.slice(0, 5)"
+                    :key="department.department_name"
+                    class="flex items-center justify-between gap-3 text-xs"
+                  >
+                    <span class="truncate text-text-secondary">{{ department.department_name }}</span>
+                    <span class="shrink-0 text-text-primary">{{ formatNumber(department.total) }} 件</span>
+                  </div>
+                </div>
+                <p v-else class="mt-2 text-xs text-text-tertiary">没有部门分布</p>
+              </section>
+
+              <section>
+                <p class="text-xs font-semibold text-text-secondary">主要资产类型</p>
+                <div v-if="preview.asset_type_breakdown.length" class="mt-2 space-y-2">
+                  <div
+                    v-for="assetType in preview.asset_type_breakdown.slice(0, 5)"
+                    :key="assetType.asset_type_name"
+                    class="flex items-center justify-between gap-3 text-xs"
+                  >
+                    <span class="truncate text-text-secondary">{{ assetType.asset_type_name }}</span>
+                    <span class="shrink-0 text-text-primary">{{ formatNumber(assetType.total) }} 件</span>
+                  </div>
+                </div>
+                <p v-else class="mt-2 text-xs text-text-tertiary">没有资产类型分布</p>
+              </section>
+
+              <section>
+                <p class="text-xs font-semibold text-text-secondary">参与人样例</p>
+                <div v-if="preview.participants_sample.length" class="mt-2 flex flex-wrap gap-2">
+                  <span
+                    v-for="participant in preview.participants_sample.slice(0, 5)"
+                    :key="participant.person_id"
+                    class="badge badge-neutral"
+                  >
+                    {{ participant.person_nickname || participant.person_name }}
+                  </span>
+                </div>
+                <p v-else class="mt-2 text-xs text-text-tertiary">没有参与人</p>
+              </section>
+            </div>
+          </details>
+        </template>
+
+        <p v-if="previewError" class="text-sm leading-5 text-status-error" role="alert">{{ previewError }}</p>
+        <p v-if="submitError" class="text-sm leading-5 text-status-error" role="alert">{{ submitError }}</p>
+
+        <button
+          type="button"
+          class="btn-secondary w-full text-sm"
+          :disabled="!canPreview"
+          @click="handlePreview"
+        >
+          {{ previewLoading ? '正在计算...' : previewActionLabel }}
+        </button>
+        <button
+          type="button"
+          class="btn-primary w-full text-sm"
+          :disabled="!canOpenConfirm"
+          @click="openConfirm"
+        >
+          创建并发送通知
+        </button>
+
+        <div v-if="createBlockReason" class="text-xs leading-5 text-text-tertiary">
+          {{ createBlockReason }}
+        </div>
+      </aside>
+    </div>
+
+    <div v-if="showConfirm" class="sheet-backdrop" @click.self="closeConfirm">
+      <section
+        class="sheet-panel !max-w-xl space-y-4"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="inventory-confirm-title"
+      >
+        <div>
+          <p class="page-kicker">Final Check</p>
+          <h3 id="inventory-confirm-title" class="mt-1 text-xl font-semibold text-text-primary">确认创建盘点任务？</h3>
+          <p class="mt-2 text-sm leading-6 text-text-secondary">
+            任务创建后，可触达人员会收到钉钉通知并通过手机完成扫码盘点。
+          </p>
+        </div>
+
+        <div v-if="preview" class="grid grid-cols-3 gap-3">
+          <div class="panel !p-3">
+            <p class="mobile-card__label">参与人</p>
+            <p class="mt-1 text-xl font-semibold text-text-primary">{{ formatNumber(preview.participants_count) }}</p>
+          </div>
+          <div class="panel !p-3">
+            <p class="mobile-card__label">资产</p>
+            <p class="mt-1 text-xl font-semibold text-text-primary">{{ formatNumber(preview.items_count) }}</p>
+          </div>
+          <div class="panel !p-3">
+            <p class="mobile-card__label">待分配</p>
+            <p class="mt-1 text-xl font-semibold text-text-primary">{{ formatNumber(preview.unassigned_count) }}</p>
+          </div>
+        </div>
+
+        <div class="panel space-y-3 text-sm">
+          <div>
+            <p class="text-xs text-text-tertiary">任务</p>
+            <p class="mt-1 font-medium text-text-primary">{{ form.title }}</p>
+          </div>
+          <div class="border-t border-border pt-3">
+            <p class="text-xs text-text-tertiary">范围</p>
+            <p class="mt-1 leading-6 text-text-primary">{{ currentScopeLabel }}</p>
+          </div>
+          <div class="border-t border-border pt-3">
+            <p class="text-xs text-text-tertiary">截止</p>
+            <p class="mt-1 text-text-primary">{{ formattedDeadline }}</p>
+          </div>
+        </div>
+
+        <div
+          v-if="isLargeScope"
+          class="rounded-lg border border-status-warning/30 bg-status-warning/10 px-3 py-3 text-sm leading-6 text-status-warning"
+        >
+          这是大范围任务。请再次确认人数和资产数量，避免误发全员通知。
+        </div>
+        <div
+          v-if="preview?.items_count === 0"
+          class="rounded-lg border border-status-error/30 bg-status-error/10 px-3 py-3 text-sm leading-6 text-status-error"
+        >
+          当前范围没有匹配到资产，建议返回调整范围后再创建。
+        </div>
+        <p v-if="submitError" class="text-sm text-status-error" role="alert">{{ submitError }}</p>
+
+        <div class="flex flex-col-reverse gap-3 sm:flex-row sm:justify-end">
+          <button type="button" class="btn-secondary" :disabled="creating" @click="closeConfirm">返回调整</button>
+          <button type="button" class="btn-primary" :disabled="creating" @click="confirmCreate">
+            {{ creating ? '正在创建...' : '确认创建并发送' }}
+          </button>
+        </div>
+      </section>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, reactive, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
+import {
+  AdjustmentsHorizontalIcon,
+  BuildingOffice2Icon,
+  CheckCircleIcon,
+  ExclamationTriangleIcon,
+  GlobeAsiaAustraliaIcon,
+  MagnifyingGlassIcon,
+  UsersIcon
+} from '@heroicons/vue/24/outline'
 import { getAssetTypeOptions } from '@/api/assetType'
 import { getDepartmentOptions } from '@/api/department'
 import { createInventoryTask, previewInventoryTask } from '@/api/inventory'
-import { getStorageLocationOptions } from '@/api/storageLocation'
 import { getPersonOptions, type PersonOption } from '@/api/person'
+import { getStorageLocationOptions } from '@/api/storageLocation'
 import type { AssetType, Department, InventoryTaskPreview, StorageLocation } from '@/types'
 import { formatNumber } from '@/utils/format'
-import { getInventoryPublicAssetLabel, isInventoryPublicAssetPerson } from './inventoryPublicAsset'
-import { buildInventoryScopeLabel } from './inventoryScopeSummary'
+
+type ScopeMode = 'people' | 'departments' | 'all'
+type FilterKey = 'department_ids' | 'asset_type_ids' | 'storage_location_ids'
 
 const router = useRouter()
 
@@ -442,12 +607,21 @@ const assetTypes = ref<AssetType[]>([])
 const storageLocations = ref<StorageLocation[]>([])
 const personOptions = ref<PersonOption[]>([])
 const selectedPeople = ref<PersonOption[]>([])
+const scopeMode = ref<ScopeMode | null>(null)
 const personKeyword = ref('')
+const departmentKeyword = ref('')
+const assetTypeKeyword = ref('')
+const storageLocationKeyword = ref('')
 const personLoading = ref(false)
 const preview = ref<InventoryTaskPreview | null>(null)
 const previewLoading = ref(false)
 const creating = ref(false)
-const previewDirty = ref(true)
+const showConfirm = ref(false)
+const optionsError = ref('')
+const personError = ref('')
+const previewError = ref('')
+const submitError = ref('')
+const previewFingerprint = ref('')
 
 const toLocalDateTimeInput = (date: Date) => {
   const pad = (value: number) => String(value).padStart(2, '0')
@@ -470,52 +644,153 @@ const form = reactive({
 const selectedDepartments = computed(() =>
   departments.value.filter((department) => form.department_ids.includes(department.id))
 )
-const selectedAssetTypes = computed(() =>
-  assetTypes.value.filter((assetType) => form.asset_type_ids.includes(assetType.id))
-)
-const selectedStorageLocations = computed(() =>
-  storageLocations.value.filter((location) => form.storage_location_ids.includes(location.id))
+const selectedPeopleNotReadyCount = computed(() =>
+  selectedPeople.value.filter((person) => !person.dingtalk_ready).length
 )
+const extraFilterCount = computed(() => form.asset_type_ids.length + form.storage_location_ids.length)
+
+const normalizeKeyword = (value: string) => value.trim().toLocaleLowerCase('zh-CN')
+const includesKeyword = (value: string | null | undefined, keyword: string) =>
+  normalizeKeyword(value || '').includes(keyword)
+
+const filteredDepartments = computed(() => {
+  const keyword = normalizeKeyword(departmentKeyword.value)
+  if (!keyword) return departments.value
+  return departments.value.filter((department) =>
+    includesKeyword(department.name, keyword) || includesKeyword(department.parent_name, keyword)
+  )
+})
+
+const filteredAssetTypes = computed(() => {
+  const keyword = normalizeKeyword(assetTypeKeyword.value)
+  if (!keyword) return assetTypes.value
+  return assetTypes.value.filter((assetType) =>
+    includesKeyword(assetType.name, keyword) || includesKeyword(assetType.short_name, keyword)
+  )
+})
+
+const filteredStorageLocations = computed(() => {
+  const keyword = normalizeKeyword(storageLocationKeyword.value)
+  if (!keyword) return storageLocations.value
+  return storageLocations.value.filter((location) =>
+    includesKeyword(location.name, keyword) || includesKeyword(location.code, keyword)
+  )
+})
+
+const hasCompletePrimaryScope = computed(() => {
+  if (scopeMode.value === 'people') return form.person_ids.length > 0
+  if (scopeMode.value === 'departments') return form.department_ids.length > 0
+  return scopeMode.value === 'all'
+})
+
+const scopeRequirementText = computed(() => {
+  if (!scopeMode.value) return '请先选择按人员、按部门或全公司盘点。'
+  if (scopeMode.value === 'people' && form.person_ids.length === 0) return '请至少选择 1 名员工。'
+  if (scopeMode.value === 'departments' && form.department_ids.length === 0) return '请至少选择 1 个部门。'
+  return ''
+})
 
 const currentScopeLabel = computed(() => {
-  const scope = buildInventoryScopeLabel({
-    scope_departments: selectedDepartments.value,
-    scope_asset_types: selectedAssetTypes.value,
-    scope_storage_locations: selectedStorageLocations.value
-  })
-  return form.person_ids.length > 0 ? `${scope} · 指定 ${form.person_ids.length} 人` : scope
+  let primaryLabel = '尚未选择盘点对象'
+  if (scopeMode.value === 'people') {
+    primaryLabel = form.person_ids.length > 0 ? `指定 ${form.person_ids.length} 名员工` : '按人员盘点（尚未选人）'
+  } else if (scopeMode.value === 'departments') {
+    primaryLabel = form.department_ids.length > 0
+      ? `${form.department_ids.length} 个部门（含下级）`
+      : '按部门盘点（尚未选部门）'
+  } else if (scopeMode.value === 'all') {
+    primaryLabel = '全公司资产'
+  }
+
+  const filters: string[] = []
+  if (form.asset_type_ids.length > 0) filters.push(`${form.asset_type_ids.length} 种资产类型`)
+  if (form.storage_location_ids.length > 0) filters.push(`${form.storage_location_ids.length} 个地区`)
+  return [primaryLabel, ...filters].join(' · ')
+})
+
+const deadlineError = computed(() => {
+  if (!form.deadline_at) return ''
+  const deadline = new Date(form.deadline_at)
+  if (Number.isNaN(deadline.getTime())) return '截止时间格式不正确'
+  if (deadline.getTime() <= Date.now()) return '截止时间必须晚于当前时间'
+  return ''
+})
+
+const formattedDeadline = computed(() => {
+  if (!form.deadline_at) return '未设置截止时间'
+  const deadline = new Date(form.deadline_at)
+  if (Number.isNaN(deadline.getTime())) return '时间格式不正确'
+  return new Intl.DateTimeFormat('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false
+  }).format(deadline)
 })
-const selectedDepartmentLabel = computed(() =>
-  form.department_ids.length > 0 ? `已选 ${form.department_ids.length} 个业务部门` : '留空表示全部业务部门'
-)
-const selectedAssetTypeLabel = computed(() =>
-  form.asset_type_ids.length > 0 ? `已选 ${form.asset_type_ids.length} 个资产类型` : '留空表示全部资产类型'
-)
-const selectedStorageLocationLabel = computed(() =>
-  form.storage_location_ids.length > 0 ? `已选 ${form.storage_location_ids.length} 个地区` : '留空表示全部地区'
-)
-const canCreate = computed(() => form.title.length > 0 && !creating.value)
 
 const buildPreviewPayload = () => ({
-  department_ids: [...form.department_ids],
+  department_ids: scopeMode.value === 'departments' ? [...form.department_ids] : [],
   asset_type_ids: [...form.asset_type_ids],
   storage_location_ids: [...form.storage_location_ids],
-  person_ids: [...form.person_ids]
+  person_ids: scopeMode.value === 'people' ? [...form.person_ids] : []
 })
 
-const toggleSelection = (
-  key: 'department_ids' | 'asset_type_ids' | 'storage_location_ids',
-  id: number
-) => {
-  const currentValues = form[key]
-  const nextValues = currentValues.includes(id)
-    ? currentValues.filter((currentId) => currentId !== id)
-    : [...currentValues, id]
+const currentScopeFingerprint = computed(() => JSON.stringify({
+  mode: scopeMode.value,
+  ...buildPreviewPayload()
+}))
+const previewDirty = computed(() => !preview.value || previewFingerprint.value !== currentScopeFingerprint.value)
+const canPreview = computed(() => hasCompletePrimaryScope.value && !previewLoading.value && !creating.value)
+const canOpenConfirm = computed(() =>
+  form.title.trim().length > 0
+  && !deadlineError.value
+  && hasCompletePrimaryScope.value
+  && Boolean(preview.value)
+  && !previewDirty.value
+  && !creating.value
+)
+const previewActionLabel = computed(() => {
+  if (!preview.value) return '预览盘点范围'
+  return previewDirty.value ? '更新范围预览' : '重新计算预览'
+})
+const createBlockReason = computed(() => {
+  if (!form.title.trim()) return '填写任务标题后才能创建。'
+  if (deadlineError.value) return deadlineError.value
+  if (!hasCompletePrimaryScope.value) return scopeRequirementText.value
+  if (!preview.value || previewDirty.value) return '先生成并确认最新范围预览。'
+  return ''
+})
+const isLargeScope = computed(() =>
+  scopeMode.value === 'all'
+  || (preview.value?.participants_count || 0) >= 100
+  || (preview.value?.items_count || 0) >= 1000
+)
 
-  form[key] = nextValues.sort((left, right) => left - right) as never
+const selectScopeMode = (mode: ScopeMode) => {
+  if (scopeMode.value === mode) return
+  scopeMode.value = mode
+  form.person_ids = []
+  selectedPeople.value = []
+  personKeyword.value = ''
+  personOptions.value = []
+  form.department_ids = []
+  departmentKeyword.value = ''
+  personError.value = ''
+  previewError.value = ''
+  submitError.value = ''
 }
 
-const clearSelection = (key: 'department_ids' | 'asset_type_ids' | 'storage_location_ids') => {
+const toggleSelection = (key: FilterKey, id: number) => {
+  const currentValues = form[key]
+  form[key] = (currentValues.includes(id)
+    ? currentValues.filter((currentId) => currentId !== id)
+    : [...currentValues, id]
+  ).sort((left, right) => left - right) as never
+}
+
+const clearSelection = (key: FilterKey) => {
   form[key] = [] as never
 }
 
@@ -528,30 +803,48 @@ const togglePerson = (person: PersonOption) => {
 
   form.person_ids = [...form.person_ids, person.id].sort((left, right) => left - right)
   selectedPeople.value = [...selectedPeople.value, person]
-    .sort((left, right) => left.nickname.localeCompare(right.nickname, 'zh-CN'))
+    .sort((left, right) => (left.nickname || left.real_name).localeCompare(right.nickname || right.real_name, 'zh-CN'))
 }
 
 let personSearchTimer: number | null = null
+let personSearchVersion = 0
 
 const searchPeople = async () => {
+  const keyword = personKeyword.value.trim()
+  const requestVersion = ++personSearchVersion
+  personError.value = ''
+
+  if (!keyword) {
+    personOptions.value = []
+    personLoading.value = false
+    return
+  }
+
   personLoading.value = true
   try {
     const response = await getPersonOptions({
       page: 1,
-      pageSize: 30,
-      keyword: personKeyword.value,
+      pageSize: 20,
+      keyword,
       status: 'active'
     })
-    personOptions.value = response.data?.list || []
+    if (requestVersion === personSearchVersion) {
+      personOptions.value = response.data?.list || []
+    }
   } catch (error: any) {
-    personOptions.value = []
-    alert(error?.message || '搜索盘点人员失败')
+    if (requestVersion === personSearchVersion) {
+      personOptions.value = []
+      personError.value = error?.message || '搜索盘点人员失败'
+    }
   } finally {
-    personLoading.value = false
+    if (requestVersion === personSearchVersion) {
+      personLoading.value = false
+    }
   }
 }
 
 const loadOptions = async () => {
+  optionsError.value = ''
   try {
     const [departmentResponse, assetTypeResponse, storageLocationResponse] = await Promise.all([
       getDepartmentOptions(),
@@ -569,45 +862,54 @@ const loadOptions = async () => {
       .filter((location) => location.status === 'active')
       .sort((left, right) => left.name.localeCompare(right.name, 'zh-CN'))
   } catch (error: any) {
-    alert(error?.message || '加载盘点范围选项失败')
+    optionsError.value = error?.message || '加载盘点范围选项失败，请刷新页面重试。'
   }
 }
 
 const handlePreview = async () => {
+  if (!hasCompletePrimaryScope.value) {
+    previewError.value = scopeRequirementText.value
+    return
+  }
+
+  const requestFingerprint = currentScopeFingerprint.value
   previewLoading.value = true
+  previewError.value = ''
+  submitError.value = ''
   try {
     const response = await previewInventoryTask(buildPreviewPayload())
-    preview.value = response.data
-    previewDirty.value = false
+    if (requestFingerprint === currentScopeFingerprint.value) {
+      preview.value = response.data
+      previewFingerprint.value = requestFingerprint
+    }
   } catch (error: any) {
-    alert(error?.message || '预览盘点范围失败')
+    if (requestFingerprint === currentScopeFingerprint.value) {
+      previewError.value = error?.message || '预览盘点范围失败'
+    }
   } finally {
     previewLoading.value = false
   }
 }
 
-const handleSubmit = async () => {
-  if (!form.title.trim()) {
-    alert('请先填写任务标题')
+const openConfirm = () => {
+  submitError.value = ''
+  if (!canOpenConfirm.value) return
+  showConfirm.value = true
+}
+
+const closeConfirm = () => {
+  if (creating.value) return
+  showConfirm.value = false
+}
+
+const confirmCreate = async () => {
+  if (!canOpenConfirm.value || !preview.value) {
+    showConfirm.value = false
     return
   }
 
-  if (previewDirty.value || !preview.value) {
-    await handlePreview()
-  }
-
-  if (!preview.value) {
-    return
-  }
-
-  if (preview.value.items_count === 0) {
-    const shouldContinue = window.confirm('当前范围没有匹配到资产，仍然要创建空盘点任务吗？')
-    if (!shouldContinue) {
-      return
-    }
-  }
-
   creating.value = true
+  submitError.value = ''
   try {
     const response = await createInventoryTask({
       title: form.title.trim(),
@@ -615,36 +917,42 @@ const handleSubmit = async () => {
       deadline_at: form.deadline_at ? new Date(form.deadline_at).toISOString() : undefined,
       ...buildPreviewPayload()
     })
-    alert('盘点任务已创建')
-    router.push(`/inventory/${response.data.id}`)
+    await router.push(`/inventory/${response.data.id}`)
   } catch (error: any) {
-    alert(error?.message || '创建盘点任务失败')
+    submitError.value = error?.message || '创建盘点任务失败'
   } finally {
     creating.value = false
   }
 }
 
-watch(
-  () => [form.department_ids.join(','), form.asset_type_ids.join(','), form.storage_location_ids.join(','), form.person_ids.join(',')],
-  () => {
-    previewDirty.value = true
-  }
-)
+const handleEscape = (event: KeyboardEvent) => {
+  if (event.key === 'Escape' && showConfirm.value) closeConfirm()
+}
 
-watch(
-  () => personKeyword.value,
-  () => {
-    if (personSearchTimer) window.clearTimeout(personSearchTimer)
-    personSearchTimer = window.setTimeout(searchPeople, 250)
+watch(personKeyword, () => {
+  if (personSearchTimer) window.clearTimeout(personSearchTimer)
+  if (!personKeyword.value.trim()) {
+    personSearchVersion += 1
+    personOptions.value = []
+    personLoading.value = false
+    personError.value = ''
+    return
   }
-)
+  personSearchTimer = window.setTimeout(searchPeople, 300)
+})
 
-onMounted(async () => {
-  await Promise.all([loadOptions(), searchPeople()])
-  handlePreview()
+watch(currentScopeFingerprint, () => {
+  previewError.value = ''
+  submitError.value = ''
+})
+
+onMounted(() => {
+  loadOptions()
+  window.addEventListener('keydown', handleEscape)
 })
 
 onUnmounted(() => {
   if (personSearchTimer) window.clearTimeout(personSearchTimer)
+  window.removeEventListener('keydown', handleEscape)
 })
 </script>