!518 【修复】修复el-input、el-select、el-date-picker宽度（先等等、全局影响）

Merge pull request !518 from 半栈幼儿员/hotfix/input-width
2025-11-04 20:28:45 +08:00 · 2024-08-31 10:38:01 +00:00
parent 395c9c3dca 8c0380506c
commit 632dea08c0
32 changed files with 137 additions and 34 deletions
--- a/src/views/ai/image/manager/index.vue
+++ b/src/views/ai/image/manager/index.vue
@@ -71,7 +71,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/ai/mindmap/manager/index.vue
+++ b/src/views/ai/mindmap/manager/index.vue
@@ -40,7 +40,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/ai/music/manager/index.vue
+++ b/src/views/ai/music/manager/index.vue
@@ -70,7 +70,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="是否发布" prop="publicStatus">
--- a/src/views/bpm/processInstance/manager/index.vue
+++ b/src/views/bpm/processInstance/manager/index.vue
@@ -76,7 +76,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
    </el-form>
--- a/src/views/bpm/task/copy/index.vue
+++ b/src/views/bpm/task/copy/index.vue
@@ -11,6 +11,7 @@
      <el-form-item label="流程名称" prop="name">
        <el-input
          v-model="queryParams.processInstanceName"
+          @keyup.enter="handleQuery"
          class="!w-240px"
          clearable
          placeholder="请输入流程名称"
--- a/src/views/crm/clue/ClueForm.vue
+++ b/src/views/crm/clue/ClueForm.vue
@@ -127,6 +127,7 @@
              placeholder="选择下次联系时间"
              type="datetime"
              value-format="x"
+              class="!w-1/1"
            />
          </el-form-item>
        </el-col>
--- a/src/views/crm/contact/ContactForm.vue
+++ b/src/views/crm/contact/ContactForm.vue
@@ -153,6 +153,7 @@
              placeholder="选择下次联系时间"
              type="datetime"
              value-format="x"
+              class="!w-1/1"
            />
          </el-form-item>
        </el-col>
--- a/src/views/crm/customer/CustomerForm.vue
+++ b/src/views/crm/customer/CustomerForm.vue
@@ -127,6 +127,7 @@
              placeholder="选择下次联系时间"
              type="datetime"
              value-format="x"
+              class="!w-1/1"
            />
          </el-form-item>
        </el-col>
--- a/src/views/crm/receivable/ReceivableForm.vue
+++ b/src/views/crm/receivable/ReceivableForm.vue
@@ -124,6 +124,7 @@
              placeholder="选择回款日期"
              type="date"
              value-format="x"
+              class="!w-100%"
            />
          </el-form-item>
        </el-col>
--- a/src/views/crm/receivable/plan/ReceivablePlanForm.vue
+++ b/src/views/crm/receivable/plan/ReceivablePlanForm.vue
@@ -89,6 +89,7 @@
              placeholder="选择计划回款日期"
              type="date"
              value-format="x"
+              class="!w-100%"
            />
          </el-form-item>
        </el-col>
--- a/src/views/erp/finance/payment/index.vue
+++ b/src/views/erp/finance/payment/index.vue
@@ -30,7 +30,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/finance/receipt/index.vue
+++ b/src/views/erp/finance/receipt/index.vue
@@ -30,7 +30,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/in/index.vue
+++ b/src/views/erp/purchase/in/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/order/index.vue
+++ b/src/views/erp/purchase/order/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/purchase/return/index.vue
+++ b/src/views/erp/purchase/return/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/sale/order/index.vue
+++ b/src/views/erp/sale/order/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/sale/out/index.vue
+++ b/src/views/erp/sale/out/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/sale/return/index.vue
+++ b/src/views/erp/sale/return/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="客户" prop="customerId">
--- a/src/views/erp/stock/in/index.vue
+++ b/src/views/erp/stock/in/index.vue
@@ -43,7 +43,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="supplierId">
--- a/src/views/erp/stock/record/index.vue
+++ b/src/views/erp/stock/record/index.vue
@@ -75,7 +75,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -15,6 +15,7 @@
          placeholder="请输入文件路径"
          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="文件类型" prop="type" width="80">
@@ -23,6 +24,7 @@
          placeholder="请输入文件类型"
          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="创建时间" prop="createTime">
@@ -33,6 +35,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>
--- a/src/views/mall/product/comment/index.vue
+++ b/src/views/mall/product/comment/index.vue
@@ -11,19 +11,34 @@
      label-width="68px"
    >
      <el-form-item label="回复状态" prop="replyStatus">
-        <el-select v-model="queryParams.replyStatus">
+        <el-select v-model="queryParams.replyStatus" class="!w-240px">
          <el-option label="已回复" :value="true" />
          <el-option label="未回复" :value="false" />
        </el-select>
      </el-form-item>
      <el-form-item label="商品名称" prop="spuName">
-        <el-input v-model="queryParams.spuName" placeholder="请输入商品名称" />
+        <el-input
+          v-model="queryParams.spuName"
+          placeholder="请输入商品名称"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="用户名称" prop="userNickname">
-        <el-input v-model="queryParams.userNickname" placeholder="请输入用户名称" />
+        <el-input
+          v-model="queryParams.userNickname"
+          placeholder="请输入用户名称"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="订单编号" prop="orderId">
-        <el-input v-model="queryParams.orderId" placeholder="请输入订单编号" />
+        <el-input
+          v-model="queryParams.orderId"
+          placeholder="请输入订单编号"
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
      </el-form-item>
      <el-form-item label="评论时间" prop="createTime">
        <el-date-picker
