/**
 * 管理初始化
 */
var TQuestion = {
    id: "TQuestionTable",	//表格id
    seItem: null,		//选中的条目
    table: null,
    layerIndex: -1
};

/**
 * 初始化表格的列
 */
TQuestion.initColumn = function () {
    return [
        {field: 'selectItem', checkbox: true},
        {title: '序号', field: 'id', visible: true, align: 'center', valign: 'middle'},
        {title: '问题标题', field: 'content', visible: true, align: 'center', valign: 'middle'},
        {title: '添加时间', field: 'insertTime', visible: true, align: 'center', valign: 'middle',
            formatter: function (value, row, index) {
                var date = new Date(value);
                date.setHours(date.getHours() + 8);
                return date.toLocaleString('zh-CN', {
                    year: 'numeric',
                    month: '2-digit',
                    day: '2-digit',
                    hour: '2-digit',
                    minute: '2-digit',
                    second: '2-digit',
                    timeZone: 'Asia/Shanghai' // 替换为您想要的时区
                });
            }},
        {title: '排序', field: 'sort', visible: true, align: 'center', valign: 'middle'},
        {title: '状态', field: 'state', visible: true, align: 'center', valign: 'middle',
            formatter: function (value, row, index) {
                return {1: "已上架", 2: "已下架", 3: "已删除"}[value]
            }
        }
    ];
};

/**
 * 检查是否选中
 */
TQuestion.check = function () {
    var selected = $('#' + this.id).bootstrapTable('getSelections');

    if(selected.length == 0){
        Feng.info("请先选中表格中的某一记录！");
        return false;
    }else{
        TQuestion.seItem = selected[0];
        return true;
    }
};
TQuestion.dataCount = 0;
TQuestion.phone = "";
TQuestion.phoneId = "";

/**
 * 点击添加
 */
TQuestion.openAdd = function () {
    var index = layer.open({
        type: 2,
        title: '添加常见问题',
        area: ['100%', '100%'], //宽高
        fix: false, //不固定
        maxmin: true,
        content: Feng.ctxPath + '/tQuestion/add'
    });
    this.layerIndex = index;
};


/**
 * 点击编辑
 */
TQuestion.openChange = function () {
    var selected = $('#' + this.id).bootstrapTable('getSelections');
    if(selected.length >1 ){
        Feng.info("只能选择一个问题进行编辑！");
    }else {
        if (this.check()){
            var selected = $('#' + this.id).bootstrapTable('getSelections');
            var index = layer.open({
                type: 2,
                title: '详情',
                area: ['100%', '100%'], //宽高
                fix: false, //不固定
                maxmin: true,
                content: Feng.ctxPath + '/tQuestion/editQuestion/' + TQuestion.seItem.id
            });
            this.layerIndex = index;
        }
    }
};



/**
 * 上架
 */

TQuestion.onShelf = function () {
if (this.check()){
    var selected = $('#' + this.id).bootstrapTable('getSelections');
    const data1 = {
        questionId:[],
        type:null
    };
    selected.forEach(function(obj) {
        var id = obj.id;
        data1.questionId.push(id);
    });
    data1.type = 1;
    $.ajax({
        url: Feng.ctxPath + "/tQuestion/changeState",
        type: "POST",
        contentType: "application/json", // 设置请求头的 Content-Type
        data: JSON.stringify(data1), // 将数据转换为 JSON 字符串
        success: function(response) {
            Feng.success("上架成功!");
            TQuestion.table.refresh();
        },
        error: function(xhr, status, error) {
            var errorMessage = xhr.responseText ? xhr.responseText : "上架失败!";
            Feng.error("您的网络异常！");
        }
    });
}
};


/**
 * 下架
 */
