|
|
@ -141,6 +141,38 @@ function enterDialog() {
|
|
|
|
function viewCourseFunc(row) { // 查看课程
|
|
|
|
function viewCourseFunc(row) { // 查看课程
|
|
|
|
router.push({name:'viewCourse',params:{course_id:row.course_id}})
|
|
|
|
router.push({name:'viewCourse',params:{course_id:row.course_id}})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 审核相关
|
|
|
|
|
|
|
|
// 审核相关
|
|
|
|
|
|
|
|
const verifyVisible = ref(false)
|
|
|
|
|
|
|
|
const verifyForm = ref({})
|
|
|
|
|
|
|
|
const verifyCourse = ref(null)
|
|
|
|
|
|
|
|
function checkCourseFunc(row) { // 审核
|
|
|
|
|
|
|
|
// console.log(row)
|
|
|
|
|
|
|
|
if(row.status == 2 || row.status == 4 ) { // 未审核 或 未通过
|
|
|
|
|
|
|
|
verifyForm.value.is_pass = -1
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else{
|
|
|
|
|
|
|
|
verifyForm.value.is_pass = 1
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
verifyForm.is_pass = row.status
|
|
|
|
|
|
|
|
verifyVisible.value = true
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function transferStateFromVerify(v_state) {
|
|
|
|
|
|
|
|
let state = 0
|
|
|
|
|
|
|
|
if(v_state == 1) { // 审核通过
|
|
|
|
|
|
|
|
state = verifyCourse.value.status
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else{ // 审核拒绝
|
|
|
|
|
|
|
|
state = 4
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return state
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function closeVerifyVisibleDialog() {
|
|
|
|
|
|
|
|
verifyVisible.value = false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
async function enterVerifyDialog() { // 审核提交
|
|
|
|
|
|
|
|
const status = transferStateFromVerify(verifyForm.value.is_pass)
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -170,28 +202,28 @@ function viewCourseFunc(row) { // 查看课程
|
|
|
|
<div class="gva-table-box">
|
|
|
|
<div class="gva-table-box">
|
|
|
|
<!-- 批量操作-->
|
|
|
|
<!-- 批量操作-->
|
|
|
|
<div class="gva-btn-list">
|
|
|
|
<div class="gva-btn-list">
|
|
|
|
<el-button size="small" type="primary" icon="plus" @click="openDialog('add')">新增</el-button>
|
|
|
|
<!-- <el-button size="small" type="primary" icon="plus" @click="openDialog('add')">新增</el-button>-->
|
|
|
|
<el-popover v-model="deleteVisible" placement="top" width="160">
|
|
|
|
<!-- <el-popover v-model="deleteVisible" placement="top" width="160">-->
|
|
|
|
<p>确定要删除吗?</p>
|
|
|
|
<!-- <p>确定要删除吗?</p>-->
|
|
|
|
<div style="text-align: right; margin-top: 8px;">
|
|
|
|
<!-- <div style="text-align: right; margin-top: 8px;">-->
|
|
|
|
<el-button size="small" type="primary" link @click="deleteVisible = false">取消</el-button>
|
|
|
|
<!-- <el-button size="small" type="primary" link @click="deleteVisible = false">取消</el-button>-->
|
|
|
|
<el-button size="small" type="primary" @click="onDelete">确定</el-button>
|
|
|
|
<!-- <el-button size="small" type="primary" @click="onDelete">确定</el-button>-->
|
|
|
|
</div>
|
|
|
|
<!-- </div>-->
|
|
|
|
<template #reference>
|
|
|
|
<!-- <template #reference>-->
|
|
|
|
<el-button icon="delete" size="small" type="danger" :disabled="!course_ids.length" style="margin-left: 10px;" @click="deleteVisible = true">删除</el-button>
|
|
|
|
<!-- <el-button icon="delete" size="small" type="danger" :disabled="!course_ids.length" style="margin-left: 10px;" @click="deleteVisible = true">删除</el-button>-->
|
|
|
|
</template>
|
|
|
|
<!-- </template>-->
|
|
|
|
</el-popover>
|
|
|
|
<!-- </el-popover>-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 数据列表-->
|
|
|
|
<!-- 数据列表-->
|
|
|
|
<el-table :data="tableData" @selection-change="handleSelectionChange">
|
|
|
|
<el-table :data="tableData" border @selection-change="handleSelectionChange">
|
|
|
|
<el-table-column
|
|
|
|
<!-- <el-table-column-->
|
|
|
|
type="selection"
|
|
|
|
<!-- type="selection"-->
|
|
|
|
width="55"
|
|
|
|
<!-- width="55"-->
|
|
|
|
/>
|
|
|
|
<!-- />-->
|
|
|
|
<el-table-column align="left" label="id" min-width="60" prop="course_id" sortable="custom" />
|
|
|
|
<el-table-column align="left" label="id" min-width="60" prop="course_id" sortable="custom" />
|
|
|
|
<el-table-column align="left" label="名称" min-width="150" prop="name" />
|
|
|
|
<el-table-column align="left" label="名称" min-width="150" prop="name" />
|
|
|
|
<el-table-column align="left" label="科目" min-width="150" prop="subject" />
|
|
|
|
<el-table-column align="left" label="科目" min-width="150" prop="subject" />
|
|
|
|
<el-table-column align="left" label="价格" min-width="150" prop="price">
|
|
|
|
<el-table-column align="left" label="价格" min-width="150">
|
|
|
|
<template #default="scope">{{scope.row.price/100}}</template>
|
|
|
|
<template #default="scope">{{scope.row.price/100}}</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column align="left" label="状态" min-width="150" prop="status">
|
|
|
|
<el-table-column align="left" label="状态" min-width="150" prop="status">
|
|
|
@ -199,7 +231,11 @@ function viewCourseFunc(row) { // 查看课程
|
|
|
|
{{scope.row.status == 1?'上架':scope.row.status == 2?'待审核':scope.row.status == 3?'通过':scope.row.status == 4?'未通过':'下架'}}
|
|
|
|
{{scope.row.status == 1?'上架':scope.row.status == 2?'待审核':scope.row.status == 3?'通过':scope.row.status == 4?'未通过':'下架'}}
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column align="left" label="是否精品" min-width="150" prop="is_boutique" />
|
|
|
|
<el-table-column align="left" label="是否精品" min-width="150" prop="is_boutique">
|
|
|
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
|
|
|
{{scope.row.is_sift === 1? '是':'否'}}
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column align="left" fixed="right" label="操作" width="200">
|
|
|
|
<el-table-column align="left" fixed="right" label="操作" width="200">
|
|
|
|
<template #default="scope">
|
|
|
|
<template #default="scope">
|
|
|
|
<el-button
|
|
|
|
<el-button
|
|
|
@ -208,21 +244,28 @@ function viewCourseFunc(row) { // 查看课程
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
link
|
|
|
|
link
|
|
|
|
@click="viewCourseFunc(scope.row)"
|
|
|
|
@click="viewCourseFunc(scope.row)"
|
|
|
|
>查看</el-button>
|
|
|
|
>预览</el-button>
|
|
|
|
<el-button
|
|
|
|
<el-button
|
|
|
|
icon="edit"
|
|
|
|
icon="edit"
|
|
|
|
size="small"
|
|
|
|
size="small"
|
|
|
|
type="primary"
|
|
|
|
type="primary"
|
|
|
|
link
|
|
|
|
link
|
|
|
|
@click="editCourseFunc(scope.row)"
|
|
|
|
@click="editCourseFunc(scope.row)"
|
|
|
|
>编辑</el-button>
|
|
|
|
>查看</el-button>
|
|
|
|
<el-button
|
|
|
|
<el-button
|
|
|
|
icon="delete"
|
|
|
|
icon="check"
|
|
|
|
size="small"
|
|
|
|
size="small"
|
|
|
|
type="danger"
|
|
|
|
type="primary"
|
|
|
|
link
|
|
|
|
link
|
|
|
|
@click="deleteCourseFunc(scope.row)"
|
|
|
|
@click="checkCourseFunc(scope.row)"
|
|
|
|
>删除</el-button>
|
|
|
|
>审核</el-button>
|
|
|
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
|
|
|
<!-- icon="delete"-->
|
|
|
|
|
|
|
|
<!-- size="small"-->
|
|
|
|
|
|
|
|
<!-- type="danger"-->
|
|
|
|
|
|
|
|
<!-- link-->
|
|
|
|
|
|
|
|
<!-- @click="deleteCourseFunc(scope.row)"-->
|
|
|
|
|
|
|
|
<!-- >删除</el-button>-->
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
@ -256,6 +299,20 @@ function viewCourseFunc(row) { // 查看课程
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-dialog>
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
<!-- 审核窗口-->
|
|
|
|
|
|
|
|
<el-dialog v-model="verifyVisible" :before-close="closeVerifyVisibleDialog" title="审核课程">
|
|
|
|
|
|
|
|
<el-form :model="verifyForm" label-width="80px">
|
|
|
|
|
|
|
|
<el-form-item label="是否通过" prop="is_free">
|
|
|
|
|
|
|
|
<el-switch v-model="verifyForm.is_pass" active-text="通过" inactive-text="拒绝" :active-value="1" :inactive-value="-1" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<template #footer>
|
|
|
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
|
|
|
<el-button size="small" @click="closeVerifyVisibleDialog">取 消</el-button>
|
|
|
|
|
|
|
|
<el-button size="small" type="primary" @click="enterVerifyDialog">确 定</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
<style scoped lang="scss">
|
|
|
|