let company_name = $('#gongsi_name').val();
let shengid_h = $('#shengid')?.val()?.replace(/\s*/g, '');
let gongsi_id_h = $('#gongsi_id')?.val()?.replace(/\s*/g, '');
let yearDataFrom = false

$(function () {
    $('#show_more').on('click', function () {
        let val = $('#show_more').data('value');
        if (val == 1) {
            $('#show_more').data('value', 2);
            $('#show_more').html('收起');
            $('#intro_new').removeClass('intro_new');
        } else {
            $('#show_more').data('value', 1);
            $('#show_more').html('展开');
            $('#intro_new').addClass('intro_new');
        }
    });
})

function shwoHtmlJS(argument) {
    $.ajax({
        url: '//www.coovee.com/detail_api',
        method: 'GET',
        data: {
            biaoid: shengid_h,
            gsid: gongsi_id_h,
            title:company_name,
        },
        success: function (res) {
            // 工商信息
            setHtml0(res.data.basic);
            // 股东信息
            setHtml1(res.data.shareholders);
            //   主要人员
            setHtml2(res.data.director);
            // 变更信息
            setHtml3(res.data.change);
            // 企业年报
            setHtml4(res.data.year);
            $('body .show_free').on('click', function () {
                if ($(this).find('span').text() == '免费查看') {
                    getCode($(this).attr('data-case'));
                    if ($(this).attr('data-from') == 'open') {
                        // yearDataFrom = true
                    }
                }

            });
        },
    });
}

shwoHtmlJS();

//
function setHtml0(arr, change = false) {
    // $("#zhuceid").text((arr.credit_code ? arr.credit_code : '-'));
    // $("#area").text((arr.suoshuhangye ? arr.suoshuhangye : '-'));
    let html1 = `<div class="register detail_list">
        <table class="tab-item" align="center" cellpadding="0" cellspacing="0" border="0">
            <tbody>
                <tr>
                    <th>注册资本</th>
                    <td>
                        ${arr.zhuceziben || '-'}
                    </td>
                    <th>实缴资本</th>
                    <td>
                        ${arr.zhuceziben || '-'}
                    </td>
                </tr>
                <tr>
                    <th>成立日期</th>
                    <td>
                        ${arr.chenglishijian || '-'}
                    </td>
                    <th>统一社会信用代码</th>
                    <td>
                        ${arr.credit_code || '-'}
                    </td>
                </tr>
                <tr>
                    <th>组织机构代码</th>
                    <td>
                        ${arr.orgno || '-'}
                    </td>
                    <th>工商注册号</th>
                    <td>
                        ${arr.registrtion_number || '-'}
                    </td>
                </tr>
                <tr>
                    <th>经营状态</th>
                    <td>
                        ${arr.state || '-'}
                    </td>
                    <th>行业</th>
                    <td>
                        ${arr.suoshuhangye || '-'}
                    </td>
                </tr>
                <tr>
                    <th>企业类型</th>
                    <td>
                        ${arr.qiyeleixing || '-'}
                    </td>
                    <th>所属地区</th>
                    <td>
                        ${arr.district || '-'}
                    </td>
                </tr>
                <tr>
                    <th>登记机关</th>
                    <td>
                        ${arr.check_org || '-'}
                    </td>
                    <th>核准日期</th>
                    <td>
                        ${arr.approval_date || '-'}
                    </td>
                </tr>
                <tr>
                    <th>营业期限</th>
                    <td>
                        ${arr.from_date || '-'}
                    </td>
                    <th>人员规模</th>
                    <td>
                        ${arr.yuangongrenshu || '-'}
                    </td>
                </tr>
                <tr>
                    <th>参保人数</th>
                    <td colspan="11">
                        ${arr.coverage || '-'}
                    </td>
                </tr>
                <tr>
                    <th>曾用名</th>
                    <td colspan="11">
                        ${arr.originalname || '-'}
                    </td>
                </tr>
                <tr>
                    <th>企业地址</th>
                    <td colspan="11">
                        ${arr.dizhi || '-'}
                    </td>
                </tr>
                <tr>
                    <th>经营范围</th>
                    <td colspan="11">
                        ${arr.suoshuhangye || '-'}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>`;
    $('#section_table').html(html1);
}

