编辑产品加Label + 仓库横幅改为warehouse-transfer-banner + 弹窗标题联动isWarehouseTransfer

track-uniapp/src/pages/scan/detail.vue

@@ -31,9 +31,11 @@
         </view>
       </view>
 
-      <!-- 📤 仓库转出按钮 -->
-      <view v-if="product.current_location_id === 'virtual_warehouse'" class="wh-checkout-bar" @tap="openCheckout">
-        📤 该产品在仓库中 — 点击此处转出派发给指定人员
+      <!-- 📤 仓库转出横幅 -->
+      <view v-if="product && product.current_location_id === 'virtual_warehouse'"
+            class="warehouse-transfer-banner" @tap="openWarehouseTransfer">
+        <text class="wt-icon">📤</text>
+        <text class="wt-text">该产品在仓库中 — 点击此处转出并派发给指定人员</text>
       </view>
 
       <WorkspaceArea v-if="currentMode === 'workspace'" :product="product"
@@ -58,15 +60,17 @@
     <view v-if="editProductVisible" class="overlay" @tap="editProductVisible = false">
       <view class="popup" @tap.stop>
         <text class="popup-title">编辑产品</text>
-        <input v-model="editForm.order_no" class="popup-input" placeholder="订单编号" />
-        <input v-model="editForm.external_serial" class="popup-input" placeholder="外部序列号" />
+        <view class="field-label">订单编号</view>
+        <input v-model="editForm.order_no" class="popup-input" placeholder="请输入订单编号" />
+        <view class="field-label" style="margin-top:10px;">外部序列号</view>
+        <input v-model="editForm.external_serial" class="popup-input" placeholder="请输入外部序列号" />
         <view class="popup-btns"><button class="btn-cancel" @tap="editProductVisible = false">取消</button><button class="btn-primary" :disabled="editSaving" @tap="doEditProduct">{{ editSaving ? '保存中...' : '保存' }}</button></view>
       </view>
     </view>
     <!-- 发起首道工序 -->
     <view v-if="createFirstVisible" class="overlay" @tap="createFirstVisible = false">
       <view class="popup" @tap.stop>
-        <text class="popup-title">🚀 发起首道工序</text>
+        <text class="popup-title">{{ isWarehouseTransfer ? '📤 仓库转出派发' : '🚀 发起首道工序' }}</text>
         <view class="field-label">工序名称 <text class="required">*</text></view>
         <picker :range="TASK_NAME_OPTIONS" :value="firstForm.taskNameIdx" @change="onTaskNameChange"><view class="picker-box">{{ firstForm.task_name || '请选择工序名称' }}</view></picker>
         <view class="field-label">接收人 <text class="required">*</text></view>
@@ -145,7 +149,7 @@ export default {
       OVERALL_OPTIONS, loading: true, error: "", product: null,
       showStatusPicker: false, editProductVisible: false, editForm: { order_no: "", external_serial: "" }, editSaving: false,
       users: [], TASK_NAME_OPTIONS,
-      createFirstVisible: false, firstForm: { task_name: "", taskNameIdx: 0, assignee_id: "", assigneeLabel: "", assigneeIdx: 0, note: "", autoReceive: true }, firstSaving: false,
+      createFirstVisible: false, isWarehouseTransfer: false, firstForm: { task_name: "", taskNameIdx: 0, assignee_id: "", assigneeLabel: "", assigneeIdx: 0, note: "", autoReceive: true }, firstSaving: false,
       recordPopup: { visible: false, task: null }, recordForm: { recordId: null, remark: "", images: [], pendingCount: 0 }, recordSaving: false, isUploading: false,
       currentUser: null, currentUserId: "", currentUsername: "", currentMode: "tree",
       processOptions: [], userOptions: [],
@@ -182,8 +186,8 @@ export default {
 
     onTaskNameChange(e) { const idx = e.detail.value; this.firstForm.taskNameIdx = idx; this.firstForm.task_name = TASK_NAME_OPTIONS[idx]; },
     onAssigneeChange(e) { const idx = e.detail.value; const u = this.users[idx]; if (u) { this.firstForm.assigneeIdx = idx; this.firstForm.assignee_id = u.username; this.firstForm.assigneeLabel = `${u.full_name} (${u.username})`; } },
-    openCreateFirstTask() { this.firstForm = { task_name: TASK_NAME_OPTIONS[0], taskNameIdx: 0, assignee_id: this.users.length > 0 ? this.users[0].username : "", assigneeLabel: this.users.length > 0 ? `${this.users[0].full_name} (${this.users[0].username})` : "", assigneeIdx: 0, note: "", autoReceive: true }; this.createFirstVisible = true; },
-    openCheckout() { this.openCreateFirstTask(); },
+    openCreateFirstTask() { this.isWarehouseTransfer = false; this.firstForm = { task_name: TASK_NAME_OPTIONS[0], taskNameIdx: 0, assignee_id: this.users.length > 0 ? this.users[0].username : "", assigneeLabel: this.users.length > 0 ? `${this.users[0].full_name} (${this.users[0].username})` : "", assigneeIdx: 0, note: "", autoReceive: true }; this.createFirstVisible = true; },
+    openWarehouseTransfer() { this.isWarehouseTransfer = true; this.openCreateFirstTask(); },
     async doCreateFirstTask() { this.firstSaving = true; try { const task = await post("/tasks/", { product_id: this.product.id, task_name: this.firstForm.task_name, assignee_id: this.firstForm.assignee_id, notify_parent_on_complete: false, remark: this.firstForm.note.trim() || undefined }); if (this.firstForm.autoReceive) { try { const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${task.id}/receive?operator_id=${encodeURIComponent(opId)}`, { remark: this.firstForm.note.trim() || undefined }); } catch {} } if (this.product.current_location_id === 'virtual_warehouse') { try { await patch(`/products/${this.product.id}`, { current_location_id: this.firstForm.assignee_id }); } catch {} } uni.showToast({ title: this.firstForm.autoReceive ? "已创建并接收" : "已创建", icon: "success" }); this.createFirstVisible = false; this.doQuery(this.product.serial_number); } catch {} finally { this.firstSaving = false; } },
 
     openRecordPopup(task) { this.recordPopup = { visible: true, task }; this.recordForm = { recordId: null, remark: "", images: [], pendingCount: 0 }; this.isUploading = false; },
@@ -294,6 +298,8 @@ export default {
 .picker-placeholder { color: #9ca3af; }
 .picker-arrow { font-size: 12px; color: #9ca3af; margin-left: 8px; }
 .warehouse-hint { font-size: 13px; background: #ede9fe; color: #7c3aed; padding: 10px 14px; border-radius: 10px; margin: 8px 0; text-align: center; }
-.wh-checkout-bar { font-size: 14px; font-weight: 700; background: #ede9fe; color: #7c3aed; padding: 14px; border-radius: 12px; text-align: center; margin-bottom: 12px; border: 2px dashed #a78bfa; }
+.warehouse-transfer-banner { display: flex; align-items: center; gap: 12px; font-weight: 700; background: linear-gradient(135deg, #ede9fe, #dbeafe); color: #5b21b6; padding: 14px 16px; border-radius: 12px; margin-bottom: 12px; border: 2px dashed #a78bfa; }
+.wt-icon { font-size: 24px; }
+.wt-text { font-size: 14px; flex: 1; }
 .preview-hint { font-size: 12px; background: #f0fdf4; color: #16a34a; padding: 8px 10px; border-radius: 8px; margin: 6px 0; }
 </style>