style(sj_1.1.0-beta3): 修复页面异常样式

src/components/common/log-drawer.vue

@@ -267,7 +267,7 @@ const SnailLogComponent = defineComponent({
         >
           {{
             default: ({ item: message }: { item: Api.JobLog.JobMessage }) => (
-              <pre key={message.time_stamp} class="h-85px">
+              <pre key={message.time_stamp} class="min-h-85px">
                 <div>
                   <span class="log-hljs-time inline-block">{timestampToDate(message.time_stamp)}</span>
                   <span
@@ -277,10 +277,8 @@ const SnailLogComponent = defineComponent({
                   <span class="log-hljs-thread mr-12px inline-block">{`[${message.thread}]`}</span>
                 </div>
                 <div class="log-hljs-location">{`${message.location}: `}</div>
-                <div>
-                  <span class="pl-6px">- {`${message.message}`}</span>
-                  {throwableComponent(message.throwable)}
-                </div>
+                <div class="pl-6px">- {`${message.message}`}</div>
+                <div>{throwableComponent(message.throwable)}</div>
                 <NDivider />
               </pre>
             )
@@ -494,4 +492,8 @@ const SnailLogComponent = defineComponent({
 .tool-header {
   width: calc(50vw - 72px);
 }
+
+:deep(.n-collapse-item__content-inner) {
+  padding-top: 0 !important;
+}
 </style>

src/views/job/batch/index.vue

@@ -46,12 +46,13 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
   },
   columns: () => [
     {
-      type: 'selection'
+      type: 'selection',
+      width: 30
     },
     {
       key: 'id',
       align: 'center',
-      width: 120,
+      width: 60,
       title: () => {
         return (
           <div class="flex-center">
@@ -87,7 +88,7 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       key: 'groupName',
       title: $t('page.jobBatch.groupName'),
       align: 'left',
-      minWidth: 120
+      width: 120
     },
     {
       key: 'taskType',
@@ -114,19 +115,19 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       key: 'jobName',
       title: $t('page.jobBatch.jobName'),
       align: 'center',
-      minWidth: 120
+      width: 120
     },
     {
       key: 'executionAt',
       title: $t('page.jobBatch.executionAt'),
       align: 'center',
-      minWidth: 120
+      width: 120
     },
     {
       key: 'taskBatchStatus',
       title: $t('page.jobBatch.taskBatchStatus'),
       align: 'center',
-      minWidth: 120,
+      width: 120,
       render: row => {
         if (row.taskBatchStatus === null) {
           return null;
@@ -147,7 +148,7 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       key: 'operationReason',
       title: $t('page.jobBatch.operationReason'),
       align: 'center',
-      minWidth: 120,
+      width: 120,
       render: row => {
         if (row.operationReason === null) {
           return null;
@@ -161,13 +162,13 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       key: 'createDt',
       title: $t('common.createDt'),
       align: 'center',
-      minWidth: 120
+      width: 120
     },
     {
       key: 'operate',
       title: $t('common.operate'),
       align: 'center',
-      width: 170,
+      width: 160,
       render: row => {
         const stopBtn = () => {
           if (row.taskBatchStatus === 1 || row.taskBatchStatus === 2) {
@@ -302,7 +303,7 @@ async function handleStopJob(id: string) {
         :columns="columns"
         :data="data"
         :flex-height="!appStore.isMobile"
-        :scroll-x="2000"
+        :scroll-x="1200"
         :loading="loading"
         remote
         :row-key="row => row.id"

src/views/retry/dead-letter/modules/dead-letter-search.vue

@@ -27,19 +27,14 @@ function search() {
 </script>
 
 <template>
-  <SearchForm :model="model" @search="search" @reset="reset">
+  <SearchForm btn-span="24 m:9 xl:3" :model="model" @search="search" @reset="reset">
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryLog.groupName')" path="groupName" class="pr-24px">
       <SelectGroup v-model:value="model.groupName" clearable />
     </NFormItemGi>
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryLog.sceneName')" path="sceneName" class="pr-24px">
       <SelectScene v-model:value="model.sceneName" :group-name="model.groupName as string" clearable />
     </NFormItemGi>
-    <NFormItemGi
-      span="24 s:24 m:15 l:12 xl:9"
-      :label="$t('page.common.createTime')"
-      path="datetimeRange"
-      class="pr-24px"
-    >
+    <NFormItemGi span="24 s:12 m:15 l:12 xl:9" :label="$t('page.common.createTime')" path="datetimeRange">
       <DatetimeRange v-model:value="model.datetimeRange!" />
     </NFormItemGi>
   </SearchForm>

src/views/retry/log/modules/retry-log-search.vue

@@ -29,7 +29,7 @@ function search() {
 </script>
 
 <template>
-  <SearchForm :model="model" @search="search" @reset="reset">
+  <SearchForm btn-span="24 xl:3" :model="model" @search="search" @reset="reset">
     <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryLog.groupName')" path="groupName" class="pr-24px">
       <SelectGroup v-model:value="model.groupName" clearable />
     </NFormItemGi>