class OrderTable{
    constructor(data){
        this.data = data;
        this.rootNode = null;
        this.init();
    }

    init(){
        let table = document.getElementById("searchTableContent");
        if(table === null){
            let node = document.querySelector("#searchTable");
            node.insertAdjacentHTML('beforeend' , '<table id="searchTableContent" class="searchTableContent"></table>');
            let tableTH = this.createTableTh();
            let table = document.getElementById("searchTableContent");
            table.insertAdjacentHTML( 'beforeend' , tableTH );
            this.data.map( (row,key) => {
                let tableTd = this.creactTableTd(row);
                table.insertAdjacentHTML( 'beforeend' , tableTd );
            } )
        }else{
            this.clean();
            let node = document.querySelector("#searchTable");
            node.insertAdjacentHTML('beforeend' , '<table id="searchTableContent" class="searchTableContent"></table>');
            let tableTH = this.createTableTh();
            let table = document.getElementById("searchTableContent");
            table.insertAdjacentHTML( 'beforeend' , tableTH );
            this.data.map( (row,key) => {
                let tableTd = this.creactTableTd(row);
                table.insertAdjacentHTML( 'beforeend' , tableTd );
            } )
        }

        
    }

    //创建表格标题
    createTableTh()
    {
        let tr_th = '<tr>';
        tr_th += "<th>订单号</th>";
        tr_th += "<th>联系人</th>";
        tr_th += "<th>操作</th>";
        tr_th += '</tr>';
        return tr_th;
    }

    creactTableTd(data)
    {
        const order_number = data.order_number;
        const order_type = data.order_type;
        const total_price = data.total_price;
        const user_name = data.user_name;
        const search_order_key = data.search_order_key;

        let tr_td = '';
        tr_td += '<td> ' + order_number + '</td>';
        tr_td += '<td> ' + user_name + '</td>' ;
        tr_td += '<td>  <a href="/selfOrders/orderInfo/no:' + order_number + '/searchOrderKey:'+ search_order_key +'">查看详情</a> </td>' ;
        // tr_td += '<td>  <a target="view_window" href="/selfOrders/orderInfo/no:' + order_number + '/searchOrderKey:'+ search_order_key +'">查看详情</a> </td>' ;

        return tr_td;
    }

    clean()
    {
        let table = document.getElementById("searchTableContent");
        table.remove();
    }
    


}