键词" class="font32 font-b cn1">
                            <button type="button"><img src="/static/cms/images/search4.svg" alt="" onload="SVGInject(this)"></button>
                        </form>
                    </div>
                    <div class="box3">
                        <p class="cn2 font16">热门搜索：</p>
                        <a href="javascript:;" class="cn3 font16">工艺零部件</a>
                        <span class="cn4"></span>
                        <a href="javascript:;" class="cn3 font16">结构零部件</a>
                        <span class="cn4"></span>
                        <a href="javascript:;" class="cn3 font16">气体传输</a>
                        <span class="cn4"></span>
                        <a href="javascript:;" class="cn3 font16">模组产品</a>
                    </div>
                </div>
            </div>
    
            <div href="javascript:;" class="hi-close"></div>
        </div>
        
	</header>
  	<!-- End -->	
	<!-- People Info -->
    <main>
        <section class="peopleinfobox-sec1">
            <div class="container" style="background-image: url(/static/cms/images/donglouibagde1.jpg); display:none">
                <a href="/people" title="" class="f_return">
                    <img src="/static/cms/images/returincimg1.svg" onload="SVGInject(this)" alt="">
                </a>
                <div class="lt wow fadeInUp">
                    <picture class="img">
                        <img src="/uploads/upload/images/20251220/36f399263e7ccabafb541e2c567bea3d.png" alt="Haibin Zhu.png">
                    </picture>
                </div>
                <div class="gt wow fadeInUp">
                    <div class="f_jt">
                        <h1 class="f_tit font38">Haibin Zhu</h1>
                        <div class="f_tag">
                                                        <p class="li">Fellow</p>
                                                                                    <p class="li">HKUST Institute for Financial Research</p>
                                                    </div>
                        <div class="f_text font14">
                            Executive Director (Research) of the Hong Kong Monetary Authority
                        </div>
                        <div class="f_contact font14">
                            <p>
    <span style="font-family: "Avenir Next LT", "Avenir Next", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: -0.52px; text-wrap-mode: wrap; background-color: #FFFFFF; font-size: 16px;">Mr Zhu is Executive Director (Research) of the Hong Kong Monetary Authority (HKMA). He holds a Bachelor of Science degree in Information Management from Peking University, a Master of Arts degree in Economics from the Graduate School of People’s Bank of China and a PhD in Economics from Duke University.  He has extensive experience in economic research, with expertise including policy research on macroeconomics and financial stability in the Mainland of China and Hong Kong.  Currently, Mr. Zhu was a Managing Director, Chief China Economist and Head of Greater China Economic Research at J.P. Morgan.  Prior to joining J.P. Morgan, he was a Senior Economist at the Bank for International Settlements.</span>
</p>
                        </div>
                    </div>
                                    </div>
            </div>
            <div class="container" >
                <a href="/people" title="" class="f_return">
                    <img src="/static/cms/images/returincimg1.svg" onload="SVGInject(this)" alt="">
                </a>
                <div class="cont">
                    <div class="f_lt wow fadeInUp">
                        <picture class="f_img base_img">
                            <img src="/uploads/upload/images/20251220/36f399263e7ccabafb541e2c567bea3d.png" alt="Haibin Zhu.png">
                        </picture>
                                            </div>
                    <div class="f_gt wow fadeInUp">
                        <h1 class="f_title font38">Haibin Zhu</h1>
                        <div class="f_tag">
                                                        <p class="li">Fellow</p>
                                                                                    <p class="li">HKUST Institute for Financial Research</p>
                                                    </div>
                        <div class="f_jt font14">
                            Executive Director (Research) of the Hong Kong Monetary Authority
                        </div>
                        <div class="f_wen font14">
                            <p>
    <span style="font-family: "Avenir Next LT", "Avenir Next", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: -0.52px; text-wrap-mode: wrap; background-color: #FFFFFF; font-size: 16px;">Mr Zhu is Executive Director (Research) of the Hong Kong Monetary Authority (HKMA). He holds a Bachelor of Science degree in Information Management from Peking University, a Master of Arts degree in Economics from the Graduate School of People’s Bank of China and a PhD in Economics from Duke University.  He has extensive experience in economic research, with expertise including policy research on macroeconomics and financial stability in the Mainland of China and Hong Kong.  Currently, Mr. Zhu was a Managing Director, Chief China Economist and Head of Greater China Economic Research at J.P. Morgan.  Prior to joining J.P. Morgan, he was a Senior Economist at the Bank for International Settlements.</span>
