let idParam, objParam;
let details;
let form, layer, table;
let isPage = getUrlParam('isPage');
let token;
if (isPage) { // 首页跳转
    $('#plan-detail-box>div').eq(0).remove();
    $('#plan-detail-box').css({'justify-content': 'end', 'height': '50px'});
    $('body').css('margin', '0');
    let obj = decodeURIComponent(getUrlParam('obj'))
    setParams(obj);
}

// 获取 URL 参数
function getParamsFromUrl() {
    const urlParams = new URLSearchParams(window.location.search);
    const result = {};
    for (const [key, value] of urlParams.entries()) {
        result[key] = value;
    }
    return result;
}


// 页面加载完成后执行
window.addEventListener("DOMContentLoaded", () => {
    const params = getParamsFromUrl();
    console.log(params)
    if (!params.token) {
        return;
    }

    token = params.token;
    sessionStorage.setItem('gz-token', params.token);
    let url = dataUrl + `backstage/carPlanAudit/getCarAuditById/${params.id}`;
    ajaxRequest(url, "GET", {}, true, function () {
    }, function (result) {
        if (result.code === 200) {
            params.isFinish === '1' ? result.data.checkType = 0 : result.data.checkType = 2
            setParams(JSON.stringify(result.data));
        } else {
        }
    }, function (xhr, status, error) {
        errorFn(xhr, status, error)
    }, null);

});

function setParams(obj) {
    objParam = JSON.parse(obj);
    if (objParam.checkType === 2) {
        $('#print').before('<button type="button" class="layui-btn layui-bg-orange" onclick="check()">审核</button>');
    }
    idParam = objParam.id;
    layui.use(['form', 'layer', 'table'], function () {
        form = layui.form;
        layer = layui.layer;
        table = layui.table;
        getNeedPlanDetails();
        initTable();
    });
}

// 详情
function getNeedPlanDetails() {
    let params = {
        encryptedData: JSON.stringify({
            'id': objParam.id
        })
    };
    let url = dataUrl + 'backstage/carNeedPlan/getNeedPlanDetails';
    ajaxRequest(url, "POST", params, true, function () {
    }, function (result) {

        if (result.code === 200) {
            setPlanBasicTableInfo(result.data);
            setOperRecordInfo(result.data.recordList, result.data);
            setCheckStatus(result.data);
        }
    }, function (xhr, status, error) {
        errorFn(xhr, status, error)
    }, null);
}

// 基本信息
function setPlanBasicTableInfo(obj) {
    $('#proName').html(obj.proName);
    $('#projectPart').html(obj.projectPart);
    $('#projectContent').html(obj.projectContent);
    $('#needTime').html(obj.needTime);
    $('#remark').html(obj.remark);

    $('#carLength').html(obj.carLength);
    $('#carWidth').html(obj.carWidth);
    $('#carHeight').html(obj.carHeight);
    $('#carWeight').html(obj.carWeight);
    $('#carStart').html(obj.carStart);
    $('#carEnd').html(obj.carEnd);

    setRoutePoint(obj.routePoint);

    // 附件文档
    setFileTable(obj.fileList);
}

function setRoutePoint(data) {
    // 清空之前的表格
    $('#routePoint').empty();
    let html = '';
    html += "<table class='classTable'>";
    if (data != null && data !== "") {
        // 分割数据并过滤掉空值
        let result = data.split("routePoint;").filter(item => item.trim() !== "");
        if (result && result.length > 0) {
            // 动态生成表头
            html += "<tr>";
            for (let i = 0; i < Math.min(result.length, 4); i++) {
                html += "<th>途经点</th>";
            }
            html += "</tr>";
            // 动态生成表格内容，每行最多 4 列
            let rowCount = Math.ceil(result.length / 4); // 计算需要多少行
            for (let row = 0; row < rowCount; row++) {
                html += "<tr>";
                for (let col = 0; col < 4; col++) {
                    let index = row * 4 + col;
                    if (index < result.length) {
                        html += "<td>" + result[index] + "</td>";
                    } else {
                        html += "<td></td>"; // 如果没有数据，填充空白单元格
                    }
                }
                html += "</tr>";
            }
        }
    }
    html += "</table>";
    // 将生成的 HTML 插入到页面中
    $('#routePoint').append(html);
}

