Skip to content

N
national_museum_vod
Commit 6508bf10 authored by Your Name's avatar Your Name
Browse files
Options

展板版权方、内容管理删除提示

parent 9634ca70
Hide whitespace changes
Inline Side-by-side
Showing with 670 additions and 669 deletions
src/page/content/video/content/index.vue
View file @ 6508bf10
<template> <template>
<div class="listPage H100"> <div class="listPage H100">
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" class="search-form" onsubmit="return false;"> <el-form :inline="true" :model="form" class="search-form" onsubmit="return false;">
<el-form-item label=""> <el-form-item label="">
<el-input <el-input
placeholder="请输入视频名称" placeholder="请输入视频名称"
v-model="form.nameOrCode" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-select <el-select
placeholder="请选择视频版权方" placeholder="请选择视频版权方"
@focus="getAssetCopyrightData" @focus="getAssetCopyrightData"
v-model="form.videoContentCopyrightOwnerId" v-model="form.videoContentCopyrightOwnerId"
clearable clearable
> >
<el-option <el-option
v-for="item in copyrightOwner" v-for="item in copyrightOwner"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
:key="item.id" :key="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-select <el-select
placeholder="请选择预设视频分类" placeholder="请选择预设视频分类"
@focus="getAssetTypeData" @focus="getAssetTypeData"
v-model="form.videoContentCatId" v-model="form.videoContentCatId"
clearable clearable
> >
<el-option <el-option
v-for="item in videoContentCat" v-for="item in videoContentCat"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
:key="item.id" :key="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div class="btn-group"> <div class="btn-group">
<el-button size="mini" type="primary" class="btn_form_search" @click="Search">查询</el-button> <el-button size="mini" type="primary" class="btn_form_search" @click="Search">查询</el-button>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button> <el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="page-tip"> <div class="page-tip">
<span class="page-tip-title">页面说明:</span> <span class="page-tip-title">页面说明:</span>
<span class="page-tips">可通过版权方、视频分类及视频名称模糊搜索快速筛选视频信息，可对视频信息进行修改、删除。</span> <span class="page-tips">可通过版权方、视频分类及视频名称模糊搜索快速筛选视频信息，可对视频信息进行修改、删除。</span>
</div> </div>
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="btn-group"> <div class="btn-group">
<el-button type="primary" @click="addPermis()">新建视频</el-button> <el-button type="primary" @click="addPermis()">新建视频</el-button>
</div> </div>
<div class="party-table"> <div class="party-table">
<el-table <el-table
border border
style="width: 100%;height:100%" style="width: 100%;height:100%"
height="100%" height="100%"
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span> <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column show-overflow-tooltip label="视频名称" prop="name"></el-table-column> <el-table-column show-overflow-tooltip label="视频名称" prop="name"></el-table-column>
<el-table-column show-overflow-tooltip label="版权方" prop="videoContentCopyrightOwnerName"></el-table-column> <el-table-column show-overflow-tooltip label="版权方" prop="videoContentCopyrightOwnerName"></el-table-column>
<el-table-column label="视频分类" prop="videoContentCatName"></el-table-column> <el-table-column label="视频分类" prop="videoContentCatName"></el-table-column>
<el-table-column label="审核状态" prop="auditStatus"> <el-table-column label="审核状态" prop="auditStatus">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.auditStatus === 'TBC'">待初审</span> <span v-if="scope.row.auditStatus === 'TBC'">待初审</span>
<span v-else-if="scope.row.auditStatus === 'REFUSED'">已驳回</span> <span v-else-if="scope.row.auditStatus === 'REFUSED'">已驳回</span>
<span v-else-if="scope.row.auditStatus === 'TBCA'">待复审</span> <span v-else-if="scope.row.auditStatus === 'TBCA'">待复审</span>
<span v-else-if="scope.row.auditStatus === 'APPROVED_FINAL'">通过</span> <span v-else-if="scope.row.auditStatus === 'APPROVED_FINAL'">通过</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" header-align="center" width="220" align="center"> <el-table-column label="操作" header-align="center" width="220" align="center">
<template slot-scope="scope" > <template slot-scope="scope" >
<div class="table-btn-group"> <div class="table-btn-group">
<el-tooltip content="修改" placement="top"> <el-tooltip content="修改" placement="top">
<el-button :disabled="(scope.row.auditStatus === 'TBC')||(scope.row.auditStatus === 'TBCA')" circle @click="openEdit(scope.row)"> <el-button :disabled="(scope.row.auditStatus === 'TBC')||(scope.row.auditStatus === 'TBCA')" circle @click="openEdit(scope.row)">
<i class="icon-table icon-edit"></i> <i class="icon-table icon-edit"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<!-- <el-tooltip content="启用" placement="top"> <!-- <el-tooltip content="启用" placement="top">
<el-button circle @click="handlePublish(scope.row,'True')"> <el-button circle @click="handlePublish(scope.row,'True')">
<i class="icon-table icon-enable"></i> <i class="icon-table icon-enable"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="禁用" placement="top"> <el-tooltip content="禁用" placement="top">
<el-button circle @click="handlePublish(scope.row,'False')"> <el-button circle @click="handlePublish(scope.row,'False')">
<i class="icon-table icon-disable"></i> <i class="icon-table icon-disable"></i>
</el-button> </el-button>
</el-tooltip>--> </el-tooltip>-->
<el-tooltip content="删除" placement="top"> <el-tooltip content="删除" placement="top">
<el-button :disabled="(scope.row.auditStatus === 'TBC')||(scope.row.auditStatus === 'TBCA')" circle @click="handleDelete(scope.row)"> <el-button :disabled="(scope.row.auditStatus === 'TBC')||(scope.row.auditStatus === 'TBCA')" circle @click="handleDelete(scope.row)">
<i class="icon-table icon-del"></i> <i class="icon-table icon-del"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="审核详情" placement="top"> <el-tooltip content="审核详情" placement="top">
<el-button circle @click="openDetails(scope.row)"> <el-button circle @click="openDetails(scope.row)">
<i class="icon-table icon-detail"></i> <i class="icon-table icon-detail"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="page.total" :total="page.total"
></el-pagination> ></el-pagination>
</div> </div>
</div> </div>
<!--新增弹框--> <!--新增弹框-->
<el-dialog title="新建" class="newPermis" :visible.sync="FormVisible1" :before-close="close1"> <el-dialog title="新建" class="newPermis" :visible.sync="FormVisible1" :before-close="close1">
<div class="form_box"> <div class="form_box">
<el-form <el-form
:model="permisform" :model="permisform"
ref="permisform" ref="permisform"
:rules="rules" :rules="rules"
id="ruleo" id="ruleo"
label-position="left" label-position="left"
> >
<el-form-item label="排序值：" prop="sort" :label-width="formLabelWidth"> <el-form-item label="排序值：" prop="sort" :label-width="formLabelWidth">
<el-input <el-input
size="small" size="small"
v-model="permisform.sort" v-model="permisform.sort"
auto-complete="off" auto-complete="off"
clearable clearable
placeholder="请输入排序值" placeholder="请输入排序值"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="菜单名称：" prop="menuName" :label-width="formLabelWidth"> <el-form-item label="菜单名称：" prop="menuName" :label-width="formLabelWidth">
<el-input <el-input
size="small" size="small"
v-model="permisform.menuName" v-model="permisform.menuName"
onkeyup="this.value=this.value.replace(/\s+/g,'')" onkeyup="this.value=this.value.replace(/\s+/g,'')"
auto-complete="off" auto-complete="off"
clearable clearable
placeholder="请输入您的菜单名称" placeholder="请输入您的菜单名称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="地址：" prop="menuUrl" :label-width="formLabelWidth"> <el-form-item label="地址：" prop="menuUrl" :label-width="formLabelWidth">
<el-input <el-input
size="small" size="small"
v-model="permisform.menuUrl" v-model="permisform.menuUrl"
onkeyup="this.value=this.value.replace(/\s+/g,'')" onkeyup="this.value=this.value.replace(/\s+/g,'')"
auto-complete="off" auto-complete="off"
clearable clearable
placeholder="请输入您的菜单地址" placeholder="请输入您的菜单地址"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="父级菜单：" prop="parentId" :label-width="formLabelWidth"> <el-form-item label="父级菜单：" prop="parentId" :label-width="formLabelWidth">
<el-select <el-select
size="small" size="small"
v-model="permisform.parentId" v-model="permisform.parentId"
value-key="name" value-key="name"
clearable clearable
placeholder="请选择父级菜单" placeholder="请选择父级菜单"
> >
<el-option <el-option
v-for="(item,index) in typeList" v-for="(item,index) in typeList"
:key="index" :key="index"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button class="r-float" size="mini" type="primary" @click="permisSave">确定</el-button> <el-button class="r-float" size="mini" type="primary" @click="permisSave">确定</el-button>
<el-button class="r-float" size="mini" @click="close1">取 消</el-button> <el-button class="r-float" size="mini" @click="close1">取 消</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<!--查看详情--> <!--查看详情-->
<el-dialog <el-dialog
custom-class="party-dialog" custom-class="party-dialog"
title="审核详情" title="审核详情"
width="468px" width="468px"
:visible.sync="FormVisible" :visible.sync="FormVisible"
:before-close="close" :before-close="close"
> >
<div class="dialog-content"> <div class="dialog-content">
<el-form <el-form
:model="editform" :model="editform"
disabled disabled
class="party-form" class="party-form"
ref="editform" ref="editform"
label-width="80px" label-width="80px"
label-position="top" label-position="top"
:rules="rules" :rules="rules"
> >
<el-form-item label="初审时间：" :label-width="formLabelWidth"> <el-form-item label="初审时间：" :label-width="formLabelWidth">
<span class="input-item">{{editform.firstTime}}</span> <span class="input-item">{{editform.firstTime}}</span>
</el-form-item> </el-form-item>
<el-form-item label="复审时间：" :label-width="formLabelWidth"> <el-form-item label="复审时间：" :label-width="formLabelWidth">
<span class="input-item">{{editform.secondTime}}</span> <span class="input-item">{{editform.secondTime}}</span>
</el-form-item> </el-form-item>
<el-form-item label="审核结果：" :label-width="formLabelWidth"> <el-form-item label="审核结果：" :label-width="formLabelWidth">
<span class="input-item">{{keyMap[editform.status]}}</span> <span class="input-item">{{keyMap[editform.status]}}</span>
</el-form-item> </el-form-item>
<el-form-item label="驳回原因：" :label-width="formLabelWidth" v-if="editform.status==='REFUSED'"> <el-form-item label="驳回原因：" :label-width="formLabelWidth" v-if="editform.status==='REFUSED'">
<span class="input-item">{{editform.firstRemarks || editform.secondRemarks}}</span> <span class="input-item">{{editform.firstRemarks || editform.secondRemarks}}</span>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div slot="footer" class="dialog-footer btn-group"> <div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="close">关 闭</el-button> <el-button size="mini" type="primary" @click="close">关 闭</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
var checkIsNull = (rule, value, callback) => { var checkIsNull = (rule, value, callback) => {
if (value) { if (value) {
if (value.trim() == "") { if (value.trim() == "") {
callback(new Error("不允许只输入空格")); callback(new Error("不允许只输入空格"));
} else { } else {
callback(); callback();
} }
} }
}; };
const keyMap ={'TBC':'待初审','REFUSED':'已驳回','TBCA':'待复审','APPROVED_FINAL':'通过'} const keyMap ={'TBC':'待初审','REFUSED':'已驳回','TBCA':'待复审','APPROVED_FINAL':'通过'}
return { return {
copyrightOwner:[], copyrightOwner:[],
videoContentCat:[], videoContentCat:[],
keyMap:keyMap, keyMap:keyMap,
value1: "", value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 }, page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [], tableData: [],
FormVisible: false, FormVisible: false,
FormVisible1: false, FormVisible1: false,
formLabelWidth: "100px", formLabelWidth: "100px",
form: { form: {
name: "" name: ""
}, },
editform: {}, editform: {},
permisform: { permisform: {
menuName: "", menuName: "",
menuUrl: "", menuUrl: "",
parentId: "", parentId: "",
sort: "" sort: ""
}, },
typeList: [], typeList: [],
rules: { rules: {
sort: [ sort: [
{ required: true, message: "请输入顺序值", trigger: "change" }, { required: true, message: "请输入顺序值", trigger: "change" },
{ pattern: /^(\d{1,5})?$/, message: "排序值为低于5位数的纯数字" } { pattern: /^(\d{1,5})?$/, message: "排序值为低于5位数的纯数字" }
], ],
menuName: [ menuName: [
{ required: true, message: "请输入菜单名称", trigger: "change" }, { required: true, message: "请输入菜单名称", trigger: "change" },
{ max: 20, message: "不能超过20个字符", trigger: "change" }, { max: 20, message: "不能超过20个字符", trigger: "change" },
{ validator: checkIsNull, trigger: "blur" } { validator: checkIsNull, trigger: "blur" }
], ],
menuUrl: [ menuUrl: [
{ required: true, message: "请输入菜单地址", trigger: "change" }, { required: true, message: "请输入菜单地址", trigger: "change" },
{ validator: checkIsNull, trigger: "blur" } { validator: checkIsNull, trigger: "blur" }
], ],
parentId: [ parentId: [
{ required: true, message: "请输入父级菜单", trigger: "change" } { required: true, message: "请输入父级菜单", trigger: "change" }
] ]
}, },
value: "", value: "",
name: "" name: ""
}; };
}, },
computed: {}, computed: {},
mounted() { mounted() {
this.onSearch(); this.onSearch();
// this.getPermis(); // this.getPermis();
}, },
components: {}, components: {},
methods: { methods: {
// 获取展板分类列表 // 获取展板分类列表
getAssetCopyrightData(){ getAssetCopyrightData(){
let vm = this; let vm = this;
vm.$https({ vm.$https({
url: "copyrightOwner/getList", url: "copyrightOwner/getList",
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}, },
{copyrightOwnerType:'VIDEO_CONTENT'}) {copyrightOwnerType:'VIDEO_CONTENT'})
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
this.copyrightOwner = data; this.copyrightOwner = data;
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
}); });
}, },
// 获取视频分类列表 // 获取视频分类列表
getAssetTypeData() { getAssetTypeData() {
let vm = this; let vm = this;
vm.$https({ vm.$https({
url: "videoContentCat/getList", url: "videoContentCat/getList",
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}) })
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
this.videoContentCat = data; this.videoContentCat = data;
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
}); });
}, },
// 渲染父级权限 // 渲染父级权限
getPermis() { getPermis() {
let vm = this; let vm = this;
vm.$https({ vm.$https({
method: "get", method: "get",
url: "menu/getRoleMenu?roleId=" + sessionStorage.getItem("roleId"), url: "menu/getRoleMenu?roleId=" + sessionStorage.getItem("roleId"),
authType: this.backToken authType: this.backToken
}).then( }).then(
res => { res => {
let data = res.data; let data = res.data;
vm.typeList = data.map((e, i) => { vm.typeList = data.map((e, i) => {
return { return {
id: e.id, id: e.id,
name: name:
e.menuName.indexOf("-") == -1 e.menuName.indexOf("-") == -1
? e.menuName ? e.menuName
: e.menuName.split("-")[1] : e.menuName.split("-")[1]
}; };
}); });
}, },
error => { error => {
console.log(error); console.log(error);
} }
); );
}, },
// 获得数据接口 // 获得数据接口
getTableData(param) { getTableData(param) {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "videoContent/getPageList", url: "videoContent/getPageList",
method: "post", method: "post",
authType: this.backToken authType: this.backToken
}, },
vm.$qs.stringify(param) vm.$qs.stringify(param)
// param // param
) )
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
vm.page.pageSize = data.size; vm.page.pageSize = data.size;
vm.page.total = data.total; vm.page.total = data.total;
vm.tableData = data.records; vm.tableData = data.records;
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
}); });
}, },
// 分页 // 分页
handleCurrentChange(val) { handleCurrentChange(val) {
let _this = this; let _this = this;
_this.page.currentPage = val; _this.page.currentPage = val;
_this.onSearch(); _this.onSearch();
}, },
onSearch() { onSearch() {
let _this = this; let _this = this;
let param = _this.getSearchQuery(); let param = _this.getSearchQuery();
_this.getTableData(param); _this.getTableData(param);
}, },
// 重置 // 重置
Reset() { Reset() {
this.form = {}; this.form = {};
this.Search(); this.Search();
}, },
Search() { Search() {
let _this = this; let _this = this;
_this.page.currentPage = 1; _this.page.currentPage = 1;
let searchObj = { let searchObj = {
_index: 1, _index: 1,
_size: _this.page.pageSize, _size: _this.page.pageSize,
nameOrCode: _this.form.nameOrCode, nameOrCode: _this.form.nameOrCode,
videoContentCatId:_this.form.videoContentCatId, videoContentCatId:_this.form.videoContentCatId,
videoContentCopyrightOwnerId:_this.form.videoContentCopyrightOwnerId videoContentCopyrightOwnerId:_this.form.videoContentCopyrightOwnerId
}; };
this.getTableData(searchObj); this.getTableData(searchObj);
}, },
// // 获取当前查询参数 // // 获取当前查询参数
getSearchQuery() { getSearchQuery() {
let _this = this; let _this = this;
let searchObj = { let searchObj = {
_index: _this.page.currentPage, _index: _this.page.currentPage,
_size: _this.page.pageSize _size: _this.page.pageSize
}; };
for (let key in _this.form) { for (let key in _this.form) {
if (_this.form[key]) { if (_this.form[key]) {
searchObj[key] = _this.form[key]; searchObj[key] = _this.form[key];
} }
} }
return searchObj; return searchObj;
}, },
// 添加 // 添加
addPermis() { addPermis() {
this.$router.push({ path: "videoContentAdd", query: { type: "add" } }); this.$router.push({ path: "videoContentAdd", query: { type: "add" } });
// $('.el-dialog__title').html('新建'); // $('.el-dialog__title').html('新建');
// this.FormVisible1 = true; // this.FormVisible1 = true;
}, },
// 添加权限 // 添加权限
permisSave() { permisSave() {
let _this = this; let _this = this;
_this.$refs.permisform.validate(valid => { _this.$refs.permisform.validate(valid => {
if (valid) { if (valid) {
_this _this
.$https( .$https(
{ url: "menu/add", method: "post", authType: this.backToken }, { url: "menu/add", method: "post", authType: this.backToken },
_this.$qs.stringify(_this.permisform) _this.$qs.stringify(_this.permisform)
) )
.then( .then(
res => { res => {
if (res.data.status == 200 || res.data.status == 201) { if (res.data.status == 200 || res.data.status == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: res.data.message message: res.data.message
}); });
//跳回用户列表 //跳回用户列表
_this.onSearch(); _this.onSearch();
_this.FormVisible1 = false; _this.FormVisible1 = false;
for (let key in _this.permisform) { for (let key in _this.permisform) {
_this.permisform[key] = null; _this.permisform[key] = null;
} }
_this.$refs["permisform"].resetFields(); _this.$refs["permisform"].resetFields();
} else { } else {
_this.$message({ _this.$message({
type: "error", type: "error",
message: res.data.message message: res.data.message
}); });
} }
}, },
error => { error => {
_this.$message({ _this.$message({
type: "error", type: "error",
message: error message: error
}); });
} }
); );
} }
}); });
}, },
// 编辑关闭 // 编辑关闭
close() { close() {
this.FormVisible = false; this.FormVisible = false;
this.$refs["editform"].resetFields(); this.$refs["editform"].resetFields();
}, },
// 新增关闭 // 新增关闭
close1() { close1() {
this.FormVisible1 = false; this.FormVisible1 = false;
for (let key in this.permisform) { for (let key in this.permisform) {
this.permisform[key] = null; this.permisform[key] = null;
} }
this.$refs["permisform"].resetFields(); this.$refs["permisform"].resetFields();
}, },
// 编辑弹框 // 编辑弹框
openEdit(row) { openEdit(row) {
this.$router.push({ this.$router.push({
path: "videoContentUpdate", path: "videoContentUpdate",
query: { type: "Update", id: row.id } query: { type: "Update", id: row.id }
}); });
// alert('编辑') // alert('编辑')
// $('.el-dialog__title').html('编辑'); // $('.el-dialog__title').html('编辑');
// let _this=this; // let _this=this;
// //成功之后清除数据 // //成功之后清除数据
// for (let key in this.editform) { // for (let key in this.editform) {
// _this.editform[key]=null; // _this.editform[key]=null;
// } // }
// _this.editform= Object.assign({}, row); // _this.editform= Object.assign({}, row);
// _this.FormVisible = true; // _this.FormVisible = true;
}, },
openDetails(row) { openDetails(row) {
let _this = this; let _this = this;
_this.FormVisible = true; _this.FormVisible = true;
// 获取详情 // 获取详情
this.getAssetInfo(row.id); this.getAssetInfo(row.id);
}, },
// 获取视频分类详情 // 获取视频分类详情
getAssetInfo(id) { getAssetInfo(id) {
let vm = this; let vm = this;
const param ={ const param ={
id:id, id:id,
type:'VIDEO_CONTENT' type:'VIDEO_CONTENT'
} }
vm.$https( vm.$https(
{ {
url: "audit/getById", url: "audit/getById",
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}, },
param param
) )
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
this.editform = data || {}; this.editform = data || {};
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
}); });
}, },
// 根据视频内容id查询被引用的展板 // 根据视频内容id查询被引用的展板
getUseBoard(id){ // getUseBoard(id){
this // this
.$https({ // .$https({
method: "get", // method: "get",
url: "videoContent/getExhibitionBoardById/" + id, // url: "videoContent/getExhibitionBoardById/" + id,
authType: this.backToken // authType: this.backToken
}) // })
.then( // .then(
res => { // res => {
if(res.data.resultCode === "200"){ // if(res.data.resultCode === "200"){
// console.log(res.data.data,'wwwww') // // console.log(res.data.data,'wwwww')
let data = res.data.data // let data = res.data.data
if(data){ // if(data){
data = '当前视频已被展板（' + res.data.data + ')所使用，' // data = '当前视频已被展板（' + res.data.data + ')所使用，'
}else{ // }else{
data = '当前视频无引用展板，' // data = '当前视频无引用展板，'
} // }
console.log(data) // console.log(data)
this.openDel(id,data) // this.openDel(id,data)
}else{ // }else{
this.$message({ type: "error", message: res.data.message }); // this.$message({ type: "error", message: res.data.message });
} // }
}, // },
error => { // error => {
this.$message({ // this.$message({
type: "fail", // type: "fail",
message: "删除失败!" + error.response.data // message: "删除失败!" + error.response.data
}); // });
} // }
); // );
}, // },
// //
// 删除弹出确认窗口 // 删除弹出确认窗口
openDel(id,data){ openDel(id){
// alert(data) // alert(data)
const dataMsg = data // const dataMsg = data
let _this = this;
this.$confirm(dataMsg + "此操作将永久删除, 是否继续?", "提示", { },
confirmButtonText: "确定", // 删除
cancelButtonText: "取消", handleDelete(row) {
type: "warning" var id = row.id
}) let _this = this;
.then(() => { this.$confirm("此操作将永久删除, 是否继续?", "提示", {
_this confirmButtonText: "确定",
.$https({ cancelButtonText: "取消",
method: "delete", type: "warning"
url: "videoContent/delete/" + id, })
authType: this.backToken .then(() => {
}) _this
.then( .$https({
res => { method: "delete",
if(res.data.resultCode === "200"){ url: "videoContent/delete/" + id,
this.$message({ type: "success", message: "删除视频申请已提交,待审核！" }); authType: this.backToken
_this.Search(); })
}else{ .then(
this.$message({ type: "error", message: res.data.message }); res => {
} if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "删除视频申请已提交,待审核！" });
}, _this.Search();
error => { }else{
this.$message({ this.$message({ type: "error", message: res.data.message });
type: "fail", }
message: "删除失败!" + error.response.data
}); },
} error => {
); this.$message({
}) type: "fail",
.catch(() => {}); message: "删除失败!" + error.response.data
}, });
// 删除 }
handleDelete(row) { );
this.getUseBoard(row.id) })
}, .catch(() => {});
},
// 批量操作
handleSelectionChange(selection) { // 批量操作
let _this = this; handleSelectionChange(selection) {
_this.selection = selection; let _this = this;
}, _this.selection = selection;
getMultipleSelect() { },
let _this = this; getMultipleSelect() {
let arr = []; let _this = this;
let str = ""; let arr = [];
if (_this.selection) { let str = "";
_this.selection.forEach(function(e) { if (_this.selection) {
arr.push(e.id); _this.selection.forEach(function(e) {
}); arr.push(e.id);
str = arr.join(","); });
} else { str = arr.join(",");
str = ""; } else {
} str = "";
return str; }
}, return str;
// 批量删除 },
multipleDelete() { // 批量删除
let _this = this; multipleDelete() {
let str = _this.getMultipleSelect(); let _this = this;
if (str) { let str = _this.getMultipleSelect();
this.$confirm("此操作将删除选中菜单, 是否继续?", "提示", { if (str) {
confirmButtonText: "确定", this.$confirm("此操作将删除选中菜单, 是否继续?", "提示", {
cancelButtonText: "取消", confirmButtonText: "确定",
type: "warning" cancelButtonText: "取消",
}).then(() => { type: "warning"
_this }).then(() => {
.$https({ _this
url: "menu/batchDel?menuIds=" + str, .$https({
method: "DELETE", url: "menu/batchDel?menuIds=" + str,
authType: this.backToken method: "DELETE",
}) authType: this.backToken
.then( })
res => { .then(
if (res.data.status === 201 || res.data.status === 200) { res => {
this.$message({ if (res.data.status === 201 || res.data.status === 200) {
type: "success", this.$message({
message: "删除成功!" type: "success",
}); message: "删除成功!"
} });
//重新查询数据 }
_this.onSearch(); //重新查询数据
}, _this.onSearch();
error => {} },
); error => {}
}); );
} else { });
this.$message({ } else {
type: "info", this.$message({
message: "请至少选择一个选项！" type: "info",
}); message: "请至少选择一个选项！"
} });
} }
} }
}; }
</script> };
</script>
<style lang="less">
// @import "../../../../style/common"; <style lang="less">
// @import "../../style/list"; // @import "../../../../style/common";
// @import "../../style/list";
@import "../../../../style/table.less";
@import "../../../../style/pagination.less"; @import "../../../../style/table.less";
@import "../../../../style/dialog.less"; @import "../../../../style/pagination.less";
@import "../../../../style/dialog.less";
.listPage {
.input-item { .listPage {
font-size: 16px; .input-item {
color:#333; font-size: 16px;
} color:#333;
} }
</style> }
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment