|
|
@@ -25,6 +25,15 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :md="6" :sm="12">
|
|
|
+ <el-form-item label="费用类型:">
|
|
|
+ <el-select v-model="tableCourses.where.fee" placeholder="请选择费用类型" clearable
|
|
|
+ class="ele-fluid">
|
|
|
+ <el-option label="免费" :value="0" />
|
|
|
+ <el-option label="收费" :value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :md="6" :sm="12">
|
|
|
<div class="ele-form-actions">
|
|
|
<el-button type="primary" @click="$refs.tableCourses.reload()" icon="el-icon-search"
|
|
|
class="ele-btn-icon">查询</el-button>
|
|
|
@@ -53,7 +62,13 @@
|
|
|
<span>{{ row.video_name }}</span> <!-- 显示视频课名称 -->
|
|
|
</template>
|
|
|
</el-tableCourses-column>
|
|
|
- <el-tableCourses-column prop="fee" label="费用" width="100" />
|
|
|
+ <el-tableCourses-column label="费用" width="100">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-tag :type="row.fee === 0 ? 'success' : 'warning'">
|
|
|
+ {{ row.fee === 0 ? '免费' : '收费' }}
|
|
|
+ </el-tag>
|
|
|
+ </template>
|
|
|
+ </el-tableCourses-column>
|
|
|
<el-tableCourses-column prop="poster" label="封面" width="120">
|
|
|
<template slot-scope="{ row }">
|
|
|
<el-image :src="row.poster" style="width:60px;height:40px;" fit="cover" />
|
|
|
@@ -99,7 +114,7 @@ export default {
|
|
|
return {
|
|
|
tableCourses: {
|
|
|
url: "/videosCourses/index", // 更新后的接口路径
|
|
|
- where: { video_id: null, video_name: null, status: null, keyword: null }
|
|
|
+ where: { video_id: null, video_name: null, status: null, fee: null, keyword: null }
|
|
|
},
|
|
|
chooseCourses: [],
|
|
|
formDialogVisibleCourses: false,
|
|
|
@@ -116,7 +131,7 @@ export default {
|
|
|
this.formDialogVisibleCourses = true;
|
|
|
},
|
|
|
resetSearchCourses() {
|
|
|
- this.tableCourses.where = {};
|
|
|
+ this.tableCourses.where = { video_id: null, video_name: null, status: null, fee: null, keyword: null };
|
|
|
this.$refs.tableCourses.reload();
|
|
|
},
|
|
|
editStatusCourses(row) {
|