// 附件文档赋值
function setFileTable(fileList) {
    $('#file-table tr:not(:first)').remove();
    let html = '';
    if (fileList && fileList.length > 0) {
        $.each(fileList, function (index, item) {
            html += '<tr>' +
                '<td>' + handleFileType(item.fileName) + item.fileName + '</td>' +
                '<td>' + (item.type) + '</td>' +
                '<td><img src="../../../images/user_head_icon.png" width="20px" height="20px">' + item.createName + '</td>' +
                '<td>' + item.createTime + '</td>' +
                '<td><a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'viewFile(' + JSON.stringify(item) + ')\'>预览</a>' +
                '<a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'downLoadFile(' + JSON.stringify(item) + ')\'>下载</a>' +
                '</td>' +
                '</tr>';
        })
    } else {
        html = '<tr><td colspan="5" style="text-align: center;">暂无数据</td></tr>';
    }
    $('#file-table tbody').after(html);
}


// 处理文件类型
function handleFileType(value) {
    value = value.toLowerCase();
    let src = '';
    if (value.indexOf('docx') > -1 || value.indexOf('doc') > -1) {
        src = '../../../images/docx.png'
    } else if (value.indexOf('xls') > -1 || value.indexOf('xlsx') > -1) {
        src = '../../../images/xlsx.png'
    } else if (value.indexOf('pdf') > -1) {
        src = '../../../images/pdf.png'
    } else if (value.indexOf('png') > -1 || value.indexOf('jpg') > -1 || value.indexOf('jpeg') > -1) {
        src = '../../../images/img_icon.png'
    }
    return '<img width="20px" height="20px" src = "' + src + '" style="margin:0 5px;">'
}

// 预览文件
function viewFile(obj) {
    let fileName = obj.fileName.toLowerCase();
    if (fileName.indexOf('png') > -1 || fileName.indexOf('jpg') > -1 || fileName.indexOf('jpeg') > -1) {
        layer.photos({
            shade: 0.5,
            photos: {
                "title": "图片预览",
                "start": 0,
                "data": [
                    {
                        "alt": "layer",
                        "pid": 1,
                        "src": fileUrl + obj.fileUrl + '?token=' + sessionStorage.getItem("gz-token"),
                    }
                ]
            }
        });
    } else {
        // 调用公司的预览文件的服务
        commonViewFile(obj.fileUrl);
    }
}

// 下载文件
function downLoadFile(obj) {
    let url = dataUrl + "sys/file/download?fileId=" + obj.id;
    downLoadFileUtil(url, obj.fileName, null);
}

// 查询/重置
function queryTable(type) {
    if (type === 1) {
        let name = $('#name').val();
        let flag = checkValue(name);
        if (flag) {
            $('#name').val('');
            return layer.msg('名称查询包含特殊字符，请重新输入', {icon: 2});
        }
        let model = $('#model').val();
        let flag2 = checkValue(model);
        if (flag2) {
            $('#model').val('');
            return layer.msg('规格查询包含特殊字符，请重新输入', {icon: 2});
        }
        reloadTable(1);
    } else if (type === 2) {
        $('#name').val('');
        $('#model').val('');
        layui.form.render();
        reloadTable(1);
    }
}

// 刷新页面数据
function reloadData() {
    reloadTable(1);
}

// 重载表格
function reloadTable(pageNum) {
    table.reload("currentTableId", {
            page: {
                curr: pageNum ? pageNum : 1,
            },
            where: {
                encryptedData: JSON.stringify({
                    'name': $('#name').val(),
                    'model': $('#model').val(),
                    'id': objParam.id
                }),
            },
        },
    );
}

