修改输入框字段限制

This commit is contained in:
GGJ
2024-12-13 14:36:23 +08:00
parent a856075ddb
commit 8c4cc891e5
58 changed files with 663 additions and 1211 deletions

View File

@@ -3,10 +3,10 @@
<el-form :model="form" class="form-one" label-width="auto">
<el-form-item label="名称">
<el-input v-model="form.name" placeholder="请输入名称" />
<el-input maxlength="32" show-word-limit v-model="form.name" placeholder="请输入名称" />
</el-form-item>
<el-form-item label="编码">
<el-input v-model="form.code" placeholder="请输入编码" />
<el-input maxlength="32" show-word-limit v-model="form.code" placeholder="请输入编码" />
</el-form-item>
<!-- <el-form-item label="类型">
<el-select v-model="form.type" placeholder="请选择类型">
@@ -14,11 +14,11 @@
</el-select>
</el-form-item> -->
<el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入备注" />
<el-input maxlength="32" show-word-limit v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="排序">
<el-input-number v-model="form.sort" :min="0" />
<el-input maxlength="32" show-word-limit-number v-model="form.sort" :min="0" />
</el-form-item>
</el-form>

View File

@@ -4,8 +4,8 @@
<el-scrollbar style="padding-right: 0">
<div class="box">
<div class="box-left">
<el-input v-model="searchKey" size="small" placeholder="请输入搜索内容" :suffix-icon="Search"
@input="filterTree" style="margin-bottom: 10px"></el-input>
<el-input maxlength="32" show-word-limit v-model="searchKey" size="small" placeholder="请输入搜索内容"
:suffix-icon="Search" @input="filterTree" style="margin-bottom: 10px"></el-input>
<el-cascader-panel v-model="fromDataValue" :props="{
multiple: true
}" :options="fromData"></el-cascader-panel>
@@ -33,8 +33,8 @@
</el-button>
</div>
<div class="box-right">
<el-input v-model="searchKey1" size="small" placeholder="请输入搜索内容" :suffix-icon="Search"
@input="filterTree1" style="margin-bottom: 10px"></el-input>
<el-input maxlength="32" show-word-limit v-model="searchKey1" size="small" placeholder="请输入搜索内容"
:suffix-icon="Search" @input="filterTree1" style="margin-bottom: 10px"></el-input>
<el-cascader-panel v-model="toDataValue" :props="{
multiple: true,
checkStrictly: true,
@@ -42,14 +42,14 @@
}" :options="toData">
<template #default="{ node, data }">
<div style="display: flex; align-items: center">
<el-tooltip placement="bottom" :hide-after="0">
<template #content>
<span>{{ data.label}}</span>
</template>
<div class="hide-txt">{{ data.label }}</div>
</el-tooltip>
<el-tooltip placement="bottom" :hide-after="0">
<template #content>
<span>{{ data.label }}</span>
</template>
<div class="hide-txt">{{ data.label }}</div>
</el-tooltip>
<template v-if="node.level === 1">
<div class="ml5">({{ data.children.length }})</div>
<div style="flex: 1"></div>
@@ -458,7 +458,8 @@ defineExpose({ open })
}
}
}
.box-right{
.box-right {
flex: 1;
}