优化
This commit is contained in:
@@ -96,7 +96,7 @@ watch(() => form.category, (category) => { if (category !== 'BOOKING') form.carr
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AdminPage class="admin-density admin-workbench" >
|
||||
<AdminPage class="supplier-form-page admin-density admin-workbench" >
|
||||
<OperationErrorToast :details="submitError" />
|
||||
<DetailPageLayout class="density-detail-layout surface-panel workbench-panel is-flush is-page-surface" :aria-label="editing ? '编辑供应商' : '新增供应商'">
|
||||
<template #header><div class="density-detail-header"><div class="density-detail-heading"><el-button link class="density-back" @click="router.push({ name: 'supplier-list' })"><ArrowLeft :size="16" />返回列表</el-button><h1 class="density-detail-title">{{ editing ? '编辑供应商' : '新增供应商' }}</h1></div></div></template>
|
||||
@@ -135,6 +135,11 @@ watch(() => form.category, (category) => { if (category !== 'BOOKING') form.carr
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
@media screen {
|
||||
.supplier-form-page :deep(.density-detail-layout > .detail-page-layout__content) { padding: 0; }
|
||||
.supplier-form-page .density-detail-header { padding-inline: 0; }
|
||||
.supplier-form-page .supplier-form-panel { padding-top: var(--admin-space-5); }
|
||||
}
|
||||
.supplier-form-panel { min-width: 0; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--admin-space-7); }.span-2 { grid-column: 1 / -1; }
|
||||
.form-grid :deep(.el-select) { width: 100%; }.file-placeholder { display: flex; width: 100%; min-height: 96px; align-items: center; justify-content: center; flex-direction: column; gap: var(--admin-space-2); padding: var(--admin-space-6); border: 1px dashed var(--workbench-border); border-radius: var(--admin-radius); background: var(--workbench-surface-soft); color: var(--workbench-muted); text-align: center; }.file-placeholder small { max-width: 420px; line-height: 1.5; }
|
||||
.form-actions { display: flex; justify-content: center; gap: var(--admin-space-5); padding: var(--admin-space-6) 0 0; border-top: 1px solid var(--workbench-border); }.form-actions :deep(.el-button) { min-width: 112px; margin-left: 0; }
|
||||
|
||||
Reference in New Issue
Block a user