// 初始化表格
function initTable() {
    tableIns = table.render({
        elem: "#currentTableId",
        id: 'currentTableId',
        headers: {
            authorization: sessionStorage.getItem("gz-token"),
        },
        height: "full",
        url: dataUrl + "backstage/carNeedPlan/getNeedPlanDetailsList",
        where: {
            encryptedData: JSON.stringify({
                'name': $('#name').val(),
                'model': $('#model').val(),
                'id': objParam.id
            }),
        },
        request: {
            pageName: 'pageNum',
            limitName: 'pageSize'
        },
        parseData: function (res) { // res 即为原始返回的数据
            if (res.code === 401) {
                closeWindowOpen();
            }
            return {
                "code": 0, // 解析接口状态
                "msg": '获取成功', // 解析提示文本
                "count": res.total, // 解析数据长度
                "data": res.list // 解析数据列表
            };
        },
        cols: [
            [
                {
                    width: '8%',
                    title: "序号",
                    align: "center",
                    templet: function (d) {
                        return d.LAY_NUM;
                    },
                },
                {
                    field: "type",
                    width: '10%',
                    title: "类型",
                    unresize: true,
                    align: "center",
                    sort: true,
                },
                {
                    field: "name",
                    width: '10%',
                    title: "名称",
                    unresize: true,
                    align: "center",
                    sort: true,
                },
                {
                    field: "model",
                    width: '15%',
                    title: "规格",
                    unresize: true,
                    align: "center",
                    sort: true,
                },
                {
                    field: "unit",
                    width: '10%',
                    title: "单位",
                    unresize: true,
                    align: "center",
                    sort: true,
                    templet: function (d) {
                        return setNullValue(d.unit);
                    },
                },
                {
                    field: "carSpec",
                    width: '14%',
                    title: "所需规格",
                    unresize: true,
                    align: "center",
                },
                {
                    field: "needNum",
                    width: '10%',
                    title: "需用量",
                    unresize: true,
                    align: "center",
                    sort: true,
                    templet: function (d) {
                        return setNumColor(d.needNum);
                    },
                },
                {
                    field: "backDate",
                    width: '12%',
                    title: "预计使用时间(天)",
                    unresize: true,
                    align: "center",
                    sort: true,
                    templet: function (d) {
                        return d.backDate;
                    },

                },
                {
                    field: "remark",
                    width: '10%',
                    title: "备注",
                    sort: true,
                    unresize: true,
                    align: "center",
                    templet: function (d) {
                        if (d.remark) {
                            if (d.remark.length > 60) {
                                return '<span title="' + d.remark + '">' + d.remark.substring(0, 60) + '...</span>'
                            } else {
                                return '<span title="' + d.remark + '">' + d.remark + '</span>'
                            }
                        } else {
                            return '';
                        }
                    },
                },
            ],
        ],
        limits: [10, 15, 20, 25, 50, 100],
        limit: 10,
        page: true,
        done: function (res, curr, count) {
            pageNum = tableIns.config.page.curr;
            table.resize("currentTableId");
        },
    });
}

// 数量颜色
function setNumColor(value, isNeedNum) {
    if (isNeedNum) {
        return '<span style="color:#409Eff;font-weight:bold;">' + value + "</span>";
    } else {
        return '<span style="color:#409Eff;font-weight:bold;">' + value + "</span>";
    }
}

// 导出
function exportData() {
    let params = {
        "id": objParam.id,
        'name': $('#name').val(),
        'model': $('#model').val(),

    }
    let url = dataUrl + "backstage/carNeedPlan/exportDetails";
    exportExcelUtil(url, '申请明细', JSON.stringify(params));
}


