style: 调整MML执行日志表格样式

src/views/logManage/mml/index.vue

@@ -62,12 +62,12 @@ let tableState: TabeStateType = reactive({
 });
 
 /**表格字段列 */
-let tableColumns: ColumnsType = [
+let tableColumns: ColumnsType = reactive([
   {
     title: t('common.rowId'),
     dataIndex: 'id',
     align: 'left',
-    width: 100,
+    width: 80,
   },
   {
     title: t('views.logManage.mml.account'),
@@ -108,9 +108,9 @@ let tableColumns: ColumnsType = [
     dataIndex: 'mml',
     key: 'mml',
     align: 'left',
-    width: 200,
+    ellipsis: true,
   },
-];
+]);
 
 /**表格分页器参数 */
 let tablePagination = reactive({
@@ -161,7 +161,11 @@ function fnGetList(pageNum?: number) {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
       tablePagination.total = res.total;
       tableState.data = res.rows;
-      if (tablePagination.total <=(queryParams.pageNum - 1) * tablePagination.pageSize &&queryParams.pageNum !== 1) {
+      if (
+        tablePagination.total <=
+          (queryParams.pageNum - 1) * tablePagination.pageSize &&
+        queryParams.pageNum !== 1
+      ) {
         tableState.loading = false;
         fnGetList(queryParams.pageNum - 1);
       }
@@ -289,16 +293,15 @@ onMounted(() => {
         :loading="tableState.loading"
         :data-source="tableState.data"
         :size="tableState.size"
-        :pagination="tablePagination"
-        :scroll="{ x: tableColumns.length * 100 }"
+        :pagination="tablePagination" 
       >
         <template #bodyCell="{ column, record }">
-          <template v-if="column.key === 'mml'">
+          <!-- <template v-if="column.key === 'mml'">
             <a-tooltip placement="topLeft">
               <template #title>{{ record.result }}</template>
               <div class="mmlText">{{ record.mml }}</div>
             </a-tooltip>
-          </template>
+          </template> -->
         </template>
       </a-table>
     </a-card>