汪总电商平台
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.
 
 
 
 
 
 

728 lines
23 KiB

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'vue', 'template', 'jquery-jqprint', 'jquery-migrate'], function ($, undefined, Backend, Table, Form, Vue, Template, Jqprint, Migrate) {
var Controller = {
goods: function() {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'wanlshop/groups/goods' + location.search,
add_url: 'wanlshop/groups/goodsAdd',
edit_url: 'wanlshop/groups/goodsEdit',
del_url: 'wanlshop/groups/goodsDel',
multi_url: '',
dragsort_url: "",
table: 'wanlshop_groups',
}
});
var table = $("#table");
table.on('post-common-search.bs.table', function (event, table) {
$('ul.nav-tabs li a[data-value="normal"]').trigger('click');
$(".form-commonsearch select[name=status]").val("normal");
});
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'id',
sortName: 'weigh',
fixedColumns: true,
fixedRightNumber: 1,
columns: [
[
{checkbox: true},
{field: 'id',title: __('Id')},
{field: 'shop_category_id', title: __('Shop_category_id'), operate:'RANGE', visible: false},
// {field: 'title',title: __('Title')},
{field: 'image',title: __('Image'),events: Table.api.events.image,formatter: Table.api.formatter.image},
{field: 'images',title: __('Images'),events: Table.api.events.image,formatter: Table.api.formatter.images},
{field: 'is_ladder',title: __('Is_ladder'), formatter: Controller.api.formatter.isladder},
{field: 'is_alone',title: __('Is_alone'), formatter: Controller.api.formatter.isalone},
{field: 'purchase_limit',title: __('Purchase_limit'), formatter: Controller.api.formatter.limit},
{field: 'category.name', title: __('Category.name'), formatter: Table.api.formatter.search},
{field: 'shopsort.name', title: __('Shopsort.name'), formatter: Table.api.formatter.search},
{field: 'price',title: __('Price'),operate: 'BETWEEN'},
{field: 'views',title: __('Views')},{field: 'sales',title: __('Sales')},
{field: 'comment',title: __('Comment')},{field: 'praise',title: __('Praise')},
{field: 'like',title: __('Like')},
// {field: 'createtime',title: __('Createtime'),operate: 'RANGE',addclass: 'datetimerange',formatter: Table.api.formatter.datetime},
{field: 'updatetime',title: __('Updatetime'),operate: 'RANGE',addclass: 'datetimerange',formatter: Table.api.formatter.datetime},
{field: 'status',title: __('Status'),searchList: {"normal": __('Normal'),"hidden": __('Hidden')},formatter: Table.api.formatter.status},
{field: 'operate',title: __('Operate'),table: table, events: Table.api.events.operate,formatter: Table.api.formatter.operate}
]
]
});
// 为表格绑定事件
Table.api.bindevent(table);
table.on('load-success.bs.table',function(data){
$(".btn-editone").data("area", ["90%","80%"]);
$(".btn-add").data("area", ["90%","80%"]);
});
},
goodsrecyclebin: function() {
// 初始化表格参数配置
Table.api.init({
extend: {
'dragsort_url': ''
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: 'wanlshop/groups/goodsRecyclebin' + location.search,
pk: 'id',
sortName: 'id',
columns: [
[{
checkbox: true
},
{
field: 'id',
title: __('Id')
},
{
field: 'title',
title: __('Title'),
align: 'left'
},
{
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/groups/goodsRestore',
refresh: true
},
{
name: 'Destroy',
text: __('Destroy'),
classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit',
icon: 'fa fa-times',
url: 'wanlshop/groups/goodsDestroy',
refresh: true
}
],
formatter: Table.api.formatter.operate
}
]
]
});
// 为表格绑定事件
Table.api.bindevent(table);
},
goodscopy: function() {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'wanlshop/goods/select',
}
});
var table = $("#table");
// 初始化表格
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
sortName: 'id',
showToggle: false,
showExport: false,
columns: [
[
{checkbox: true},
{field: 'id', title: __('Id')},
{field: 'image', title: __('Image'), events: Table.api.events.image, formatter: Table.api.formatter.image},
{field: 'title', title: __('Title')},
{field: 'updatetime', title: __('Updatetime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},
{
field: 'copy',
title: __('复制'),
events: {
'click .btn-copy': function (e, value, row, index) {
Fast.api.close();
parent.Fast.api.open(`wanlshop/groups/goodsEdit/type/copy/ids/${row.id}`, "编辑 复制商品", {area: ['90%', '80%']});
},
}, formatter: function () {
return '<a href="javascript:;" class="btn btn-danger btn-copy btn-xs"><i class="fa fa-clipboard"></i> ' + __('复制') + '</a>';
}
}
]
]
});
Table.api.bindevent(table);
},
goodsadd: function() {
var vm = new Vue({
el: '#app',
data() {
return {
spu: [],
spuItem: [],
sku: [],
skuImg: [],
batch: 0,
is_ladder: 0,
ladderList: [
{
people_num: 2,
discount: 90
}
],
categoryId: '',
categoryList :Config.channelList,
categoryOne: null,
categoryTwo: null,
categoryThree: null,
categoryFour: null,
categoryFive: null,
attributeData: []
}
},
methods: {
// 页面上传图片 1.1.9升级
changeImage(event, key){
let files = event.target.files[0]; //获取input的图片file值
require(['upload'], function (Upload) {
Upload.api.send(files, function (data, ret) {
Vue.set(vm.skuImg, key, data.url);
});
});
},
getCategory(e){
if(e == 1){
this.categoryTwo = null;
this.categoryThree = null;
this.categoryFour = null;
this.categoryFive = null;
}
if(this.categoryOne != null){
this.categoryId = this.categoryList[this.categoryOne].id;
}
if(this.categoryTwo != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].id;
}
if(this.categoryThree != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].id;
}
if(this.categoryFour != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].childlist[this.categoryFour].id;
}
if(this.categoryFive != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].childlist[this.categoryFour].childlist[this.categoryFive].id;
}
// 查询类目属性
Fast.api.ajax("wanlshop.goods/attribute?id=" + this.categoryId, (data, ret) =>{
this.attributeData = data;
//返回false时将不再有右上角的操作成功的提示
return false;
});
},
ladderAdd(){
let ladder = this.ladderList,
num = ladder.length,
discount = 100 - (ladder.length + 1) * 10;
ladder.push({
people_num: num + 2,
discount: discount < 10 ? 10 : discount
})
},
ladderDel(key){
if(this.ladderList.length > 1){
Vue.delete(vm.ladderList, key);
}else{
layer.msg('至少剩余一组规则');
}
},
// 添加属性
spuAdd(){
var str = this.$refs['specs-name'].value || ''
str = str.trim();
if (!str){
layer.msg('产品属性不能为空!');
return
}
// 遍历
var arr = str.split(/\s+/);
for (var i=0;i<arr.length;i++)
{
this.spu.push(arr[i])
}
// 清空表单
this.$refs['specs-name'].value = ''
},
// 删除属性
spuRemove(key){
Vue.delete(vm.spuItem, key);
Vue.delete(vm.spu, key);
this.skuCreate();
},
// 添加规格
skuAdd(index) {
var str = this.$refs['specs-name-' + index][0].value || ''
str = str.trim();
if (!str){
layer.msg('产品属性不能为空!');
return
}
// 遍历
var arr = str.split(/\s+/);
for (var i=0;i<arr.length;i++)
{
if (this.spuItem[index]) {
this.spuItem[index].push(arr[i])
} else {
this.spuItem.push([arr[i]])
}
}
// 清空表单
this.$refs['specs-name-' + index][0].value = ""
this.skuCreate();
},
// 删除规格
skuRemove(i,key){
Vue.delete(vm.spuItem[i], key);
this.skuCreate();
},
// 生成Sku
skuCreate() {
this.sku = this.skuDesign(this.spuItem)
},
skuDesign(array) {
if (array.length == 0) return []
if (array.length < 2) {
var res = []
array[0].forEach(function(v) {
res.push([v])
})
return res
}
return [].reduce.call(array, function(col, set) {
var res = [];
col.forEach(function(c) {
set.forEach(function(s) {
var t = [].concat(Array.isArray(c) ? c : [c]);
t.push(s);
res.push(t);
})
});
return res;
});
},
// 是否开启批量
skuBatch(){
this.batch = this.batch == 0 ? 1 : 0;
},
cdnurl(url) {
if(url) return Fast.api.cdnurl(url);
}
}
})
window.batchSet = function(field) {
$('.wanl-' + field).val($('#batch-' + field).val())
}
// 完善寄件信息
$(document).on("click", ".btn-send", function () {
Backend.api.open('wanlshop/config/index/type/mailing/', __('完善寄件人信息'), {
callback:function(value){
console.log(value);
}
});
});
// 完善退件信息
$(document).on("click", ".btn-return", function () {
Backend.api.open('wanlshop/config/index/type/return/', __('完善退货信息'), {
callback:function(value){
console.log(value);
}
});
});
// 申请品牌
$(document).on("click", ".btn-brand", function () {
Backend.api.open('wanlshop/brand/add/', __('申请品牌'), {
callback:function(value){
console.log(value);
}
});
});
// 新建运费模板
$(document).on("click", ".btn-freight", function () {
Backend.api.open('wanlshop/freight/add', __('新建运费模板'), {
callback:function(value){
console.log(value);
}
});
});
// 新建店铺分类
$(document).on("click", ".btn-shopsort", function () {
Backend.api.open('wanlshop/shopsort/add', __('新建店铺分类'), {
callback:function(value){
console.log(value);
}
});
});
// 打开方式
if(Config.isdialog){
Controller.api.bindevent();
}else{
Form.api.bindevent($("form[role=form]"), function (data, ret) {
setTimeout(function () {
location.href = Fast.api.fixurl('wanlshop.goods/index.html');
}, 500);
});
}
},
goodsedit: function() {
var vm = new Vue({
el: '#app',
data() {
return {
spu: Config.spu,
spuItem: Config.spuItem,
sku: Config.sku,
skuItem: Config.skuItem,
is_ladder: Config.is_ladder,
ladderList: Config.ladderList,
categoryId: Config.categoryId,
categoryList: Config.channelList,
categoryOne: null,
categoryTwo: null,
categoryThree: null,
categoryFour: null,
categoryFive: null,
attribute: Config.attribute,
attributeData: [],
batch: 0
}
},
mounted() {
this.categoryList.forEach((item,index)=>{
if (item.id == Config.categoryId ) {
this.categoryOne = index;
}else{
item.childlist.forEach((item1,index1)=>{
if (item1.id == Config.categoryId ) {
this.categoryOne = index;
this.categoryTwo = index1;
}else{
item1.childlist.forEach((item2,index2)=>{
if (item2.id == Config.categoryId ) {
this.categoryOne = index;
this.categoryTwo = index1;
this.categoryThree = index2;
}else{
item2.childlist.forEach((item3,index3)=>{
if (item3.id == Config.categoryId ) {
this.categoryOne = index;
this.categoryTwo = index1;
this.categoryThree = index2;
this.categoryFour = index3;
}else{
item3.childlist.forEach((item4,index4)=>{
if (item4.id == Config.categoryId ) {
this.categoryOne = index;
this.categoryTwo = index1;
this.categoryThree = index2;
this.categoryFour = index3;
this.categoryFive = index4;
}
});
}
});
}
});
}
});
}
});
Fast.api.ajax("wanlshop.goods/attribute?id=" + this.categoryId, (data, ret) =>{
this.attributeData = data;
//返回false时将不再有右上角的操作成功的提示
return false;
});
},
methods: {
// 页面上传图片 1.1.9升级
changeImage(event, key){
let files = event.target.files[0]; //获取input的图片file值
require(['upload'], function (Upload) {
Upload.api.send(files, function (data, ret) {
// 1.0.8修复
if(vm.skuItem[key]){
vm.skuItem[key]['thumbnail'] = data.url;
}else{
Vue.set(vm.skuItem, key, {
thumbnail: data.url
})
}
});
});
},
getCategory(e){
if(e == 1){
this.categoryTwo = null;
this.categoryThree = null;
this.categoryFour = null;
this.categoryFive = null;
}
if(this.categoryOne != null){
this.categoryId = this.categoryList[this.categoryOne].id;
}
if(this.categoryTwo != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].id;
}
if(this.categoryThree != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].id;
}
if(this.categoryFour != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].childlist[this.categoryFour].id;
}
if(this.categoryFive != null){
this.categoryId = this.categoryList[this.categoryOne].childlist[this.categoryTwo].childlist[this.categoryThree].childlist[this.categoryFour].childlist[this.categoryFive].id;
}
// 查询类目属性
Fast.api.ajax("wanlshop.goods/attribute?id=" + this.categoryId, (data, ret) =>{
this.attributeData = data;
//返回false时将不再有右上角的操作成功的提示
return false;
});
},
ladderAdd(){
let ladder = this.ladderList,
num = ladder.length,
discount = 100 - (ladder.length + 1) * 10;
ladder.push({
people_num: num + 2,
discount: discount < 10 ? 10 : discount
})
},
ladderDel(key){
if(this.ladderList.length > 1){
Vue.delete(vm.ladderList, key);
}else{
layer.msg('至少剩余一组规则');
}
},
// 添加属性
spuAdd(){
var str = this.$refs['specs-name'].value || ''
str = str.trim();
if (!str){
layer.msg('产品属性不能为空!');
return
}
// 遍历
var arr = str.split(/\s+/);
for (var i=0;i<arr.length;i++)
{
this.spu.push(arr[i])
}
// 清空表单
this.$refs['specs-name'].value = ''
},
// 添加规格
skuAdd(index) {
console.log(this.spuItem);
var str = this.$refs['specs-name-' + index][0].value || ''
str = str.trim();
if (!str){
layer.msg('产品属性不能为空!');
return
}
// 遍历
var arr = str.split(/\s+/);
for (var i=0;i<arr.length;i++)
{
if (this.spuItem[index]) {
this.spuItem[index].push(arr[i])
} else {
this.spuItem.push([arr[i]])
}
}
// 清空表单
this.$refs['specs-name-' + index][0].value = ""
this.skuCreate();
},
// 删除属性
spuRemove(key){
Vue.delete(vm.spuItem, key);
Vue.delete(vm.spu, key);
this.skuCreate();
},
// 删除规格
skuRemove(i,key){
Vue.delete(vm.spuItem[i], key);
this.skuCreate();
},
// 生成Sku
skuCreate() {
this.sku = this.skuDesign(this.spuItem)
},
skuDesign(array) {
if (array.length == 0) return []
if (array.length < 2) {
var res = []
array[0].forEach(function(v) {
res.push([v])
})
return res
}
return [].reduce.call(array, function(col, set) {
var res = [];
col.forEach(function(c) {
set.forEach(function(s) {
var t = [].concat(Array.isArray(c) ? c : [c]);
t.push(s);
res.push(t);
})
});
return res;
});
},
// 是否开启批量
skuBatch(){
this.batch = this.batch == 0 ? 1 : 0;
},
cdnurl(url) {
if(url) return Fast.api.cdnurl(url);
}
}
})
window.batchSet = function(field) {
$('.wanl-' + field).val($('#batch-' + field).val())
}
// 申请品牌
$(document).on("click", ".btn-brand", function () {
Backend.api.open('wanlshop/brand/add/', __('申请品牌'), {
callback:function(value){
console.log(value);
}
});
});
// 新建运费模板
$(document).on("click", ".btn-freight", function () {
Backend.api.open('wanlshop/freight/add', __('新建运费模板'), {
callback:function(value){
console.log(value);
}
});
});
// 新建店铺分类
$(document).on("click", ".btn-shopsort", function () {
Backend.api.open('wanlshop/shopsort/add', __('新建店铺分类'), {
callback:function(value){
console.log(value);
}
});
});
Controller.api.bindevent();
},
groups: function () {
// 初始化表格参数配置
Table.api.init({
extend: {
index_url: 'wanlshop/groups/groups' + location.search,
add_url: '',
edit_url: '',
del_url: '',
multi_url: '',
import_url: '',
table: 'wanlshop_groups',
}
});
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: 'group_no', title: __('Group_no'), operate: 'LIKE'},
{field: 'group_type', title: __('Group_type'), searchList: {"alone":__('Group_type alone'),"group":__('Group_type group'),"ladder":__('Group_type ladder')}, formatter: Table.api.formatter.normal},
{field: 'id', title: __('商品'), operate: false, align:'left', formatter: Controller.api.formatter.goods},
{field: 'id', title: __('拼团团长'), operate: false, formatter: Controller.api.formatter.user},
{field: 'id', title: __('拼团进度'), operate: false, formatter: Controller.api.formatter.groups},
{field: 'state', title: __('State'), searchList: {"ready":__('State ready'),"start":__('State start'),"success":__('State success'),"fail":__('State fail'),"auto":__('State auto')}, formatter: Table.api.formatter.normal},
{field: 'validitytime', title: __('Validitytime'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
{field: 'grouptime', title: __('Grouptime'), 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',
extend: 'data-area=\'["420px", "700px"]\'',
icon: 'fa fa-users',
url: 'wanlshop/groups/groupsDetail'
}
],
formatter: Table.api.formatter.operate
}
]
]
});
// 为表格绑定事件
Table.api.bindevent(table);
},
groupsdetail: function () {
Controller.api.bindevent();
},
api: {
bindevent: function() {
Form.api.bindevent($("form[role=form]"));
},
formatter: {
isladder: function (value, row, index) {
return row.is_ladder == 0 ? '<span class="text-aqua">普通拼团</span>' : '<span class="text-red">阶梯拼团</span>';
},
isalone: function (value, row, index) {
return row.is_alone == 0 ? '关闭' : '开启';
},
limit: function (value, row, index) {
return row.purchase_limit == 0 ? '<span>不限</span>' : `<span class="text-red">限制${row.purchase_limit}人</span>`;
},
groups: function (value, row, index) {
return `${row.people_num} / ${row.join_num}`;
},
goods: function (value, row, index) {
if(row.goods){
return `<a href="javascript:" style="margin-right: 6px;"><img class="img-sm img-center" src="${Fast.api.cdnurl(row.goods.image)}"></a> ${row.goods.title}`;
}else{
return '商品已下架'
}
},
user: function (value, row, index) {
return `<a href="javascript:" style="margin-right: 6px;"><img class="img-sm img-center" src="${Fast.api.cdnurl(row.user.avatar)}"></a> ${row.user.nickname}`;
}
}
}
};
return Controller;
});