screen/public/assets/js/backend/mobile_order.js

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

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

            var table = $("#table");

            let status = await $.getJSON('mobile_order/status')
            let payType = await $.getJSON('mobile_order/pay_type')
            table.on('load-success.bs.table', function (_, data) {
                let e=data.extend;
                $('#orderAmount').html(`收入：${e.total}支付宝：${e.alipay}微信：${e.wechat}京东：${e.jd}成本：${e.di}利润：${e.profit}退款：${e.refund}`)
            });
            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                searchFormVisible:true,
                columns: [
                    [
                        //{checkbox: true},
                        {field: 'id', title: __('ID'),operate:false,},
                        {field: 'order_no', title: __('订单号'),visible:false,operate: 'like'},
                        {field: 's_id', title: __('来源渠道')},
                        {field: 'order_no', title: __('订单信息'),operate: false,formatter(_,order){
                            let a=[]
                                a.push(`<div>订单号:${order.order_no}</div>`)
                                a.push(`<div>商品信息:${order.no}</div>`)
                                a.push(`<div>卡品牌:${order.brand}</div>`)
                                a.push(`<div>底价:${order.amount_di}</div>`)
                                a.push(`<div>预存:${order.amount_charge}</div>`)
                                a.push(`<div>单价:${order.amount}</div>`)
                                a.push(`<div>订单价格:${order.amount}</div>`)
                                a.push(`<div>套餐:${order.info?order.info.info.describe:''}</div>`)
                                a.push(`<div>备注:${order.info?order.info.mobile.remark:''}</div>`)
                                return `<div style="max-width: 200px;word-wrap: break-word;word-break: break-all;white-space: normal;text-align: left;">${a.join('')}</div>`
                            },width:200},
                        {field: 'order_no', title: __('收货人'),operate: false,formatter(_,order){
                                let a=[]
                                a.push(`<div>收货人:${order.name}</div>`)
                                a.push(`<div>手机号:${order.phone}</div>`)
                                a.push(`<div>地址:${order.address}</div>`)
                                a.push(`<div>支付方式:${payType[order.pay_type]}</div>`)
                                a.push(`<div>备注:${order.remark}</div>`)
                                a.push(`<div>快递名称:${order.trans_name}</div>`)
                                a.push(`<div>快递单号:${order.trans_no}</div>`)
                                return `<div style="max-width: 200px;word-wrap: break-word;word-break: break-all;white-space: normal;text-align: left;">${a.join('')}</div>`
                            },width:200},
                        {field: 'status', title: __('Status'),formatter: Table.api.formatter.label,searchList:status},
                        {field: 'remark_backend', title: __('备注'),formatter: Table.api.formatter.content,operate:false},
                        {field: '', title: __('客服记录'),formatter(_,order){
                            let a=[]
                                order.operation.forEach(item=>{
                                    a.push(`<div>${item.create_time_format_short} ${item.admin?item.admin.nickname:'-'} ${item.content}</div>`)
                                })
                                return `<div style="text-align: left;font-size: 10px;">${a.join('')}</div>`
                            },operate:false},
                        {field: 'pay_link', title: __('付款链接'),formatter:Table.api.formatter.url,operate:false},
                        {field: 'create_time', title: __('Create_time'),formatter: Table.api.formatter.datetime,addClass:'datetimerange',operate: 'range'},
                        {field: 'update_time', title: __('更新时间'),formatter: Table.api.formatter.datetime,addClass:'datetimerange',operate: 'range'},
/*                        {field: 'pay_time', title: __('Pay_time'),formatter: Table.api.formatter.datetime,addClass:'datetimerange',operate: 'range'},
                        {field: 'trans_name', title: __('Trans_name')},
                        {field: 'trans_no', title: __('Trans_no')},
                        {field: 'amount_original', title: __('Amount_original'), operate: 'BETWEEN'},
                        {field: 'amount_hd', title: __('Amount_hd'), operate: 'BETWEEN'},
                        {field: 'amount_charge', title: __('Amount_charge'), operate: 'BETWEEN'},
                        {field: 'amount', title: __('Amount'), operate: 'BETWEEN'},
                        {field: 'open_idcard_face_img', title: __('开卡身份证正面照'),formatter: Table.api.formatter.image,events: Table.api.events.image,opera: false},
                        {field: 'open_idcard_back_img', title: __('开卡身份证背面照'),formatter: Table.api.formatter.image,events: Table.api.events.image,operate:false},
                        {field: 'open_face_img', title: __('开卡人头像'),formatter: Table.api.formatter.image,events: Table.api.events.image,operate:false},
                        {field: 'open_name', title: __('开卡人姓名')},
                        {field: 'open_id_no', title: __('开卡人身份证号码')},
                        {field: 'open_phone', title: __('开卡人手机号')},*/
                        {field: 'trans_no', title: __('Trans_no'),visible: false},
                        {field: 'phone', title: __('收货人手机'),visible: false},
                        {
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            events: Table.api.events.buttons,
                            formatter: Table.api.formatter.buttons,
                            buttons:[
                                {
                                    name: 'detail',
                                    text: __('添加'),
                                    title: __('添加'),
                                    classname: 'btn btn-xs btn-info btn-dialog',
                                    url: 'mobile_order/add_operation?a=1',
                                    callback: function (data) {
                                    },
                                    visible: function (row) {
                                        return $('#table').data('add_operation');
                                    }
                                },
                                {
                                    name: 'detail',
                                    text: __('编辑'),
                                    title: __('编辑'),
                                    classname: 'btn btn-xs btn-info btn-dialog',
                                    url: 'mobile_order/edit?a=1',
                                    callback: function (data) {
                                    },
                                    visible: function (row) {
                                        return $('#table').data('add_operation');
                                    }
                                }
                            ]
                        }
                    ]
                ],
            });

            // 为表格绑定事件
            Table.api.bindevent(table);
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        add_operation(){
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});