fix: 配置参数页面排版

src/views/system/config/index.vue

@@ -99,33 +99,38 @@ let tableColumns: ColumnsType = [
   {
     title: t('common.rowId'),
     dataIndex: 'configId',
-    align: 'center',
+    align: 'left',
   },
   {
     title: t('views.system.config.configName'),
     dataIndex: 'configName',
     align: 'left',
+    width: 200,
   },
   {
     title: t('views.system.config.configKey'),
     dataIndex: 'configKey',
     align: 'left',
+    width: 200,
   },
   {
     title: t('views.system.config.configValue'),
     dataIndex: 'configValue',
     align: 'left',
+    width: 200,
   },
   {
     title: t('views.system.config.configType'),
     dataIndex: 'configType',
     key: 'configType',
     align: 'center',
+    width: 100,
   },
   {
     title: t('views.system.config.createTime'),
     dataIndex: 'createTime',
     align: 'center',
+    width: 150,
     customRender(opt) {
       if (+opt.value <= 0) return '';
       return parseDateToStr(+opt.value);
@@ -134,7 +139,7 @@ let tableColumns: ColumnsType = [
   {
     title: t('common.operate'),
     key: 'configId',
-    align: 'center',
+    align: 'left',
   },
 ];
 
@@ -655,7 +660,7 @@ onMounted(() => {
         :size="tableState.size"
         :row-class-name="fnTableStriped"
         :pagination="tablePagination"
-        :scroll="{ x: true }"
+        :scroll="{ x: tableColumns.length * 120 }"
         :row-selection="{
           type: 'checkbox',
           selectedRowKeys: tableState.selectedRowKeys,
@@ -711,7 +716,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
@@ -751,8 +756,17 @@ onMounted(() => {
             </a-form-item>
           </a-col>
         </a-row>
-        <a-form-item :label="t('views.system.config.remark')" name="remark">
+        <a-form-item
-          {{ modalState.from.remark }}
+          :label="t('views.system.config.remark')"
+          name="remark"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
+          <a-textarea
+            v-model:value="modalState.from.remark"
+            :auto-size="{ minRows: 2, maxRows: 6 }"
+            :disabled="true"
+          />
         </a-form-item>
       </a-form>
       <template #footer>
@@ -773,7 +787,12 @@ onMounted(() => {
       @ok="fnModalOk"
       @cancel="fnModalCancel"
     >
-      <a-form name="modalStateFrom" layout="horizontal">
+      <a-form
+        name="modalStateFrom"
+        layout="horizontal"
+        :label-col="{ span: 6 }"
+        :label-wrap="true"
+      >
         <a-row :gutter="16">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item
@@ -833,7 +852,12 @@ onMounted(() => {
           </a-col>
         </a-row>
 
-        <a-form-item :label="t('views.system.config.remark')" name="remark">
+        <a-form-item
+          :label="t('views.system.config.remark')"
+          name="remark"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
           <a-textarea
             v-model:value="modalState.from.remark"
             :auto-size="{ minRows: 4, maxRows: 6 }"