|
@@ -11,6 +11,22 @@
|
|
|
style="width: 280px"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.status"
|
|
|
+ placeholder="操作状态"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
@@ -18,27 +34,27 @@
|
|
|
</el-form>
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
-<!-- <el-col :span="1.5">-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="primary"-->
|
|
|
-<!-- plain-->
|
|
|
-<!-- icon="el-icon-plus"-->
|
|
|
-<!-- size="mini"-->
|
|
|
-<!-- @click="handleAdd"-->
|
|
|
-<!-- v-hasPermi="['course:courseWatchComment:add']"-->
|
|
|
-<!-- >新增</el-button>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- <el-col :span="1.5">-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="success"-->
|
|
|
-<!-- plain-->
|
|
|
-<!-- icon="el-icon-edit"-->
|
|
|
-<!-- size="mini"-->
|
|
|
-<!-- :disabled="single"-->
|
|
|
-<!-- @click="handleUpdate"-->
|
|
|
-<!-- v-hasPermi="['course:courseWatchComment:edit']"-->
|
|
|
-<!-- >修改</el-button>-->
|
|
|
-<!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="primary"-->
|
|
|
+ <!-- plain-->
|
|
|
+ <!-- icon="el-icon-plus"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- @click="handleAdd"-->
|
|
|
+ <!-- v-hasPermi="['course:courseWatchComment:add']"-->
|
|
|
+ <!-- >新增</el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="1.5">-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="success"-->
|
|
|
+ <!-- plain-->
|
|
|
+ <!-- icon="el-icon-edit"-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- :disabled="single"-->
|
|
|
+ <!-- @click="handleUpdate"-->
|
|
|
+ <!-- v-hasPermi="['course:courseWatchComment:edit']"-->
|
|
|
+ <!-- >修改</el-button>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
|
type="danger"
|
|
@@ -66,26 +82,39 @@
|
|
|
|
|
|
<el-table border v-loading="loading" :data="courseWatchCommentList" @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
-<!-- <el-table-column label="评论id" align="center" prop="commentId" />-->
|
|
|
-<!-- <el-table-column label="用户id" align="center" prop="userId" />-->
|
|
|
+ <!-- <el-table-column label="评论id" align="center" prop="commentId" />-->
|
|
|
+ <!-- <el-table-column label="用户id" align="center" prop="userId" />-->
|
|
|
<el-table-column label="用户昵称" align="center" prop="nickName" width="130px" />
|
|
|
-<!-- <el-table-column label="用户类型,1-管理员,2-用户" align="center" prop="userType" />-->
|
|
|
-<!-- <el-table-column label="评论类型 1:评论,2:回复" align="center" prop="type" />-->
|
|
|
-<!-- <el-table-column label="父评论id" align="center" prop="parentId" />-->
|
|
|
+ <!-- <el-table-column label="用户类型,1-管理员,2-用户" align="center" prop="userType" />-->
|
|
|
+ <!-- <el-table-column label="评论类型 1:评论,2:回复" align="center" prop="type" />-->
|
|
|
+ <!-- <el-table-column label="父评论id" align="center" prop="parentId" />-->
|
|
|
<el-table-column label="评论内容" align="center" prop="content" />
|
|
|
<el-table-column label="所属课程" align="center" prop="courseName" />
|
|
|
<el-table-column label="所属小节" align="center" prop="title" />
|
|
|
+ <el-table-column label="弹幕状态" align="center" prop="status">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag :type="getStatusTagType(scope.row.status)">
|
|
|
+ {{ formatBarrageStatus(scope.row.status) }}
|
|
|
+ </el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="评论时间" align="center" prop="createTime" width="160px"/>
|
|
|
-<!-- <el-table-column label="是否是撤回的消息,1-是,0-否" align="center" prop="isRevoke" />-->
|
|
|
+ <!-- <el-table-column label="是否是撤回的消息,1-是,0-否" align="center" prop="isRevoke" />-->
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="scope">
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- size="mini"-->
|
|
|
-<!-- type="text"-->
|
|
|
-<!-- icon="el-icon-edit"-->
|
|
|
-<!-- @click="handleUpdate(scope.row)"-->
|
|
|
-<!-- v-hasPermi="['course:courseWatchComment:edit']"-->
|
|
|
-<!-- >修改</el-button>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- size="mini"-->
|
|
|
+ <!-- type="text"-->
|
|
|
+ <!-- icon="el-icon-edit"-->
|
|
|
+ <!-- @click="handleUpdate(scope.row)"-->
|
|
|
+ <!-- v-hasPermi="['course:courseWatchComment:edit']"-->
|
|
|
+ <!-- >修改</el-button>-->
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleUpdateStatus(scope.row)"
|
|
|
+ >修改弹幕状态</el-button>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
@@ -93,11 +122,19 @@
|
|
|
@click="handleAddKeyWords(scope.row)"
|
|
|
>添加关键字</el-button>
|
|
|
<el-button
|
|
|
+ v-if="scope.row.userStatus === 1 "
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-edit"
|
|
|
@click="handleAddBlack(scope.row)"
|
|
|
>拉黑</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.userStatus === 0 "
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click="handleClearBlack(scope.row)"
|
|
|
+ >解除拉黑</el-button>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
@@ -126,57 +163,86 @@
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
<el-button @click="cancel">取 消</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
-<!-- <!– 添加或修改看课评论对话框 –>-->
|
|
|
-<!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
|
|
|
-<!-- <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
|
|
|
-<!-- <el-form-item label="用户id" prop="userId">-->
|
|
|
-<!-- <el-input v-model="form.userId" placeholder="请输入用户id" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="用户类型,1-管理员,2-用户" prop="userType">-->
|
|
|
-<!-- <el-select v-model="form.userType" placeholder="请选择用户类型,1-管理员,2-用户">-->
|
|
|
-<!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="课程id" prop="courseId">-->
|
|
|
-<!-- <el-input v-model="form.courseId" placeholder="请输入课程id" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="视频id" prop="videoId">-->
|
|
|
-<!-- <el-input v-model="form.videoId" placeholder="请输入视频id" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="评论类型 1:评论,2:回复" prop="type">-->
|
|
|
-<!-- <el-select v-model="form.type" placeholder="请选择评论类型 1:评论,2:回复">-->
|
|
|
-<!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="父评论id" prop="parentId">-->
|
|
|
-<!-- <el-input v-model="form.parentId" placeholder="请输入父评论id" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="评论内容" prop="content">-->
|
|
|
-<!-- <el-input v-model="form.content" type="textarea" placeholder="请输入内容" />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- <el-form-item label="是否是撤回的消息,1-是,0-否" prop="isRevoke">-->
|
|
|
-<!-- <el-select v-model="form.isRevoke" placeholder="请选择是否是撤回的消息,1-是,0-否">-->
|
|
|
-<!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-form>-->
|
|
|
-<!-- <div slot="footer" class="dialog-footer">-->
|
|
|
-<!-- <el-button type="primary" @click="submitForm">确 定</el-button>-->
|
|
|
-<!-- <el-button @click="cancel">取 消</el-button>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </el-dialog>-->
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog :title="title" :visible.sync="updateStatus" width="500px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-form-item label="弹幕状态" prop="barrageStatus">
|
|
|
+ <el-radio-group v-model="form.status">
|
|
|
+ <el-radio
|
|
|
+ v-for="dict in barrageStatusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictValue"
|
|
|
+ v-if="dict.dictValue !== 2"
|
|
|
+ >
|
|
|
+ <el-tag :type="getStatusTagType(dict.dictValue)" size="small">
|
|
|
+ {{dict.dictLabel}}
|
|
|
+ </el-tag>
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="updateForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- <!– 添加或修改看课评论对话框 –>-->
|
|
|
+ <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
|
|
|
+ <!-- <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
|
|
|
+ <!-- <el-form-item label="用户id" prop="userId">-->
|
|
|
+ <!-- <el-input v-model="form.userId" placeholder="请输入用户id" />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="用户类型,1-管理员,2-用户" prop="userType">-->
|
|
|
+ <!-- <el-select v-model="form.userType" placeholder="请选择用户类型,1-管理员,2-用户">-->
|
|
|
+ <!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="课程id" prop="courseId">-->
|
|
|
+ <!-- <el-input v-model="form.courseId" placeholder="请输入课程id" />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="视频id" prop="videoId">-->
|
|
|
+ <!-- <el-input v-model="form.videoId" placeholder="请输入视频id" />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="评论类型 1:评论,2:回复" prop="type">-->
|
|
|
+ <!-- <el-select v-model="form.type" placeholder="请选择评论类型 1:评论,2:回复">-->
|
|
|
+ <!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="父评论id" prop="parentId">-->
|
|
|
+ <!-- <el-input v-model="form.parentId" placeholder="请输入父评论id" />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="评论内容" prop="content">-->
|
|
|
+ <!-- <el-input v-model="form.content" type="textarea" placeholder="请输入内容" />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- <el-form-item label="是否是撤回的消息,1-是,0-否" prop="isRevoke">-->
|
|
|
+ <!-- <el-select v-model="form.isRevoke" placeholder="请选择是否是撤回的消息,1-是,0-否">-->
|
|
|
+ <!-- <el-option label="请选择字典生成" value="" />-->
|
|
|
+ <!-- </el-select>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- <div slot="footer" class="dialog-footer">-->
|
|
|
+ <!-- <el-button type="primary" @click="submitForm">确 定</el-button>-->
|
|
|
+ <!-- <el-button @click="cancel">取 消</el-button>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </el-dialog>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listCourseWatchComment, delCourseWatchComment, exportCourseWatchComment, addBlack } from "@/api/course/courseWatchComment";
|
|
|
+import { listCourseWatchComment, delCourseWatchComment, exportCourseWatchComment, addBlack,clearBlack,updateBarrageStatus } from "@/api/course/courseWatchComment";
|
|
|
import { addKeyword } from "@/api/system/keyword";
|
|
|
|
|
|
export default {
|
|
|
name: "CourseWatchComment",
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 弹幕状态选项
|
|
|
+ barrageStatusOptions: [
|
|
|
+ { dictValue: 0, dictLabel: "正常" },
|
|
|
+ { dictValue: 1, dictLabel: "屏蔽" },
|
|
|
+ { dictValue: 2, dictLabel: "人工" }
|
|
|
+ ],
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 导出遮罩层
|
|
@@ -193,16 +259,21 @@ export default {
|
|
|
total: 0,
|
|
|
// 看课评论表格数据
|
|
|
courseWatchCommentList: [],
|
|
|
+ //下拉状态
|
|
|
+ statusOptions:[],
|
|
|
// 弹出层标题
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ updateStatus: false,
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
keywords: null,
|
|
|
isAll: true, //判断是否属于全局查询
|
|
|
+ status: '',
|
|
|
+ userStatus: '',
|
|
|
// userId: null,
|
|
|
// userType: null,
|
|
|
// courseId: null,
|
|
@@ -223,6 +294,9 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.getDicts("sys_barrage_clean_type").then((response) => {
|
|
|
+ this.statusOptions = response.data;
|
|
|
+ });
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
@@ -235,9 +309,24 @@ export default {
|
|
|
this.loading = false;
|
|
|
});
|
|
|
},
|
|
|
+ // 获取状态标签类型
|
|
|
+ getStatusTagType(status) {
|
|
|
+ switch(status) {
|
|
|
+ case 0: return 'success';
|
|
|
+ case 1: return 'danger';
|
|
|
+ case 2: return 'primary';
|
|
|
+ default: return 'info';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 格式化状态显示
|
|
|
+ formatBarrageStatus(status) {
|
|
|
+ const dict = this.barrageStatusOptions.find(item => item.dictValue === status);
|
|
|
+ return dict ? dict.dictLabel : status;
|
|
|
+ },
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
this.open = false;
|
|
|
+ this.updateStatus = false;
|
|
|
this.reset();
|
|
|
},
|
|
|
// 表单重置
|
|
@@ -254,7 +343,9 @@ export default {
|
|
|
createTime: null,
|
|
|
updateTime: null,
|
|
|
isRevoke: null,
|
|
|
- keyword: null
|
|
|
+ keyword: null,
|
|
|
+ status: '',
|
|
|
+ userStatus: ''
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
@@ -281,6 +372,34 @@ export default {
|
|
|
this.open = true;
|
|
|
this.title = "添加到关键字";
|
|
|
},
|
|
|
+ handleUpdateStatus(row) {
|
|
|
+ this.reset();
|
|
|
+ this.form.status = row.status;
|
|
|
+ this.form.commentId = row.commentId;
|
|
|
+ this.updateStatus = true;
|
|
|
+ this.title = "修改弹幕状态";
|
|
|
+ },
|
|
|
+ /** 解除拉黑用户按钮操作 */
|
|
|
+ handleClearBlack(row) {
|
|
|
+ this.$confirm(`谨慎操作,确定要解除"${row.nickName}"用户拉黑吗`, "警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(() => {
|
|
|
+ const data = {
|
|
|
+ fsUserId: row.userId,
|
|
|
+ commentStatus: 0
|
|
|
+ };
|
|
|
+ clearBlack(data).then(response => {
|
|
|
+ this.msgSuccess("操作成功");
|
|
|
+ this.getList(); // 重新加载列表
|
|
|
+ }).catch(() => {
|
|
|
+ this.msgError("操作失败");
|
|
|
+ });
|
|
|
+ }).catch(() => {
|
|
|
+ // 用户取消操作
|
|
|
+ });
|
|
|
+ },
|
|
|
/** 拉黑用户按钮操作 */
|
|
|
handleAddBlack(row) {
|
|
|
this.$confirm(`谨慎操作,确定要拉黑用户"${row.nickName}"吗`, "警告", {
|
|
@@ -302,6 +421,20 @@ export default {
|
|
|
// 用户取消操作
|
|
|
});
|
|
|
},
|
|
|
+ updateForm() {
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.form)
|
|
|
+ updateBarrageStatus(this.form).then(response => {
|
|
|
+ this.msgSuccess("修改成功");
|
|
|
+ this.updateStatus = false;
|
|
|
+ this.getList();
|
|
|
+ }).catch(() => {
|
|
|
+ this.msgError("修改失败");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
this.$refs["form"].validate(valid => {
|
|
@@ -339,30 +472,30 @@ export default {
|
|
|
handleDelete(row) {
|
|
|
const commentIds = row.commentId || this.ids;
|
|
|
this.$confirm('是否确认删除此看课评论?删除后不可恢复', "警告", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- }).then(function() {
|
|
|
- return delCourseWatchComment(commentIds);
|
|
|
- }).then(() => {
|
|
|
- this.getList();
|
|
|
- this.msgSuccess("删除成功");
|
|
|
- }).catch(() => {});
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(function() {
|
|
|
+ return delCourseWatchComment(commentIds);
|
|
|
+ }).then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.msgSuccess("删除成功");
|
|
|
+ }).catch(() => {});
|
|
|
},
|
|
|
/** 导出按钮操作 */
|
|
|
handleExport() {
|
|
|
const queryParams = this.queryParams;
|
|
|
this.$confirm('是否确认导出当前看课评论数据项?', "警告", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- }).then(() => {
|
|
|
- this.exportLoading = true;
|
|
|
- return exportCourseWatchComment(queryParams);
|
|
|
- }).then(response => {
|
|
|
- this.download(response.msg);
|
|
|
- this.exportLoading = false;
|
|
|
- }).catch(() => {});
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(() => {
|
|
|
+ this.exportLoading = true;
|
|
|
+ return exportCourseWatchComment(queryParams);
|
|
|
+ }).then(response => {
|
|
|
+ this.download(response.msg);
|
|
|
+ this.exportLoading = false;
|
|
|
+ }).catch(() => {});
|
|
|
}
|
|
|
}
|
|
|
};
|