html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
ouyangxq
2026-10-20 23:34:11 +08:00
parent f155976f52
commit 13e4aa56ec
321 changed files with 6756 additions and 2110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/trucking/components/TruckAppointmentForm.vue
+6 -5
View File
@@ -1,5 +1,6 @@
<script setup lang="ts">
import '@/styles/adminDensity.css'
import '@/styles/adminWorkbench.css'
import { computed, onMounted, reactive, ref, watch } from 'vue'
import type { FormInstance, FormRules } from 'element-plus'
import { Eye, Save } from '@lucide/vue'
@@ -166,7 +167,7 @@ watch(() => props.resource?.id, (id, previous) => { if (id && id !== previous) v
</script>
<template>
<el-form ref="formRef" :model="draft" :rules="rules" label-position="top" :disabled="readonly || submitting" class="truck-form admin-density density-form" :class="{ 'truck-form--create': !resource }">
<el-form ref="formRef" :model="draft" :rules="rules" label-position="top" :disabled="readonly || submitting" class="truck-form admin-density density-form admin-workbench" :class="{ 'truck-form--create': !resource }">
<div v-if="$slots['relation-note-actions']" class="relation-note">
<div v-if="$slots['relation-note-actions']" class="relation-note__actions"><slot name="relation-note-actions" /></div>
</div>
@@ -238,7 +239,7 @@ watch(() => props.resource?.id, (id, previous) => { if (id && id !== previous) v
<style scoped>
.truck-form { min-width:0; padding-bottom:var(--admin-space-1); }
.truck-form--create { max-width:1040px; margin-inline:auto; }
.relation-note { display:flex; align-items:center; justify-content:space-between; gap:var(--admin-space-4); margin-bottom:var(--admin-space-5); color:var(--cc-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.relation-note { display:flex; align-items:center; justify-content:space-between; gap:var(--admin-space-4); margin-bottom:var(--admin-space-5); color:var(--workbench-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.relation-note__actions { display:flex; flex:0 0 auto; }
.relation-alert { margin-bottom:var(--admin-space-5); }
.appointment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--admin-space-6); }
@@ -246,18 +247,18 @@ watch(() => props.resource?.id, (id, previous) => { if (id && id !== previous) v
:deep(.el-form-item), :deep(.el-form-item__content) { min-width:0; }
:deep(.el-select), :deep(.el-date-editor), :deep(.el-input), :deep(.el-textarea) { width:100%; max-width:100%; }
:deep(.el-select__selected-item) { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.selection-summary { display:flex; flex-wrap:wrap; gap:var(--admin-space-1) var(--admin-space-5); width:100%; margin:var(--admin-space-2) 0 0; color:var(--cc-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.selection-summary { display:flex; flex-wrap:wrap; gap:var(--admin-space-1) var(--admin-space-5); width:100%; margin:var(--admin-space-2) 0 0; color:var(--workbench-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.selection-summary div { display:flex; min-width:0; gap:var(--admin-space-2); }
.selection-summary dt { flex-shrink:0; }
.selection-summary dd { margin:0; color:var(--el-text-color-regular); overflow-wrap:anywhere; }
.field-error { width:100%; display:flex; flex-wrap:wrap; gap:var(--admin-space-2); margin-top:var(--admin-space-1); color:var(--cc-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.field-error { width:100%; display:flex; flex-wrap:wrap; gap:var(--admin-space-2); margin-top:var(--admin-space-1); color:var(--workbench-muted); font-size:var(--admin-font-caption); line-height:1.5; }
.field-error { color:var(--el-color-danger); }
.field-help-label { display:inline-flex; align-items:center; gap:var(--admin-space-1); }
.readiness-alerts:empty { display:none; }
.readiness-alerts :deep(.el-alert) { margin-bottom:var(--admin-space-4); }
.dispatch-details { border-top:1px solid var(--el-border-color-lighter); }
.dispatch-details summary { padding:var(--admin-space-4) 0; cursor:pointer; font-size:var(--admin-font-body); font-weight:600; color:var(--el-text-color-primary); }
.dispatch-details summary:focus-visible { outline:2px solid var(--cc-primary); outline-offset:2px; }
.dispatch-details summary:focus-visible { outline:2px solid var(--workbench-primary); outline-offset:2px; }
.dispatch-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.form-actions { display:flex; justify-content:flex-end; gap:var(--admin-space-3); padding-top:var(--admin-space-4); border-top:1px solid var(--el-border-color-lighter); }
@media (max-width:720px) {