You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
512 lines
13 KiB
512 lines
13 KiB
define(['jquery', 'bootstrap', 'table', 'backend', 'form', 'vue'], function($, undefined, Table, Backend, Form, Vue) {
|
|
var Controller = {
|
|
index: function() {
|
|
// 初始化表格参数配置
|
|
Table.api.init({
|
|
extend: {
|
|
index_url: 'wanlshop/find/index' + location.search,
|
|
add_url: 'wanlshop/find/add',
|
|
edit_url: '',
|
|
del_url: 'wanlshop/find/del',
|
|
multi_url: '',
|
|
table: 'wanlshop_find',
|
|
}
|
|
});
|
|
|
|
var table = $("#table");
|
|
|
|
// 初始化表格
|
|
table.bootstrapTable({
|
|
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
|
pk: 'id',
|
|
sortName: 'id',
|
|
fixedColumns: true,
|
|
fixedRightNumber: 1,
|
|
columns: [
|
|
[{
|
|
checkbox: true
|
|
},
|
|
{
|
|
field: 'id',
|
|
title: __('Id')
|
|
},
|
|
{
|
|
field: 'type',
|
|
title: __('Type'),
|
|
searchList: {
|
|
"new": __('Type new'),
|
|
"live": __('Type live'),
|
|
"video": __('Type video'),
|
|
"want": __('Type want'),
|
|
"activity": __('Type activity'),
|
|
"show": __('Type show')
|
|
},
|
|
formatter: Table.api.formatter.normal
|
|
},
|
|
{
|
|
field: 'images',
|
|
title: __('Images'),
|
|
align: 'left',
|
|
operate: false,
|
|
events: Table.api.events.image,
|
|
formatter: Table.api.formatter.images
|
|
},
|
|
{
|
|
field: 'user_no',
|
|
title: __('User_no'),
|
|
operate: 'LIKE'
|
|
},
|
|
{
|
|
field: 'views',
|
|
title: __('Views')
|
|
},
|
|
{
|
|
field: 'likes',
|
|
title: __('Likes')
|
|
},
|
|
{
|
|
field: 'comments',
|
|
title: __('Comments')
|
|
},
|
|
{
|
|
field: 'state',
|
|
title: __('State'),
|
|
searchList: {
|
|
"publish": __('State publish'),
|
|
"examine": __('State examine'),
|
|
"hazard": __('State hazard'),
|
|
"transcoding": __('State transcoding'),
|
|
"screenshot": __('State screenshot'),
|
|
"normal": __('State normal')
|
|
},
|
|
formatter: Table.api.formatter.normal
|
|
},
|
|
{
|
|
field: 'updatetime',
|
|
title: __('Updatetime'),
|
|
operate: 'RANGE',
|
|
addclass: 'datetimerange',
|
|
autocomplete: false,
|
|
formatter: Table.api.formatter.datetime
|
|
},
|
|
{
|
|
field: 'operate',
|
|
title: __('Operate'),
|
|
table: table,
|
|
events: Table.api.events.operate,
|
|
buttons: [{
|
|
name: 'detail',
|
|
text: __('查看'),
|
|
title: __('查看作品'),
|
|
classname: 'btn btn-xs btn-info btn-dialog',
|
|
icon: 'fa fa-paper-plane',
|
|
url: 'wanlshop/find/detail',
|
|
callback: function(data) {
|
|
$(".btn-refresh").trigger("click");
|
|
}
|
|
},
|
|
{
|
|
name: 'live',
|
|
text: __('播放'),
|
|
title: __('播放'),
|
|
classname: 'btn btn-xs btn-success btn-dialog',
|
|
icon: 'fa fa-video-camera',
|
|
extend: 'data-area=\'["380px", "720px"]\'',
|
|
url: 'wanlshop/find/play',
|
|
url: function(row) {
|
|
return `wanlshop/find/play?live_id=${row.live_id}`;
|
|
},
|
|
visible: function(row) {
|
|
return row.type === 'live';
|
|
}
|
|
},
|
|
{
|
|
name: 'video',
|
|
text: __('播放'),
|
|
title: __('播放'),
|
|
classname: 'btn btn-xs btn-success btn-dialog',
|
|
icon: 'fa fa-play',
|
|
extend: 'data-area=\'["380px", "720px"]\'',
|
|
url: function(row) {
|
|
return `wanlshop/find/play?video_id=${row.video_id}`;
|
|
},
|
|
visible: function(row) {
|
|
return row.type === 'video';
|
|
}
|
|
},
|
|
{
|
|
name: 'comments',
|
|
text: __('查看评论'),
|
|
title: __('评论'),
|
|
classname: 'btn btn-xs btn-success btn-dialog',
|
|
icon: 'fa fa-comments',
|
|
url: 'wanlshop/find/comments',
|
|
callback: function(data) {
|
|
$(".btn-refresh").trigger("click"); //刷新数据
|
|
},
|
|
visible: function(row) {
|
|
return row.state !== 'examine';
|
|
}
|
|
},
|
|
{
|
|
name: 'ajax',
|
|
title: __('删除作品'),
|
|
classname: 'btn btn-xs btn-danger btn-magic btn-ajax',
|
|
icon: 'fa fa-trash',
|
|
confirm: '删除作品时关联媒体也将同时删除，确认删除？',
|
|
url: 'wanlshop/find/del',
|
|
success: function(data, ret) {
|
|
$(".btn-refresh").trigger("click"); //刷新数据
|
|
},
|
|
error: function(data, ret) {
|
|
console.log(data, ret);
|
|
Layer.alert(ret.msg);
|
|
return false;
|
|
}
|
|
}
|
|
],
|
|
formatter: Table.api.formatter.buttons
|
|
}
|
|
]
|
|
]
|
|
});
|
|
$("#video").click(function() {
|
|
Fast.api.open(`wanlshop/find/add.html?type=video`, `发布短视频`, {
|
|
area: ["390px", "720px"],
|
|
callback: res =>{
|
|
table.bootstrapTable('refresh', {});
|
|
}
|
|
});
|
|
});
|
|
$("#new").click(function() {
|
|
Fast.api.open(`wanlshop/find/add.html?type=new`, `发布上新`, {
|
|
area: ["390px", "720px"],
|
|
callback: res =>{
|
|
table.bootstrapTable('refresh', {});
|
|
}
|
|
});
|
|
});
|
|
$("#want").click(function() {
|
|
Fast.api.open(`wanlshop/find/add.html?type=want`, `发布种草`, {
|
|
area: ["390px", "720px"],
|
|
callback: res =>{
|
|
table.bootstrapTable('refresh', {});
|
|
}
|
|
});
|
|
});
|
|
$("#show").click(function() {
|
|
Fast.api.open(`wanlshop/find/add.html?type=show`, `发布买家秀`, {
|
|
area: ["390px", "720px"],
|
|
callback: res =>{
|
|
table.bootstrapTable('refresh', {});
|
|
}
|
|
});
|
|
});
|
|
// 为表格绑定事件
|
|
Table.api.bindevent(table);
|
|
},
|
|
recyclebin: function() {
|
|
// 初始化表格参数配置
|
|
Table.api.init({
|
|
extend: {
|
|
'dragsort_url': ''
|
|
}
|
|
});
|
|
|
|
var table = $("#table");
|
|
|
|
// 初始化表格
|
|
table.bootstrapTable({
|
|
url: 'wanlshop/find/recyclebin' + location.search,
|
|
pk: 'id',
|
|
sortName: 'id',
|
|
columns: [
|
|
[{
|
|
checkbox: true
|
|
},
|
|
{
|
|
field: 'id',
|
|
title: __('Id')
|
|
},
|
|
{
|
|
field: 'deletetime',
|
|
title: __('Deletetime'),
|
|
operate: 'RANGE',
|
|
addclass: 'datetimerange',
|
|
formatter: Table.api.formatter.datetime
|
|
},
|
|
{
|
|
field: 'operate',
|
|
width: '130px',
|
|
title: __('Operate'),
|
|
table: table,
|
|
events: Table.api.events.operate,
|
|
buttons: [{
|
|
name: 'Restore',
|
|
text: __('Restore'),
|
|
classname: 'btn btn-xs btn-info btn-ajax btn-restoreit',
|
|
icon: 'fa fa-rotate-left',
|
|
url: 'wanlshop/find/restore',
|
|
refresh: true
|
|
},
|
|
{
|
|
name: 'Destroy',
|
|
text: __('Destroy'),
|
|
classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
|
|
icon: 'fa fa-times',
|
|
url: 'wanlshop/find/destroy',
|
|
refresh: true
|
|
}
|
|
],
|
|
formatter: Table.api.formatter.operate
|
|
}
|
|
]
|
|
]
|
|
});
|
|
|
|
// 为表格绑定事件
|
|
Table.api.bindevent(table);
|
|
},
|
|
add: function() {
|
|
Controller.api.bindevent();
|
|
var vm = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
type: Config.type,
|
|
typeList: {
|
|
new: '上新',
|
|
live: '直播',
|
|
video: '短视频',
|
|
want: '种草',
|
|
activity: '活动',
|
|
show: '买家秀'
|
|
},
|
|
params: {
|
|
type: Config.type,
|
|
content: '',
|
|
goods_ids: [],
|
|
video_id: null,
|
|
comments_id: null,
|
|
images: []
|
|
},
|
|
file: null,
|
|
upload: true,
|
|
progress: '0%',
|
|
goodsList:[],
|
|
commentsData: null,
|
|
}
|
|
},
|
|
methods: {
|
|
// 核心代码未经授权不得抄袭包含相似类似，特点后端封装formData+xhr
|
|
fileChange(e) {
|
|
let file = e.target.files[0];
|
|
this.file = URL.createObjectURL(file)
|
|
Fast.api.ajax({
|
|
url: "wanlshop/find/uploadVideo",
|
|
data: {name: file.name}
|
|
}, (data, ret) => {
|
|
this.params.video_id = data.videoId;
|
|
let formData = new FormData();
|
|
formData.append("OSSAccessKeyId", data.formData.OSSAccessKeyId);
|
|
formData.append("policy", data.formData.policy);
|
|
formData.append("key", data.formData.key);
|
|
formData.append("x-oss-security-token", data.formData.osstoken);
|
|
formData.append("success_action_status", data.formData.success_action_status);
|
|
formData.append("Signature", data.formData.Signature);
|
|
formData.append("file", file);
|
|
$.ajax({
|
|
url: data.ossUrl,
|
|
method: 'POST',
|
|
data: formData,
|
|
contentType: false,
|
|
processData: false,
|
|
xhr: () => {
|
|
let xhr = new window.XMLHttpRequest();
|
|
let that = this;
|
|
xhr.upload.addEventListener("progress", function(e){
|
|
that.progress = Math.round((e.loaded / e.total) * 100) +'%';
|
|
}, false);
|
|
return xhr;
|
|
},
|
|
success: res => {
|
|
layer.msg('上传成功');
|
|
this.upload = false;
|
|
},
|
|
error: err => {
|
|
console.log(err);
|
|
}
|
|
});
|
|
return false;
|
|
}, (data, ret) => {
|
|
return false;
|
|
});
|
|
},
|
|
handleSubmit() {
|
|
let params = this.params;
|
|
if (params.type === 'show') {
|
|
if (!params.comments_id) {
|
|
layer.msg('请选择评论');
|
|
return;
|
|
}
|
|
} else {
|
|
if(params.type === 'new'){
|
|
this.goodsList.forEach((item, index, arr) => {
|
|
params.images.push(item.image)
|
|
});
|
|
}
|
|
if (params.type === 'video' && this.upload) {
|
|
layer.msg('请上传视频');
|
|
return;
|
|
}
|
|
if (params.type === 'want' && params.images.length ===0) {
|
|
layer.msg('请上传种草图片');
|
|
return;
|
|
}
|
|
if (!params.content) {
|
|
layer.msg('请填写文案');
|
|
return;
|
|
}
|
|
if (params.goods_ids.length === 0) {
|
|
layer.msg('请选择商品');
|
|
return;
|
|
}
|
|
}
|
|
Fast.api.ajax({
|
|
url: "wanlshop/find/add",
|
|
data: params
|
|
}, (data, ret) => {
|
|
Fast.api.close();
|
|
}, (err) => {
|
|
console.log(err);
|
|
});
|
|
},
|
|
// 操作图片
|
|
delImg(index) {
|
|
Vue.delete(vm.params.images, index); //vue方法
|
|
},
|
|
addImg() {
|
|
parent.Fast.api.open(
|
|
"wanlshop/attachment/select?element_id=fachoose-image&multiple=true&mimetype=image/*",
|
|
__('选择图片'), {
|
|
callback: (data) => {
|
|
if (data.url) {
|
|
var image = data.url.split(",");
|
|
if (image.length > 9) {
|
|
layer.msg('最多上传9张图片，超出自动删除');
|
|
}
|
|
this.params.images = image.slice(0, 9);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 操作商品
|
|
delGoods(index) {
|
|
Vue.delete(vm.params.goods_ids, index); //vue方法
|
|
Vue.delete(vm.goodsList, index); //vue方法
|
|
},
|
|
addGoods() {
|
|
parent.Fast.api.open("wanlshop/goods/select?multiple=true", __(
|
|
'选择商品'), {
|
|
callback: (data) => {
|
|
this.goodsList = data.data;
|
|
this.params.goods_ids = String(data.url).split(",");
|
|
}
|
|
});
|
|
},
|
|
// 操作评论
|
|
delComments() {
|
|
this.params.comments_id = null;
|
|
this.params.goods_ids = [];
|
|
this.params.content = null;
|
|
this.params.images = [];
|
|
},
|
|
addComments() {
|
|
parent.Fast.api.open("wanlshop/comment/select?multiple=flase", __(
|
|
'选择评论'), {
|
|
callback: (data) => {
|
|
this.params.comments_id = data.data.id;
|
|
this.params.goods_ids = [data.data.goods_id];
|
|
this.params.content =
|
|
`${data.data.user.replace(/^(.).*(.)$/,'$1***$2')}：${data.data.content}`;
|
|
this.params.images = data.data.images;
|
|
}
|
|
});
|
|
},
|
|
cdnurl(url) {
|
|
if (url) return Fast.api.cdnurl(url);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
play: function() {
|
|
Controller.api.bindevent();
|
|
},
|
|
comments: function() {
|
|
var vm = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
dataList: Config.list
|
|
}
|
|
},
|
|
methods: {
|
|
handleDel(type, index, keys) {
|
|
let ids = [];
|
|
if (type === 'main') {
|
|
let data = this.dataList[index];
|
|
ids = [data.id];
|
|
for (j = 0, len = data.childlist.length; j < len; j++) {
|
|
ids.push(data.childlist[j].id);
|
|
}
|
|
Vue.delete(this.dataList, index);
|
|
} else if (type === 'child') {
|
|
ids = [this.dataList[index].childlist[keys].id];
|
|
Vue.delete(this.dataList[index].childlist, keys);
|
|
}
|
|
// 加载网络
|
|
Fast.api.ajax({
|
|
url: 'wanlshop/find/delcomments',
|
|
data: {
|
|
'ids': ids.toString()
|
|
}
|
|
}, (data, ret) => {
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
detail: function() {
|
|
$(".play").click(function() {
|
|
let id = $(".play").data("id"),
|
|
type = $(".play").data("type");
|
|
parent.Fast.api.open(`wanlshop/find/play?${type}_id=${id}`,
|
|
`${type === 'live' ? '播放直播':'播放视频'}`, {
|
|
area: ["380px", "720px"]
|
|
});
|
|
});
|
|
Controller.api.bindevent();
|
|
},
|
|
api: {
|
|
formatter: {
|
|
formatHtml: function(value, row, index) {
|
|
var arrEntities = {
|
|
'lt': '<',
|
|
'gt': '>',
|
|
'nbsp': ' ',
|
|
'amp': '&',
|
|
'quot': '"'
|
|
};
|
|
return value.replace(/&(lt|gt|nbsp|amp|quot);/ig, function(all, t) {
|
|
return arrEntities[t];
|
|
}).replace(/<\/?.+?>/g, "").replace(/ /g, "").substring(0, 12) + '...';
|
|
}
|
|
},
|
|
bindevent: function() {
|
|
Form.api.bindevent($("form[role=form]"));
|
|
}
|
|
}
|
|
};
|
|
return Controller;
|
|
});
|
|
|