|
|
@@ -0,0 +1,321 @@
|
|
|
+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
|
|
|
+
|
|
|
+ var Controller = {
|
|
|
+ index: function () {
|
|
|
+ // 初始化表格参数配置
|
|
|
+ Table.api.init({
|
|
|
+ extend: {
|
|
|
+ index_url: 'goods/index' + location.search,
|
|
|
+ add_url: 'goods/add',
|
|
|
+ edit_url: 'goods/edit',
|
|
|
+ del_url: 'goods/del',
|
|
|
+ multi_url: 'goods/multi',
|
|
|
+ import_url: 'goods/import',
|
|
|
+ bind_url: 'goods/bind_goods',
|
|
|
+ statistics_url: 'goods/goods_statistics',
|
|
|
+ amount_rank_url: 'goods/goods_buy_rank',
|
|
|
+ order_amount_rank_url: 'goods/order_amount_rank',
|
|
|
+ order_num_rank_url: 'goods/order_num_rank',
|
|
|
+ table: 'goods',
|
|
|
+ }
|
|
|
+ });
|
|
|
+ let extend=$.fn.bootstrapTable.defaults.extend
|
|
|
+ var table = $("#table");
|
|
|
+
|
|
|
+ // 初始化表格
|
|
|
+ table.bootstrapTable({
|
|
|
+ url: $.fn.bootstrapTable.defaults.extend.index_url,
|
|
|
+ pk: 'id',
|
|
|
+ sortName: 'id',
|
|
|
+ searchFormVisible:true,
|
|
|
+ columns: [
|
|
|
+ [
|
|
|
+ {checkbox: true},
|
|
|
+ {field: 'id', title: __('Id')},
|
|
|
+ {field: 'name', title: __('Name'),formatter: Table.api.formatter.content,width:200},
|
|
|
+ {field: 'category.name', title: __('分类'),formatter: Table.api.formatter.label,operate: "like"},
|
|
|
+ {field: 'brand', title: __('Brand')},
|
|
|
+ //{field: 'amount', title: __('售价'), operate:'BETWEEN'},
|
|
|
+ //{field: 'amount_kill', title: __('Amount_kill'), operate:'BETWEEN'},
|
|
|
+ {field: 'is_hot', title: __('Is_hot'),formatter:Table.api.formatter.label,searchList:{0:'否',1:'是'}},
|
|
|
+ {field: 'is_kill', title: __('Is_kill'),formatter:Table.api.formatter.label,searchList:{0:'否',1:'是'}},
|
|
|
+ {field: 'status', title: __('状态'),formatter:Table.api.formatter.label,searchList:goodsStatus},
|
|
|
+ {field: 'num_sell', title: __('Num_sell')},
|
|
|
+ {field: 'create_time', title: __('Create_time'),formatter: Table.api.formatter.datetime,addClass:'datetimerange'},
|
|
|
+ //{field: 'update_time', title: __('Update_time'),formatter: Table.api.formatter.datetime,addClass:'datetimerange'},
|
|
|
+
|
|
|
+ {field:'',title:'统计',table: table,events: Table.api.events.operate,formatter: Table.api.formatter.buttons,operate: false,
|
|
|
+ buttons:[
|
|
|
+ {
|
|
|
+ name: 'detail',
|
|
|
+ text: __('商品组合'),
|
|
|
+ title: __('商品组合'),
|
|
|
+ classname: 'btn btn-xs btn-primary btn-dialog',
|
|
|
+ icon: 'fa',
|
|
|
+ url: extend.bind_url,
|
|
|
+ callback: function (data) {
|
|
|
+ },
|
|
|
+ visible: function (row) {
|
|
|
+ return table.data('operate-bind_goods');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'detail',
|
|
|
+ text: __('数据统计'),
|
|
|
+ title: __('数据统计'),
|
|
|
+ classname: 'btn btn-xs btn-info btn-dialog',
|
|
|
+ icon: 'fa',
|
|
|
+ url: extend.statistics_url,
|
|
|
+ extend:`data-area='["800px","80%"]'`,
|
|
|
+ callback: function (data) {
|
|
|
+ },
|
|
|
+ visible: function (row) {
|
|
|
+ return table.data('operate-buy_rank');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'detail',
|
|
|
+ text: __('采购金额排名'),
|
|
|
+ title: __('采购金额排名'),
|
|
|
+ classname: 'btn btn-xs btn-info btn-dialog',
|
|
|
+ icon: 'fa',
|
|
|
+ url: extend.amount_rank_url,
|
|
|
+ extend:`data-area='["800px","80%"]'`,
|
|
|
+ callback: function (data) {
|
|
|
+ },
|
|
|
+ visible: function (row) {
|
|
|
+ return table.data('operate-buy_rank');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'detail',
|
|
|
+ text: __('订单金额排名'),
|
|
|
+ title: __('订单金额排名'),
|
|
|
+ classname: 'btn btn-xs btn-info btn-dialog',
|
|
|
+ icon: 'fa',
|
|
|
+ url: extend.order_amount_rank_url,
|
|
|
+ extend:`data-area='["800px","80%"]'`,
|
|
|
+ callback: function (data) {
|
|
|
+ },
|
|
|
+ visible: function (row) {
|
|
|
+ return table.data('operate-order_amount_rank');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'detail',
|
|
|
+ text: __('订单笔数排名'),
|
|
|
+ title: __('订单笔数排名'),
|
|
|
+ classname: 'btn btn-xs btn-info btn-dialog',
|
|
|
+ icon: 'fa',
|
|
|
+ url: extend.order_num_rank_url,
|
|
|
+ extend:`data-area='["800px","80%"]'`,
|
|
|
+ callback: function (data) {
|
|
|
+ },
|
|
|
+ visible: function (row) {
|
|
|
+ return table.data('operate-order_num_rank');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ]},
|
|
|
+ {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate},
|
|
|
+ ]
|
|
|
+ ],
|
|
|
+ onLoadSuccess(){
|
|
|
+ setTimeout(()=>{
|
|
|
+ $('.btn-editone').attr('data-area','["100%","100%"]')
|
|
|
+ },100)
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $(document).on('click','.bindGoods',function (){
|
|
|
+ let id=$(this).data('id')
|
|
|
+ Fast.api.open(extend.bind_url+`/id/${id}`,'绑定商品')
|
|
|
+ })
|
|
|
+
|
|
|
+ // 为表格绑定事件
|
|
|
+ Table.api.bindevent(table);
|
|
|
+ },
|
|
|
+ add: function () {
|
|
|
+ this.editor()
|
|
|
+ Controller.api.bindevent();
|
|
|
+ },
|
|
|
+ edit: function () {
|
|
|
+ this.editor()
|
|
|
+ Controller.api.bindevent();
|
|
|
+ },
|
|
|
+ goods_statistics(){
|
|
|
+ //Controller.api.bindevent();
|
|
|
+ Form.events.daterangepicker($('.form'))
|
|
|
+ $('.doSearch').click(()=>{
|
|
|
+ layer.load()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ goods_buy_rank(){
|
|
|
+ Table.api.init()
|
|
|
+ var table = $("#table");
|
|
|
+ // 初始化表格
|
|
|
+ table.bootstrapTable({
|
|
|
+ url: location.href,
|
|
|
+ pk: 'id',
|
|
|
+ sortName: 'id',
|
|
|
+ searchFormVisible:true,
|
|
|
+ showExport:false,
|
|
|
+ commonSearch:true,
|
|
|
+ search:false,
|
|
|
+ columns: [
|
|
|
+ [
|
|
|
+ {field: 'rank', title: __('排名'),operate:false,},
|
|
|
+ {field: 'nickname', title: __('用户名'),operate:false,},
|
|
|
+ {field: 'amount', title: __('金额'),operate:false,},
|
|
|
+ {field: 'date', title: __('时间'),operate:'range',addClass:'datetimerange',visible:false},
|
|
|
+ ]
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ Table.api.bindevent(table);
|
|
|
+ },
|
|
|
+ order_amount_rank(){
|
|
|
+ Table.api.init()
|
|
|
+ var table = $("#table");
|
|
|
+ // 初始化表格
|
|
|
+ table.bootstrapTable({
|
|
|
+ url: location.href,
|
|
|
+ pk: 'id',
|
|
|
+ sortName: 'id',
|
|
|
+ searchFormVisible:true,
|
|
|
+ showExport:false,
|
|
|
+ commonSearch:true,
|
|
|
+ search:false,
|
|
|
+ columns: [
|
|
|
+ [
|
|
|
+ {field: 'rank', title: __('排名'),operate: false,},
|
|
|
+ {field: 'order_no', title: __('订单号'),operate: false,},
|
|
|
+ {field: 'nickname', title: __('用户名'),operate: false,},
|
|
|
+ {field: 'amount', title: __('金额'),operate: false,},
|
|
|
+ {field: 'date', title: __('时间'),operate:'range',addClass:'datetimerange',visible:false},
|
|
|
+ ]
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ Table.api.bindevent(table);
|
|
|
+ },
|
|
|
+ order_num_rank(){
|
|
|
+ Table.api.init()
|
|
|
+ var table = $("#table");
|
|
|
+ // 初始化表格
|
|
|
+ table.bootstrapTable({
|
|
|
+ url: location.href,
|
|
|
+ pk: 'id',
|
|
|
+ sortName: 'id',
|
|
|
+ searchFormVisible:true,
|
|
|
+ showExport:false,
|
|
|
+ commonSearch:true,
|
|
|
+ search:false,
|
|
|
+ columns: [
|
|
|
+ [
|
|
|
+ {field: 'rank', title: __('排名'),operate: false,},
|
|
|
+ {field: 'nickname', title: __('用户名'),operate: false,},
|
|
|
+ {field: 'num', title: __('笔数'),operate: false,},
|
|
|
+ {field: 'date', title: __('时间'),operate:'range',addClass:'datetimerange',visible:false},
|
|
|
+ ]
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ Table.api.bindevent(table);
|
|
|
+ },
|
|
|
+ editor(){
|
|
|
+ $('.btnAddSku').click(function (){
|
|
|
+ let key=Date.now()
|
|
|
+ let a=$($('.skuItem')[0].outerHTML.replace(/\[_\d+]/g,`[_${key}]`))
|
|
|
+ $(this).parent().before(a[0].outerHTML.replace(/value="\S+"/ig,''))
|
|
|
+
|
|
|
+ //添加价格
|
|
|
+ let html=$('.amountItem')[0].outerHTML.replace(/\[_\d+]/g,`[_${key}]`)
|
|
|
+ let item=$(html)
|
|
|
+ item.find('.itemName').text('')
|
|
|
+ item.find('.amountItemOne').each(function (idx){
|
|
|
+ if(idx>0){
|
|
|
+ $(this).remove()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('.amountSet').append(item[0].outerHTML)
|
|
|
+ item.find('.skuBase').remove()
|
|
|
+ $('.amountSetKill').append(item[0].outerHTML.replace(/\[amount_ladder]/g,'[amount_kill_ladder]'))
|
|
|
+ })
|
|
|
+ $('.btnAddSize').click(function (){
|
|
|
+ let key=Date.now()
|
|
|
+ let a=$($('.skuItem')[0].outerHTML.replace(/\[_\d+]/g,`[_${key}]`))
|
|
|
+ $(this).parent().before(a[0].outerHTML.replace(/value="\S+"/ig,''))
|
|
|
+
|
|
|
+ //添加价格
|
|
|
+ let html=$('.amountItem')[0].outerHTML.replace(/\[_\d+]/g,`[_${key}]`)
|
|
|
+ let item=$(html)
|
|
|
+ item.find('.itemName .itemSize').text('')
|
|
|
+ item.find('.itemName .itemSpec').text('')
|
|
|
+ item.find('.amountItemOne').each(function (idx){
|
|
|
+ if(idx>0){
|
|
|
+ $(this).remove()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ $('.amountSet').append(item[0].outerHTML)
|
|
|
+ item.find('.skuBase').remove()
|
|
|
+ $('.amountSetKill').append(item[0].outerHTML.replace(/\[amount_ladder]/g,'[amount_kill_ladder]'))
|
|
|
+ })
|
|
|
+ $(document).on('click','.delSku,.delDetail',function (){
|
|
|
+ let className=$(this).parent()[0].className
|
|
|
+ if($(this).parent().parent().find(`.${className}`).length===1){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ $('.amountItem').eq($(this).parent().index()).remove()
|
|
|
+ $(this).parent().remove()
|
|
|
+ })
|
|
|
+ $(document).on('click','.delAmountItem',function (){
|
|
|
+ let className=$(this).parent()[0].className
|
|
|
+ if($(this).parent().parent().find(`.${className}`).length===1){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ $(this).parent().remove()
|
|
|
+ })
|
|
|
+ $('.btnAddDetail').click(function (){
|
|
|
+ let a=$($(this).parent().prev()[0].outerHTML),key=Date.now(),m=$(this).data('m')
|
|
|
+ a.find('.id').attr('name',`row[${m}][${key}][id]`)
|
|
|
+ a.find('.name').attr('name',`row[${m}][${key}][name]`)
|
|
|
+ a.find('.value').attr('name',`row[${m}][${key}][value]`)
|
|
|
+ $(this).parent().before(a[0].outerHTML.replace(/value="\S+"/ig,''))
|
|
|
+ })
|
|
|
+ $(document).on('input','.skuName',function (){
|
|
|
+ let val=this.value,idx=$(this).parent().index()
|
|
|
+ $('.amountSet .amountItem').eq(idx).find('.itemName').text(val)
|
|
|
+ $('.amountSetKill .amountItem').eq(idx).find('.itemName').text(val)
|
|
|
+ })
|
|
|
+ $(document).on('click','.addAmountDetail',function (){
|
|
|
+ let key=Date.now()
|
|
|
+ let a=$($(this).prev()[0].outerHTML.replace(/\[__\d+]/g,`[__${key}]`))
|
|
|
+ $(this).before(a[0].outerHTML.replace(/value="\S+"/ig,''))
|
|
|
+ })
|
|
|
+ },
|
|
|
+ api: {
|
|
|
+ bindevent: function () {
|
|
|
+ Form.api.bindevent($("form[role=form]"));
|
|
|
+ }
|
|
|
+ },
|
|
|
+ bind_goods(){
|
|
|
+ Controller.api.bindevent();
|
|
|
+ $('.skuItem input[type=radio]').change(function (){
|
|
|
+ getGoods(goods.id,this.value)
|
|
|
+ })
|
|
|
+
|
|
|
+ let getGoods=(goods_id,sku_id)=>{
|
|
|
+ let idx=layer.load()
|
|
|
+ $.post('',{e:'get',sku_id,goods_id},function (res){
|
|
|
+ if(res.data.length) {
|
|
|
+ $('#c-name').val(res.data.join(','))
|
|
|
+ }else{
|
|
|
+ $('#c-name').selectPageClear()
|
|
|
+ }
|
|
|
+ $('#c-name').selectPageRefresh();
|
|
|
+ layer.close(idx)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ $('.firstSku').trigger('click')
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return Controller;
|
|
|
+});
|