// 股东信息
function setHtml1(arr, change = false) {
    let html1 = '';
    // 股东信息
    if (arr.length > 0) {
        html1 = `<ul class="section_gd">
                        <li>
                          <span class="ss1">序号</span>
                          <span class="ss2">股东名称</span>
                          <span class="ss3">持股比例</span>
                          <span class="ss4">认缴出资额</span>
                        </li>`;
        arr.forEach((item) => {
            html1 += ` <li>
                      <span class="ss1">1</span>
                      <span class="ss2">
                        <i class="title">${item.name.slice(0, 2)}</i>
                        <i class="name">${item.name}</i>
                      </span>
                      <span class="ss3">${item.sub_rate}</span>
                      <span class="ss4">${item.sub_money}</span>
                    </li>`;
        });
        html1 += '</ul>';
    } else {
        html1 = ` <div class="gdxx_div">
                <img src="/static/pc/company/gdxx_new.png" alt="">
                <div class="show_free" data-case="2">
                 ${
            change ? '<img src="/static/pc/company/loading.png" alt="" class="load_img">' : "<span>免费查看</span>"
        }
                </div>
              </div>`;


    }
    if (change) {
        $('#basic-shareholders').next().replaceWith(html1)
        if ($('.gdxx_div .show_free').length > 0) {
            let timeSet = setTimeout(function () {
                clearTimeout(timeSet)
                $('.gdxx_div .show_free').html('<span>暂无数据</span>')
            }, 2000);
        }
    } else {
        $('#basic-shareholders').after(html1);
    }

}

// 主要人员
function setHtml2(arr, change = false) {
    let html2 = '';
    if (arr.length > 0) {
        html2 = `<ul class="section_gd section_peop">
                <li>
                  <span class="ss1">序号</span>
                  <span class="ss2">姓名</span>
                  <span class="ss3">职位</span>
                </li>`;
        arr.forEach((item, index) => {
            html2 += `<li>
                          <span class="ss1">${index + 1}</span>
                          <span class="ss2">
                            <i class="title">${item.fname}</i>
                            <i class="name">${item.name}</i>
                          </span>
                          <span class="ss3">${item.title}</span>
                        </li>`;
        });
        html2 += `</ul>`;
    } else {
        html2 = `<div class='html2_div'>
                        <ul class="main_peop_new">
                          <li>
                            <div class="title">
                              <span class="tit1">刘</span>
                              <span class="tit2">刘某某</span>
                            </div>
                            <div class="tip_desc">
                              <span class="tip1">职位</span>
                              <span class="tip2">经理，董事长</span>
                            </div>
                          </li>
                          <li>
                            <div class="title">
                              <span class="tit1">陈</span>
                              <span class="tit2">陈某某</span>
                            </div>
                            <div class="tip_desc">
                              <span class="tip1">职位</span>
                              <span class="tip2">董事</span>
                            </div>
                          </li>
                          <li>
                            <div class="title">
                              <span class="tit1">李</span>
                              <span class="tit2">李某某</span>
                            </div>
                            <div class="tip_desc">
                              <span class="tip1">职位</span>
                              <span class="tip2">监事</span>
                            </div>
                          </li>
                          <li>
                            <div class="title">
                              <span class="tit1">å¼ </span>
                              <span class="tit2">张某某</span>
                            </div>
                            <div class="tip_desc">
                              <span class="tip1">职位</span>
                              <span class="tip2">--</span>
                            </div>
                          </li>
                          <li>
                            <div class="title">
                              <span class="tit1">å¼ </span>
                              <span class="tit2">张某某</span>
                            </div>
                            <div class="tip_desc">
                              <span class="tip1">职位</span>
                              <span class="tip2">--</span>
                            </div>
                          </li>
                        </ul>
                        <div class="show_free" data-case="3">
                         ${
            change ? '<img src="/static/pc/company/loading.png" alt="" class="load_img">' : "<span>免费查看</span>"
        }
                        </div>
                      </div>`;
    }
    if (change) {
        $('#basic-directors').next().replaceWith(html2);
        if ($('.html2_div .show_free').length > 0) {
            let timeSet = setTimeout(function () {
                clearTimeout(timeSet)
                $('.html2_div .show_free').html('<span>暂无数据</span>')
            }, 2000);
        }
    } else {
        $('#basic-directors').after(html2);
    }

}