</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="peopleinfobox-sec2">
            <div class="container">
                <div class="f_nav wow fadeInUp">
                    <div class="peopleinfobox2_nav swiper-container">
                        <div class="swiper-wrapper">
                                                                                </div>
                    </div>
                </div>
                                            </div>
        </section>
    </main>
<!-- 视频弹窗 -->
    <div id="hi-video-pop">
        <div class="hi-close"></div>
        <div class="hi-video-box">
            <div class="hi-video-wrap">
                <video src="" controls preload="none" webkit-playsinline="true" playsinline="true"></video>
            </div>
        </div>
    </div>
  
    <!-- 底部 -->
    <footer class="footerbox">
        <div class="footerbox-sec1">
            <div class="container">
                <ul class="f_navbox">
                                                            <li>
                        <a href="/about-us" title="" class="f_tit">
                            <i><img src="/static/cms/images/xianyouimfw1.svg" alt=""></i>
                            <span class="font20">About Us</span>
                        </a>
                    </li>
                                        <li>
                        <a href="/research" title="" class="f_tit">
                            <i><img src="/static/cms/images/xianyouimfw1.svg" alt=""></i>
                            <span class="font20">Research</span>
                        </a>
                    </li>
                                        <li>
                        <a href="/people" title="" class="f_tit">
                            <i><img src="/static/cms/images/xianyouimfw1.svg" alt=""></i>
                            <span class="font20">People</span>
                        </a>
                    </li>
                                        <li>
                        <a href="/news-events" title="" class="f_tit">
                            <i><img src="/static/cms/images/xianyouimfw1.svg" alt=""></i>
                            <span class="font20">News &amp; Events</span>
                        </a>
                    </li>
                                        <li>
                        <a href="/contact-us" title="" class="f_tit">
                            <i><img src="/static/cms/images/xianyouimfw1.svg" alt=""></i>
                            <span class="font20">Contact Us</span>
                        </a>
                    </li>
                                    </ul>
                <a href="/" title="" class="f_logo">
                    <img src="/static/cms/images/logogimfwz2.png" alt="logogimfwz2.png">
                </a>
                <div class="f_share">
                                    </div>
            </div>
        </div>
        <div class="footerbox-sec2">
            <div class="container">
                <div class="lt">
                    <p>Copyright © The Hong Kong University of Science and Technology. All rights reserved.</p>
                    <a href="https://www.growthman.cn/" target="_blank">
                        by GrowthMan
                    </a>
                </div>
                <div class="gt">
                                                            <a href="/privacy" title="" class="li">Privacy</a>
                                        <span>|</span>
                                                            <a href="/sitemap" title="" class="li">Sitemap</a>
                                                        </div>
            </div>
        </div>
    </footer>
    

    <script src="/static/cms/layui-v2.6.8/layui/layui.js"></script>
    <script src="/static/cms/js/extend.js"></script>
    <script src="/static/cms/js/public.js"></script>
    <link rel="stylesheet" href="/static/admin/css/element-ico.css">