// 操作记录
function setOperRecordInfo(list, obj) {
    let html = '';
    if (list && list.length > 0) {
        let imgUrl = '../../../images/user_head_icon.png';
        let imgUrl2 = '../../../images/time_icon.png';
        $.each(list, function (index, item) {
            const creator = (item.nikeName ? item.nikeName : item.userName);
            // 1. 容错处理（统一处理空值、类型转换）
            const remark = setNullValue(item.auditRemark); // 已有空值处理，保留
            const auditType = item.auditType + ''; // 确保为字符串（匹配原条件的字符串判断）
            const auditStatus = item.auditStatus + ''; // 确保为字符串
            const times = setNullValue(item.times) || '0'; // 时间间隔容错（避免拼接 undefined）

// 2. 部门映射表（替代多 if-else，清晰直观）
            const deptMap = {
                '0': '项目部',
                '1': '项目部',
                '-1': '项目部',
                '2': '分公司',
                '3': '项管中心',
                '4': '智联装备云控公司',
                '5': '供应商'
            };
            const dept = deptMap[auditType] || '未知部门'; // 默认值容错

// 3. 操作流程规则（按「优先级+条件组合」定义，避免逻辑冲突）
            const operRules = [
                // 规则：[条件函数, 操作文案]，按优先级排序（先匹配先执行）
                [() => index === 0 && auditType === '1', '发起申请'],
                [() => index !== 0 && auditType === '1', '提交派车申请'],
                [() => index !== 0 && auditType === '9' && auditStatus === '9', `驳回-给发起人${creator}，共间隔：${times}  原因备注：${remark}`],
                [() => index !== 0 && auditType === '2' && auditStatus === '1', `审核确认通过，共间隔：${times}  原因备注：${remark}`],
                [() => index !== 0 && auditType === '2' && auditStatus === '2', `完结-审核确认通过，共耗时：${times}  原因备注：${remark}`],
                [() => auditType === '2' && auditStatus === '2', `审核确认通过，共间隔：${times}  原因备注：${remark}`], // 原逻辑：无 index 限制
                [() => auditType === '2' && auditStatus === '3', `驳回-给发起人${creator}，共间隔：${times}  原因备注：${remark}`],
                [() => auditType === '3' && auditStatus === '2', `审核确认通过，共间隔：${times}  原因备注：${remark}`],
                [() => auditType === '3' && auditStatus === '3', `驳回-给发起人${creator}，共间隔：${times}  原因备注：${remark}`],
                [() => auditType === '4' && auditStatus === '2', `完结-审核确认通过，共耗时：${times}  原因备注：${remark}`],
                [() => auditType === '4' && auditStatus === '3', `驳回-给发起人${creator}，共间隔：${times}  原因备注：${remark}`],
                [() => auditType === '5' && auditStatus === '2', `派车情况-${remark}，共耗时：${times}`]
            ];

// 匹配操作文案（默认值容错）
            let operData = '未知操作';
            for (const [condition, text] of operRules) {
                if (condition()) {
                    operData = text;
                    break; // 找到匹配规则，立即退出（保证优先级）
                }
            }
            html += '<div class="layui-timeline-item">' +
                '<i class="layui-icon layui-timeline-axis"></i>' +
                '<div class="layui-timeline-content layui-text">' +
                '<h3 class="layui-timeline-title">' + item.auditTime.substring(0, 10) + '</h3>' +
                '<div class="layui-panel">' +
                '<div class="oper-info layout">' +
                '<div class="layout">' +
                '<img src="' + imgUrl + '">' +
                '</div>' +
                '<div class="user-oper layout">' +
                '<div style="width: 100%">' +
                '<span>' + (item.nikeName ? item.nikeName : item.userName) + '</span><span>（' + item.phone + '）</span><span>' + dept + '</span>' +
                '</div>' +
                '<div style="width: 100%">' +
                '<span>' + operData + '</span>' +
                '</div>' +
                '</div>' +
                '<div class="layout">' +
                '<img src="' + imgUrl2 + '">' +
                '<span style="margin: 0 5px 0 5px;">' + item.auditTime + '</span>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</div>';
        })
    }
    $('.layui-timeline').empty().append(html);
}