// 变更信息
function setHtml3(arr, change = false) {
    let html3 = '';
    if (arr.length > 0) {
        html3 = ` <ul class=" section_gd section_change">
                    <li>
                      <span class="cc1">序号</span>
                      <span class="cc2">变更日期</span>
                      <span class="cc3">变更项目</span>
                      <span class="cc4">变更前</span>
                      <span class="cc5">变更后</span>
                    </li>`;
        arr.forEach((item, index) => {
            html3 += ` <li>
                          <span class="cc1">${index + 1}</span>
                          <span class="cc2">${item.date}</span>
                          <span class="cc3">${item.name}</span>
                          <span class="cc4">${item.old}</span>
                          <span class="cc5">${item.new}</span>
                        </li>`;
        });
        html3 += '</ul>';
    } else {
        html3 = `
                 <div class="bgxx_div">
                    <img src="/static/pc/company/bgxx_new.png" alt="">
                    <div class="show_free" data-case="4">
                     ${
            change ? '<img src="/static/pc/company/loading.png" alt="" class="load_img">' : "<span>免费查看</span>"
        }
                    </div>
                  </div>`;
    }
    if (change) {
        $('#basic-change').next().replaceWith(html3);
        if ($('.bgxx_div .show_free').length > 0) {
            let timeSet = setTimeout(function () {
                clearTimeout(timeSet)
                $('.bgxx_div .show_free').html('<span>暂无数据</span>')
            }, 2000);
        }
    } else {
        $('#basic-change').after(html3);
    }
}

// 企业年报
function setHtml4(arr, change = false) {
    let html4 = '';
    if (arr.length > 0) {
        html4 = `<div class="section_year">`;
        arr.forEach((item) => {
            if (item.type == 1) {
                yearDataFrom = true;
            }
            html4 += `<span  class="section_year_span" data-real='1' data-regon='${item.company_regno}' data-year='${item.date}'>
                      <p>${item.date}年度报告</p>
                      <p class="time">${item.date}年度</p>
                    </span>`;
        });
        html4 += `</div>`;
    } else {
        html4 = `
                <div class="html4_div">
                <div class="section_year">
                <span  class="section_year_span test">
                  <p>2017年度报告</p>
                  <p class="time">2017-06-13</p>
                </span>
                <span  class="section_year_span test">
                  <p>2018年度报告</p>
                  <p class="time">2018-06-13</p>
                </span>
                <span  class="section_year_span test">
                  <p>2019年度报告</p>
                  <p class="time">2019-06-13</p>
                </span>
                <span  class="section_year_span test">
                  <p>2020年度报告</p>
                  <p class="time">2020-06-13</p>
                </span>
                <span  class="section_year_span test">
                  <p>2021年度报告</p>
                  <p class="time">2021-06-13</p>
                </span>
                 <span  class="section_year_span test">
                  <p>2022年度报告</p>
                  <p class="time">2022-06-13</p>
                </span>
                 <span  class="section_year_span test">
                  <p>2023年度报告</p>
                  <p class="time">2023-06-13</p>
                </span>
              </div>
              <div class="show_free" data-case="5" data-from="open">
               ${
            change ? '<img src="/static/pc/company/loading.png" alt="" class="load_img">' : "<span>免费查看</span>"
        }
              </div>
              </div>
                `;

    }
    if (change) {
        $('#basic-annual').next().replaceWith(html4);
        if ($('.html4_div .show_free').length > 0) {
            let timeSet = setTimeout(function () {
                clearTimeout(timeSet)
                $('.html4_div .show_free').html('<span>暂无数据</span>')
            }, 2000);
        }
    } else {
        $('#basic-annual').after(html4);
    }
    $('body .section_year .section_year_span').on('click', function () {
        if ($(this).attr('data-real') != 1) {
            return
        }
        if (yearDataFrom) {
            appendPopYearFromTian($(this).attr('data-year'))
        } else {
            appendPopYear($(this).attr('data-regon'), $(this).attr('data-year'))
        }

    })
}

