|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="app-container">
|
|
|
<el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
|
|
|
<el-form-item label="歌手名称：" prop="name">
|
|
|
- <el-input v-model="form.name" placeholder="请输入歌手名称" />
|
|
|
+ <el-input v-model="form.name" placeholder="请输入歌手名称" maxlength="100" show-word-limit />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="歌手性别：" prop="sex">
|
|
|
<el-select v-model="form.sex" placeholder="请选择歌手性别">
|
|
|
@@ -22,7 +22,8 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="歌手简介：" prop="description">
|
|
|
- <el-input v-model="form.description" type="textarea" rows="5" placeholder="请输入歌手简介" />
|
|
|
+ <el-input v-model="form.description" type="textarea" rows="5" placeholder="请输入歌手简介" maxlength="100"
|
|
|
+ show-word-limit />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="歌手头像：" prop="coverUrl">
|
|
|
<Upload listType="picture-card" :url="form.coverUrl" @upload="upload" :disabled="disabled" />
|
|
|
@@ -60,8 +61,6 @@ export default {
|
|
|
rules: {
|
|
|
name: [{
|
|
|
required: true, message: '请输入歌手名称', trigger: 'blur'
|
|
|
- }, {
|
|
|
- max: '100', message: '歌手名称字符不可超过100个', trigger: 'blur'
|
|
|
}],
|
|
|
sex: [{
|
|
|
required: true, message: '请选择歌手性别', trigger: 'change'
|
|
|
@@ -77,8 +76,6 @@ export default {
|
|
|
}],
|
|
|
description: [{
|
|
|
required: true, message: '请输入歌手简介', trigger: 'blur'
|
|
|
- }, {
|
|
|
- max: '100', message: '歌手简介字符不可超过100个', trigger: 'blur'
|
|
|
}],
|
|
|
coverUrl: [{
|
|
|
required: true, message: '请上传歌手头像', trigger: 'change'
|
