优化

src/modules/port-schedules/components/ContainerPortSchedulePanel.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import '@/styles/adminDensity.css'
+import '@/styles/adminWorkbench.css'
 import { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import AppDialog from '@/shared/components/AppDialog.vue'
@@ -102,24 +103,24 @@ watch(scope, () => { open.value = false; generation++; schedule.value = null; pe
 onBeforeUnmount(() => { generation++ })
 </script>
 <template>
-  <div class="schedule-actions">
+  <div class="schedule-actions admin-workbench">
     <el-button v-if="canRead" :disabled="!!prerequisite" @click="begin">船期维护与历史</el-button>
     <span v-if="prerequisite">{{ prerequisite }}</span>
     <span v-else-if="!canRead">当前账号无船期读取权限。</span>
   </div>
-  <AppDialog v-model="open" class="admin-density-dialog" :title="dialogTitle" fullscreenable :width="container.currentPortScheduleId ? '1000px' : '1120px'" :show-confirm="canWrite" :confirm-disabled="loading || !!prerequisite || (!!container.currentPortScheduleId && !schedule)" :confirm-loading="busy" :confirm-text="pending ? '重试原请求' : '保存船期'" @confirm="save">
+  <AppDialog v-model="open" class="admin-density-dialog admin-workbench is-dialog" :title="dialogTitle" fullscreenable :width="container.currentPortScheduleId ? '1000px' : '1120px'" :show-confirm="canWrite" :confirm-disabled="loading || !!prerequisite || (!!container.currentPortScheduleId && !schedule)" :confirm-loading="busy" :confirm-text="pending ? '重试原请求' : '保存船期'" @confirm="save">
     <div v-loading="loading" class="density-dialog-sections">
       <el-alert v-if="error" :title="error" type="error" :closable="false" />
       <section class="density-dialog-section" data-tone="source">
-        <table class="density-table schedule-context-table" aria-label="原柜船期归属"><tbody>
+        <div class="workbench-evidence"><table class="density-table schedule-context-table" aria-label="原柜船期归属"><tbody>
           <tr><th>柜次号</th><td>{{ container.cabinetNo || '—' }}</td><th>集装箱号</th><td>{{ container.containerNo || '—' }}</td></tr>
           <tr><th>提单号</th><td>{{ container.billOfLadingNo || '—' }}</td><th>客户</th><td>{{ container.customerName || '—' }}</td></tr>
-        </tbody></table>
+        </tbody></table></div>
       </section>
       <section class="density-dialog-section" data-tone="work">
 
         <el-form v-if="canWrite" class="density-form" :disabled="busy || !!pending || loading">
-          <table class="density-table density-table--editable schedule-editor-table" aria-label="原柜船期填写"><tbody>
+          <div class="workbench-evidence"><table class="density-table density-table--editable schedule-editor-table" aria-label="原柜船期填写"><tbody>
             <tr><td><el-form-item label="船名" label-position="left" label-width="120px" required><el-input v-model="form.vesselName" maxlength="128" placeholder="请输入船名" /></el-form-item></td><td><el-form-item label="航次" label-position="left" label-width="120px" required><el-input v-model="form.voyageNo" maxlength="64" placeholder="请输入航次" /></el-form-item></td></tr>
             <tr><td v-for="key in dates" :key="key"><el-form-item :label="dateLabels[key]" label-position="left" label-width="120px" required><el-date-picker v-model="form[key]" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" :placeholder="`请选择${dateLabels[key]}`" /></el-form-item></td></tr>
             <template v-if="!container.currentPortScheduleId">
@@ -127,12 +128,12 @@ onBeforeUnmount(() => { generation++ })
               <tr v-for="(keys, index) in [extraDates.slice(0, 2), extraDates.slice(2, 4), extraDates.slice(4)]" :key="index"><td v-for="key in keys" :key="key" :colspan="keys.length === 1 ? 2 : 1"><el-form-item :label="dateLabels[key]" label-position="left" label-width="120px" :required="!['bookingCutoffAt', 'customsCutoffAt'].includes(key)"><el-date-picker v-model="form[key]" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" :placeholder="`请选择${dateLabels[key]}`" /></el-form-item></td></tr>
             </template>
             <tr><td colspan="2"><el-form-item label="修改原因" label-position="left" label-width="120px" required><el-input v-model="form.reason" type="textarea" maxlength="1000" placeholder="请说明本次修改原因" /></el-form-item></td></tr>
-          </tbody></table>
+          </tbody></table></div>
         </el-form>
-        <table v-else class="density-table schedule-context-table" aria-label="当前船期只读资料"><tbody>
+        <div class="workbench-evidence" v-else><table class="density-table schedule-context-table" aria-label="当前船期只读资料"><tbody>
           <tr><th>船名</th><td>{{ form.vesselName || '—' }}</td><th>航次</th><td>{{ form.voyageNo || '—' }}</td></tr>
           <tr><template v-for="key in dates" :key="key"><th>{{ dateLabels[key] }}</th><td>{{ time(form[key]) }}</td></template></tr>
-        </tbody></table>
+        </tbody></table></div>
       </section>
       <section class="density-dialog-section" data-tone="source">
         <h3 class="density-dialog-section__title">修改历史</h3>