// cookie 存 minutes:后过期时间（单位分钟）
function setCookie(name, value, minutes) {
    let date = new Date();
    date.setTime(date.getTime() + minutes * 60 * 1000);
    const expires = 'expires=' + date.toUTCString();
    document.cookie = name + '=' + value + ';' + expires + ';path=/';
}

// cookie 取
function getCookie(name) {
    const cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
        let cookie = cookies[i].trim();
        if (cookie.substring(0, name.length + 1) == name + '=') {
            return decodeURIComponent(cookie.substring(name.length + 1));
        }
    }
    return null;
}

// 获取时间戳
function getTimeStamp() {
//   var timestamp = getCookie('timestamp_likuso');
//   if (timestamp != null) {
//     return timestamp;
//   } else {
    var timestamp = Date.now();
    timestamp = Math.floor(timestamp / 1000);
    setCookie('timestamp_likuso', timestamp, 8);
    return timestamp;
//   }
}

// 获取天眼查code
function getCode(caseIndex) {
    $.ajax({
        type: 'get',
        url: '//www.coovee.com/LksInfo/getCode',
        data: {
            time: getTimeStamp(),
        },
        success: function (response) {
            if (response.code == 200) {
                console.log(getTimeStamp(), response.data, getTimeStamp().toString().slice(-2))
                let key = $.md5(
                    getTimeStamp() + response.data + getTimeStamp().toString().slice(-2),
                );
                console.log(key)
                getData(caseIndex, key);
            } else {
                if (caseIndex == 2) {
                    setHtml1([], true)
                } else if (caseIndex == 3) {
                    setHtml2([], true)
                } else if (caseIndex == 4) {
                    setHtml3([], true)
                } else if (caseIndex == 5) {
                    setHtml4([], true)
                }
            }
        },
        error: function (xhr, status, error) {
            if (caseIndex == 2) {
                setHtml1([], true)
            } else if (caseIndex == 3) {
                setHtml2([], true)
            } else if (caseIndex == 4) {
                setHtml3([], true)
            } else if (caseIndex = 5) {
                setHtml4([], true)
            }
        },
    });
}

// 获取天眼查data
function getData(caseIndex, key) {
    $.ajax({
        type: 'get',
        url: '//www.coovee.com/LksInfo/getData',
        data: {
            time: getTimeStamp(),
            code: caseIndex,
            lksKey: key,
            biaoid: shengid_h,
            company_name: company_name,
            gsid: gongsi_id_h,
        },
        success: function (response) {
            let arr = response.data ? response.data : []
            if (caseIndex == 2) {
                setHtml1(arr, true)
            } else if (caseIndex == 3) {
                setHtml2(arr, true)
            } else if (caseIndex == 4) {
                setHtml3(arr, true)
            } else if (caseIndex == 5) {
                setHtml4(arr, true)
            }
        },
        error: function (xhr, status, error) {
            if (caseIndex == 2) {
                setHtml1([], true)
            } else if (caseIndex == 3) {
                setHtml2([], true)
            } else if (caseIndex == 4) {
                setHtml3([], true)
            } else if (caseIndex == 5) {
                setHtml4([], true)
            }
        },
    });
}

function appendPopYear(regno, year) {
    $.ajax({
        url: '/api/year_data',
        method: 'GET',
        data: {
            company_regno: regno,
            year: year,
        },
        headers: {
            'Accept': 'application/json',
        },
        success: function (response) {
            console.log(response)
            if (response.status == 1) {
                showMaskScr(response.data)
            } else {
                showTipMask()
            }
        },
        error: function () {
            showTipMask()
        }
    })
}

