Jelajahi Sumber

音频管理 音乐专辑 折扣价参数修改 已选禁用

DESKTOP-O04BTUJ\muzen 2 tahun lalu
induk
melakukan
b9c99cbddb
1 mengubah file dengan 24 tambahan dan 19 penghapusan
  1. 24 19
      src/views/music/album/detail.vue

+ 24 - 19
src/views/music/album/detail.vue

@@ -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="10" 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}"
@@ -30,7 +30,7 @@
         <el-input-number v-model="form.price" placeholder="请输入原价" :min="1" :precision="2" :controls="false" />
       </el-form-item>
       <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" />
       </el-form-item>
       <el-form-item label="专辑封面:" prop="coverUrl">
@@ -87,7 +87,9 @@
         <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="disabledChecked">选择
+            <el-button type="text" @click="getChecked(scope.row)"
+              :disabled="form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true">
+              选择
             </el-button>
           </template>
         </el-table-column>
@@ -117,8 +119,10 @@ export default {
         callback(new Error('请输入原价'))
       } else if (value.toString().length > 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.toString().length > 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: {
         name: [{
           required: true, message: '请输入歌单名称', trigger: 'blur'
-        }, {
-          max: 10, message: '字符不超过10个', trigger: 'blur'
         }],
         description: [{
           required: true, message: '请输入歌单介绍', trigger: 'blur'
@@ -181,7 +185,8 @@ export default {
       // 弹窗表单
       dialogForm: {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
+        status: 1
       },
       // 总数据
       total: 0,
@@ -209,9 +214,6 @@ export default {
       detail(this.form.id).then(res => {
         if (res.code === 0) {
           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
         }
       })
@@ -249,7 +251,8 @@ export default {
     getRefresh() {
       this.dialogForm = {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
+        status: 1
       }
       this.getList()
     },
@@ -276,11 +279,13 @@ export default {
     getSubmit() {
       this.$refs.form.validate((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
           let title = this.form.id ? '编辑成功!' : '新增成功!'
           submit(this.form).then(res => {