优化

src/modules/notifications/components/MessageComposerDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import '@/styles/adminWorkbench.css'
 import '@/styles/adminDensity.css'
 import { computed, reactive, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
@@ -63,10 +64,10 @@ async function submit() {
 </script>
 
 <template>
-  <AppDialog class="admin-density-dialog" v-model="open" title="新建消息" width="min(680px, calc(100vw - 28px))" fullscreenable :confirm-loading="submitting" :show-confirm="false" destroy-on-close @cancel="reset">
+  <AppDialog class="admin-density-dialog admin-workbench is-dialog" v-model="open" title="新建消息" width="min(680px, calc(100vw - 28px))" fullscreenable :confirm-loading="submitting" :show-confirm="false" destroy-on-close @cancel="reset">
     <OperationErrorToast :details="error" />
     <el-form class="density-form density-dialog-sections" label-position="left" label-width="100px" :disabled="submitting">
-      <section class="density-dialog-section" data-tone="work" aria-label="发送设置">
+      <section class="density-dialog-section workbench-evidence" data-tone="work" aria-label="发送设置">
         <h3 class="density-dialog-section__title">发送设置 <InlineHelp title="发送说明">消息由已激活模板生成，仅发送站内信；可指定平台员工或企业接收人，并按需启用定时发送。</InlineHelp></h3>
         <table class="density-table density-table--editable"><tbody>
           <tr><td><el-form-item label="发送范围" required><el-segmented v-model="scope" :options="[{ label: '平台员工', value: 'platform' }, { label: '指定企业', value: 'customer' }]" /></el-form-item></td></tr>
@@ -79,7 +80,7 @@ async function submit() {
           <tr><td><el-form-item label="定时发送"><div class="schedule-row"><el-switch v-model="scheduled" aria-label="启用定时发送" /><span>启用</span><el-date-picker v-model="form.scheduledAt" type="datetime" value-format="YYYY-MM-DDTHH:mm:ss" placeholder="选择发送时间" :disabled="!scheduled" /></div></el-form-item></td></tr>
         </tbody></table>
       </section>
-      <section v-if="selectedTemplate?.variableWhitelist.length" class="density-dialog-section" data-tone="work" aria-label="模板变量">
+      <section v-if="selectedTemplate?.variableWhitelist.length" class="density-dialog-section workbench-evidence" data-tone="work" aria-label="模板变量">
         <h3 class="density-dialog-section__title">模板变量</h3>
         <table class="density-table density-table--editable"><tbody><tr v-for="key in selectedTemplate.variableWhitelist" :key="key"><td><el-form-item :label="key" required><el-input v-model="variables[key]" maxlength="2000" placeholder="请输入变量值" /></el-form-item></td></tr></tbody></table>
       </section>