--- a/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue
+++ b/src/views/mall/promotion/coupon/template/CouponTemplateForm.vue
@@ -156,7 +156,6 @@
        <el-date-picker
          v-model="formData.validTimes"
          :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)]"
-          style="width: 240px"
          type="datetimerange"
          value-format="x"
        />
--- a/src/views/mall/trade/afterSale/index.vue
+++ b/src/views/mall/trade/afterSale/index.vue
@@ -81,7 +81,7 @@
        <el-date-picker
          v-model="queryParams.createTime"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-260px"
+          class="!w-280px"
          end-placeholder="自定义时间"
          start-placeholder="自定义时间"
          type="daterange"
--- a/src/views/member/user/detail/UserAftersaleList.vue
+++ b/src/views/member/user/detail/UserAftersaleList.vue
@@ -79,7 +79,7 @@
        <el-date-picker
          v-model="queryParams.createTime"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-260px"
+          class="!w-280px"
          end-placeholder="自定义时间"
          start-placeholder="自定义时间"
          type="daterange"
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -13,6 +13,7 @@
          v-model="queryParams.name"
          placeholder="请输入部门名称"
          clearable
+          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>
--- a/src/views/system/mail/account/account.data.ts
+++ b/src/views/system/mail/account/account.data.ts
@@ -25,12 +25,26 @@ const crudSchemas = reactive<CrudSchema[]>([
  {
    label: '邮箱',
    field: 'mail',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '用户名',
    field: 'username',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '密码',
--- a/src/views/system/mail/log/log.data.ts
+++ b/src/views/system/mail/log/log.data.ts
@@ -21,7 +21,10 @@ const crudSchemas = reactive<CrudSchema[]>([
      componentProps: {
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        type: 'daterange',
-        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')],
+        style: {
+          width: '240px'
+        }
      }
    },
    detail: {
@@ -36,7 +39,14 @@ const crudSchemas = reactive<CrudSchema[]>([
    label: '用户编号',
    field: 'userId',
    isSearch: true,
-    isTable: false
+    isTable: false,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '用户类型',
@@ -44,7 +54,14 @@ const crudSchemas = reactive<CrudSchema[]>([
    dictType: DICT_TYPE.USER_TYPE,
    dictClass: 'number',
    isSearch: true,
-    isTable: false
+    isTable: false,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '邮件标题',
@@ -65,7 +82,14 @@ const crudSchemas = reactive<CrudSchema[]>([
    field: 'sendStatus',
    dictType: DICT_TYPE.SYSTEM_MAIL_SEND_STATUS,
    dictClass: 'string',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '邮箱账号',
@@ -79,6 +103,9 @@ const crudSchemas = reactive<CrudSchema[]>([
        optionsAlias: {
          labelField: 'mail',
          valueField: 'id'
+        },
+        style: {
+          width: '240px'
        }
      }
    }
@@ -93,7 +120,14 @@ const crudSchemas = reactive<CrudSchema[]>([
  {
    label: '模板编号',
    field: 'templateId',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '模板编码',
--- a/src/views/system/mail/template/template.data.ts
+++ b/src/views/system/mail/template/template.data.ts
@@ -22,12 +22,26 @@ const crudSchemas = reactive<CrudSchema[]>([
  {
    label: '模板编码',
    field: 'code',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '模板名称',
    field: 'name',
-    isSearch: true
+    isSearch: true,
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '模板标题',
@@ -59,6 +73,9 @@ const crudSchemas = reactive<CrudSchema[]>([
        optionsAlias: {
          labelField: 'mail',
          valueField: 'id'
+        },
+        style: {
+          width: '240px'
        }
      }
    },
@@ -82,7 +99,14 @@ const crudSchemas = reactive<CrudSchema[]>([
    field: 'status',
    isSearch: true,
    dictType: DICT_TYPE.COMMON_STATUS,
-    dictClass: 'number'
+    dictClass: 'number',
+    search: {
+      componentProps: {
+        style: {
+          width: '240px'
+        }
+      }
+    }
  },
  {
    label: '备注',
@@ -100,7 +124,10 @@ const crudSchemas = reactive<CrudSchema[]>([
      componentProps: {
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        type: 'daterange',
-        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')],
+        style: {
+          width: '240px'
+        }
      }
    }
  },
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -61,7 +61,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="业务编号" prop="bizId">
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -13,6 +13,7 @@
          v-model="queryParams.name"
          placeholder="请输入岗位名称"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
@@ -21,11 +22,12 @@
          v-model="queryParams.code"
          placeholder="请输入岗位编码"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable class="!w-240px">
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
            :key="dict.value"
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -14,6 +14,7 @@
          v-model="queryParams.signature"
          placeholder="请输入短信签名"
          clearable
+          class="!w-240px"
          @keyup.enter="handleQuery"
        />
      </el-form-item>
@@ -40,6 +41,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item>