🐞 fix:修复el-input、el-select、el-date-picker宽度

This commit is contained in:
preschooler
2024-08-31 17:39:48 +08:00
parent 395c9c3dca
commit 8c0380506c
32 changed files with 137 additions and 34 deletions

View File

@@ -13,6 +13,7 @@
v-model="queryParams.name"
placeholder="请输入部门名称"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>

View File

@@ -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: '密码',

View File

@@ -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: '模板编码',

View File

@@ -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'
}
}
}
},

View File

@@ -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">

View File

@@ -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"

View File

@@ -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>