tz

ruoyi-ui/src/views/playlist/scene/index.vue

@@ -48,6 +48,18 @@
           <span v-else>-</span>
         </template>
       </el-table-column>
+      <el-table-column label="VIP" align="center" prop="vip" width="100">
+        <template slot-scope="scope">
+          <el-tag 
+            :type="scope.row.vip === '1' ? 'success' : 'warning'" 
+            :effect="scope.row.vip === '1' ? 'dark' : 'plain'"
+            size="small"
+          >
+            <i :class="scope.row.vip === '1' ? 'el-icon-star-on' : 'el-icon-star-off'" style="margin-right: 4px;"></i>
+            {{ scope.row.vip === '1' ? 'VIP' : '普通' }}
+          </el-tag>
+        </template>
+      </el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime" width="160" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
@@ -106,6 +118,22 @@
             action="/back/upload/musicImg/file"
           />
         </el-form-item>
+        <el-form-item label="VIP" prop="vip">
+          <el-select v-model="form.vip" placeholder="请选择VIP类型" style="width: 100%">
+            <el-option label="VIP" :value="'1'">
+              <span style="float: left">
+                <i class="el-icon-star-on" style="color: #67C23A; margin-right: 8px;"></i>
+                VIP
+              </span>
+            </el-option>
+            <el-option label="普通" :value="'2'">
+              <span style="float: left">
+                <i class="el-icon-star-off" style="color: #E6A23C; margin-right: 8px;"></i>
+                普通
+              </span>
+            </el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -167,6 +195,9 @@ export default {
             }, 
             trigger: "blur" 
           }
+        ],
+        vip: [
+          { required: true, message: "请选择VIP类型", trigger: "change" }
         ]
       }
     };
@@ -216,7 +247,8 @@ export default {
         id: null,
         scene: null,
         musicAddr: null,
-        imgAddr: null
+        imgAddr: null,
+        vip: null
       };
       this.resetForm("form");
     },