From 0d93ec4c10d146ffe287e7f4430ee66ad5832a17 Mon Sep 17 00:00:00 2001
From: zhou zhou <3272660260@qq.com>
Date: 星期五, 10 四月 2026 16:08:20 +0800
Subject: [PATCH] #页面优化
---
rsf-design/src/views/basic-info/bas-station/index.vue | 262 +++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 216 insertions(+), 46 deletions(-)
diff --git a/rsf-design/src/views/basic-info/bas-station/index.vue b/rsf-design/src/views/basic-info/bas-station/index.vue
index a5dd00a..4995c25 100644
--- a/rsf-design/src/views/basic-info/bas-station/index.vue
+++ b/rsf-design/src/views/basic-info/bas-station/index.vue
@@ -13,6 +13,7 @@
<template #left>
<ElSpace wrap>
<ElButton v-auth="'add'" @click="showDialog('add')" v-ripple>鏂板绔欑偣</ElButton>
+ <ElButton v-auth="'add'" @click="openInitDialog()" v-ripple>绔欑偣鍒濆鍖�</ElButton>
<ElButton
v-auth="'delete'"
type="danger"
@@ -68,6 +69,15 @@
:resolve-area-label="resolveAreaLabel"
:resolve-container-type-label="resolveContainerTypeLabel"
/>
+
+ <BasStationInitDialog
+ v-model:visible="initDialogVisible"
+ :initial-data="currentInitData"
+ :area-options="areaOptions"
+ :container-type-options="containerTypeOptions"
+ :use-status-options="useStatusOptions"
+ @submit="handleInitSubmit"
+ />
</ElCard>
</div>
</template>
@@ -96,11 +106,14 @@
} from '@/api/bas-station'
import BasStationDialog from './modules/bas-station-dialog.vue'
import BasStationDetailDrawer from './modules/bas-station-detail-drawer.vue'
+ import BasStationInitDialog from './modules/bas-station-init-dialog.vue'
import { createBasStationTableColumns } from './basStationTable.columns'
import {
BAS_STATION_REPORT_STYLE,
BAS_STATION_REPORT_TITLE,
buildBasStationDialogModel,
+ buildBasStationInitModel,
+ buildBasStationInitPayloadList,
buildBasStationPageQueryParams,
buildBasStationPrintRows,
buildBasStationReportMeta,
@@ -129,6 +142,8 @@
const detailDrawerVisible = ref(false)
const detailLoading = ref(false)
const detailData = ref({})
+ const initDialogVisible = ref(false)
+ const currentInitData = ref(buildBasStationInitModel())
let handleDeleteAction = null
const reportTitle = BAS_STATION_REPORT_TITLE
@@ -207,6 +222,24 @@
}
},
{
+ label: '鍙叆',
+ key: 'inAble',
+ type: 'select',
+ props: {
+ clearable: true,
+ options: getBasStationBooleanOptions()
+ }
+ },
+ {
+ label: '鍙嚭',
+ key: 'outAble',
+ type: 'select',
+ props: {
+ clearable: true,
+ options: getBasStationBooleanOptions()
+ }
+ },
+ {
label: '鎵�灞炲簱鍖�',
key: 'area',
type: 'select',
@@ -226,12 +259,40 @@
}
},
{
+ label: '鍙法鍖哄簱鍖�',
+ key: 'crossZoneArea',
+ type: 'input',
+ props: {
+ clearable: true,
+ placeholder: '璇疯緭鍏ュ彲璺ㄥ尯搴撳尯'
+ }
+ },
+ {
label: '鏄惁WCS',
key: 'isWcs',
type: 'select',
props: {
clearable: true,
options: getBasStationBooleanOptions()
+ }
+ },
+ {
+ label: 'WCS鏁版嵁',
+ key: 'wcsData',
+ type: 'input',
+ props: {
+ clearable: true,
+ placeholder: '璇疯緭鍏CS鏁版嵁'
+ }
+ },
+ {
+ label: '瀹瑰櫒绫诲瀷',
+ key: 'containerType',
+ type: 'select',
+ props: {
+ clearable: true,
+ filterable: true,
+ options: containerTypeOptions.value
}
},
{
@@ -301,10 +362,18 @@
detailDrawerVisible.value = true
detailLoading.value = true
try {
- const detail = await guardRequestWithMessage(fetchGetBasStationDetail(row.id), {}, {
- timeoutMessage: '绔欑偣璇︽儏鍔犺浇瓒呮椂锛屽凡鍋滄绛夊緟'
- })
- detailData.value = normalizeBasStationDetailRecord(detail, resolveAreaLabel, resolveContainerTypeLabel)
+ const detail = await guardRequestWithMessage(
+ fetchGetBasStationDetail(row.id),
+ {},
+ {
+ timeoutMessage: '绔欑偣璇︽儏鍔犺浇瓒呮椂锛屽凡鍋滄绛夊緟'
+ }
+ )
+ detailData.value = normalizeBasStationDetailRecord(
+ detail,
+ resolveAreaLabel,
+ resolveContainerTypeLabel
+ )
} catch (error) {
detailDrawerVisible.value = false
detailData.value = {}
@@ -316,39 +385,86 @@
async function openEditDialog(row) {
try {
- const detail = await guardRequestWithMessage(fetchGetBasStationDetail(row.id), {}, {
- timeoutMessage: '绔欑偣璇︽儏鍔犺浇瓒呮椂锛屽凡鍋滄绛夊緟'
- })
+ const detail = await guardRequestWithMessage(
+ fetchGetBasStationDetail(row.id),
+ {},
+ {
+ timeoutMessage: '绔欑偣璇︽儏鍔犺浇瓒呮椂锛屽凡鍋滄绛夊緟'
+ }
+ )
showDialog('edit', detail)
} catch (error) {
ElMessage.error(error?.message || '鑾峰彇绔欑偣璇︽儏澶辫触')
}
}
- const { columns, columnChecks, data, loading, pagination, getData, replaceSearchParams, resetSearchParams, handleSizeChange, handleCurrentChange, refreshData, refreshCreate, refreshUpdate, refreshRemove } =
- useTable({
- core: {
- apiFn: fetchBasStationPage,
- apiParams: buildBasStationPageQueryParams(searchForm.value),
- paginationKey: getBasStationPaginationKey(),
- columnsFactory: () =>
- createBasStationTableColumns({
- handleView: openDetail,
- handleEdit: hasAuth('update') ? openEditDialog : null,
- handleDelete: hasAuth('delete') ? (row) => handleDeleteAction?.(row) : null,
- canEdit: hasAuth('update'),
- canDelete: hasAuth('delete')
- })
- },
- transform: {
- dataTransformer: (records) => {
- if (!Array.isArray(records)) {
- return []
- }
- return records.map((item) => normalizeBasStationListRow(item, resolveAreaLabel, resolveContainerTypeLabel))
+ function createInitRecordFromRow(row) {
+ return buildBasStationInitModel({
+ type: row.type ?? 0,
+ useStatus: row.useStatus || row.useStatusText || '',
+ areaIds: Array.isArray(row.areaIds)
+ ? row.areaIds.map((item) =>
+ typeof item === 'object' ? (item.id ?? item.areaId ?? item.value) : item
+ )
+ : [],
+ containerTypes: Array.isArray(row.containerTypes) ? [...row.containerTypes] : [],
+ inAble: row.inAble ?? 0,
+ outAble: row.outAble ?? 0,
+ rows: [
+ {
+ stationName: row.stationName || '',
+ stationId: row.stationId || ''
}
- }
+ ]
})
+ }
+
+ function openInitDialog(record = null) {
+ currentInitData.value = record ? createInitRecordFromRow(record) : buildBasStationInitModel()
+ initDialogVisible.value = true
+ }
+
+ const {
+ columns,
+ columnChecks,
+ data,
+ loading,
+ pagination,
+ getData,
+ replaceSearchParams,
+ resetSearchParams,
+ handleSizeChange,
+ handleCurrentChange,
+ refreshData,
+ refreshCreate,
+ refreshUpdate,
+ refreshRemove
+ } = useTable({
+ core: {
+ apiFn: fetchBasStationPage,
+ apiParams: buildBasStationPageQueryParams(searchForm.value),
+ paginationKey: getBasStationPaginationKey(),
+ columnsFactory: () =>
+ createBasStationTableColumns({
+ handleView: openDetail,
+ handleCopy: hasAuth('add') ? openInitDialog : null,
+ handleEdit: hasAuth('update') ? openEditDialog : null,
+ handleDelete: hasAuth('delete') ? (row) => handleDeleteAction?.(row) : null,
+ canEdit: hasAuth('update'),
+ canDelete: hasAuth('delete')
+ })
+ },
+ transform: {
+ dataTransformer: (records) => {
+ if (!Array.isArray(records)) {
+ return []
+ }
+ return records.map((item) =>
+ normalizeBasStationListRow(item, resolveAreaLabel, resolveContainerTypeLabel)
+ )
+ }
+ }
+ })
const {
dialogVisible,
@@ -394,30 +510,39 @@
await fetchBasStationPage({
...reportQueryParams.value,
current: 1,
- pageSize: Number(pagination.total) > 0 ? Number(pagination.total) : Number(payload?.pageSize) || 20
+ pageSize:
+ Number(pagination.total) > 0 ? Number(pagination.total) : Number(payload?.pageSize) || 20
})
).records
}
- const { previewVisible, previewRows, previewMeta, handlePreviewVisibleChange, handleExport, handlePrint } =
- usePrintExportPage({
- downloadFileName: 'bas-station.xlsx',
- requestExport: (payload) =>
- fetchExportBasStationReport(payload, {
- headers: {
- Authorization: userStore.accessToken || ''
- }
- }),
- resolvePrintRecords,
- buildPreviewRows: (records) => buildBasStationPrintRows(records, resolveAreaLabel, resolveContainerTypeLabel),
- buildPreviewMeta
- })
+ const {
+ previewVisible,
+ previewRows,
+ previewMeta,
+ handlePreviewVisibleChange,
+ handleExport,
+ handlePrint
+ } = usePrintExportPage({
+ downloadFileName: 'bas-station.xlsx',
+ requestExport: (payload) =>
+ fetchExportBasStationReport(payload, {
+ headers: {
+ Authorization: userStore.accessToken || ''
+ }
+ }),
+ resolvePrintRecords,
+ buildPreviewRows: (records) =>
+ buildBasStationPrintRows(records, resolveAreaLabel, resolveContainerTypeLabel),
+ buildPreviewMeta
+ })
const resolvedPreviewMeta = computed(() =>
buildBasStationReportMeta({
previewMeta: previewMeta.value,
count: previewRows.value.length,
- orientation: previewMeta.value?.reportStyle?.orientation || BAS_STATION_REPORT_STYLE.orientation
+ orientation:
+ previewMeta.value?.reportStyle?.orientation || BAS_STATION_REPORT_STYLE.orientation
})
)
@@ -429,6 +554,47 @@
function handleReset() {
Object.assign(searchForm.value, createBasStationSearchState())
resetSearchParams()
+ }
+
+ async function handleInitSubmit(formData) {
+ const payloads = buildBasStationInitPayloadList(formData)
+ if (!payloads.length) {
+ ElMessage.error('璇疯嚦灏戝～鍐欎竴缁勭珯鐐圭紪鐮佸拰绔欑偣鍚嶇О')
+ return
+ }
+
+ let successCount = 0
+ let failCount = 0
+ let firstErrorMessage = ''
+
+ for (const payload of payloads) {
+ try {
+ await fetchSaveBasStation(payload)
+ successCount += 1
+ } catch (error) {
+ failCount += 1
+ if (!firstErrorMessage) {
+ firstErrorMessage = error?.message || `${payload.stationName} 鍒濆鍖栧け璐
+ }
+ }
+ }
+
+ if (successCount > 0) {
+ ElMessage.success(
+ failCount > 0
+ ? `鎴愬姛淇濆瓨 ${successCount} 鏉★紝澶辫触 ${failCount} 鏉
+ : `鎴愬姛淇濆瓨 ${successCount} 鏉
+ )
+ initDialogVisible.value = false
+ currentInitData.value = buildBasStationInitModel()
+ await refreshCreate()
+ if (failCount > 0 && firstErrorMessage) {
+ ElMessage.warning(firstErrorMessage)
+ }
+ return
+ }
+
+ ElMessage.error(firstErrorMessage || '绔欑偣鍒濆鍖栧け璐�')
}
async function loadAreaOptions() {
@@ -449,7 +615,9 @@
{ records: [] },
{ timeoutMessage: '瀹瑰櫒绫诲瀷鍔犺浇瓒呮椂锛屽凡鍋滄绛夊緟' }
)
- containerTypeOptions.value = buildBasStationContainerTypeOptions(defaultResponseAdapter(response).records)
+ containerTypeOptions.value = buildBasStationContainerTypeOptions(
+ defaultResponseAdapter(response).records
+ )
}
async function loadUseStatusOptions() {
@@ -463,7 +631,9 @@
{ records: [] },
{ timeoutMessage: '浣跨敤鐘舵�佸姞杞借秴鏃讹紝宸插仠姝㈢瓑寰�' }
)
- useStatusOptions.value = buildBasStationUseStatusOptions(defaultResponseAdapter(response).records)
+ useStatusOptions.value = buildBasStationUseStatusOptions(
+ defaultResponseAdapter(response).records
+ )
}
onMounted(async () => {
--
Gitblit v1.9.1