视频管理
This commit is contained in:
BabyBoy
parent
17e849e638
commit
f8ce0b3a3c
@ -5,36 +5,63 @@ export interface CategoryTreeVO {
|
||||
weight: number;
|
||||
children: CategoryTreeVO[];
|
||||
}
|
||||
export interface Formaget {
|
||||
vlogId: number | string;
|
||||
reason: string;
|
||||
status: number;
|
||||
}
|
||||
export interface fansListVO {
|
||||
bothFriend: number;
|
||||
createdTime: string;
|
||||
face: string;
|
||||
fanId: string;
|
||||
friend: boolean;
|
||||
nickname: string;
|
||||
}
|
||||
|
||||
export interface CommentsVO {
|
||||
comment_user_id: string;
|
||||
content: string;
|
||||
create_time: string;
|
||||
father_comment_id: string;
|
||||
id: string;
|
||||
like_counts: number;
|
||||
userFace: string;
|
||||
userNickname: string;
|
||||
vlog_id: string;
|
||||
vloger_id: string;
|
||||
}
|
||||
export interface likeVO {
|
||||
face: string;
|
||||
nickname: string;
|
||||
create_time: string;
|
||||
}
|
||||
|
||||
export interface CategoryVO {
|
||||
/**
|
||||
* 流程分类ID
|
||||
*/
|
||||
categoryId: string | number;
|
||||
|
||||
/**
|
||||
* 父级id
|
||||
*/
|
||||
parentId: string | number;
|
||||
|
||||
/**
|
||||
* 流程分类名称
|
||||
*/
|
||||
categoryName: string;
|
||||
|
||||
/**
|
||||
* 显示顺序
|
||||
*/
|
||||
orderNum: number;
|
||||
|
||||
/**
|
||||
* 创建时间
|
||||
*/
|
||||
mediaUrl: string;
|
||||
description: string;
|
||||
updateTime: string;
|
||||
className: string;
|
||||
type: string;
|
||||
storageRegion: string;
|
||||
coverUrl: string;
|
||||
tagSet: string[];
|
||||
classId: number;
|
||||
storageClass: string;
|
||||
expireTime: string;
|
||||
createTime: string;
|
||||
|
||||
/**
|
||||
* 子对象
|
||||
*/
|
||||
children: CategoryVO[];
|
||||
classPath: string;
|
||||
name: string;
|
||||
category: string;
|
||||
fileId: string;
|
||||
status: string;
|
||||
commentCounts: number;
|
||||
likeCounts: number;
|
||||
fansCounts: number;
|
||||
}
|
||||
|
||||
export interface CategoryForm extends BaseEntity {
|
||||
@ -66,4 +93,11 @@ export interface CategoryQuery {
|
||||
* 流程分类名称
|
||||
*/
|
||||
categoryName?: string;
|
||||
/**
|
||||
* 当前页
|
||||
*/
|
||||
current?: number /**
|
||||
* 每页页数
|
||||
*/;
|
||||
size?: number;
|
||||
}
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import request from '@/utils/request';
|
||||
import { CategoryForm, CategoryQuery, CategoryTreeVO, CategoryVO, Formaget } from '@/api/workflow/category/types';
|
||||
|
||||
import { AxiosPromise } from 'axios';
|
||||
import { CategoryVO, CategoryForm, CategoryQuery, CategoryTreeVO } from '@/api/workflow/category/types';
|
||||
import request from '@/utils/request';
|
||||
|
||||
/**
|
||||
* 查询流程分类列表
|
||||
@ -10,12 +11,56 @@ import { CategoryVO, CategoryForm, CategoryQuery, CategoryTreeVO } from '@/api/w
|
||||
|
||||
export const listCategory = (query?: CategoryQuery): AxiosPromise<CategoryVO[]> => {
|
||||
return request({
|
||||
url: '/workflow/category/list',
|
||||
// url: '/workflow/category/list',old
|
||||
url: '/admin/vlog/upload/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
/**
|
||||
* 视频通过和反驳
|
||||
* @param vlogId 视频id
|
||||
* @param reason 反驳理由
|
||||
* @param status 状态1：通过 2：反驳
|
||||
*/
|
||||
export const updateaudit = (data?: Formaget) => {
|
||||
return request({
|
||||
url: `/admin/vlog/upload/audit?vlogId=${data.vlogId}&reason=${data.reason}&status=${data.status}`,
|
||||
method: 'post'
|
||||
});
|
||||
};
|
||||
/**
|
||||
* 获取去视频详情
|
||||
* @param vlogId 视频id
|
||||
*/
|
||||
export const gerdetail = (data?: string) => {
|
||||
return request({
|
||||
url: `/admin/vlog/upload/detail?fileId=${data}`,
|
||||
method: 'get'
|
||||
});
|
||||
};
|
||||
/**
|
||||
* 删除评论
|
||||
* @param data 评论id
|
||||
*/
|
||||
export const deldetail = (data?: string) => {
|
||||
return request({
|
||||
url: `/admin/comment/delete?commentId=${data}`,
|
||||
method: 'post'
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 视频通过和反驳
|
||||
* @param vlogId 视频id
|
||||
*/
|
||||
export const updateaforbid = (vlogId?: string) => {
|
||||
return request({
|
||||
url: `/admin/vlog/upload/forbid`,
|
||||
method: 'post',
|
||||
data: { fileIds: vlogId, operation: 'forbid' }
|
||||
});
|
||||
};
|
||||
/**
|
||||
* 查询流程分类详细
|
||||
* @param categoryId
|
||||
|
||||
@ -5,6 +5,12 @@ export interface CategoryTreeVO {
|
||||
weight: number;
|
||||
children: CategoryTreeVO[];
|
||||
}
|
||||
export interface Formaget {
|
||||
vlogId: number | string;
|
||||
reason: string;
|
||||
status: number;
|
||||
}
|
||||
|
||||
export interface CategoryVO {
|
||||
/**
|
||||
* 流程分类ID
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
import { createWebHistory, createRouter, RouteRecordRaw } from 'vue-router';
|
||||
/* Layout */
|
||||
import { RouteRecordRaw, createRouter, createWebHistory } from 'vue-router';
|
||||
|
||||
import Layout from '@/layout/index.vue';
|
||||
|
||||
/* Layout */
|
||||
|
||||
|
||||
/**
|
||||
* Note: 路由配置项
|
||||
*
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<!-- <template #header>
|
||||
<el-row :gutter="10" class="mt30">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['workflow:video:add']">新增</el-button>
|
||||
@ -31,7 +31,7 @@
|
||||
</el-col>
|
||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
</template>
|
||||
</template> -->
|
||||
<el-table
|
||||
ref="categoryTableRef"
|
||||
v-loading="loading"
|
||||
@ -41,63 +41,125 @@
|
||||
:default-expand-all="isExpandAll"
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
>
|
||||
<el-table-column label="类型" prop="categoryName" width="260" />
|
||||
<el-table-column label="内容" align="center" prop="orderNum" width="200" />
|
||||
<el-table-column label="操作时间" align="center" prop="createTime" width="180" />
|
||||
<el-table-column label="名称" prop="title" align="center" width="160" />
|
||||
<!-- <el-table-column label="文件类型" prop="type" align="center" width="160" />
|
||||
<el-table-column label="媒体类型" prop="category" align="center" width="160" /> -->
|
||||
<el-table-column label="评论数量" prop="commentCounts" align="center" width="160" />
|
||||
<el-table-column label="点赞数量" prop="likeCounts" align="center" width="160" />
|
||||
<el-table-column label="粉丝数量" prop="fansCounts" align="center" width="160" />
|
||||
<el-table-column label="封面图片" align="center" width="200">
|
||||
<template #default="{ row }">
|
||||
<img alt="封面图片" style="max-width: 50%; max-height: 50%" :src="row.coverUrl" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="文件创建时间" align="center" prop="createTime" width="180" />
|
||||
<el-table-column label="文件更新时间" align="center" prop="updateTime" width="180" />
|
||||
<!-- <el-table-column label="文件过期时间" align="center" prop="expireTime" width="180" /> -->
|
||||
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="修改" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['workflow:video:edit']" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="新增" placement="top">
|
||||
<el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['workflow:video:add']" />
|
||||
<el-tooltip content="查看" placement="top">
|
||||
<el-button link type="primary" @click="handleAdd(scope.row)" v-hasPermi="['workflow:video:add']">查看</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['workflow:video:remove']" />
|
||||
<el-button link type="primary" @click="handleDelete(scope.row)" v-hasPermi="['workflow:video:remove']">删除</el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination @current-change="handleCurrentChange" layout="total, prev, pager, next" :total="total"> </el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||
<el-form ref="categoryFormRef" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="上级分类" prop="parentId">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="categoryOptions"
|
||||
:props="{ value: 'categoryId', label: 'categoryName', children: 'children' } as any"
|
||||
value-key="categoryId"
|
||||
placeholder="请选择上级分类"
|
||||
check-strictly
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="分类名称" prop="categoryName">
|
||||
<el-input v-model="form.categoryName" placeholder="请输入分类名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="排序" prop="orderNum">
|
||||
<el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div v-if="shouldShowVideo" class="video-container">
|
||||
<video controls width="80%">
|
||||
<source :src="object.mediaUrl" type="video/mp4" />
|
||||
您的浏览器不支持播放该视频。
|
||||
</video>
|
||||
|
||||
<div class="video-info">
|
||||
<div @click="isstates = 1" :style="{ color: isstates == 1 ? 'red' : '' }">评论{{ object.commentCounts }}条</div>
|
||||
<div @click="isstates = 2" :style="{ color: isstates == 2 ? 'red' : '' }">点赞{{ object.likeCounts }}条</div>
|
||||
<div @click="isstates = 3" :style="{ color: isstates == 3 ? 'red' : '' }">点赞{{ object.fansCounts }}条</div>
|
||||
</div>
|
||||
<!-- 评论列表 -->
|
||||
<div class="comment-list" v-if="isstates == 1">
|
||||
<div v-for="(item, index) in comments" :key="index" class="comment-item">
|
||||
<div class="comment-avatar">
|
||||
<el-avatar :src="item.userFace" size="40" />
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<div class="comment-name">{{ item.userNickname }}</div>
|
||||
<div class="comment-time">{{ item.create_time }}</div>
|
||||
</div>
|
||||
<div class="comment-text">
|
||||
<div>{{ item.content }}</div>
|
||||
<div><el-button type="danger" width="60" @click="delshow(item.id)">删除</el-button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 点赞列表 -->
|
||||
<div class="comment-list" v-if="isstates == 2" :style="{ width: '80%', margin: '0 auto' }">
|
||||
<div v-for="(item, index) in likedUsers" :key="index" class="comment-item">
|
||||
<div class="comment-avatar">
|
||||
<el-avatar :src="item.face" size="40" />
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<div class="comment-name">{{ item.nickname }}</div>
|
||||
<div class="comment-time">{{ item.created_time }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 粉丝列表 -->
|
||||
<div class="comment-list" v-if="isstates == 3">
|
||||
<div v-for="(item, index) in fansList" :key="index" class="comment-item">
|
||||
<div class="comment-avatar">
|
||||
<el-avatar :src="item.face" size="40" />
|
||||
</div>
|
||||
<div class="comment-content">
|
||||
<div class="comment-header">
|
||||
<div class="comment-name">{{ item.nickname }}</div>
|
||||
<div class="comment-time">{{ item.createdTime }}</div>
|
||||
</div>
|
||||
<div class="comment-text">
|
||||
<div>{{ item.friend ? '互相关注' : '粉丝' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">通 过</el-button>
|
||||
<el-button type="danger" @click="showRefuteDialog = true">反 驳</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="showRefuteDialog" title="输入反驳原因">
|
||||
<el-form>
|
||||
<el-form-item label="反驳原因">
|
||||
<el-input v-model="refuteReason" type="textarea" :rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="showRefuteDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="submitRefute">确定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Category" lang="ts">
|
||||
import { listCategory, getCategory, delCategory, addCategory, updateCategory } from '@/api/workflow/category';
|
||||
import { CategoryVO, CategoryQuery, CategoryForm } from '@/api/contentCenter/types';
|
||||
|
||||
import { listCategory, updateaudit, updateaforbid, gerdetail, deldetail } from '@/api/workflow/category';
|
||||
import { CategoryVO, CategoryQuery, CategoryForm, Formaget, CommentsVO, likeVO, fansListVO } from '@/api/contentCenter/types';
|
||||
// import { reactive, ref } from 'vue';
|
||||
type CategoryOption = {
|
||||
categoryId: number;
|
||||
categoryName: string;
|
||||
@ -107,16 +169,38 @@ type CategoryOption = {
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
|
||||
const categoryList = ref<CategoryVO[]>([]);
|
||||
const object = ref<CategoryVO>();
|
||||
const categoryOptions = ref<CategoryOption[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const showSearch = ref(true);
|
||||
const isExpandAll = ref(true);
|
||||
const loading = ref(false);
|
||||
|
||||
const shouldShowVideo = ref(false);
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
const categoryFormRef = ref<ElFormInstance>();
|
||||
const categoryTableRef = ref<ElTableInstance>();
|
||||
|
||||
const total = ref<number>(0);
|
||||
const isstates = ref<number>(1);
|
||||
// 控制弹出框显示隐藏
|
||||
const showRefuteDialog = ref(false);
|
||||
// 存储反驳原因
|
||||
const refuteReason = ref('');
|
||||
// 提交反驳原因的方法
|
||||
const submitRefute = async () => {
|
||||
// 这里可以添加提交反驳原因的逻辑，例如调用 API
|
||||
console.log('提交的反驳原因:', refuteReason.value);
|
||||
const data: Formaget = { vlogId: object.value.fileId, status: 2, reason: refuteReason.value };
|
||||
const res = await updateaudit(data);
|
||||
if (res.status === 200) {
|
||||
ElMessage({
|
||||
message: '操作成功',
|
||||
type: 'success'
|
||||
});
|
||||
showRefuteDialog.value = false;
|
||||
cancel();
|
||||
refuteReason.value = '';
|
||||
}
|
||||
};
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
@ -133,7 +217,9 @@ const initFormData: CategoryForm = {
|
||||
const data = reactive<PageData<CategoryForm, CategoryQuery>>({
|
||||
form: { ...initFormData },
|
||||
queryParams: {
|
||||
categoryName: undefined
|
||||
categoryName: undefined,
|
||||
current: 1,
|
||||
size: 20
|
||||
},
|
||||
rules: {
|
||||
categoryId: [{ required: true, message: '流程分类ID不能为空', trigger: 'blur' }],
|
||||
@ -148,23 +234,29 @@ const { queryParams, form, rules } = toRefs(data);
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await listCategory(queryParams.value);
|
||||
const data = proxy?.handleTree<CategoryVO>(res.data, 'categoryId', 'parentId');
|
||||
if (data) {
|
||||
categoryList.value = data;
|
||||
// const data = proxy?.handleTree<CategoryVO>(res.data, 'categoryId', 'parentId');
|
||||
if (res.status == 200) {
|
||||
categoryList.value = res.data.list;
|
||||
total.value = res.data.totalCount;
|
||||
loading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
/** 查询流程分类下拉树结构 */
|
||||
const getTreeselect = async () => {
|
||||
const res = await listCategory();
|
||||
categoryOptions.value = [];
|
||||
// 处理树形数据
|
||||
const data = proxy?.handleTree<CategoryOption>(res.data, 'categoryId', 'parentId');
|
||||
if (data) {
|
||||
categoryOptions.value = data; // 将处理后的树形数据赋值
|
||||
}
|
||||
const handleCurrentChange = (val: number) => {
|
||||
console.log(`当前页: ${val}`);
|
||||
queryParams.value.pageNum = val;
|
||||
getList();
|
||||
};
|
||||
/** 查询流程分类下拉树结构 */
|
||||
// const getTreeselect = async () => {
|
||||
// const res = await listCategory();
|
||||
// categoryOptions.value = [];
|
||||
// // 处理树形数据
|
||||
// const data = proxy?.handleTree<CategoryOption>(res.data, 'categoryId', 'parentId');
|
||||
// if (data) {
|
||||
// categoryOptions.value = data; // 将处理后的树形数据赋值
|
||||
// }
|
||||
// };
|
||||
|
||||
// 取消按钮
|
||||
const cancel = () => {
|
||||
@ -188,74 +280,196 @@ const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
/** 新增按钮操作 */
|
||||
const handleAdd = (row?: CategoryVO) => {
|
||||
reset();
|
||||
getTreeselect();
|
||||
if (row?.categoryId) {
|
||||
form.value.parentId = row.categoryId;
|
||||
} else {
|
||||
form.value.parentId = undefined;
|
||||
}
|
||||
dialog.visible = true;
|
||||
dialog.title = '添加流程分类';
|
||||
};
|
||||
|
||||
/** 展开/折叠操作 */
|
||||
const handleToggleExpandAll = () => {
|
||||
isExpandAll.value = !isExpandAll.value;
|
||||
toggleExpandAll(categoryList.value, isExpandAll.value);
|
||||
};
|
||||
|
||||
/** 展开/折叠操作 */
|
||||
const toggleExpandAll = (data: CategoryVO[], status: boolean) => {
|
||||
data.forEach((item) => {
|
||||
categoryTableRef.value?.toggleRowExpansion(item, status);
|
||||
if (item.children && item.children.length > 0) toggleExpandAll(item.children, status);
|
||||
//点赞列表
|
||||
const likedUsers = ref<likeVO[]>([]);
|
||||
//粉丝列表
|
||||
const fansList = ref<fansListVO[]>([]);
|
||||
//评论列表
|
||||
const comments = ref<CommentsVO[]>([]);
|
||||
/** 查看详情按钮操作 */
|
||||
const handleAdd = async (row?: CategoryVO) => {
|
||||
nextTick(() => {
|
||||
object.value = JSON.parse(JSON.stringify(row));
|
||||
shouldShowVideo.value = false;
|
||||
// 强制视频元素重新渲染
|
||||
nextTick(() => {
|
||||
shouldShowVideo.value = true;
|
||||
dialog.visible = true;
|
||||
dialog.title = '视频查看';
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row: CategoryVO) => {
|
||||
await getTreeselect();
|
||||
if (row != null) {
|
||||
form.value.parentId = row.parentId;
|
||||
const res = await gerdetail(row.fileId);
|
||||
if (res.status == 200) {
|
||||
comments.value = res.data.comments;
|
||||
likedUsers.value = res.data.likedUsers;
|
||||
fansList.value = res.data.fansList;
|
||||
}
|
||||
const res = await getCategory(row.categoryId);
|
||||
reset();
|
||||
Object.assign(form.value, res.data);
|
||||
dialog.visible = true;
|
||||
dialog.title = '修改流程分类';
|
||||
};
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
categoryFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
buttonLoading.value = true;
|
||||
if (form.value.categoryId) {
|
||||
await updateCategory(form.value).finally(() => (buttonLoading.value = false));
|
||||
} else {
|
||||
await addCategory(form.value).finally(() => (buttonLoading.value = false));
|
||||
}
|
||||
proxy?.$modal.msgSuccess('操作成功');
|
||||
dialog.visible = false;
|
||||
//删除详情评论
|
||||
const delshow = (id: string) => {
|
||||
ElMessageBox.confirm('是否确认删除', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const res = await deldetail(id);
|
||||
if (res.status == 200) {
|
||||
cancel();
|
||||
getList();
|
||||
}
|
||||
});
|
||||
};
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row: CategoryVO) => {};
|
||||
|
||||
/** 展开/折叠操作 */
|
||||
// const handleToggleExpandAll = () => {
|
||||
// isExpandAll.value = !isExpandAll.value;
|
||||
// toggleExpandAll(categoryList.value, isExpandAll.value);
|
||||
// };
|
||||
|
||||
/** 展开/折叠操作 */
|
||||
// const toggleExpandAll = (data: CategoryVO[], status: boolean) => {
|
||||
// data.forEach((item) => {
|
||||
// categoryTableRef.value?.toggleRowExpansion(item, status);
|
||||
// if (item.children && item.children.length > 0) toggleExpandAll(item.children, status);
|
||||
// });
|
||||
// };
|
||||
|
||||
// /** 修改按钮操作 */
|
||||
// const handleUpdate = async (row: CategoryVO) => {
|
||||
// await getTreeselect();
|
||||
// if (row != null) {
|
||||
// form.value.parentId = row.parentId;
|
||||
// }
|
||||
// const res = await getCategory(row.categoryId);
|
||||
// reset();
|
||||
// Object.assign(form.value, res.data);
|
||||
// dialog.visible = true;
|
||||
// dialog.title = '修改流程分类';
|
||||
// };
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
ElMessageBox.confirm('是否通过？', '提示', {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(async () => {
|
||||
const data: Formaget = { vlogId: object.value.fileId, status: 1, reason: refuteReason.value };
|
||||
const res = await updateaudit(data);
|
||||
if (res.status == 200) {
|
||||
ElMessage({
|
||||
message: '操作成功',
|
||||
type: 'success'
|
||||
});
|
||||
dialog.visible = false;
|
||||
getList();
|
||||
} else {
|
||||
ElMessage({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
// 用户点击取消
|
||||
console.log('用户取消操作');
|
||||
});
|
||||
};
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (row: CategoryVO) => {
|
||||
await proxy?.$modal.confirm('是否确认删除"' + row.categoryName + '"的分类？');
|
||||
loading.value = true;
|
||||
await delCategory(row.categoryId).finally(() => (loading.value = false));
|
||||
await getList();
|
||||
proxy?.$modal.msgSuccess('删除成功');
|
||||
ElMessageBox.confirm('是否确认删除', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const res = await updateaforbid(row.fileId);
|
||||
if (res.status == 200) {
|
||||
ElMessage({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
});
|
||||
getList();
|
||||
} else {
|
||||
ElMessage({
|
||||
message: res.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download(
|
||||
'contentManage/video/export',
|
||||
{
|
||||
...queryParams.value
|
||||
},
|
||||
`video_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
// getList();
|
||||
getList();
|
||||
});
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.video-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.video-container .video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.video-info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
& > div {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.comment-list {
|
||||
width: 100%;
|
||||
}
|
||||
.comment-item {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
.comment-avatar {
|
||||
padding: 10px;
|
||||
}
|
||||
.comment-content {
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
.comment-header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.comment-name {
|
||||
color: rgb(145, 145, 145);
|
||||
}
|
||||
}
|
||||
|
||||
.comment-text {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
.el-button {
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user