function appendPopYearFromTian(date) {
    $.ajax({
        url: '//www.coovee.com/LksInfo/getAnnualreportDetail',
        method: 'GET',
        data: {
            biaoid: shengid_h,
            gsid: gongsi_id_h,
            date: date,
            company_name: company_name,
        },
        headers: {
            'Accept': 'application/json',
        },
        success: function (response) {
            console.log(response)
            if (response.code == 200) {
                showMaskScr(response.data)
            } else {
                showTipMask()
            }
        },
        error: function () {
            showTipMask()
        }
    })
}

function showMaskScr(info) {
    console.log(info)
    let html = ` <div class="year_detail">
                                  <div class="year_main">
                                    <div class="year_mess">
                                      <h6 class="title">${info.company_name} ${info.date} 年度报告</h6>
                                      <h5 class="table_title">基本信息</h5>
                                      <ul class="basic_mess mb40">
                                        <li>
                                          <span class="s1 bgf3">企业名称</span>
                                          <span class="s2 ">${info.company_name}</span>
                                          <span class="s1 bgf3">统一社会信用代码</span>
                                          <span class="s2 ">${info.company_regno}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">企业经营状态</span>
                                          <span class="s2 ">${info.basic_open_status}</span>
                                          <span class="s1 bgf3">从业人数</span>
                                          <span class="s2 ">${info.basic_employee_num}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">企业联系电话</span>
                                          <span class="s2 ">${info.basic_phone}</span>
                                          <span class="s1 bgf3">是否有网站或网店</span>
                                          <span class="s2 ">${info.web_list.length > 0 ? '是' : '否'}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">企业电子邮箱</span>
                                          <span class="s2 ema">${info.basic_email}</span>
                                          <span class="s1 bgf3">邮政编码</span>
                                          <span class="s2 ">${info.basic_post_code}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">企业地址</span>
                                          <span class="s2 ">${info.basic_address}</span>
                                          <span class="s1 bgf3">企业是否有投资信息或购买其他公司股权</span>
                                          <span class="s2 ">${info.is_outbound_investment ? info.is_outbound_investment : '-'}</span>
                                        </li>
                                      </ul>
                                      ${showWebList(info.web_list)}
                                      ${showShareholderList(info.shareholder_list)}
                                     
                                      <h5 class="table_title">企业资产状况信息</h5>
                                      <ul class="basic_mess mb40">
                                        <li>
                                          <span class="s1 bgf3">资产总额</span>
                                          <span class="s2 ">${info.total_assets ? info.total_assets : '-'}</span>
                                          <span class="s1 bgf3">所有者权益合计</span>
                                          <span class="s2 ">${info.total_equity ? info.total_equity : '-'}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">销售总额</span>
                                          <span class="s2 ">${info.total_sales ? info.total_sales : '-'}</span>
                                          <span class="s1 bgf3">利润总额</span>
                                          <span class="s2 ">${info.total_profit ? info.total_profit : '-'}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">营业总收入中主营业务收入</span>
                                          <span class="s2 ">${info.prime_bus_profit ? info.prime_bus_profit : '-'}</span>
                                          <span class="s1 bgf3">净利润</span>
                                          <span class="s2 ">${info.retained_profit ? info.retained_profit : '-'}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">纳税总额</span>
                                          <span class="s2 ">${info.total_tax ? info.total_tax : '-'}</span>
                                          <span class="s1 bgf3">负债总额</span>
                                          <span class="s2 ">${info.total_liability ? info.total_liability : '-'}</span>
                                        </li>
                            
                                      </ul>
                                      <h5 class="table_title">社保信息</h5>
                                      <ul class="basic_mess">
                                        <li>
                                          <span class="s1 bgf3">城镇职工基本养老保险</span>
                                          <span class="s3 ">${info.endowment_insurance ? info.endowment_insurance : '-'}</span>
                                          <span class="s1 bgf3">职工基本医疗保险</span>
                                          <span class="s3 ">${info.medical_insurance ? info.medical_insurance : '-'}</span>
                                          <span class="s1 bgf3">生育保险</span>
                                          <span class="s3 ">${info.maternity_insurance ? info.maternity_insurance : '-'}</span>
                                        </li>
                                        <li>
                                          <span class="s1 bgf3">失业保险</span>
                                          <span class="s3 ">${info.unemployment_insurance ? info.unemployment_insurance : '-'}</span>
                                          <span class="s1 bgf3">工伤保险</span>
                                          <span class="s4 ">${info.employment_injury_insurance ? info.employment_injury_insurance : '-'}</span>
                                        </li>
                            
                                      </ul>
                                      <ul class="pro_money">
                                        <li>
                                          <span class="p1 bgf3">单位缴费基数</span>
                                          <div class="p2">
                                            <span class="br">单位参加城镇职工基本养老保险缴费基数</span>
                                            <span class="br">单位参加失业保险缴费基数</span>
                                            <span class="br">单位参加职工基本医疗保险缴费基数</span>
                                            <span class="br">单位参加生育保险缴费基数</span>
                                          </div>
                                          <div class="p2">
                                            <span>${info.endowment_insurance_base ? info.endowment_insurance_base : '-'}</span>
                                            <span>${info.unemployment_insurance_base ? info.unemployment_insurance_base : '-'}</span>
                                            <span>${info.medical_insurance_base ? info.medical_insurance_base : '-'}</span>
                                            <span>${info.maternity_insurance_base ? info.maternity_insurance_base : '-'}</span>
                                          </div>
                                        </li>
                                        <li>
                                          <span class="p1 bgf3">本期实际缴费金额</span>
                                          <div class="p2">
                                            <span class="br">参加城镇职工基本养老保险本期实际缴费金额</span>
                                            <span class="br">参加失业保险本期实际缴费金额</span>
                                            <span class="br">参加职工基本医疗保险本期实际缴费金额</span>
                                            <span class="br">参加工伤保险本期实际缴费金额</span>
                                            <span class="br">参加生育保险本期实际缴费金额</span>
                                          </div>
                                          <div class="p2">
                                            <span>${info.endowment_insurance_pay_amount ? info.endowment_insurance_pay_amount : '-'}</span>
                                            <span>${info.unemployment_insurance_pay_amount ? info.unemployment_insurance_pay_amount : '-'}</span>
                                            <span>${info.medical_insurance_pay_amount ? info.medical_insurance_pay_amount : '-'}</span>
                                            <span>${info.employment_injury_insurance_pay_amount ? info.employment_injury_insurance_pay_amount : '-'}</span>
                                            <span>${info.maternity_insurance_pay_amount ? info.maternity_insurance_pay_amount : '-'}</span>
                                          </div>
                                        </li>
                                        <li>
                                          <span class="p1 bgf3 bb">单位累计欠缴金额</span>
                                          <div class="p2">
                                            <span class="br ">单位参加城镇职工基本养老保险累计欠缴金额</span>
                                            <span class="br ">单位参加失业保险累计欠缴金额</span>
                                            <span class="br ">单位参加职工基本医疗保险累计欠缴金额</span>
                                            <span class="br ">单位参加工伤保险累计欠缴金额</span>
                                            <span class="br bb">单位参加生育保险累计欠缴金额</span>
                                          </div>
                                          <div class="p2">
                                            <span class="">${info.endowment_insurance_owe_amount ? info.endowment_insurance_owe_amount : '-'}</span>
                                            <span class="">${info.unemployment_insurance_owe_amount ? info.unemployment_insurance_owe_amount : '-'}</span>
                                            <span class="">${info.medical_insurance_owe_amount ? info.medical_insurance_owe_amount : '-'}</span>
                                            <span class="">${info.employment_injury_insurance_owe_amount ? info.employment_injury_insurance_owe_amount : '-'}</span>
                                            <span class="bb">${info.maternity_insurance_owe_amount ? info.maternity_insurance_owe_amount : '-'}</span>
                                          </div>
                                        </li>
                                      </ul>
                                    </div>
                                  </div>
                            </div>`
    $('.year_mask .year_scroll').html(html)

    $('.year_mask').fadeIn()
    $('.year_mask').css('display', 'flex')
    $(document).ready(function () {
        $('.basic_mess li').each(function () {
            var maxHeight_basic = 0;
            $(this).find('span').each(function () {
                console.log()
                var height = $(this).outerHeight(true); // 包括margin和border
                if (height > maxHeight_basic) {
                    maxHeight_basic = height;
                }
            });
            $(this).css('height', maxHeight_basic + 'px');
            $(this).find('span').css('height', maxHeight_basic + 'px');
        });
    });

    $('.close_year').on('click', function () {
        $('.year_mask').fadeOut()
        $('.year_mask').css('display', 'none');
    });
}

