@@ -93,12 +93,10 @@ async function rememberWorkbenchTab(tabName: string | number) {
const workbenchDetail = ref < ContainerWorkbenchRow | null > ( null )
const arrivalTime = ref < ContainerArrivalTime | null > ( null )
const expectedArrivalText = computed ( ( ) => {
const row = workbenchDetail . value
const arrival = arrivalTime . value
const projected = projectWarehouseArrival ( row ? . actualFacts ? . arrivedDestinationPortAt || row ? . actualPortArrivalAt || row ? . estimatedPortArrivalAt ,
arrival ? { ... arrival , plannedAt : arrival . estimatedWarehouseArrivalAt } : undefined )
const projected = projectWarehouseArrival ( arrival ? { ... arrival , plannedAt : arrival . estimatedWarehouseArrivalAt } : undefined )
return arrival ? . estimatedWarehouseArrivalAt ? formatTime ( arrival . estimatedWarehouseArrivalAt )
: projected . date ? ` ${ projected . date } （默认推算） ` : '—'
: projected . date ? ` ${ projected . date } ${ projected . isDefault ? '（默认推算）' : '' } ` : '—'
} )
const hasAction = ( action : ContainerWorkbenchAction ) => Boolean ( workbenchDetail . value ? . allowedActions ? . includes ( action ) )
const canEdit = computed ( ( ) => isDomestic . value && access . can ( 'platform:firstleg:container:edit' ) && hasAction ( 'EDIT_CONTAINER' ) )
@@ -322,9 +320,6 @@ const overseasStageText = computed(() => {
const primaryStatusText = computed ( ( ) => isDomestic . value ? statusText ( detail . value ? . planStatus ) : overseasStageText . value )
const loadingListMode = computed < LoadingListMode > ( ( ) => detail . value ? . planStatus === 'COMPLETED' ? 'confirmed' : 'preload' )
const loadingListHeading = computed ( ( ) => loadingListMode . value === 'confirmed' ? '装柜清单' : '预装清单' )
const loadingListDescription = computed ( ( ) => loadingListMode . value === 'confirmed'
? '核对作业证据、报关资料与装柜货物。'
: '核对预装货物与 PDA 作业进度。' )
const overseasDestinationText = computed ( ( ) => {
const bookingDestination = [ detail . value ? . destinationWarehouseCode , detail . value ? . destinationWarehouseName ]
. filter ( Boolean ) . join ( ' / ' )
@@ -739,7 +734,7 @@ onMounted(async () => {
< / section >
< section v-if = "isDomestic && activeTab === 'loading-list'" class="detail-section workbench-panel is-compact" aria-labelledby="container-loading-list-heading" >
< header class = "loading-list-heading" > < div > < h2 id = "container-loading-list-heading" > { { loadingListHeading } } < / h2 > < p > { { loadingListDescription } } < / p > < / div > < / header >
< header class = "loading-list-heading" > < div > < h2 id = "container-loading-list-heading" > { { loadingListHeading } } < / h2 > < / div > < / header >
< ContainerOverviewPanel v-if = "overview" :overview="overview" :sections="['pda']" :can-manage-documents="false" :can-manage-customs="false" :can-manage-exception="false" / >
< ContainerCustomsPanel v-if = "overview?.loadingPlanId && canListCustoms" :loading-plan-id="overview.loadingPlanId" :can-list="canListCustoms" :can-manage="canManageCustoms" :departure-state="customsDepartureState" @refreshed="refreshAfterCustoms" / >
< LoadingListDetailDrawer dense :mode = "loadingListMode" back -label = " 返回货柜概览 " :loading = "loadingDetailLoading" :detail = "loadingDetail" :error = "loadingDetailError" :can-edit = "false" @back ="activeTab = 'overview'" @retry ="overview && loadLoadingDetail(detail, overview)" / >
@@ -757,24 +752,24 @@ onMounted(async () => {
< / template >
< OceanBookingLinkDialog v-model = "oceanBookingLinkOpen" :container="detail" @linked="load" / >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "emptyReturnOpen" :title="containerDialogTitle('确认还柜', detail)" width="min(520px, calc(100vw - 28px))" :confirm-text="emptyReturnPending ? '重试本次还空登记' : '确认还柜'" :before-close="closeEmptyReturn" :confirm-loading="emptyReturnSaving" :confirm-disabled="!emptyReturnAt || !canRecordEmptyReturn" @confirm="confirmEmptyReturn"><el-alert title="提交后货柜将进入已还柜状态，请核对实际还柜时间。" type="warning" :closable="false" show-icon /><el-form class="density-form density-form--flush-end" label-position="top" :disabled="emptyReturnSaving || !!emptyReturnPending"><el-form-item label="实际还柜当地时间" required><el-date-picker v-model="emptyReturnAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" placeholder="请选择实际还柜时间" /></el-form-item><el-form-item label="备注"><el-input v-model="emptyReturnReason" type="textarea" :rows="3" maxlength="500" show-word-limit /></el-form-item></el-form><LoadErrorState v-if="emptyReturnError" compact title="确认还柜失败" :message="emptyReturnError.message" :show-retry="false"><template #details><ApiErrorMeta :details="emptyReturnError" / > < / template > < / LoadErrorState > < / AppDialog >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "documentOpen" :title="containerDialogTitle(documentTitle, detail)" width="min(520px, calc(100vw - 28px))" confirm-text="上传资料" :confirm-loading="documentSaving" :confirm-disabled="!documentFile" @confirm="saveDocument"><section class="density-dialog-section" data-tone="work" ><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item :label="documentTitle"><el-upload :key="documentUploadKey" :auto-upload="false" :limit="1" :on-change="selectDocumentFile" :on-remove="removeDocumentFile"><el-button><FileUp :size="16" />选择文件</el-button><template #tip><div class="el-upload__tip">{{ selectedDocument ? '上传新文件将替换当前资料并保留历史。' : `请选择需要提交的${documentTitle}。` }}</div></template></el-upload></el-form-item></el-form></section><LoadErrorState v-if="documentError" compact title="资料上传失败" :message="documentError.message" :show-retry="false"><template #details><ApiErrorMeta :details="documentError" / > < / template > < / LoadErrorState > < / AppDialog >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "exceptionOpen" :title="containerDialogTitle(exceptionTitle, detail)" width="min(520px, calc(100vw - 28px))" :confirm-text="overview?.exception.active ? '确认取消' : '确认标记'" :confirm-loading="exceptionSaving" :confirm-disabled="!exceptionReason.trim()" @confirm="saveException"><el-alert :title="overview?.exception.active ? '取消备注为必填项，提交后将保留历史记录。' : '异常原因将同步记录在货柜详情和操作日志中。'" :type="overview?.exception.active ? 'warning' : 'error'" :closable="false" /><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item :label="overview?.exception.active ? '取消备注' : '异常原因'" required><el-input v-model="exceptionReason" type="textarea" :rows="4" maxlength="500" show-word-limit /></el-form-item></el-form><LoadErrorState v-if="exceptionError" compact title="异常处理失败" :message="exceptionError.message" :show-retry="false" / > < / AppDialog >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "clearanceOpen" :title="containerDialogTitle('目的港清关资料', detail)" width="min(520px, calc(100vw - 28px))" :loading="clearanceLoading" :show-confirm="!clearanceDocument?.completedAt" confirm-text="上传资料" :confirm-loading="clearanceSaving" :confirm-disabled="!clearanceFile" @confirm="uploadClearance"><el-alert v-if="clearanceDocument?.completedAt" type="success" :closable="false" :title="`目的港清关已完成：${clearanceDocument.fileName}`" /><template v-else><section class="density-dialog-section" data-tone="work" ><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item label="目的港清关资料"><el-upload :auto-upload="false" :limit="1" :on-change="selectClearanceFile" :on-remove="removeClearanceFile"><el-button><FileUp :size="16" />选择文件</el-button></el-upload></el-form-item></el-form></section></template><LoadErrorState v-if="clearanceError" compact title="目的港清关资料操作失败" :message="clearanceError.message" :show-retry="false"><template #details><ApiErrorMeta :details="clearanceError" /></template></LoadErrorState><template #footer="{ close }"><div class="density-actions density-actions--footer"><el-button :disabled="clearanceSaving" @click="close">取消</el-button><el-button v-if="clearanceDocument && !clearanceDocument.completedAt" :disabled="clearanceLoading" type="success" plain :loading="clearanceSaving" @click="completeClearance">确认目的港清关完成</el-button><el-button v-if="!clearanceDocument?.completedAt" type="primary" :loading="clearanceSaving" :disabled="clearanceLoading || !clearanceFile" @click="uploadClearance" > 上传资料 < / el -button > < / div > < / template > < / AppDialog >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "directOpen" :title="containerDialogTitle('直送卸货登记', detail)" width="1080px" fullscreenable :show-confirm="canWriteDirect && !!directSelected && !directSelected.actualAt" :confirm-text="directPending ? '重试本次登记' : '确认本票卸货'" :confirm-loading="directSaving" :confirm-disabled="directLoading || !!directError" :before-close="closeDirect" @confirm="saveDirect" >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "emptyReturnOpen" :title="containerDialogTitle('确认还柜', detail)" width="min(520px, calc(100vw - 28px))" :confirm-text="emptyReturnPending ? '重试本次还空登记' : '确认还柜'" :before-close="closeEmptyReturn" :confirm-loading="emptyReturnSaving" :confirm-disabled="!emptyReturnAt || !canRecordEmptyReturn" @confirm="confirmEmptyReturn"><el-alert title="提交后货柜将进入已还柜状态，请核对实际还柜时间。" type="warning" :closable="false" show-icon /><el-form class="density-form density-form--flush-end" label-position="top" :disabled="emptyReturnSaving || !!emptyReturnPending"><el-form-item label="实际还柜当地时间" required><el-date-picker v-model="emptyReturnAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" placeholder="请选择实际还柜时间" /></el-form-item><el-form-item label="备注"><el-input v-model="emptyReturnReason" type="textarea" :rows="3" maxlength="500" show-word-limit /></el-form-item></el-form><LoadErrorState v-if="emptyReturnError" compact title="确认还柜失败" :message="emptyReturnError.message" :show-retry="false"><template #details><ApiErrorMeta :details="emptyReturnError" / > < / template > < / LoadErrorState > < / AppDialog >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "documentOpen" :title="containerDialogTitle(documentTitle, detail)" width="min(520px, calc(100vw - 28px))" confirm-text="上传资料" :confirm-loading="documentSaving" :confirm-disabled="!documentFile" @confirm="saveDocument"><section class="density-dialog-section"><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item :label="documentTitle"><el-upload :key="documentUploadKey" :auto-upload="false" :limit="1" :on-change="selectDocumentFile" :on-remove="removeDocumentFile"><el-button><FileUp :size="16" />选择文件</el-button><template #tip><div class="el-upload__tip">{{ selectedDocument ? '上传新文件将替换当前资料并保留历史。' : `请选择需要提交的${documentTitle}。` }}</div></template></el-upload></el-form-item></el-form></section><LoadErrorState v-if="documentError" compact title="资料上传失败" :message="documentError.message" :show-retry="false"><template #details><ApiErrorMeta :details="documentError" / > < / template > < / LoadErrorState > < / AppDialog >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "exceptionOpen" :title="containerDialogTitle(exceptionTitle, detail)" width="min(520px, calc(100vw - 28px))" :confirm-text="overview?.exception.active ? '确认取消' : '确认标记'" :confirm-loading="exceptionSaving" :confirm-disabled="!exceptionReason.trim()" @confirm="saveException"><el-alert :title="overview?.exception.active ? '取消备注为必填项，提交后将保留历史记录。' : '异常原因将同步记录在货柜详情和操作日志中。'" :type="overview?.exception.active ? 'warning' : 'error'" :closable="false" /><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item :label="overview?.exception.active ? '取消备注' : '异常原因'" required><el-input v-model="exceptionReason" type="textarea" :rows="4" maxlength="500" show-word-limit /></el-form-item></el-form><LoadErrorState v-if="exceptionError" compact title="异常处理失败" :message="exceptionError.message" :show-retry="false" / > < / AppDialog >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "clearanceOpen" :title="containerDialogTitle('目的港清关资料', detail)" width="min(520px, calc(100vw - 28px))" :loading="clearanceLoading" :show-confirm="!clearanceDocument?.completedAt" confirm-text="上传资料" :confirm-loading="clearanceSaving" :confirm-disabled="!clearanceFile" @confirm="uploadClearance"><el-alert v-if="clearanceDocument?.completedAt" type="success" :closable="false" :title="`目的港清关已完成：${clearanceDocument.fileName}`" /><template v-else><section class="density-dialog-section"><el-form class="density-form density-form--flush-end" label-position="top"><el-form-item label="目的港清关资料"><el-upload :auto-upload="false" :limit="1" :on-change="selectClearanceFile" :on-remove="removeClearanceFile"><el-button><FileUp :size="16" />选择文件</el-button></el-upload></el-form-item></el-form></section></template><LoadErrorState v-if="clearanceError" compact title="目的港清关资料操作失败" :message="clearanceError.message" :show-retry="false"><template #details><ApiErrorMeta :details="clearanceError" /></template></LoadErrorState><template #footer="{ close }"><div class="density-actions density-actions--footer"><el-button :disabled="clearanceSaving" @click="close">取消</el-button><el-button v-if="clearanceDocument && !clearanceDocument.completedAt" :disabled="clearanceLoading" type="success" plain :loading="clearanceSaving" @click="completeClearance">确认目的港清关完成</el-button><el-button v-if="!clearanceDocument?.completedAt" type="primary" :loading="clearanceSaving" :disabled="clearanceLoading || !clearanceFile" @click="uploadClearance" > 上传资料 < / el -button > < / div > < / template > < / AppDialog >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "directOpen" :title="containerDialogTitle('直送卸货登记', detail)" width="1080px" fullscreenable :show-confirm="canWriteDirect && !!directSelected && !directSelected.actualAt" :confirm-text="directPending ? '重试本次登记' : '确认本票卸货'" :confirm-loading="directSaving" :confirm-disabled="directLoading || !!directError" :before-close="closeDirect" @confirm="saveDirect" >
< LoadErrorState v-if = "directError" title="直送卸货清单读取失败" :message="directError.message" :loading="directLoading" @retry="loadDirect"><template #details><ApiErrorMeta :details="directError" / > < / template > < / LoadErrorState >
< p v-if = "directLoading" > 正在读取实际装柜来源 … < / p >
< section v-if = "!directError && !directLoading" class="density-dialog-section" data-tone="source"><h3 class="density-dialog-section__title">实际装柜来源</h3><div class="workbench-evidence"><table class="density-table"><thead><tr><th>操作</th><th>入仓码 / 订单号</th><th>目的地</th><th>箱数</th><th>实际卸货</th></tr></thead><tbody><tr v-for="row in directRows" :key="row.requirementKey"><td><el-button class="density-action" :disabled="directSaving || !!directPending" @click="selectDirect(row)" > {{ row.actualAt ? ' 查看签收 ' : canWriteDirect ? ' 登记本票 ' : ' 查看本票 ' }} < / el -button > < / td > < td > { { row . inboundCode || row . orderNo || '—' } } < / td > < td > { { row . destinationName || '—' } } < / td > < td > { { row . packageCount ? ? '—' } } < / td > < td > { { row . actualAt || '尚未登记' } } { { row . timezone || '' } } < / td > < / tr > < / tbody > < / table > < / div > < / section >
< p v-if = "!directLoading && !directError && !directRows.length" > 当前没有可登记的直送来源 。 < / p >
< section v-if = "directSelected" class="density-dialog-section" :data-tone="!canWriteDirect || directSelected.actualAt ? 'source' : 'work'" ><h3 class="density-dialog-section__title">{{ directSelected.inboundCode || directSelected.orderNo || '本票签收' }}</h3><el-form class="density-form" label-position="left" label-width="160px" :disabled="!canWriteDirect || !!directSelected.actualAt || directSaving || !!directPending || directLoading || !!directError"><div class="workbench-evidence"><table class="density-table density-table--editable container-workflow-table" aria-label="本票直送签收"><tbody><tr><td><el-form-item label="实际卸货当地时间" required><template #label><span>实际卸货当地时间<InlineHelp title="直送卸货登记规则"><p>按真实装柜来源逐票登记签收；全部来源完成后核验还柜资格。海外仓接仓仍使用原仓库收货流程。</p></InlineHelp></span></template><span v-if="!canWriteDirect || !!directSelected?.actualAt">{{ directSelected?.actualAt || '尚未登记' }}</span><el-date-picker v-else v-model="directForm.actualAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td><td><el-form-item label="地点时区（IANA） > 该票已登记 ， 签收事实只读 。 < / p > < / section >
< section v-if = "directSelected" class="density-dialog-section"><h3 class="density-dialog-section__title">{{ directSelected.inboundCode || directSelected.orderNo || '本票签收' }}</h3><el-form class="density-form" label-position="left" label-width="160px" :disabled="!canWriteDirect || !!directSelected.actualAt || directSaving || !!directPending || directLoading || !!directError"><div class="workbench-evidence"><table class="density-table container-workflow-table" aria-label="本票直送签收"><tbody><tr><td><el-form-item label="实际卸货当地时间" required><template #label><span>实际卸货当地时间<InlineHelp title="直送卸货登记规则"><p>按真实装柜来源逐票登记签收；全部来源完成后核验还柜资格。海外仓接仓仍使用原仓库收货流程。</p></InlineHelp></span></template><span v-if="!canWriteDirect || !!directSelected?.actualAt">{{ directSelected?.actualAt || '尚未登记' }}</span><el-date-picker v-else v-model="directForm.actualAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td><td><el-form-item label="地点时区（IANA） > 该票已登记 ， 签收事实只读 。 < / p > < / section >
< LoadErrorState v-if = "directSaveError" title="卸货登记未完成" :message="directSaveError.message" :show-retry="false"><template #details><ApiErrorMeta :details="directSaveError" / > < / template > < / LoadErrorState >
< / AppDialog >
< AppDialog class = "admin-density-dialog admin-workbench is-dialog" v-model = "terminalOpen" :title="containerDialogTitle('提柜安排与执行', detail)" width="780px" fullscreenable :show-confirm="false" :before-close="closeTerminal" >
< AppDialog class = "container-detail-dialog admin-density-dialog admin-workbench is-dialog" v-model = "terminalOpen" :title="containerDialogTitle('提柜安排与执行', detail)" width="780px" fullscreenable :show-confirm="false" :before-close="closeTerminal" >
< LoadErrorState v-if = "terminalError" title="提柜资料读取失败" :message="terminalError.message" :loading="terminalLoading" @retry="loadTerminal"><template #details><ApiErrorMeta :details="terminalError" / > < / template > < / LoadErrorState >
< p v-if = "terminalLoading" > 正在核对码头拖车当前状态 … < / p >
< template v-if = "terminal"><p class="density-dialog-note" > 时间沿用原业务当地时间 。 < / p >
< section class = "density-dialog-section" data -tone = " work " > < el-form class = "density-form" label -position = " left " label -width = " 140px " : disabled = "terminalLoading || terminalSaving || !!terminalPending || !!terminalError" > < div class = "workbench-evidence" > < table class = "density-table density-table--editable container-workflow-table" aria -label = " 提柜安排资料 " > < tbody > < tr > < td colspan = "2" > < el-form-item label = "真实集装箱号" > < span > { { terminal ? . containerNo || detail ? . containerNo || '—' } } < / span > < / el-form-item > < / td > < / tr > < tr > < td > < el-form-item label = "当前车队" > < span > { { terminal ? . fleetSupplierName || ( terminal ? . fleetSupplierId ? '—' : '尚未安排' ) } } < / span > < / el-form-item > < / td > < td > < el-form-item label = "实际提柜" > < span > { { terminal ? . actualPickupAt || '尚未登记' } } < / span > < / el-form-item > < / td > < / tr > < tr > < td > < el-form-item label = "码头车队" > < el-select v-model = "terminalForm.supplierId" filterable remote :remote-method="searchTerminalSuppliers" :loading="supplierLoading" :disabled="!canSelectFleet || !access.can('platform:supplier:list')" placeholder="搜索有效海外车队" @visible-change="(visible: boolean) => visible && searchTerminalSuppliers()"><el-option v-if="terminal.fleetSupplierId && !terminalSuppliers.some(row => row.id === terminal?.fleetSupplierId)" :value="terminal.fleetSupplierId" :label="terminal.fleetSupplierName || '原车队'" disabled /><el-option v-for="supplier in terminalSuppliers" :key="supplier.id" :value="supplier.id" :label="supplier.name" /></el-select></el-form-item></td><td><el-form-item label="提柜预约当地时间"><el-date-picker v-model="terminalForm.pickupAt" :disabled="!canSchedulePickup" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td></tr><tr v-if="canRecordPickup"><td><el-form-item label="实际提柜当地时间（登记实际时必填）"><el-date-picker v-model="terminalForm.actualAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td><td><el-form-item label="实际地点代码"><el-input v-model="terminalForm.locationCode" maxlength="100" /></el-form-item></td></tr><tr v-if="canRecordPickup"><td colspan="2"><el-form-item label="实际地点名称"><el-input v-model="terminalForm.locationName" maxlength="200" /></el-form-item></td></tr><tr><td colspan="2"><el-form-item label="处理说明"><el-input v-model="terminalForm.reason" type="textarea" maxlength="1000" placeholder="请输入处理说明；登记实际提柜时必填" /></el-form-item></td></tr></tbody></table></div></el-form></section><LoadErrorState v-if="supplierError" title="海外车队读取失败" :message="supplierError.message" :show-retry="false" / >
< section class = "density-dialog-section" > < el-form class = "density-form" label -position = " left " label -width = " 140px " : disabled = "terminalLoading || terminalSaving || !!terminalPending || !!terminalError" > < div class = "workbench-evidence" > < table class = "density-table container-workflow-table" aria -label = " 提柜安排资料 " > < tbody > < tr > < td colspan = "2" > < el-form-item label = "真实集装箱号" > < span > { { terminal ? . containerNo || detail ? . containerNo || '—' } } < / span > < / el-form-item > < / td > < / tr > < tr > < td > < el-form-item label = "当前车队" > < span > { { terminal ? . fleetSupplierName || ( terminal ? . fleetSupplierId ? '—' : '尚未安排' ) } } < / span > < / el-form-item > < / td > < td > < el-form-item label = "实际提柜" > < span > { { terminal ? . actualPickupAt || '尚未登记' } } < / span > < / el-form-item > < / td > < / tr > < tr > < td > < el-form-item label = "码头车队" > < el-select v-model = "terminalForm.supplierId" filterable remote :remote-method="searchTerminalSuppliers" :loading="supplierLoading" :disabled="!canSelectFleet || !access.can('platform:supplier:list')" placeholder="搜索有效海外车队" @visible-change="(visible: boolean) => visible && searchTerminalSuppliers()"><el-option v-if="terminal.fleetSupplierId && !terminalSuppliers.some(row => row.id === terminal?.fleetSupplierId)" :value="terminal.fleetSupplierId" :label="terminal.fleetSupplierName || '原车队'" disabled /><el-option v-for="supplier in terminalSuppliers" :key="supplier.id" :value="supplier.id" :label="supplier.name" /></el-select></el-form-item></td><td><el-form-item label="提柜预约当地时间"><el-date-picker v-model="terminalForm.pickupAt" :disabled="!canSchedulePickup" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td></tr><tr v-if="canRecordPickup"><td><el-form-item label="实际提柜当地时间（登记实际时必填）"><el-date-picker v-model="terminalForm.actualAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" /></el-form-item></td><td><el-form-item label="实际地点代码"><el-input v-model="terminalForm.locationCode" maxlength="100" /></el-form-item></td></tr><tr v-if="canRecordPickup"><td colspan="2"><el-form-item label="实际地点名称"><el-input v-model="terminalForm.locationName" maxlength="200" /></el-form-item></td></tr><tr><td colspan="2"><el-form-item label="处理说明"><el-input v-model="terminalForm.reason" type="textarea" maxlength="1000" placeholder="请输入处理说明；登记实际提柜时必填" /></el-form-item></td></tr></tbody></table></div></el-form></section><LoadErrorState v-if="supplierError" title="海外车队读取失败" :message="supplierError.message" :show-retry="false" / >
< LoadErrorState v-if = "terminalSaveError" title="提柜操作未完成" :message="terminalSaveError.message" :show-retry="false"><template #details><ApiErrorMeta :details="terminalSaveError" / > < / template > < / LoadErrorState >
@@ -784,6 +779,7 @@ onMounted(async () => {
< / template >
< style scoped >
. container - detail - dialog : deep ( . el - alert -- warning ) { background : var ( -- admin - surface , # fff ) ; }
. container - workflow - table { table - layout : fixed ; }
. direct - remark { white - space : pre - wrap ; }
. loading - list - heading { margin - bottom : var ( -- admin - space - 5 ) ; }