TQuestion.offShelf = function () {

    if (this.check()){
        var selected = $('#' + this.id).bootstrapTable('getSelections');
        const data1 = {
            questionId:[],
            type:null
        };
        selected.forEach(function(obj) {
            var id = obj.id;
            data1.questionId.push(id);
        });
        data1.type = 2;
        $.ajax({
            url: Feng.ctxPath + "/tQuestion/changeState",
            type: "POST",
            contentType: "application/json", // 设置请求头的 Content-Type
            data: JSON.stringify(data1), // 将数据转换为 JSON 字符串
            success: function(response) {
                Feng.success("下架成功!");
                TQuestion.table.refresh();

            },
            error: function(xhr, status, error) {
                var errorMessage = xhr.responseText ? xhr.responseText : "下架失败!";
                Feng.error("您的网络异常！");
            }
        });
    }
};
/**
 * 查看详情
 */
TQuestion.getInfo = function () {
    var selected = $('#' + this.id).bootstrapTable('getSelections');
    if(selected.length >1 ){
        Feng.info("只能选择一条进行查看！");
    }else {
        if (this.check()){
            var selected = $('#' + this.id).bootstrapTable('getSelections');

            var index = layer.open({
                type: 2,
                title: '详情',
                area: ['100%', '100%'], //宽高
                fix: false, //不固定
                maxmin: true,
                content: Feng.ctxPath + '/tQuestion/infoQuestion/' + TQuestion.seItem.id
            });
            this.layerIndex = index;
        }
    }
};

/**
 * 删除
 */
TQuestion.delete = function () {
    if (this.check()){
        var selected = $('#' + this.id).bootstrapTable('getSelections');

        const data1 = {
            questionId:[],
            type:null
        };
        selected.forEach(function(obj) {
            var id = obj.id;
            data1.questionId.push(id);
        });
        data1.type = 3;

        $.ajax({
            url: Feng.ctxPath + "/tQuestion/changeState",
            type: "POST",
            contentType: "application/json", // 设置请求头的 Content-Type
            data: JSON.stringify(data1), // 将数据转换为 JSON 字符串
            success: function(response) {
                Feng.success("删除成功!");
                TQuestion.table.refresh();
            },
            error: function(xhr, status, error) {
                var errorMessage = xhr.responseText ? xhr.responseText : "删除失败!";
                Feng.error(errorMessage);
            }
        });
    }
};
/**
 * 打开查看详情
 */