// 设置计划编号/审核状态
function setCheckStatus(obj) {
    $('#code').empty().html(obj.code);
    $('#checkStatus').html(getCheckStatus(obj.statusType, obj.status));
    if (obj.statusType === 2 && obj.status === 1 && objParam.checkType !== 2) { // 待分公司审核可以撤回 && 申请人可以撤回 && 不是审核页面跳转
        let user = sessionStorage.getItem('us');
        if (user) {
            let userObj = JSON.parse(user);
            if (userObj.username === obj.userName) {
                $('#print').before("<button type='button' style='margin-left:10px;' class='layui-btn layui-bg-orange' onclick='withdrawData(" + JSON.stringify(obj) + ")'>撤回</button>");
            }
        }
    }
}

// 审核状态
function getCheckStatus(statusType, status) {
    var company = "";
    if (statusType === 0 && status === 0) {
        return "<span style='color:#FF9900;margin:0 5px 0 5px;font-size:16px'>●</span>已撤回";
    }
    if (statusType === 1) {
        return "<span style='color:#19BE6B;margin:0 5px 0 5px;font-size:16px;'>●</span>审核通过";
    } else if (statusType === 2) {
        company = "分公司";
    } else if (statusType === 3) {
        company = "项管中心";
    } else if (statusType === 4) {
        company = "智联装备云控公司";
    }
    if (status === 1) {
        return "<span style='color:#FF9900;margin:0 5px 0 5px;font-size:16px'>●</span>待" + company + "审核";
    } else if (status === 2) {
        return "<span style='color:#19BE6B;margin:0 5px 0 5px;font-size:16px;'>●</span>审核通过";
    } else if (status === 3) {
        return "<span style='color:#F56C6C;margin:0 5px 0 5px;font-size:16px'>●</span>" + company + "审核驳回";
    }
    return "<span style='color:#FF9900;margin:0 5px 0 5px;font-size:16px'>●</span>待审核";
}


// 打印
function print() {
    $("#main-box").print({
        globalStyles: true,
        mediaPrint: false,
        stylesheet: '../../../css/aq_demand_plan/apply_plan_detail.css',
        noPrintSelector: ".no-print",
        iframe: true,
        append: null,
        prepend: null,
        manuallyCopyFormValues: true,
        deferred: $.Deferred()
    });
}

// 撤回
function withdrawData(data) {
    layer.confirm("确定撤回此条数据吗？", {'title': '操作提示', move: false}, function () {
        let loadingMsg = layer.msg('数据撤回中,请稍候...', {icon: 16, scrollbar: false, time: 0});
        let url = dataUrl + "backstage/carNeedPlan/withdrawData"
        let obj = {id: data.id}
        let params = {
            encryptedData: JSON.stringify(obj)
        }
        ajaxRequest(url, "POST", params, true, function () {
        }, function (result) {
            console.error(result);
            layer.close(loadingMsg); // 关闭提示层
            if (result.code === 200) {
                parent.layer.msg(result.msg, {icon: 1})
                closePage();
            } else {
                layer.msg(result.msg, {icon: 2})
            }
        }, function (xhr) {
            layer.close(loadingMsg); // 关闭提示层
            error(xhr)
        });
    })
}

// 需求计划申请审核
function check() {
    objParam.checkType = '2'; // 需求计划申请审核
    objParam.token = token;
    openIframeByParamObj("check", "审核", "./car_audit_form.html", "40%", "50%", objParam, 1);
}

function closePage() {
    let index = parent.layer.getFrameIndex(window.name); // 先得到当前 iframe层的索引
    window.parent.queryTable(1);
    parent.layer.close(index); // 再执行关闭
}