<script>
    
    // 设置访客数据
    function csmSetAccessData() {
        var source = document.referrer;//访客来源
        var url = location.pathname + location.search;//访问页面URL
        var device = '';//设备
        var userAgent = navigator.userAgent;//设备信息
        var share = 0;//分享次数
        var time = 0;//访问时长
        var startTime = new Date();//开始访问时间
        var timer = null;//定时器
        var catid = "25";//栏目id
        var data_id = "27";//文章id

        function formatDate(date) {
            const year = date.getFullYear();
            const month = String(date.getMonth() + 1).replace(/^(\d)$/, '0$1');
            const day = String(date.getDate()).replace(/^(\d)$/, '0$1');
            const hours = String(date.getHours()).replace(/^(\d)$/, '0$1');
            const minutes = String(date.getMinutes()).replace(/^(\d)$/, '0$1');
            const seconds = String(date.getSeconds()).replace(/^(\d)$/, '0$1');
            const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
            return formattedDate;
        }

        startTime = formatDate(startTime);

        // 判断是移动设备还是pc
        if (
            navigator.userAgent.match(/Mobi/i) ||
            navigator.userAgent.match(/Android/i) ||
            navigator.userAgent.match(/iPhone/i) ||
            navigator.userAgent.match(/iPad/i) ||
            navigator.userAgent.match(/iPod/i)
        ) {
            device = 'Mobile';
        } else {
            device = 'PC';
        }

        // 当前窗口计时
        if (typeof document.hidden !== "undefined") {
            var hidden = "hidden";
            var visibilityChange = "visibilitychange";
        } else if (typeof document.msHidden !== "undefined") {
            var hidden = "msHidden";
            var visibilityChange = "msvisibilitychange";
        } else if (typeof document.webkitHidden !== "undefined") {
            var hidden = "webkitHidden";
            var visibilityChange = "webkitvisibilitychange";
        }
        if (document[hidden]) {
            // 页面不可见，即在后台或最小化
            clearInterval(timer);
        } else {
            // 页面可见，即在当前窗口浏览
            timer = setInterval(function () {
                time += 1;
            }, 1000);
        }
        document.addEventListener(visibilityChange, function () {
            if (document[hidden]) {
                // 页面不可见，即在后台或最小化
                clearInterval(timer);
            } else {
                // 页面可见，即在当前窗口浏览
                timer = setInterval(function () {
                    time += 1;
                }, 1000);
            }
        });

        //点击计算分享次数
        document.addEventListener('DOMContentLoaded', function () {
            var arr = document.querySelectorAll('.cms-share-item');
            if (arr.length > 0) {
                for (var index = 0; index < arr.length; index++) {
                    arr[index].addEventListener('click', function () {
                        share += 1;
                    });
                }
            }
        });

        // 关闭页面提交页面数据
        window.onbeforeunload = function (event) {
            submitData();
        }

        var isFirefox = /Firefox/.test(navigator.userAgent);
        var bAsync = true;
        if (isFirefox) {
            bAsync = false;
        }

        function submitData() {
            const data = {
                platform: source,
                viewurl: url,
                equipment: device,
                useragent: userAgent,
                show_times: share,
                seconds: time,
                access_time: startTime,
                catid: catid,
                data_id: data_id,
            };
            $.ajax({
                type: 'post',
                url: "/data/save",
                data: data,
                async: bAsync,
                success: function (res) {
                    console.log("已提交访客数据")
                }
            });
        };
    }

    csmSetAccessData();

    //设置通知
    function csmSetNotice() {
        // 设置cookie,cname cookie名,cvalue cookie值,exdays 过期天数
        function setCookie(cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toGMTString();
            document.cookie = cname + "=" + cvalue + "; " + expires;
        }

        // 获取cookie,cname cookie名
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i].trim();
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        }

        // 触发页面
        function fn1(item) {
            // 所有页面触发
            if (item.is_all_view == 1) {
                fn2(item);
            }
            // 指定页面触发
            else {
                var url = window.location.pathname;
                // URL完全匹配
                if (item.urlmate_type == 1 && item.urlmate == url || item.urlmate == url + '/') {
                    fn2(item);
                }
                // URL不匹配
                if (item.urlmate_type == 2 && (item.urlmate != url || item.urlmate != url + '/')) {
                    fn2(item);
                }
                // 包含URL
                if (item.urlmate_type == 3 && url.includes(item.urlmate)) {
                    fn2(item);
                }
                // 不包含URL
                if (item.urlmate_type == 4 && !url.includes(item.urlmate)) {
                    fn2(item);
                }
                // URL开始于
                if (item.urlmate_type == 5 && url.startsWith(item.urlmate)) {
                    fn2(item);
                }
                // URL不以...开头
                if (item.urlmate_type == 6 && !url.startsWith(item.urlmate)) {
                    fn2(item);
                }
            }
        }

        // 屏幕显示
        function fn2(item) {
            // 小屏幕加大屏幕上显示
            if (item.minscreen == 1 && item.maxscreen == 1) {
                fn3(item);
            }
            // 小屏幕上显示
            else if (item.minscreen == 1) {
                fn3(item);
            }
            // 大屏幕上显示
            else if (item.maxscreen == 1) {
                fn3(item);
            }
        }

        // 显示频率
        function fn3(item) {
            // 总是
            if (item.display_type == 1) {
                fn4(item);
            }
            // 每次访问只显示一次
            if (item.display_type == 2 && !getCookie('cmsid' + item.id)) {
                fn4(item);
            }
            // 每个用户只显示一次
            if (item.display_type == 3 && !getCookie('cmsid' + item.id)) {
                fn4(item);
            }

        }

        // 触发方式
        function fn4(item) {
            var num = 0;
            // 打开页面延迟（秒）
            if (item.trigger_type == 1) {
                setTimeout(function () {
                    num++;
                    fn5(item);
                    fn6(item, num);
                }, Number(item.trigger * 1000));
            }
            // 即将离开页面
            if (item.trigger_type == 2) {
                $(document).mouseleave(function () {
                    num++;
                    fn5(item);
                    fn6(item, num);
                });
            }
            // 滚动页面到%
            if (item.trigger_type == 3) {
                $(window).scroll(function () {
                    if ($(window).scrollTop() / ($(document).height() - $(window).height()) > item.trigger / 100) {
                        num++;
                        fn5(item);
                        fn6(item, num);
                    }
                })
            }
        }

        // 设置cookie
        function fn5(item) {
            if (item.display_type == 2) {
                setCookie('cmsid' + item.id, '1');
            }
            if (item.display_type == 3) {
                setCookie('cmsid' + item.id, '1', 365);
            }
        }

        // 显示通知
        function fn6(item, num) {
            if (num == 1) {
                $("#cmsid" + item.id).addClass("on");
                // 设置访问次数
                $.ajax({
                    type: 'get',
                    url: "/notice/noticeSumAdd",
                    data: {
                        id: item.id,
                        impressions_sum: 1,//访问次数
                        hover_sum: 0,//移入次数
                        click_sum: 0,//点击次数
                    },
                    success: function (res) {
                    }
                });
            }
            if (item.trigger_display != -1 && num == 1) {
                setTimeout(function () {
                    $("#cmsid" + item.id).removeClass("on");
                }, item.trigger_display * 1000);
            }
        }

        // 添加样式
        $("body").append(
            `<style>
                .cms-notice {
                    pointer-events: none;
                }
                .cms-notice>.cms-wrap{
                    pointer-events: auto;
                    transition: all 0.2s linear;
                    transform: scale(0);
                    opacity: 0;
                }
                .cms-notice.on>.cms-wrap {
                    transition: transform 0.2s linear;
                    transform: scale(1);
                    opacity: 1;
                }
                .cms-select {
                    position: relative;
                }
                .cms-select::before{
                    content: "▼";
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    transform: translateY(-50%);
                    color: #ddd;
                }
            </style>`
        )
        // 数据请求
        var data = null;
        $.ajax({
            type: 'get',
            url: "/notice/getNotice",
            data: {},
            success: function (res) {
                if (res.code == 200) {
                    data = res.data;
                    // 有通知组件
                    if (data.length > 0) {
                        data.forEach(element => {
                            // 状态开启
                            if (element.status == 1) {
                                // 按钮圆角
                                var btnRadius = '';
                                if (element.button_type == 1) {
                                    btnRadius = "20px";
                                }
                                if (element.button_type == 2) {
                                    btnRadius = "10px";
                                }
                                if (element.button_type == 3) {
                                    btnRadius = "0px";
                                }
                                // 出现位置
                                var location = '';
                                if (element.location == 1) {
                                    location = "top:5px;left:5px;"
                                }
                                if (element.location == 2) {
                                    location = "top:5px;left:50%;transform: translateX(-50%);"
                                }
                                if (element.location == 3) {
                                    location = "top:5px;right:5px;"
                                }
                                if (element.location == 4) {
                                    location = "top:50%;left:5px;transform: translateY(-50%);"
                                }
                                if (element.location == 5) {
                                    location = "top:50%;left:50%;transform: translate(-50%,-50%);"
                                }
                                if (element.location == 6) {
                                    location = "top:50%;right:5px;transform: translateY(-50%);"
                                }
                                if (element.location == 7) {
                                    location = "bottom:5px;left:5px;"
                                }
                                if (element.location == 8) {
                                    location = "bottom:5px;left:50%;transform: translateX(-50%);"
                                }
                                if (element.location == 9) {
                                    location = "bottom:5px;right:5px;"
                                }

                                // 设置用户操作数据
                                function setNoticeData(impressions, hover_sum, click_sum) {
                                    $.ajax({
                                        type: 'get',
                                        url: "/notice/noticeSumAdd",
                                        data: {
                                            id: element.id,
                                            impressions_sum: impressions,//访问次数
                                            hover_sum: hover_sum,//移入次数
                                            click_sum: click_sum,//点击次数
                                        },
                                        success: function (res) {
                                        }
                                    });
                                }

                                // 展示型A
                                if (element.notice_type == 1) {
                                    var img = '';
                                    if (element.background_image.length > 0) {
                                        img = `<img style="position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%;object-fit: cover;" src="${element.background_image[0].path}">`;
                                    }
                                    var html = `
                                        <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);">
                                            <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;">
                                                ${img}
                                                <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i>
                                                <div style="min-height: 160px;margin-bottom: 15px;position: relative;z-index: 5;">
                                                    <p style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px">${element.title}</p>
                                                    <p style="color:${element.sontitle_color};font-size:14px;margin-top:5px">${element.sontitle}</p>
                                                </div>
                                                <div style="position: relative;z-index: 5;">
                                                    <a href="${element.button_url}" target="_blank" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align: center;padding: 0 15px;line-height: 40px">${element.button_text}</a>
                                                </div>
                                            </div>
                                        </div>
                                    `;
                                    $("body").append(html);
                                    fn1(element);
                                }
                                // // 展示型B
                                if (element.notice_type == 2) {
                                    var html = `
                                    <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);">
                                        <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;">
                                            <a target="_blank" href="${element.url}" style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px;display:inline-flex;align-items:flex-start;"><i class="${element.icon}" style="font-size:28px;margin-right:10px;color:${element.icon_color};flex-shrink:0"></i><span>${element.title}</span></a>
                                            <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i>
                                        </div>
                                    </div>
                                    `;
                                    $("body").append(html);
                                    fn1(element);
                                }
                                // // 展示型c
                                if (element.notice_type == 3) {
                                    var html = `
                                    <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);">
                                        <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;">
                                            ${element.url ? '<a target="_blank" href="' + element.url : '<div'} style="display:flex;align-items:center;">
                                                <div style="width: 100%;">
                                                    <p style="display: flex;align-items: flex-start;line-height: 24px;font-size: 14px;">
                                                        <i class="${element.icon}" style="font-size:24px;margin-right:10px;color:${element.icon_color};flex-shrink:0;"></i><span>${element.sontitle}</span>
                                                    </p>
                                                    <p style="font-size:18px;color:${element.title_color};margin-top:10px;">${element.title}</p>
                                                </div>
                                                ${element.image.length > 0 ? '<img src="' + element.image[0].path + '" style="width:40%;margin-left: 20px;flex-shrink: 0;">' : ''}
                                            ${element.url ? '</a>' : '</div>'}
                                            <i class="el-icon-close" style="position: absolute;top: 2px;right: 2px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i>
                                        </div>
                                    </div>
                                    `;
                                    $("body").append(html);
                                    fn1(element);
                                }
                                // // 表单型A
                                if (element.notice_type == 4) {
                                    var form = '';
                                    element.form.forEach((element2, element2index) => {
                                        var str = '';
                                        var options = [];
                                        if (element2.type == "radio" || element2.type == "checkbox" || element2.type == "select") {
                                            let arr = element2.content.split("\n").map(item => {
                                                const [value, name] = item.split(":");
                                                return {value, name};
                                            });
                                            arr.sort((a, b) => a.value - b.value);
                                            options = arr;
                                        }
                                        if (element2.type == 'input') {
                                            form += `
                                                <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}">
                                                    <div style="margin-bottom: 5px;">
                                                        <i class="${element2.icon}"></i>
                                                        <span>${element2.title}</span>
                                                        ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''}
                                                    </div>
                                                    <input type="text" name="${element2.name}" placeholder="请输入${element2.title}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 10px;width:100%">
                                                </div>
                                            `;
                                        }
                                        if (element2.type == 'text') {
                                            form += `
                                                <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}">
                                                    <div style="margin-bottom: 5px;">
                                                        <i class="${element2.icon}"></i>
                                                        <span>${element2.title}</span>
                                                        ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''}
                                                    </div>
                                                    <textarea name="${element2.name}" placeholder="请输入${element2.title}" rows="1" style="line-height: 1.5;border: 1px solid #ddd;padding: 10px;width:100%"></textarea>
                                                </div>
                                            `;
                                        }
                                        if (element2.type == 'radio') {
                                            options.forEach(element3 => {
                                                str += `<label style="margin-right: 10px;"><input class="cms-radio" type="radio" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>`
                                            });
                                            form += `

                                                <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}">
                                                    <div style="margin-bottom: 5px;">
                                                        <i class="${element2.icon}"></i>
                                                        <span>${element2.title}</span>
                                                        ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''}
                                                    </div>
                                                    ${str}
                                                </div>
                                            `;
                                        }
                                        if (element2.type == 'checkbox') {
                                            options.forEach((element3, index) => {
                                                str += `<label style="margin-right: 10px;"><input class="cms-checkbox" type="checkbox" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>`
                                            });
                                            form += `
                                                <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}">
                                                    <div style="margin-bottom: 5px;">
                                                        <i class="${element2.icon}"></i>
                                                        <span>${element2.title}</span>
                                                        ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''}
                                                    </div>
                                                    ${str}
                                                </div>
                                            `;
                                        }
                                        if (element2.type == 'select') {
                                            options.forEach(element3 => {
                                                str += `
                                                <option value="${element3.name}" ${element2.default_value == element3.name ? 'selected' : ''}>${element3.name}</option>
                                               `
                                            });
                                            form += `
                                                <div style="margin-bottom: 10px;">
                                                    <div style="margin-bottom: 5px;">
                                                        <i class="${element2.icon}"></i>
                                                        <span>${element2.title}</span>
                                                        ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''}
                                                    </div>
                                                    <div class="cms-select">
                                                        <select name="${element2.name}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 34px 0 10px;width:100%">
                                                            ${str}
                                                        </select>
                                                    </div>
                                                </div>
                                            `;
                                        }
                                    });


                                    var html = `
                                    <style>
                                        #cmsid${element.id} .cms-radio:checked,#cmsid${element.id} .cms-checkbox:checked {
                                            background-color:${element.button_color} !important;
                                            border-color:${element.button_color} !important;
                                        }
                                    </style>
                                    <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);">
                                        <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;overflow:hidden;font-size:14px;">
                                            <p style="font-size:18px;padding:15px;color:${element.title_color};background:${element.title_background_color};">${element.title}</p>
                                            <form id="cmsid${element.id}form" style="padding:15px;" style="font-size: 14px;line-height: 20px;">
                                                <div style="max-height:320px;overflow:auto;margin-bottom:10px">
                                                    ${form}
                                                </div>
                                                <div style="text-align: center;">
                                                    <div class="cms-submit" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align:center;padding: 0 15px;line-height: 40px;cursor: pointer;">${element.button_text}</div>
                                                </div>
                                            </form>
                                            <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i>
                                        </div>
                                    </div>
                                    `;
                                    $("body").append(html);
                                    fn1(element);
                                }

                                // 关闭通知
                                $(document).on("click", "#cmsid" + element.id + " .el-icon-close", function (event) {
                                    event.stopPropagation();
                                    $("#cmsid" + element.id).removeClass("on");
                                });
                                // 设置悬停数量
                                $(document).on("mouseenter", "#cmsid" + element.id + " .cms-wrap", function (event) {
                                    setNoticeData(0, 1, 0);
                                });
                                // 设置点击数量
                                $(document).on("click", "#cmsid" + element.id + " .cms-wrap", function (event) {
                                    setNoticeData(0, 0, 1);
                                });
                                // 提交表单
                                $(document).on("click", "#cmsid" + element.id + " .cms-submit", function (event) {
                                    var formObj = document.getElementById('cmsid' + element.id + 'form');
                                    var formField = new FormData(formObj);
                                    var formDataObject = {};
                                    formField.forEach(function (value, key) {
                                        formDataObject[key] = value;
                                    });
                                    element.form.forEach(element2 => {
                                        if (element2.type == 'checkbox') {
                                            let checkboxData = '';
                                            $('#cmsid' + element.id + 'form input[name="' + element2.name + '"]').each(function () {
                                                if ($(this).is(':checked')) {
                                                    checkboxData += $(this).val() + ',';
                                                }
                                            });
                                            formDataObject[element2.name] = checkboxData.slice(0, -1);
                                        }
                                    })
                                    $.ajax({
                                        type: 'post',
                                        url: "/notice/noticeSubmitForm",
                                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                        data: {
                                            id: element.id,
                                            formField: formDataObject,
                                        },
                                        success: function (res) {
                                            $('meta[name="csrf-token"]').attr('content', res.data._token_);
                                            if (res.code == 200) {
                                                $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #1bd629;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>');
                                            } else {
                                                $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #ff0000;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>');
                                            }
                                            setTimeout(function () {
                                                $("#cms-pop").remove();
                                            }, 1000);
                                        }
                                    });
                                });
                            }
                        });
                    }
                }
            }
        });
    }

    $.ajax({
        type: 'get',
        url: "/web/checkAddonsInstall",
        data: {
            name: 'generalNotice'
        },
        success: function (res) {
            if (res.code == 200) {
                if (res.data.addons > 0) {
                    // 已安装通知组件执行方法
                    csmSetNotice();
                }
            }
        }
    });
</script>
    <script type="text/javascript" charset="utf-8">
        $.ajax({
            type: 'POST',
            url: '/site/flow',
        });
    </script>
    <script type="text/javascript" charset="utf-8">
        $.ajax({
            type: 'POST',
            url: '/site/click',
            data: {
                catid: '25',
                id: '27'
            },
            success: function (res) {
                console.log("csmSetNotice");
            }
        });
    </script>
    <script>
        $(document).ready(function() {
            $(document).on('click','a',function(){
                href = $(this).attr('href');
                if(href == ''){
                    event.preventDefault();
                }else if (href.startsWith('http://') || href.startsWith('https://')) {
                    $(this).attr('target', '_blank');
                }
            })
        });
    </script><!-- 本页专用 -->
<script src="/static/cms/js/masonry-docs.min.js"></script>
<script>
    $(".peopleinfobox_list").each(function(){
        var $container = $(this);
        $container.imagesLoaded(function() {
        $container.masonry({
                itemSelector: '.item',
                gutter: 0,
                isAnimated: true,
            });
        });
    });
</script>
</body>

</html>