TQuestion.openDetail = function () {
    if (this.check()) {
        var index = layer.open({
            type: 2,
            title: '详情',
            area: ['100%', '100%'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/tQuestion/editQuestion/' + TQuestion.seItem.id
        });
        this.layerIndex = index;
    }
};


/**
 * 查询列表
 */
TQuestion.search = function () {
    var queryData = {};
    queryData['content'] = $("#content").val();
    queryData['state'] = $("#state").val();
    TQuestion.table.refresh({query: queryData});
};


/**
 * 重置搜索
 */
TQuestion.resetSearch = function () {
    $("#content").val('');
    $("#state").val('');
    TQuestion.search();
};

$(function () {

    const data1 = {
        id:null,
        phone:null,
        insertTime:null
    };
    // 获取客服电话
    $.ajax({
        url: Feng.ctxPath + "/tPhone/list",
        type: "POST",
        contentType: "application/json", // 设置请求头的 Content-Type
        success: function(response) {
            var phoneValue = null;
            var split = [];
            // 遍历列表数据使用 forEach() 方法
            response.forEach(function (item) {
                TQuestion.phoneId = item.id;
                phoneValue = item.phone;
                split = phoneValue.split(",");
            });
            if (response[0].phone !== "" && response[0].phone!== null) {
                var dataContainer = document.getElementById('phone');
                split.forEach(function (item) {
                    if (item !== ''){
                        // 创建新的数据项
                        var dataItem = document.createElement('div');
                        dataItem.className = 'data-item';
                        dataItem.innerText = item;
                        // 创建删除按钮
                        var deleteButton = document.createElement('div');
                        deleteButton.className = 'delete-button';
                        deleteButton.innerHTML = '×';
                        // 为删除按钮添加点击事件监听器
                        deleteButton.addEventListener('click', function () {
                            TQuestion.dataCount--;
                            // 在点击事件处理程序中删除数据项
                            dataContainer.removeChild(dataItem);
                        });
                        // 将删除按钮添加到数据项
                        dataItem.appendChild(deleteButton);
                        // 将数据项添加到容器中
                        dataContainer.appendChild(dataItem);
                        TQuestion.dataCount++;
                        // 获取item元素的文本内容（不包含"x"）
                        var itemValues = Array.from(dataContainer.getElementsByClassName('data-item')).map(function (item) {
                            return item.innerText.replace(/[\u00D7]/g, '').trim();
                        });
                    }

                });
            }
            var addButton = document.getElementById('addButton');
            addButton.addEventListener('click', function () {
                var phoneRegex = /^1[0-9]{10}$/;
                var landlineRegex = /^\d{4}-\d{7}$/;

                var inputField = document.getElementById('addPhone');
                var dataContainer = document.getElementById('phone');
                var inputData = inputField.value.trim();
                if (TQuestion.dataCount>=2){
                    Feng.info("最多添加两个客服电话！");
                    // todo 添加正则表达式验证电话号码合法性
                }else if(!phoneRegex.test(inputData)&&!landlineRegex.test(inputData)){
                    Feng.info("客服电话不合法,请重新输入!");
                }else {
                    if (inputData !== '' || document.querySelectorAll('.data-item').length !==0) {
                        TQuestion.phone = "";
                        // 创建新的数据项
                        var dataItem = document.createElement('div');
                        if (inputData !== ''){
                            dataItem.className = 'data-item';
                            dataItem.innerText = inputData;
                            // 创建删除按钮
                            var deleteButton = document.createElement('div');
                            deleteButton.className = 'delete-button';
                            deleteButton.innerHTML = '×';
                            // 为删除按钮添加点击事件监听器
                            deleteButton.addEventListener('click', function () {
                                TQuestion.dataCount--;
                                // 在点击事件处理程序中删除数据项
                                dataContainer.removeChild(dataItem);
                            });
                            // 将删除按钮添加到数据项
                            dataItem.appendChild(deleteButton);
                            // 将数据项添加到容器中
                            dataContainer.appendChild(dataItem);
                            // 清空输入框的内容
                            inputField.value = '';
                            TQuestion.dataCount++;
                        }
                        var dataItems = document.querySelectorAll('.data-item');
                        for(var i = 0; i < dataItems.length; i++) {
                            var dataItem1 = dataItems[i];
                            TQuestion.phone = TQuestion.phone+dataItem1.textContent.slice(0, -1)+",";
                        }
                        data1.phone = TQuestion.phone;
                        data1.id = TQuestion.phoneId;
                        $.ajax({
                            url: Feng.ctxPath + "/tPhone/update",
                            type: "POST",
                            contentType: "application/json", // 设置请求头的 Content-Type
                            data: JSON.stringify(data1), // 将数据转换为 JSON 字符串
                            success: function(response) {
                                Feng.success("添加成功!");
                                TQuestion.table.refresh();
                                // window.parent.TQuestion.table.refresh();
                                TQuestion.phone = "";
                            },
                            error: function(xhr, status, error) {
                                TQuestion.phone = "";
                                var errorMessage = xhr.responseText ? xhr.responseText : "添加失败!";
                                Feng.error(errorMessage);
                            }
                        });
                    } else {
                        Feng.info("请输入客服电话！");
                    }
                }

            });
            // window.parent.TQuestion.table.refresh();
        },
        error: function(xhr, status, error) {
            var errorMessage = xhr.responseText ? xhr.responseText : "删除失败!";
            Feng.error(errorMessage);
        }
    });
    var defaultColunms = TQuestion.initColumn();
    var table = new BSTable(TQuestion.id, "/tQuestion/list", defaultColunms);
    table.setPaginationType("client");
    TQuestion.table = table.init();
});