function showTipMask() {
    $('.mask_tip').fadeIn()
    let showTime = setTimeout(() => {
        clearTimeout(showTime)
        $('.mask_tip').fadeOut()
    }, 2000)
}

function showWebList(list) {
    console.log(list)
    let html = ''
    if (list.length > 0) {
        html += `  <h5 class="table_title">网站或网店信息</h5>
                                      <ul class="door_mess mb40">
                                        <li class="bgf3">
                                          <span class="d1">序号</span>
                                          <span class="d2">类型</span>
                                          <span class="d3">名称</span>
                                          <span class="d4">网址</span>
                                        </li>`
        list.forEach((item, index) => {
            html += `<li>
                          <span class="d1">${index + 1}</span>
                          <span class="d2">${item.web_type}</span>
                          <span class="d3">${item.name}</span>
                          <span class="d4">${item.website}</span>
                        </li>`
        })
        html += '</ul>'
    }
    return html
}

function showShareholderList(list) {
    let html = ''
    if (list.length > 0) {
        html += `   <h5 class="table_title">股东及出资信息</h5>
                                      <ul class="door_mess mb40">
                                        <li class="bgf3">
                                          <span class="g1">序号</span>
                                          <span class="g2">股东名称</span>
                                          <span class="g3">认缴出资额</span>
                                          <span class="g4">认缴出资日期</span>
                                          <span class="g4">认缴出资方式</span>
                                          <span class="g4">实缴出资额</span>
                                          <span class="g4">实缴出资日期</span>
                                          <span class="g4">实缴出资方式</span>
                                        </li>`
        list.forEach((item, index) => {
            html += `<li class="bgf3">
                                          <span class="g1">${index + 1}</span>
                                          <span class="g2">
                                            <span>${item.name.slice(0, 2)}</span>
                                            <span>${item.name}</span>
                                          </span>
                                          <span class="g3">${item.subscribe_amount}</span>
                                          <span class="g4">${item.subscribe_time}</span>
                                          <span class="g4">${item.subscribe_type}</span>
                                          <span class="g4">${item.paid_amount}</span>
                                          <span class="g4">${item.paid_time}</span>
                                          <span class="g4">${item.paid_type}</span>
                                        </li>`
        })
        html += '</ul>'
    }
    return html
}
$('#faLvSuSong').on('click', function () {
        from_type = 88; //接test_new.js的87之后
        showCooveePopJRJ(from_type);
    });
    $('#jingYingFenXian').on('click', function () {
        from_type = 89;
        showCooveePopJRJ(from_type);
    });
    $('#zhaoTouBiao').on('click', function () {
        from_type = 90;
        showCooveePopJRJ(from_type);
    });
function showCooveePopJRJ(from_type) {
        $('.app-pup').show();
        $('.app-pup .btnclick').html('获取报价').css({
            'background': '#24BC00'
        });
        $('.lxs').css({
            'color': '#24BC00'
        });
        const hm2 = document.createElement('script');
        hm2.src = `//tj.wken.cn/api/likusou_click?type=${from_type}&land_url=${window.location.href}`;
        const s2 = document.getElementsByTagName('script')[0];
        s2.parentNode.insertBefore(hm2, s2);
    }