{"id":1000,"date":"2023-08-16T14:44:54","date_gmt":"2023-08-16T06:44:54","guid":{"rendered":"https:\/\/www.gio.zone\/cn\/?page_id=1000"},"modified":"2023-08-24T16:37:14","modified_gmt":"2023-08-24T08:37:14","slug":"past-events","status":"publish","type":"page","link":"https:\/\/www.gio.zone\/cn\/past-events\/","title":{"rendered":"\u8fc7\u5f80\u6d3b\u52a8"},"content":{"rendered":"\n<section class=\"wp-block-gio-banner gio-banner\"><div class=\"swiper gio-bannerSwiper\" data-time=\"0\" data-top=\"40\" data-top-m=\"40\"><div class=\"swiper-wrapper\">\n<div class=\"wp-block-gio-banner-item swiper-slide\"><div class=\"gio-bannerSwiper-text text-center\" style=\"top:undefined%\"><h2 class=\"gio-h2 text-left white\" style=\"white-space:pre-wrap;color:ffffff\">\u8fc7\u5f80\u6d3b\u52a8<\/h2><div class=\"gio-bannerSwiper-list\" style=\"white-space:pre-wrap\"><\/div><div class=\"gio-bannerSwiper-more-all\"><\/div><\/div><picture><source media=\"(max-aspect-ratio:1\/1) and (min-width: 780px),(max-width:780px)\" data-srcset=\"https:\/\/www.gio.zone\/cn\/wp-content\/uploads\/sites\/2\/2023\/08\/past_event_mob-1.jpg\"\/><img alt=\"\" src=\"https:\/\/www.gio.zone\/cn\/wp-content\/uploads\/sites\/2\/2023\/08\/past_events_pc-1.jpg\" class=\"lazyload blur-up swiper-slide-img\"\/><\/picture><\/div>\n<\/div><div class=\"swiper-pagination gio-banner-swiper-pagination\"><\/div><\/div><\/section>\n\n\n<section class=\"gio-breadcrumb\"><div class=\"breadcrumb-container gio-container\"><a href=\"https:\/\/www.gio.zone\/cn\">\u9996\u9875<\/a> > \u8fc7\u5f80\u6d3b\u52a8 <\/div><\/section>\n\n\n<section class=\"gio-event-list\">\n    <div class=\"event-list-container\">\n        <div class=\"event-heading-nav\" id=\"gio-event-nav\">\n            <div class=\"event-heading-tit show-mob\" id=\"past-events-text\">\u8fc7\u5f80\u6d3b\u52a8<\/div>\n            <div class=\"event-nav-container\">\n                <div class=\"event-nav\">\n                    <ul class=\"event-nav-tits\">\n                        <li class=\"event-tit\">\n                            <div class=\"event-link\">\n                                <div class=\"gio-tit\" data-tab-name=\"gio\">GIO \u5706\u684c\u4f1a\u8bae<\/div>\n                            <\/div>\n                        <\/li>\n                        <li class=\"event-tit\">\n                            <div class=\"event-link\">\n                                <div class=\"gio-tit\" data-tab-name=\"group\">\u5de5\u4f5c\u7ec4 \u4e13\u9898\u7814\u8ba8\u4f1a\/\u5706\u684c<\/div>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                    <div class=\"show-pc event-sequence\">\n                        <div class=\"active-sequence\">\u5012\u5e8f<\/div>\n                        <div class=\"sequence-items\">\n                            <div class=\"sequence-item active\">\u5012\u5e8f<\/div>\n                            <div class=\"sequence-item\">\u5347\u5e8f<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"event-sequence-mob show-mob\">\n            <div class=\"sequence-icon\"><img class=\"forward-icon active\" src=\"\/static\/img\/module\/event-list\/filter.svg\" alt=\"\" \/><img class=\"reverse-icon\" src=\"\/static\/img\/module\/event-list\/filter.svg\" alt=\"\" \/><\/div>\n            <div class=\"event-sequence\">\n                <div class=\"active-sequence\">\u5012\u5e8f<\/div>\n                <div class=\"sequence-items\">\n                    <div class=\"sequence-item active\">\u5012\u5e8f<\/div>\n                    <div class=\"sequence-item\">\u5347\u5e8f<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"event-list-items gio-bgcolor\">\n            <div class=\"gio-container\" id=\"event-list\"><\/div>\n            <img id=\"loadingEvent\" src=\"\/static\/img\/loading.gif\" style=\"display:none;\"\/>\n        <\/div>\n    <\/div>\n    <div class=\"event-list-more\"><button class=\"more-btn\" id=\"event-list-more\">\u67e5\u770b\u66f4\u591a<\/button><\/div>\n<\/section>\n\n<script>\n    jQuery(function ($) {\n        if (document.querySelector('.gio-event-list') != null) {\n            var anchorPoint = window.location.hash.substring(1);\n\n            if (anchorPoint === \"group\") {\n                \/\/ \u9009\u4e2d \"group\" \u5217\u8868\u9879\n                $('[data-tab-name=\"group\"]').closest('li').addClass('active');\n                var tag_id = 19;  \/\/tab\u7684tag_id\u914d\u7f6e\n            }else{\n                \/\/ \u9009\u4e2d \"gio\" \u5217\u8868\u9879\n                $('[data-tab-name=\"gio\"]').closest('li').addClass('active');\n                var tag_id = 18;  \/\/tab\u7684tag_id\u914d\u7f6e\n            }\n            var page = 1;\n            var preUrl = \"https:\/\/www.gio.zone\/\/wp-json\";\n            if(gio_glabal !== undefined && gio_glabal !== null){\n                preUrl = gio_glabal.siteDomain +\"\/wp-json\"\n            }\n           \n            var query_category = 4; \/\/category\u914d\u7f6e\n            $(\".sequence-item\").on(\"click\", function (e) {\n                e.preventDefault();\n                e.stopPropagation();\n                $(\".active-sequence\").removeClass(\"active-svg\");\n                $(\".sequence-items\").removeClass(\"active\");\n                $(this).addClass(\"active\");\n                $(this).siblings().removeClass(\"active\");\n                $(\".active-sequence\").text($(this).text());\n\n                if ($(this).text() === $(\".sequence-item:eq(0)\").text()) {\n                    $(\".reverse-icon\").addClass(\"active\");\n                    $(\".forward-icon\").removeClass(\"active\");\n                } else if ($(this).text() === $(\".sequence-item:eq(1)\").text()) {\n                    $(\".reverse-icon\").removeClass(\"active\");\n                    $(\".forward-icon\").addClass(\"active\");\n                }\n            });\n\n\n            if (isMob) {\n                $(\".event-heading-tit\").on(\"click\", function () {\n                    if ($(\".event-nav-container\").hasClass(\"show\")) {\n                        $(\".event-nav-container\").removeClass(\"show\");\n                        $(\".event-heading-tit\").removeClass(\"active-svg\");\n                    } else {\n                        $(\".event-nav-container\").addClass(\"show\");\n                        $(\".event-heading-tit\").addClass(\"active-svg\");\n                    }\n                })\n            }\n\n            $(\".event-heading-nav .event-tit\").on(\"click\", function (e) {\n                e.preventDefault();\n                e.stopPropagation();\n                $(this).addClass(\"active\");\n                $(this).siblings().removeClass(\"active\");\n                $(\".event-nav-container\").removeClass(\"show\");\n                $(\".event-heading-tit\").removeClass(\"active-svg\");\n                \/\/ \u66f4\u65b0 tag_id \u503c\n                \n                const tabName = $(this).find('.gio-tit').attr('data-tab-name');\n                if (tabName === \"gio\") {\n                    tag_id = 18;\n                    $(\"#past-events-text\").text(\"GIO \u5706\u684c\u4f1a\u8bae\");\n                } else if (tabName === \"group\") {\n                    tag_id = 19;\n                    $(\"#past-events-text\").text(\"\u5de5\u4f5c\u7ec4 \u4e13\u9898\u7814\u8ba8\u4f1a\/\u5706\u684c\");\n                }\n                var eventHtml = \"\";\n                $(\"#event-list\").html(eventHtml);\n                $(\".event-list-more\").hide(); \n                page = 1;\n                searchEvents();\n                scrollToTop();\n            })\n\n            if (isMob) {\n                $(\".active-sequence\").on(\"click\", function (e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    if ($(\".sequence-items\").hasClass(\"active\")) {\n                        $(\".sequence-items\").removeClass(\"active\");\n                        $(this).removeClass(\"active-svg\");\n                    } else {\n                        $(\".sequence-items\").addClass(\"active\");\n                        $(this).addClass(\"active-svg\");\n                    }\n                })\n            }\n\n\n            var orderBy = \"\";\n\n            function searchEvents() {\n                $(\"#loadingEvent\").show();\n                var eventHtml = \"\";\n                $.ajax({\n                    url: preUrl + \"\/giowp\/v1\/search_events\",\n                    type: \"POST\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        tag_id: tag_id,\n                        category: query_category,\n                        dateFormat: \"Y\/m\/d\",\n                        size: \"2\",\n                        orderBy: orderBy,\n                        page: page\n                    }),\n                    success: function (data) {\n                        $(\"#loadingEvent\").hide();\n                        var eventList = data.response.list;\n                        \n                        var loadMore = data.response.load_more;\n                        \/\/ \u6839\u636e load_more \u7684\u503c\u6765\u63a7\u5236\u6309\u94ae\u7684\u663e\u793a\u4e0e\u9690\u85cf\n                        if (loadMore) {\n                            $(\".event-list-more\").show(); \/\/ \u663e\u793a\u6309\u94ae\n                        } else {\n                            $(\".event-list-more\").hide(); \/\/ \u9690\u85cf\u6309\u94ae\n                        }\n                        for (var i = 0; i < eventList.length; i++) {\n                            var year = eventList[i].year;\n                            var content = eventList[i].content;\n\n                            eventHtml += \"<div class='event-list-item'>\" +\n                                \"<div class='event-list-year'>\" + year + \"<\/div>\" +\n                                \"<div class='event-list-content-wrap'>\";\n\n                            for (var j = 0; j < content.length; j++) {\n                                var title = content[j].title;\n                                var desc = content[j].desc;\n                                var img = content[j].img;\n                                var date = content[j].date;\n                                var link = content[j].link;\n\n                                eventHtml += \"<div class='event-list-content'>\" +\n                                    \"<a href='\" + link + \"'>\" +\n                                    \"<div class='event-list-img'>\" +\n                                    \"<picture>\" +\n                                    \"<source media='(max-aspect-ratio:1\/1) and (min-width: 780px),(max-width:780px)' data-srcset='\" + img + \"' \/>\" +\n                                    \"<img alt='' src='\" + img + \"' data-src='\" + img + \"' class='lazyload blur-up' \/>\" +\n                                    \"<\/picture>\" +\n                                    \"<\/div>\" +\n                                    \"<div class='event-list-text'>\" +\n                                    \"<div class='event-list-text-top'>\" +\n                                    \"<div class='event-list-text-tit'>\" + title + \"<\/div>\" +\n                                    \"<div class='event-list-text-date'>\" + date + \"<\/div>\" +\n                                    \"<\/div>\" +\n                                    \"<p class='p-light'>\" + desc + \"<\/p>\" +\n                                    \"<\/div>\" +\n                                    \"<\/a>\" +\n                                    \"<\/div>\";\n                            }\n\n                            eventHtml += \"<\/div><\/div>\";\n                        }\n\n                        if (page === 1) {\n                            \/\/ \u7b2c\u4e00\u6b21\u67e5\u8be2\u7ed3\u679c\u65f6\u66ff\u6362\u6574\u4e2a\u4e8b\u4ef6\u5217\u8868\u5185\u5bb9\n                            $(\"#event-list\").html(eventHtml);\n                        } else {\n                            \/\/ \u8ffd\u52a0\u65b0\u6570\u636e\u5230\u73b0\u6709\u5217\u8868\n                            $(\"#event-list\").append(eventHtml);\n                        }\n\n\n                    }\n                });\n            }\n\n\n                    function scrollToTop() {\n                if ($('.wp-block-template-part').hasClass('hide-nav')) {\n                    \/\/ \u5bf9 example\u6dfb\u52a0important \u7684\u903b\u8f91 \n                var targetHeight =$(\".gio-banner\").height()+$(\".gio-breadcrumb\").height();\n\n                } else {\n                var targetHeight = $(\".gio-nav-row\").height()+$(\".gio-banner\").height()+$(\".gio-breadcrumb\").height();\n                }\n                    $(\"html, body\").animate({ scrollTop: targetHeight }, \"fast\");\n            }\n            $(\".gio-event-list .more-btn\").on({\n                click: function () {\n                    page++;\n                    searchEvents();\n                }\n            });\n            $(\".sequence-item\").on(\"click\", function (e) {\n                e.preventDefault();\n                e.stopPropagation();\n\n                if ($(this).text() == \"\u5347\u5e8f\") {\n                    orderBy = \"asc\";\n                } else {\n                    orderBy = \"desc\";\n                }\n                var eventHtml = \"\";\n                $(\"#event-list\").html(eventHtml);\n                $(\".event-list-more\").hide(); \n                page = 1;\n                searchEvents();\n                scrollToTop();\n            });\n\n            searchEvents();\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u8fc7\u5f80\u6d3b\u52a8 GIO \u5706\u684c\u4f1a\u8bae \u5de5 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/pages\/1000"}],"collection":[{"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/comments?post=1000"}],"version-history":[{"count":8,"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/pages\/1000\/revisions"}],"predecessor-version":[{"id":2653,"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/pages\/1000\/revisions\/2653"}],"wp:attachment":[{"href":"https:\/\/www.gio.zone\/cn\/wp-json\/wp\/v2\/media?parent=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}