|
@@ -5,21 +5,20 @@
|
|
|
<el-input v-model="form.name" placeholder="请输入歌单名称" show-word-limit />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="歌单介绍:" prop="description">
|
|
|
- <el-input v-model="form.description" type="textarea" :autosize="{ minRows: 5, maxRows: 10}"
|
|
|
- maxlength="100" show-word-limit placeholder="请输入歌单介绍" />
|
|
|
+ <el-input v-model="form.description" type="textarea" :autosize="{ minRows: 5, maxRows: 10 }" maxlength="100"
|
|
|
+ show-word-limit placeholder="请输入歌单介绍" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="创建者:" prop="avatarNickName">
|
|
|
<el-input v-model="form.avatarNickName" placeholder="请输入歌单创建者名称" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="资源平台:" prop="platformId">
|
|
|
- <el-select v-model="form.platformId" placeholder="请选择资源平台">
|
|
|
- <el-option v-for="item in platformOptions" :key="item.value" :value="item.value"
|
|
|
- :label="item.label" />
|
|
|
+ <el-select v-model="form.platformId" placeholder="请选择资源平台" :disabled="disabledPlatformId(form.platformId)">
|
|
|
+ <el-option v-for="item in platformOptions" :key="item.value" :value="item.value" :label="item.label"
|
|
|
+ :disabled="disabledJoinType(item.joinType)" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="歌单封面:" prop="coverUrl">
|
|
|
- <Upload listType="picture-card" :url="form.coverUrl" @upload="upload($event, 'coverUrl')"
|
|
|
- :disabled="disabled" />
|
|
|
+ <Upload listType="picture-card" :url="form.coverUrl" @upload="upload($event, 'coverUrl')" :disabled="disabled" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="头像:" prop="avatarNickHead">
|
|
|
<Upload listType="picture-card" :url="form.avatarNickHead" @upload="upload($event, 'avatarNickHead')"
|
|
@@ -59,8 +58,8 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="资源平台:">
|
|
|
<el-select v-model="dialogForm.platformId" placeholder="请选择资源平台">
|
|
|
- <el-option v-for="item in platformOptions" :key="item.value" :value="item.value"
|
|
|
- :label="item.label" />
|
|
|
+ <el-option v-for="item in platformOptions.filter(i => !i.joinType.includes('1'))" :key="item.value"
|
|
|
+ :value="item.value" :label="item.label" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
@@ -75,15 +74,14 @@
|
|
|
<el-table-column label="播放时长" prop="playTime" align="center" />
|
|
|
<el-table-column label="操作" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button type="text" @click="getChecked(scope.row)"
|
|
|
- :disabled="form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true">
|
|
|
+ <el-button type="text" @click="getChecked(scope.row)" :disabled="disabledList()">
|
|
|
选择
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination v-show="total>0" :total="total" :page.sync="dialogForm.pageNum"
|
|
|
- :limit.sync="dialogForm.pageSize" @pagination="getList" />
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="dialogForm.pageNum" :limit.sync="dialogForm.pageSize"
|
|
|
+ @pagination="getList" />
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -152,8 +150,7 @@ export default {
|
|
|
mounted() {
|
|
|
// 获取资源平台
|
|
|
this.getPlatform({
|
|
|
- audioType: 10,
|
|
|
- joinType: 2
|
|
|
+ audioType: 10
|
|
|
})
|
|
|
if (this.$route.query.id) {
|
|
|
this.form.id = this.$route.query.id
|
|
@@ -168,6 +165,7 @@ export default {
|
|
|
detail(this.form.id).then(res => {
|
|
|
if (res.code === 0) {
|
|
|
this.form = res.data
|
|
|
+ this.form.programList = res.data.programList === null ? [] : res.data.programList
|
|
|
this.form_loading = false
|
|
|
}
|
|
|
})
|
|
@@ -180,7 +178,7 @@ export default {
|
|
|
// 添加歌曲
|
|
|
getDialog() {
|
|
|
this.dialogVisible = true
|
|
|
- this.dialogForm.platformId = this.platformOptions[0].value
|
|
|
+ this.dialogForm.platformId = this.platformOptions.filter(i => !i.joinType.includes('1'))[0].value
|
|
|
this.getList()
|
|
|
},
|
|
|
|
|
@@ -266,6 +264,13 @@ export default {
|
|
|
// 字典翻译
|
|
|
statusFormatter(row) {
|
|
|
return this.selectDictLabel(this.onOrOffOptions, row.status)
|
|
|
+ },
|
|
|
+
|
|
|
+ // 已有的歌曲不可重复选择
|
|
|
+ disabledList() {
|
|
|
+ if (this.form.programList.length > 0) {
|
|
|
+ return this.form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|