beauti-nof/public/assets/js/backend/produceorder.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form','clipboard'], 
    function ($, undefined, Backend, Table, Form,clipboard) {

        var Controller = {
            index: async function () {
                // 初始化表格参数配置
                Table.api.init({
                    extend: {
                        index_url: 'Produceorder/index' + location.search,
                        add_url: 'Produceorder/add',
                        edit_url: 'Produceorder/edit',
                        del_url: 'Produceorder/del',
                        multi_url: 'Produceorder/multi',
                        import_url: 'Produceorder/import',
                        show_open_data_url: 'Produceorder/show_open_data',
                        detail_url: 'Produceorder/detail', // 详情
                        table: 'Produceorder',
                        multi_edit_url: 'produceorder/multi_edit',
                    }
                });

                var table = $("#table");

                $('.btn-multi-edit').click(function (){
                    let ids=[]
                    $('#table').bootstrapTable('getSelections').forEach(item=>{
                        ids.push(item.id)
                    })
                    if(!ids.length){
                        layer.alert('请选择')
                        return
                    }
                    Fast.api.open(`${$.fn.bootstrapTable.defaults.extend.multi_edit_url}/ids/${ids.join(',')}`,'批量编辑')
                })

                table.on('post-common-search.bs.table', function (event, table) {
                    var form = $("form", table.$commonsearch);
                    $("input[name='s_id']", form).addClass("selectpage").data("source", "auth/admin/index2").data("primaryKey", "id").data("params",{"custom[proxy]":"0","custom[sub]":"1"}).data("field", "nickname").data("orderBy", "id asc");
                    Form.events.cxselect(form);
                    Form.events.selectpage(form);
                });


                let is_proxy = Config.is_proxy;
                let is_proxy_operate = false;
                let is_proxy_operate_eq = false;
                if(is_proxy==0){
                    is_proxy_operate = 'LIKE';
                    is_proxy_operate_eq = '=';
                }

                let tableData=[]

                let url_clip=new clipboard('.btn-copy-obj',{
                    text:function (a){
                        let idx=$(a).data('row-index'),
                            row=tableData[idx]
                            return `${location.origin}/h5/#/?id=${row.id}`
                    }
                })
                url_clip.on('success',function (){
                    parent.layer.msg('复制成功')
                })

                let clip=new clipboard('.btn-pay_link',{
                    text(a){
                        let link=$(a).data('link')
                        return link
                    }
                })
                clip.on('success',function (){
                    parent.layer.msg('复制成功')
                })

                //订单信息复制
                let order_clip=new clipboard('.btn-order_link',{
                    text(a){
                        // let link=$(a).data('link').replace(/<[^>]*>/g, '')
                        let link=$(a).data('link');
                        // console.log(JSON.stringify(link));
                        return link + ''
                    }
                })
                console.log(order_clip,'22222222')

                order_clip.on('success',function (){
                    console.log(order_clip);

                    parent.layer.msg('复制成功')
                })

                let status = await $.getJSON('Produceorder/status');
                let statusColor={};
                let colors=['label-daifukuan','label-info','label-danger','label-warning','label-primary','label-success','label-default','label-danger','label-info','label-warning','label-primary','label-success','label-default','label-danger','label-info','label-warning','label-primary','label-success','label-default','label-danger','label-info','label-warning','label-primary','label-success','label-default','label-danger','label-info','label-warning','label-primary','label-success'];
                Object.keys(status).forEach((item,idx)=>{
                    statusColor[item]=colors[idx];
                });
                statusColor[50]='label-default';
                let payType = await $.getJSON('Produceorder/pay_type');
                let mobileRules = await $.getJSON('mobile/mobile_rules');
                table.on('load-success.bs.table', function (_, data) {
                    let e=data.extend;
                    $('#orderAmount').html(`收入：${e.total}，支付宝：${e.alipay}，微信：${e.wechat}，抖音：${e.dy}，快手：${e.ks}，成本：${e.di}，利润：${e.profit}，退款：${e.refund}`)
                });
                $(document).on('click','.btn-click-show-open',function (){
                    if($(this).data('open')!==1){
                        parent.layer.msg('该用户未上传开卡资料')
                        return
                    }
                    Fast.api.open($.fn.bootstrapTable.defaults.extend.show_open_data_url+'/id/'+$(this).data('id'),'查看资料',{
                        shade:.3,
                        shadeClose:false,
                    })
                })
                $(document).on('click','.btn-sub-remark',function (){
                    let id=$(this).data('id')
                    let url="produceorder/sub_remark"+`/id/${id}`
                    Fast.api.open(url,'备注')
                })

                let columns=[
                    {checkbox: true},
                    // {field: 'id', title: __('ID'),operate:false,},
                    {field: 'order_no', title: __('订单号'),visible:false,operate: 'like'},
                    {field: 'out_order_no', title: __('外部订单号'),visible:false,operate: 'like'},
                    {field: 'produce_id', title: __('商品名称'),visible: false,operate: 'LIKE', addClass: 'selectpage', extend: "data-source='produce/index' data-field='local_code'"},
                    {field: 'is_arrearage', title: __('是否欠费'), searchList: {"1":__('是'),"0":__('否')},visible: false}, 
                    {field: 'produce_activation', title: __('是否激活'), searchList: {"1":__('是'),"0":__('否')},visible: false}, 
                    {field: 'produce_is_recharge', title: __('是否首充'), searchList: {"1":__('是'),"0":__('否')},visible: false}, 
                    {field: 'flag', title: __('旗帜'), searchList: {"#FF0000":'红色',"#FFFF00":'黄色',"#00FF33":'绿色',"#0033FF":'蓝色',"#9900FF":'紫色',"#00CCFF":'青色'},visible: false},
                    {field: 'no', title: __('生产号码'),visible: false,operate: 'LIKE'},
                    {field: 'phone', title: __('收货人手机'),visible: false,operate: 'LIKE'},
                    {field: 'address_name', title: __('收货人'),visible: false,operate: 'LIKE'},
                    {field: 'id_no', title: __('身份证'),visible: false,operate: "like"},
                    {field: 'is_auto', title: __('是否首充'), searchList: {"1":__('是'),"0":__('否')},visible: false}, 
                    {field: 'platform_source', title: __('订单来源'),visible: false,operate: 'LIKE'},
                    {field: 'create_time', title: __('订单生成时间'),visible: false,operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime, type: 'datetime'},
                    {field: 'state', title: __('订单状态'),visible: false, searchList: {'1':'激活','2':'退单(激活前)','3':'转套餐','4':'销户','6':'首充数据同步','C1':'开户完成','E0':'发货'},operate: 'LIKE'},
                    // {field: 'no', title: __('订单更新时间'),visible: false,operate: 'LIKE'},
                    {field: 'order_no', title: __('订单信息'),operate: false,formatter(_,order){
                            let a=[]
                            a.push(`<div>订单号:<b class="btn-order_link" data-link="${order.order_no}">${order.order_no}</b><span style='color: ${order.flag};font-size: 24px; '>&#127987;</span></div>`)
                            a.push(`<div>外部订单号:<b class="btn-order_link" data-link="${order.out_order_no}">${order.out_order_no}</b></div>`)
                            a.push(`<div>商品编码:<b class="btn-order_link" data-link="${order.produce ? order.produce.local_code : ''}">${order.produce ? order.produce.local_code : ''}</b></div>`)
                            a.push(`<div>供应商:<b class="btn-order_link" data-link="${order.supplier}">${order.supplier}</b></div>`)
                            // if(order.pay_no){
                            //     a.push(`<div>支付单号:<b class="btn-order_link" data-link="${order.pay_no}">${order.pay_no}</b></div>`)
                            // }
                            // a.push(`<div class="btn-order_link" data-link="${order.no}"><b>商品信息:${order.no}</b></div>`)
                            // a.push(`<div>归属地:${order.info.mobile.province}/${order.info.mobile.city}</div>`)
                            // if(adminInfo.is_manager){
                            //     a.push(`<div>供应商:${order.proxy?order.proxy.nickname:''}</div>`)
                            // }
                            // a.push(`<div>运营商:${order.info?order.info.mobile.network:''}</div>`)
                            // a.push(`<div>卡品牌:${order.brand}</div>`)
                            // if(showAmountDi && is_proxy==0) {
                            //     a.push(`<div class="btn-order_link" data-link="${order}">底价:${order.amount_di}</div>`)
                            // }
                            // a.push(`<div class="btn-order_link" data-link="${order.amount_charge}">预存:${order.amount_charge}</div>`)
                            // if(is_proxy == 0 ) {
                                // a.push(`<div class="btn-order_link" data-link="${order.info.mobile.is_activity?order.info.mobile.amount_kill:order.info.mobile.amount_base}"><b>售价:${order.info.mobile.is_activity?order.info.mobile.amount_kill:order.info.mobile.amount_base}</b></div>`)
                            //     a.push(`<div class="btn-order_link" data-link="${order.amount}">订单价格:${order.amount}</div>`)
                            // }
                            // a.push(`<div class='btn-order_link' data-link="${order.info.info.describe}">套餐:${order.info?order.info.info.describe:''}</div>`)
                            // a.push(`<div>备注:${order.info?order.info.mobile.remark:''}</div>`)
                            // a.push(`<a class="btn btn-success btn-sm btn-order_link" data-link="${a.join('')}">点击复制</a>`)
                            return `<div style="max-width: 250px;word-wrap: break-word;word-break: break-all;white-space: normal;text-align: left;">${a.join('')}</div>`
                        },width:'20%',valign:'top',align:'left'},
                    {field: 'order_no', title: __('收货人'),operate: false,formatter(_,order){
                            let a=[]
                            a.push(`<div class="btn-order_link" data-link="${order.name}">收货人:${order.address_name}</div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.phone}">手机号:${order.phone}<span style="color: red;">(${order.phone_order_count})</span></div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.address}">地址:${order.address}</div>`)
                            if(is_proxy == 0 ) {
                                // a.push(`<div>支付方式:${payType[order.pay_type]}</div>`)
                                // a.push(`<div>微信商户号:<span style="color: #00b578;">${order.pay_mid_wechat}</span></div>`)
                                // a.push(`<div>支付宝商户号:<span style="color: #0d6aad;">${order.pay_mid_alipay}</span></div>`)
                                // a.push(`<div>抖音商户号:<span style="color: #0d6aad;">${order.pay_mid_dy}</span></div>`)
                                // a.push(`<div>快手商户号:<span style="color: #0d6aad;">${order.pay_mid_ks}</span></div>`)
                            }
                            a.push(`<div>备注:${order.remark}</div>`)
                            // a.push(`<div>快递名称:${order.trans_name}</div>`)
                            // a.push(`<div>快递单号:${order.trans_no}</div>`)
                            a.push(`<a class="btn btn-link btn-click-show-open" style="color: #00a2ff;" data-id="${order.id}" data-open="${order.open_uploaded}">查看资料</a>`)
                            return `<div style="max-width: 200px;text-align: left;" class="break-words">${a.join('')}</div>`
                        },width:'20%',valign:'top',align:'left'},
                    {field: 'create_time', title: __('订单状态'),operate: false,formatter(_,order){
                            let a=[]
                            a.push(`<div class="btn-order_link" data-link="${order.state_name}">订单状态:${order.state_name}</div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.produce_activation_name}">激活状态:${order.produce_activation_name}</div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.produce_is_recharge_name}">是否首充:${order.produce_is_recharge_name}</div>`)
                            a.push(`<div>首充金额:${order.first_amount}</div>`)
                            a.push(`<div>创建时间:${order.create_time}</div>`)
                            a.push(`<div>更新时间:${order.update_time}</div>`)
                            // a.push(`<a class="btn btn-link btn-click-show-open" style="color: #00a2ff;" data-id="${order.id}" data-open="${order.open_uploaded}">查看资料</a>`)
                            return `<div style="max-width: 200px;text-align: left;" class="break-words">${a.join('')}</div>`
                        },width:'15%',valign:'top',align:'left'},
                    {field: 'create_time', title: __('生产信息'),operate: false,formatter(_,order){
                            let a=[]
                            a.push(`<div class="btn-order_link" data-link="${order.no}">生产号码:${order.no}</div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.platform_source}">订单来源:${order.platform_source}</div>`)
                            a.push(`<div class="btn-order_link" data-link="${order.logistics_numbers}">物流名称:</div>`)
                            a.push(`<div>物流单号:${order.logistics_numbers}</div>`)
                            a.push(`<div>物流状态:</div>`)
                            // a.push(`<a class="btn btn-link btn-click-show-open" style="color: #00a2ff;" data-id="${order.id}" data-open="${order.open_uploaded}">查看资料</a>`)
                            return `<div style="max-width: 200px;text-align: left;" class="break-words">${a.join('')}</div>`
                        },width:'15%',valign:'top',align:'left'},
                    {field: 'remark', title: '备注',operate: 'false', formatter(_,order) {
                        let a=[]
                        a.push(`<div>${order.remark}</div>`)
                        a.push(`<a class="btn btn-info btn-xs btn-sub-remark" data-id="${order.id}">备注</a>`)
                        return `<div style="text-align: left;font-size: 10px;max-width: 200px;" class="break-words">${a.join('')}</div>`
                    },width:'10%'},
                    // {field: 'failure_reason', title: '失败原因',operate: 'false',width:'10%'},
                    {field: 'failure_reason', title: __('失败原因'), operate: false,align:'left', class: 'autocontent', formatter: Table.api.formatter.content},
                    // {field: 'title', title: __('Title'), operate: 'LIKE',align:'left', class: 'autocontent', formatter: Table.api.formatter.content},
                    // {field: 'remark', title: '失败原因&备注',formatter: Table.api.formatter.datetime,addClass:'datetimerange',operate: 'range'},
                    {field: 'logistics_numbers', title: __('物流单号'),visible: false,operate: "like"},
                    {
                        field: 'operate',
                        title: __('Operate'),
                        table: table,
                        width: '5%',
                        events: Table.api.events.buttons,
                        formatter: Table.api.formatter.buttons,
                        buttons:[
                            {
                                name: 'detail',
                                text: '订单详情',
                                title: '订单详情',
                                classname: 'btn btn-xs btn-info btn-dialog',
                                url: 'Produceorder/detail',
                                extend:'data-area=\'["40%","90%"]\' data-toggle=\'tooltip\'',
                                // icon:'fa fa-pencil',
                                callback: function (data) {
                                    Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
                                    // $('.btn-refresh').trigger('click')
                                },
                                visible: function (row) {
                                    //返回true时按钮显示,返回false隐藏
                                    return true;
                                }
                            },
                            {
                                name: 'edie',
                                text: __('修改订单'),
                                title: __('修改订单'),
                                classname: 'btn btn-xs btn-info btn-dialog period',
                                url: 'Produceorder/edit?a=1',
                                callback: function (data) {
                                },
                                visible: function (row) {
                                    if(row['is_cancel'] == '0'){
                                        return true;
                                    }
                                    
                                    return false;
                                }
                            },
                            // {
                            //     name:'detail',
                            //     title:'查看物流',
                            //     text: __('查看物流'),
                            //     classname: 'btn btn-xs btn-danger btn-dialog',
                            //     url: 'Produceorder/see_logistics?a=1',
                            //     visible:(row)=>{
                            //         return $('#table').data('see_logistics') && row.trans_id>0 && row.trans_no
                            //     }
                            // },
                            {
                                name: 'copy',
                                title: __('上传资料链接'),
                                text: __('上传资料链接'),
                                classname: 'btn btn-xs btn-info btn-copy-obj',
                                click: function (data,row) {

                                },
                                visible: function (row) {
                                    if(row['is_cancel'] == '0'){
                                        return true;
                                    }
                                    
                                    return false;
                                }
                            },
                            {
                                name: 'resubmit',
                                title: __('再次提交'),
                                text: __('再次提交'),
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                confirm: '确认再次提交吗？',
                                url: 'produceorder/resubmit',
                                success: function (data, ret) {
                                    Layer.alert('操作成功');
                                    //如果需要阻止成功提示，则必须使用return false;
                                    //return false;
                                },
                                error: function (data, ret) {
                                    console.log(data, ret);
                                    Layer.alert(ret.msg);
                                    return false;
                                },
                                visible: function (row) {
                                    if(row['is_cancel'] == '0'){
                                        return true;
                                    }
                                    
                                    return false;
                                }
                            },
                            {
                                name: 'cancel',
                                title: __('取消订单'),
                                text: __('取消订单'),
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                confirm: '确定要取消订单吗？',
                                url: 'produceorder/cancel',
                                success: function (data, ret) {
                                    Layer.alert('取消成功');
                                    table.bootstrapTable('refresh');
                                    //如果需要阻止成功提示，则必须使用return false;
                                    //return false;
                                },
                                error: function (data, ret) {
                                    console.log(data, ret);
                                    Layer.alert(ret.msg);
                                    return false;
                                },
                                visible: function (row) {
                                    if(row['is_cancel'] == '0'){
                                        return true;
                                    }
                                    
                                    return false;
                                }
                            },
                        ]
                    }
                ]
                if(!adminInfo.is_manager){
                    Table.api.removeColumn('operation_log',columns)
                    Table.api.removeColumn('anchor.name',columns)
                    Table.api.removeColumn('s_id',columns)
                    Table.api.removeColumn('admin.admin_id',columns)
                }


                // 初始化表格
                table.bootstrapTable({
                    url: $.fn.bootstrapTable.defaults.extend.index_url,
                    pk: 'id',
                    sortName: 'id',
                    search:false,
                    searchFormVisible:true,
                    columns: [
                        columns
                    ],
                    fixedColumns:true,
                    fixedRightNumber:1,
                    onLoadSuccess(a){
                        tableData=a.rows
                        $('.btn-export').attr('href',a.link).show()
                        // 角标
                        let arr1 = [];let status_all=0;
                        a.status_list.forEach(function(item, index) {
                            $(".nav li .nav_id_"+item.status).text(item.total);
                            arr1.push(item.status);
                            status_all = status_all+item.total;
                        });
                        // 全部
                        $(".nav li .nav_id_all").text(status_all);
                        // 无数据的置0
                        let arr2 = [0,10,15,17,20,25,30,50,60,70,80,90];
                        let diff=arr2.filter(item=>arr1.indexOf(item)==-1);
                        diff.forEach(function (i,k){
                            $(".nav li .nav_id_"+i).text(0);
                        });
                        $(".nav li .nav_id_10").text(a.status_10_count);

                        /*table.find('thead').css('position','fixed').css('background','white').css('top','370px')
                        table.css('margin-top',41)
                        table.find('tbody>tr:first-child>td').each((a,b)=>{
                            table.find('thead tr th').eq(a).css('width',b.offsetWidth).css('max-width',b.offsetWidth)
                        })*/
                    }
                });

                // 为表格绑定事件
                Table.api.bindevent(table);

                /* let innerHeight=window.innerHeight
                 $('.fixed-table-container').css('height',`${innerHeight-420}px`)
                 window.addEventListener('resize',function (){
                     let innerHeight=window.innerHeight
                     $('.fixed-table-container').css('height',`${innerHeight-420}px`)
                 })*/

            },
            add: function () {
                Controller.api.bindevent();
            },
            multi_edit: function () {
                Controller.api.bindevent();
            },
            edit: function () {
                Controller.api.bindevent();
                $(document).on('input propertychange','#c-trans_no',function (){
                    let no=$(this).val()
                    if(!no){
                        return
                    }
                    Form.api.guessLogistics(no,'#c-trans_id')
                })
            },
            add_operation(){
                Controller.api.bindevent();
                $('#c-no').focus()
            },
            sub_remark(){
                Controller.api.bindevent();
                $('#c-no').focus()
            },
            set_anchor(){
                Controller.api.bindevent();
            },
            refund(){
                Controller.api.bindevent();
            },
            mobile_up(){
                Controller.api.bindevent()
                if(!row){
                    Fast.api.close({say:'此号码已被删除，无法上架'})
                }else if(row.status===0){
                    //Fast.api.close({say:'此号码已是上架状态'})
                }
            },
            send(){
                Controller.api.bindevent();
                $(document).on('input propertychange','#c-trans_no',function (){
                    let no=$(this).val()
                    if(!no){
                        return
                    }
                    Form.api.guessLogistics(no,'#c-trans_id')
                })
            },
            show_open_data(){
                Controller.api.bindevent()
            },
            api: {
                bindevent: function () {
                    Form.api.bindevent($("form[role=form]"));
                }
            },
            refund_log(){
                Table.api.init();
                var table = $("#table");
                let columns=[
                    //{field:'id',title:'ID',operate:false},
                    {field:'od.mobile_id',title:'商品ID',operate:'='},
                    {field:'od.s_id',title:'代理商ID',operate:'='},
                    {field:'od.order_no',title:'订单号',operate:'='},
                    {field:'od.no',title:'手机号',operate:'like'},
                    {field:'pass',title:'审核状态',searchList:{1:'通过',0:'驳回'},formatter: Table.api.formatter.label},
                    {field:'reason',title:'备注',formatter: Table.api.formatter.content,width:200},
                    {field:'od.amount',title:'订单金额',operate:'between'},
                    {field:'amount_backend',title:'退款金额',operate:'between'},
                    {field:'create_time',title:'创建时间',operate:'range',addClass:'datetimerange',formatter:Table.api.formatter.datetime},
                    {field:'admin.nickname',title:' 操作员',operate:'like'},
                ];
                if(!admin.is_manager){
                    Table.api.removeColumn('od.s_id',columns)
                }
                table.bootstrapTable({
                    url: 'Produceorder/refund_log',
                    pk: 'id',
                    sortName: 'id',
                    search:false,
                    searchFormVisible:true,
                    columns: columns,
                    onLoadSuccess(a){
                    }
                });
                Table.api.bindevent(table);
            }
        };
        return Controller;
    });