|
@@ -2,7 +2,7 @@
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
|
|
<el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
|
|
<el-form-item label="专辑名称:" prop="name">
|
|
<el-form-item label="专辑名称:" prop="name">
|
|
- <el-input v-model="form.name" placeholder="请输入专辑名称" />
|
|
|
|
|
|
+ <el-input v-model="form.name" placeholder="请输入专辑名称" maxlength="10" show-word-limit />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="专辑介绍" prop="description">
|
|
<el-form-item label="专辑介绍" prop="description">
|
|
<el-input v-model="form.description" type="textarea" :autosize="{ minRows: 5, maxRows: 10}"
|
|
<el-input v-model="form.description" type="textarea" :autosize="{ minRows: 5, maxRows: 10}"
|
|
@@ -30,7 +30,7 @@
|
|
<el-input-number v-model="form.price" placeholder="请输入原价" :min="1" :precision="2" :controls="false" />
|
|
<el-input-number v-model="form.price" placeholder="请输入原价" :min="1" :precision="2" :controls="false" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item v-if="form.payType !== 1" label="折扣价:" prop="discount">
|
|
<el-form-item v-if="form.payType !== 1" label="折扣价:" prop="discount">
|
|
- <el-input-number v-model="form.discountedPrice" placeholder="请输入折扣价" :min="1" :precision="2"
|
|
|
|
|
|
+ <el-input-number v-model="form.discount" placeholder="请输入折扣价" :min="1" :precision="2"
|
|
:controls="false" />
|
|
:controls="false" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="专辑封面:" prop="coverUrl">
|
|
<el-form-item label="专辑封面:" prop="coverUrl">
|
|
@@ -87,7 +87,9 @@
|
|
<el-table-column label="播放时长" prop="playTime" align="center" />
|
|
<el-table-column label="播放时长" prop="playTime" align="center" />
|
|
<el-table-column label="操作" align="center">
|
|
<el-table-column label="操作" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button type="text" @click="getChecked(scope.row)" :disabled="disabledChecked">选择
|
|
|
|
|
|
+ <el-button type="text" @click="getChecked(scope.row)"
|
|
|
|
+ :disabled="form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true">
|
|
|
|
+ 选择
|
|
</el-button>
|
|
</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -117,8 +119,10 @@ export default {
|
|
callback(new Error('请输入原价'))
|
|
callback(new Error('请输入原价'))
|
|
} else if (value.toString().length > 10) {
|
|
} else if (value.toString().length > 10) {
|
|
callback(new Error('字符长度不超过10个'))
|
|
callback(new Error('字符长度不超过10个'))
|
|
- } else if (this.form.discount) {
|
|
|
|
- value > this.form.discount ? callback() : callback(new Error('原价必须大于折扣价'))
|
|
|
|
|
|
+ } else if (this.form.discount && value < this.form.discount) {
|
|
|
|
+ callback(new Error('原价必须大于折扣价'))
|
|
|
|
+ } else {
|
|
|
|
+ callback()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 判断折扣价是否小于原价
|
|
// 判断折扣价是否小于原价
|
|
@@ -126,8 +130,10 @@ export default {
|
|
if (value) {
|
|
if (value) {
|
|
if (value.toString().length > 10) {
|
|
if (value.toString().length > 10) {
|
|
callback(new Error('字符长度不超过10个'))
|
|
callback(new Error('字符长度不超过10个'))
|
|
- } else if (this.form.price) {
|
|
|
|
- value < this.form.price ? callback() : callback(new Error('折扣价必须小于原价'))
|
|
|
|
|
|
+ } else if (this.form.price && value > this.form.price) {
|
|
|
|
+ callback(new Error('折扣价必须小于原价'))
|
|
|
|
+ } else {
|
|
|
|
+ callback()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -145,8 +151,6 @@ export default {
|
|
rules: {
|
|
rules: {
|
|
name: [{
|
|
name: [{
|
|
required: true, message: '请输入歌单名称', trigger: 'blur'
|
|
required: true, message: '请输入歌单名称', trigger: 'blur'
|
|
- }, {
|
|
|
|
- max: 10, message: '字符不超过10个', trigger: 'blur'
|
|
|
|
}],
|
|
}],
|
|
description: [{
|
|
description: [{
|
|
required: true, message: '请输入歌单介绍', trigger: 'blur'
|
|
required: true, message: '请输入歌单介绍', trigger: 'blur'
|
|
@@ -181,7 +185,8 @@ export default {
|
|
// 弹窗表单
|
|
// 弹窗表单
|
|
dialogForm: {
|
|
dialogForm: {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
- pageSize: 10
|
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ status: 1
|
|
},
|
|
},
|
|
// 总数据
|
|
// 总数据
|
|
total: 0,
|
|
total: 0,
|
|
@@ -209,9 +214,6 @@ export default {
|
|
detail(this.form.id).then(res => {
|
|
detail(this.form.id).then(res => {
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
this.form = res.data
|
|
this.form = res.data
|
|
- if (res.data.programList) {
|
|
|
|
- this.disabledChecked = this.form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true
|
|
|
|
- }
|
|
|
|
this.form_loading = false
|
|
this.form_loading = false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -249,7 +251,8 @@ export default {
|
|
getRefresh() {
|
|
getRefresh() {
|
|
this.dialogForm = {
|
|
this.dialogForm = {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
- pageSize: 10
|
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ status: 1
|
|
}
|
|
}
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
@@ -276,11 +279,13 @@ export default {
|
|
getSubmit() {
|
|
getSubmit() {
|
|
this.$refs.form.validate((valid) => {
|
|
this.$refs.form.validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- let arr = []
|
|
|
|
- this.form.programList.map(i => {
|
|
|
|
- arr.push(i.id)
|
|
|
|
- })
|
|
|
|
- this.form.programList = arr
|
|
|
|
|
|
+ if (this.form.programList) {
|
|
|
|
+ let arr = []
|
|
|
|
+ this.form.programList.map(i => {
|
|
|
|
+ arr.push(i.id)
|
|
|
|
+ })
|
|
|
|
+ this.form.programList = arr
|
|
|
|
+ }
|
|
this.form_loading = true
|
|
this.form_loading = true
|
|
let title = this.form.id ? '编辑成功!' : '新增成功!'
|
|
let title = this.form.id ? '编辑成功!' : '新增成功!'
|
|
submit(this.form).then(res => {
|
|
submit(this.form).then(res => {
|