fix:作业列表的图标显示缩小

src/components/task/hpcList.vue

@@ -27,8 +27,10 @@
                   <el-tag v-else type="primary">{{ WORK_STATUS.O[row.jobStatus] }}</el-tag>
                 </template>
                 <template #software="{ row }">
-                  <img width="20" :src="getAppImg(row)" alt="" />
-                  <span>{{ row.software }}</span>
+                  <div class="img-box">
+                    <img width="14" :src="getAppImg(row)" alt="" />
+                    <span>{{ row.software }}</span>
+                  </div>
                 </template>
               </BaseTable>
             </div>
@@ -145,4 +147,16 @@ onMounted(async () => {
     height: 100%;
   }
 }
+
+.img-box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  .img {
+    border-radius: 2px;
+  }
+}
 </style>

src/views/task/execution/components/runDetailPage/runPagecomponent/jobList.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="run-job-page">
     <BaseTable
-      showIndex
       ref="baseTableRef"
       tableName="RUN_JOB_TABLE"
       :api="queryJobsApi"
@@ -28,8 +27,10 @@
         <el-tag v-else type="primary">{{ WORK_STATUS.O[row.jobStatus] }}</el-tag>
       </template>
       <template #software="{ row }">
-        <img width="20" :src="getAppImg(row)" alt="" />
-        <span>{{ row.software }}</span>
+        <div calss="img-box">
+          <img width="14" :src="getAppImg(row)" alt="" />
+          <span>{{ row.software }}</span>
+        </div>
       </template>
     </BaseTable>
   </div>
@@ -139,4 +140,16 @@ onBeforeMount(() => {
   width: 100%;
   height: 100%;
 }
+
+.img-box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  .img {
+    border-radius: 2px;
+  }
+}
 </style>