fix: 调度任务页面排版

src/views/monitor/job/log.vue

@@ -44,6 +44,8 @@ let queryRangePicker = ref<[string, string]>(['', '']);
 
 /**查询参数 */
 let queryParams = reactive({
+  /**任务ID */
+  jobId: '',
   /**任务名称 */
   jobName: '',
   /**任务组名 */
@@ -72,6 +74,7 @@ function fnQueryReset() {
     });
   } else {
     queryParams = Object.assign(queryParams, {
+      jobId: '',
       jobName: '',
       jobGroup: undefined,
       status: undefined,
@@ -393,6 +396,7 @@ onMounted(() => {
   if (jobId && jobId !== '0') {
     getJob(jobId).then(res => {
       if (res.code === RESULT_CODE_SUCCESS) {
+        queryParams.jobId = res.data.jobId;
         queryParams.jobName = res.data.jobName;
         queryParams.jobGroup = res.data.jobGroup;
         fnGetList();
@@ -415,14 +419,13 @@ onMounted(() => {
       <!-- 表格搜索栏 -->
       <a-form :model="queryParams" name="queryParams" layout="horizontal">
         <a-row :gutter="16">
-          <a-col :lg="6" :md="12" :xs="24">
+          <a-col :lg="6" :md="12" :xs="24" v-if="jobId !== '0'">
             <a-form-item
               :label="t('views.monitor.jobLog.jobName')"
               name="jobName"
             >
               <a-input
                 v-model:value="queryParams.jobName"
-                :allow-clear="jobId === '0'"
                 :disabled="jobId !== '0'"
                 :placeholder="t('common.inputPlease')"
               ></a-input>
@@ -636,7 +639,7 @@ onMounted(() => {
       :title="modalState.title"
       @cancel="fnModalCancel"
     >
-      <a-form layout="horizontal">
+      <a-form layout="horizontal" :label-col="{ span: 6 }" :label-wrap="true">
         <a-row :gutter="16">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item :label="t('common.rowId')" name="jobLogId">
@@ -703,6 +706,8 @@ onMounted(() => {
         <a-form-item
           :label="t('views.monitor.jobLog.targetParams')"
           name="targetParams"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
         >
           <a-textarea
             v-model:value="modalState.from.targetParams"
@@ -710,7 +715,12 @@ onMounted(() => {
             :disabled="true"
           />
         </a-form-item>
-        <a-form-item :label="t('views.monitor.jobLog.jobMsg')" name="jobMsg">
+        <a-form-item
+          :label="t('views.monitor.jobLog.jobMsg')"
+          name="jobMsg"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
           <a-textarea
             v-model:value="modalState.from.jobMsg"
             :auto-size="{ minRows: 2, maxRows: 6 }"