{"id":8748,"date":"2024-08-05T09:54:42","date_gmt":"2024-08-05T01:54:42","guid":{"rendered":"https:\/\/portal.heliov.net\/?page_id=8748"},"modified":"2024-09-29T16:16:21","modified_gmt":"2024-09-29T08:16:21","slug":"%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac-%e8%bf%ad%e4%bb%a3%e4%ba%8c","status":"publish","type":"page","link":"https:\/\/portal.heliov.net\/?page_id=8748","title":{"rendered":"\u5173\u4e8e\u6211\u4eec"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u5173\u4e8e\u6211\u4eec<\/title>\r\n <!-- \u5f15\u5165Vue -->\r\n <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/vue.js\"><\/script>\r\n <!-- \u5f15\u5165Element UI -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/element.css\">\r\n <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/element.js\"><\/script>\r\n <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/clamp.js\"><\/script>\r\n <!-- Link Swiper's CSS -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/06\/swiper-bundle.min_.css\" \/>\r\n <!-- \u5f15\u5165Viewer.js -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/viview.css\" \/>\r\n <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/viewer.js\"><\/script>\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n #about-us {\r\n overflow-x: hidden;\r\n \r\n .banner {\r\n box-sizing: border-box;\r\n width: 100vw;\r\n height: 100vh;\r\n background: url('https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u7ec4-1947@1x.png') no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n padding-top: 377px;\r\n padding-left: 200px;\r\n \r\n .title {\r\n font-weight: 600;\r\n font-size: 60px;\r\n line-height: 73px;\r\n color: #222;\r\n \r\n }\r\n \r\n .sub-title {\r\n font-size: 30px;\r\n line-height: 48px;\r\n color: #222;\r\n margin-top: 27px;\r\n }\r\n }\r\n \r\n .corporate-culture {\r\n box-sizing: border-box;\r\n display: flex;\r\n width: 100vw;\r\n height: 900px;\r\n background: url(\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u8499\u7248\u7ec4-196@1x.png\") no-repeat;\r\n background-size: cover;\r\n background-position: center;\r\n padding-left: 200px;\r\n padding-right: 178px;\r\n justify-content: space-between;\r\n \r\n .title-content {\r\n display: flex;\r\n height: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n \r\n .title {\r\n font-weight: 600;\r\n font-size: 36px;\r\n line-height: 40px;\r\n color: #222;\r\n \r\n }\r\n \r\n .sub-title {\r\n font-size: 30px;\r\n line-height: 48px;\r\n color: #999;\r\n margin-top: 30px;\r\n }\r\n }\r\n \r\n .culture-right {\r\n width: 760px;\r\n height: fit-content;\r\n \r\n .culture-item {\r\n width: 700px;\r\n height: 136px;\r\n padding-left: 38px;\r\n padding-right: 22px;\r\n cursor: pointer;\r\n transition: background-color 0.5s ease-out;\r\n \r\n \r\n .content {\r\n border-bottom: 1px solid #D8D8D8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 100%;\r\n \r\n .l-title {\r\n font-size: 30px;\r\n line-height: 48px;\r\n color: #222;\r\n \r\n }\r\n \r\n .r-title {\r\n font-size: 30px;\r\n line-height: 48px;\r\n color: rgba(255, 255, 255, 0.5);\r\n margin-left: 12px;\r\n }\r\n }\r\n \r\n .icon {\r\n width: 70px;\r\n height: 70px;\r\n background: url('https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u7ec4-1920@1x.png');\r\n }\r\n }\r\n \r\n .culture-item:hover {\r\n border-radius: 8px;\r\n background: #FFF;\r\n box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.02);\r\n \r\n .content {\r\n border: none;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .honor-wall {\r\n width: 100vw;\r\n height: 900px;\r\n \r\n .mySwiper {\r\n width: 100%;\r\n }\r\n \r\n .swiper-slide-box {\r\n text-align: center;\r\n font-size: 18px;\r\n background: #fff;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n flex-direction: column;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n width: min-content;\r\n }\r\n \r\n .swiper-slide img {\r\n display: block;\r\n height: 250px;\r\n object-fit: cover;\r\n }\r\n \r\n .swiper-img-wrapper {\r\n padding: 12px;\r\n box-sizing: border-box;\r\n width: max-content;\r\n border: 9.58px solid;\r\n border-image: linear-gradient(180deg, #FFE3C9 0%, #7C440F 100%) 9.58;\r\n }\r\n \r\n .swiper-slide span {\r\n word-break: break-all;\r\n width: 100%;\r\n display: block;\r\n padding: 13px 15px;\r\n }\r\n }\r\n \r\n .development-history {\r\n width: 100vw;\r\n height: 900px;\r\n box-sizing: border-box;\r\n padding-top: 120px;\r\n background: url(\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u7ec4-1887@1x.png\") no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n \r\n .history-process {\r\n display: flex;\r\n \/* padding-left: calc(100% - 1733px); *\/\r\n padding-left: 100px;\r\n \r\n .line {\r\n height: 3px;\r\n background: #F84914;\r\n }\r\n \r\n .title {\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: #222;\r\n }\r\n \r\n .time {\r\n font-weight: 600;\r\n font-size: 24px;\r\n line-height: 24px;\r\n color: #222;\r\n }\r\n }\r\n }\r\n \r\n .success-cases {\r\n width: 100vw;\r\n height: 1000px;\r\n box-sizing: border-box;\r\n padding-top: 120px;\r\n background: #F5F7F9;\r\n \r\n .content {\r\n width: 100%;\r\n padding: 0 200px 0 200px;\r\n display: flex;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n }\r\n \r\n .cases-item {\r\n width: 470px;\r\n height: 490px;\r\n border-radius: 8px;\r\n background: #FFFFFF;\r\n box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.02);\r\n cursor: pointer;\r\n transition: transform 0.3s ease;\r\n transform: translateY(0px);\r\n \r\n .title {\r\n font-weight: 600;\r\n font-size: 24px;\r\n line-height: 24px;\r\n margin: 26px 0 28px 30px;\r\n \r\n }\r\n \r\n .introduce {\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: #666;\r\n margin: 0px 30px 0px 30px;\r\n \r\n }\r\n \r\n }\r\n \r\n .cases-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.04);\r\n \r\n .title {\r\n color: #f84914;\r\n }\r\n }\r\n }\r\n \r\n .application-scenarios {\r\n width: 100vw;\r\n height: 1000px;\r\n box-sizing: border-box;\r\n padding-top: 120px;\r\n background: url(\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u8499\u7248\u7ec4-197@1x.png\") no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n \r\n .scenarios-list {\r\n width: 100%;\r\n height: 411px;\r\n box-sizing: border-box;\r\n padding: 0 200px;\r\n display: flex;\r\n justify-content: space-between;\r\n \r\n .scenarios-item {\r\n height: 411px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n background: #FFFFFF;\r\n transition: width 0.5s ease;\r\n \r\n .scenarios-item-default {\r\n display: flex;\r\n flex-direction: column;\r\n \r\n align-items: center;\r\n \r\n .img1 {\r\n margin-bottom: 23px;\r\n }\r\n \r\n .title {\r\n font-size: 30px;\r\n line-height: 48px;\r\n color: #222;\r\n }\r\n \r\n .img2 {\r\n margin-top: 70px;\r\n }\r\n }\r\n \r\n .scenarios-item-active {\r\n .title {\r\n font-weight: 600;\r\n font-size: 36px;\r\n line-height: 40px;\r\n color: #222;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .active-describe {\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: #999;\r\n margin-bottom: 46px;\r\n white-space: nowrap;\r\n }\r\n \r\n .active-content {\r\n display: flex;\r\n width: 503px;\r\n overflow: hidden;\r\n \r\n .img1 {\r\n margin-top: 24px;\r\n height: 24px;\r\n\r\n }\r\n \r\n .know-more {\r\n font-size: 24px;\r\n line-height: 30px;\r\n color: #222;\r\n margin-left: 16px;\r\n margin-right: 145px;\r\n white-space: nowrap;\r\n margin-top: 24px;\r\n \r\n \r\n }\r\n }\r\n \r\n }\r\n }\r\n \r\n }\r\n }\r\n \r\n .main-title {\r\n font-weight: 600;\r\n font-size: 36px;\r\n line-height: 40px;\r\n color: #222;\r\n }\r\n \r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"about-us\">\r\n <div class=\"banner\">\r\n <div class=\"title\">\u5168\u7403\u5e03\u5c40\uff0c\u670d\u52a1\u65e0\u754c<\/div>\r\n <div class=\"sub-title\">\u8986\u76d6150+\u57ce\u5e02\uff0c\u91cd\u5851\u5de5\u4e1a\u8f66\u8f86\u7ba1\u7406\u65b0\u6807\u51c6<\/div>\r\n <\/div>\r\n <div class=\"corporate-culture\" id=\"corporateCulture\">\r\n <div class=\"title-content\">\r\n <div class=\"title\">\u4f01\u4e1a\u6587\u5316<\/div>\r\n <div class=\"sub-title\">\u4f7f\u547d\/\u613f\u666f\/\u6838\u5fc3\u4ef7\u503c\u89c2<\/div>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: center; align-items: center;\">\r\n <div class=\"culture-right\">\r\n <div class=\"culture-item\" style=\"margin-bottom: 47px;\">\r\n <div class=\"content\">\r\n <div><span class=\"l-title\">\u5408\u529b\u63d0\u5347\u672a\u6765<\/span><\/div>\r\n <div class=\"icon\"><span class=\"r-title\">\u5408<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"culture-item\" style=\"margin-bottom: 47px;\">\r\n <div class=\"content\">\r\n <div><span class=\"l-title\">\u4e16\u754c\u4e94\u5f3a \u767e\u5e74\u5408\u529b<\/span><\/div>\r\n <div class=\"icon\"><span class=\"r-title\">\u4e16<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"culture-item\">\r\n <div class=\"content\">\r\n <div><span class=\"l-title\">\u4ee5\u4eba\u4e3a\u672c \u4ee5\u7cbe\u54c1\u56de\u62a5\u793e\u4f1a<\/span><\/div>\r\n <div class=\"icon\"><span class=\"r-title\">\u4ee5<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- \u8363\u8a89\u5899 -->\r\n <div class=\"honor-wall\" id=\"honor-wall\">\r\n <div class=\"main-title\" style=\"text-align: center;margin-top: 140px;margin-bottom: 120px;\">\u8363\u8a89\u5899<\/div>\r\n <div class=\"swiper mySwiper\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide swiper-slide-box\" v-for=\"item in swiperList\">\r\n <div class=\"swiper-img-wrapper\">\r\n <viewer>\r\n <img :src=\"item.imgSrc\" alt=\"\" class=\"image-preview\">\r\n <\/viewer>\r\n <\/div>\r\n <span style=\"font-weight: 600;font-size: 24px;color: #1E1E1E;\">{{item.title}}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53d1\u5c55\u5386\u53f2 -->\r\n <div class=\"development-history\" id=\"development-history\">\r\n <div class=\"main-title\" style=\"text-align: center;margin-bottom: 200px;\">\u53d1\u5c55\u5386\u53f2<\/div>\r\n <div class=\"history-process\">\r\n <div v-for=\"(item,index) in historyList\" style=\"display: flex;\">\r\n <div>\r\n <div :style=\"{\r\n height: '95px',width: '223px',textAlign: 'center',transform:item.imgSrc?'translate(-32%,-30px)': 'translate(-38%,-30px)'\r\n }\">\r\n <div v-if=\"item.position === 'top'\"\r\n style=\"display: flex; flex-direction: column; justify-content: end;height: 100%;\">\r\n <div class=\"title\" style=\"margin-bottom: 15px;\">{{item.title}}<\/div>\r\n <div class=\"time\">{{item.time}}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"height: 76px;display: flex; align-items: center;\">\r\n <img :src=\"item.imgSrc||defaultImg\" alt=\"\">\r\n <!-- <div class=\"line\" :style=\"{width:index===historyList.length-1?'261px':'176px'}\"><\/div> -->\r\n <div class=\"line\" :style=\"{width:index===historyList.length-1?'0px':'181px'}\"><\/div>\r\n <!-- <div class=\"line\" :style=\"{width:'181px'}\"><\/div> -->\r\n <\/div>\r\n <div :style=\"{\r\n height: '151px',width: '223px',textAlign: 'center',transform:item.imgSrc?'translate(-32%,30px)': 'translate(-38%,30px)'\r\n }\">\r\n <div v-if=\"item.position === 'bottom'\">\r\n <div class=\"time\" style=\"margin-bottom: 15px;\">{{item.time}}<\/div>\r\n <div class=\"title\">{{item.title}}<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u6210\u529f\u6848\u4f8b -->\r\n <div class=\"success-cases\" id=\"successCases\">\r\n <div class=\"main-title\" style=\"text-align: center;margin-bottom: 120px;\">\u6210\u529f\u6848\u4f8b<\/div>\r\n <div class=\"content\">\r\n <div class=\"cases-item\" @click=\"linkTo('0')\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u8499\u7248\u7ec4-52@1x-1.png\" alt=\"\"\r\n height=\"260\">\r\n <div class=\"title\">\u5b89\u5168\u9a7e\u9a76<\/div>\r\n <div class=\"introduce\">\u91c7\u7528\u5408\u529bFICS\u98de\u79d1\u601d\u5e73\u53f0\u6210\u719f\u7684\u667a\u80fd\u7ec8\u7aef\u4ea7\u54c1\uff0c\u901a\u8fc7\u5b9e\u65f6\u91c7\u96c6\u9a7e\u9a76\u5458\u9762\u90e8\u89c6\u9891\u548c\u56fe\u50cf,\u76d1\u6d4b\u8f66\u8f86\u5468\u8fb9\u73af\u5883\u7279\u5f81,\u901a\u8fc7\u4eba\u5de5\u667a\u80fd\u7b97\u6cd5\u5373\u65f6\u5904...<\/div>\r\n <\/div>\r\n <div class=\"cases-item\" @click=\"linkTo('1')\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u8499\u7248\u7ec4-52@1x-2.png\" alt=\"\"\r\n height=\"260\">\r\n <div class=\"title\">\u7269\u6d41\u642c\u8fd0<\/div>\r\n <div class=\"introduce\">\u91c7\u7528\u5408\u529bFICS\u98de\u79d1\u601d\u5e73\u53f0\u6210\u719f\u7684\u667a\u80fd\u7ec8\u7aef\u4ea7\u54c1,\u901a\u8fc7\u5b9e\u65f6\u91c7\u96c6\u5de5\u4e1a\u8f66\u8f86\u4f5c\u4e1a\u6570\u636e,\u7ed3\u5408\u5e73\u53f0\u5927\u6570\u636e\u5206\u6790\u5904\u7406,\u5c06\u4eba\u5458\u8eab\u4efd\u6570\u636e\u3001\u8f66\u8f86\u5f00\u673a\u6570...<\/div>\r\n <\/div>\r\n <div class=\"cases-item\" @click=\"linkTo('2')\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u8499\u7248\u7ec4-52@1x-3.png\" alt=\"\"\r\n height=\"260\">\r\n <div class=\"title\">\u667a\u6167\u76d1\u7ba1<\/div>\r\n <div class=\"introduce\">\u4f9d\u6258\u5408\u529bFICS\u98de\u79d1\u601d\u5de5\u4e1a\u4e92\u8054\u7f51\u5e73\u53f0\u7684\u7269\u8054\u7f51\u3001\u5927\u6570\u636e\u3001\u5de5\u4e1aAI\u3001\u5de5\u4e1a\u5fae\u670d\u52a1\u7b49\u6838\u5fc3\u80fd\u529b,\u7ed3\u5408\u7279\u79cd\u8bbe\u5907\u98ce\u9669\u9632\u63a7\u53ca\u52a8\u6001\u76d1\u7ba1\u6280\u672f\u7684\u5e94\u7528...<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u5e94\u7528\u573a\u666f -->\r\n <div class=\"application-scenarios\" id=\"applicationScenarios\">\r\n\r\n <div class=\"main-title\" style=\"text-align: center;margin-bottom: 200px;\">\u5e94\u7528\u573a\u666f<\/div>\r\n <div class=\"scenarios-list\">\r\n\r\n <div @mouseover=\"hoverIndex = item.id\" v-for=\"item in scenariosList\" class=\"scenarios-item\" :style=\"hoverIndex=== item.id? { width: '563px',boxSizing:'border-box',paddingLeft:'60px',paddingTop:'80px'}:{width: '305px', justifyContent: 'center',alignItems:'center'\r\n }\">\r\n <div v-show=\"hoverIndex === item.id\" class=\"scenarios-item-active\" @click=\"applicationLink(`${item.id}`)\">\r\n <div class=\"title\">{{item.title}}<\/div>\r\n <div class=\"active-describe\">{{item.activeDescribe}}<\/div>\r\n <div class=\"active-content\">\r\n <img decoding=\"async\" class=\"img1\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\"\r\n alt=\"\" width=\"24px\" height=\"24px\">\r\n <div class=\"know-more\">\u4e86\u89e3\u66f4\u591a<\/div>\r\n <img :src=\"item.activeImg\" alt=\"\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <div v-show=\"hoverIndex !== item.id\" style=\"\" class=\"scenarios-item-default\">\r\n <img :src=\"item.preHoverImg\" alt=\"\" class=\"img1\">\r\n <div class=\"title\">{{item.title}}<\/div>\r\n <img decoding=\"async\" class=\"img2\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\" alt=\"\"\r\n width=\"44px\" height=\"44px\">\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/06\/swiper-bundle.min_.js\"><\/script>\r\n \r\n <script>\r\n\r\n\r\n new Vue({\r\n el: '#about-us',\r\n data() {\r\n return {\r\n swiperList: [\r\n {\r\n title: \"\u5165\u9009\u56fd\u5bb6\u5de5\u4fe1\u90e82023\u5e74\u7269\u8054\u7f51\u8d4b\u80fd\u884c\u4e1a\u53d1\u5c55\u5178\u578b\u6848\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-9@1x-1.png\",\r\n },\r\n {\r\n title: \"\u5165\u9009\u56fd\u5bb6\u5de5\u4fe1\u90e82020\u5e74\u4f01\u4e1a\u4e0a\u4e91\u5178\u578b\u6848\u4f8b\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-8@1x.png\",\r\n },\r\n {\r\n title: \"\u5165\u9009\u56fd\u5bb6\u5de5\u4fe1\u90e82021\u5e74\u65b0\u4e00\u4ee3\u4fe1\u606f\u6280\u672f\u4e0e\u5236\u9020\u4e1a\u878d\u5408\u91cd\u70b9\u884c\u4e1a\u7279\u8272\u578b\u5de5\u4e1a\u4e92\u8054\u7f51\u5e73\u53f0\u8bd5\u70b9\u793a\u8303\u9879\u76ee\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-7@1x.png\",\r\n },\r\n {\r\n title: \"\u8363\u83b7\u957f\u4e09\u89d2\u5341\u4e8c\u5927\u5de5\u4e1a\u4e92\u8054\u7f51\u5e73\u53f0\u79f0\u53f7\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-21@1x.png\",\r\n },\r\n {\r\n title: \"\u957f\u4e09\u89d2G60\u79d1\u521b\u8d70\u5eca\u5de5\u4e1a\u4e92\u8054\u7f51\u5e73\u53f0\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-22@1x.png\",\r\n },\r\n {\r\n title: \"\u7b2c\u4e09\u5c4a\u5168\u7403\u5de5\u4e1a\u4e92\u8054\u7f51\u5927\u4f1a \u5de5\u4e1a\u4e92\u8054\u7f51\u878d\u5408\u521b\u65b0\u5e94\u7528\u5178\u578b\u6848\u4f8b\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-18@1x.png\",\r\n },\r\n {\r\n title: \"\u5b89\u5fbd\u7701\u5de5\u4e1a\u4e92\u8054\u7f51\u5341\u4f73\u5e94\u7528\u6848\u4f8b\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-24@1x.png\",\r\n },\r\n {\r\n title: \"\u5b89\u5fbd\u7701\u5de5\u4e1a\u4e92\u8054\u7f51\u534f\u4f1a\u526f\u4f1a\u957f\u5355\u4f4d\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-25@1x.png\",\r\n },\r\n {\r\n title: \"\u5408\u80a5\u5e02\u201c\u5341\u4f73\u5de5\u4e1a\u8d4b\u201d\u80fd\u573a\u666f\u793a\u8303\u9879\u76ee\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-26@1x.png\",\r\n },\r\n {\r\n title: \"\u5408\u80a5\u5e02\u5de5\u4e1a\u4e92\u8054\u7f51\u4f18\u79c0\u5e94\u7528\u6848\u4f8b\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-27@1x.png\",\r\n },\r\n {\r\n title: \"\u5408\u80a5\u5e02\u5de5\u4e1a\u4e92\u8054\u7f51\u4f18\u79c0\u521b\u65b0\u670d\u52a1\u8f7d\u4f53\",\r\n imgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-28@1x.png\",\r\n },\r\n\r\n ],\r\n defaultImg: 'https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/\u5706\u5f62-21@1x.png',\r\n historyList: [\r\n {\r\n time: \"2017.06\",\r\n title: \"\u542f\u52a8\u8f66\u961f\u7ba1\u7406\u7cfb\u7edf1.0\u7684\u5efa\u8bbe\",\r\n position: \"bottom\",\r\n imgSrc: \"\",\r\n\r\n },\r\n {\r\n time: \"2018.10\",\r\n title: \"\u542f\u52a8\u5408\u529bCAN\u534f\u8bae\u5efa\u8bbe\",\r\n position: \"top\",\r\n imgSrc: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1942@1x.png\",\r\n\r\n },\r\n {\r\n time: \"2019.11\",\r\n title: \"\u6309\u529e\u516c\u4f1a\u51b3\u8bae\uff0c\u6210\u7acb\u5de5\u4e1a\u4e92\u8054\u7f51\u7814\u7a76\u5ba4\",\r\n position: \"bottom\",\r\n imgSrc: \"\",\r\n\r\n },\r\n {\r\n time: \"2020.07\",\r\n title: \"\u4e0a\u4e91\u63a2\u7d22\",\r\n position: \"top\",\r\n imgSrc: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1944@1x.png\",\r\n\r\n },\r\n {\r\n time: \"2021.04\",\r\n title: \"\u627f\u63a5\u957f\u4e09\u89d2\u5de5\u4e1a\u4e92\u8054\u7f51\u4e00\u4f53\u5316\u5e73\u53f0\u5b89\u5fbd\u8282\u70b9\u5efa\u8bbe\",\r\n position: \"bottom\",\r\n imgSrc: \"\",\r\n\r\n },\r\n {\r\n time: \"2022.01\",\r\n title: \"\u91cd\u6784\u6280\u672f\u67b6\u6784\u91c7\u7528TDengine\u3001Redis\u3001Kafka\uff0c\u5f15\u5165\u5546\u4e1a\u6846\u67b6BladeX\",\r\n position: \"top\",\r\n imgSrc: \"\",\r\n\r\n },\r\n {\r\n time: \"2023.12\",\r\n title: \"\u542f\u52a8FICS 3.0\u5efa\u8bbe\",\r\n position: \"bottom\",\r\n imgSrc: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/09\/\u7ec4-1947@1x-4.png\",\r\n\r\n },\r\n {\r\n time: \"2024.09\",\r\n title: \"FICS 3.0\u53d1\u5e03\u4e0a\u7ebf\",\r\n position: \"top\",\r\n imgSrc: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/09\/\u7ec4-2427@1x.png\",\r\n\r\n },\r\n\r\n ],\r\n hoverIndex: 0,\r\n scenariosList: [\r\n {\r\n id: 0,\r\n title: \"\u7269\u6d41\u4ed3\u50a8\",\r\n preHoverImg: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u5bb9\u5668-204@1x-1.png\",\r\n activeImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-204@1x.png\",\r\n activeDescribe: \"\u8f66\u8054\u7f51\u667a\u80fd\u7ec8\u7aef\u8bbe\u5907\/\u5b9e\u65f6\u91c7\u96c6\/\u4f5c\u4e1a\u8c03\u5ea6\",\r\n },\r\n {\r\n id: 1,\r\n title: \"\u5bb6\u7535\u5236\u9020\",\r\n preHoverImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-198@1x.png\",\r\n activeImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-201@1x.png\",\r\n activeDescribe: \"\u8f66\u961f\u7ba1\u7406\/\u667a\u80fd\u7ef4\u4fdd\/GPS\u9ad8\u7cbe\u5ea6\u5b9a\u4f4d\",\r\n },\r\n {\r\n id: 2,\r\n title: \"\u5bb6\u5c45\u642c\u8fd0\",\r\n preHoverImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-200@1x.png\",\r\n activeImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-203@1x.png\",\r\n activeDescribe: \"\u9632\u78b0\u649e\u9884\u8b66\/\u667a\u80fd\u4eea\u8868\u663e\u793a\/\u8f66\u961f\u7ba1\u7406\u8fdc\u7a0b\u76d1\u63a7\",\r\n },\r\n {\r\n id: 3,\r\n title: \"\u91cd\u578b\u8bbe\u5907\",\r\n preHoverImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-199@1x.png\",\r\n activeImg: \"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-202@1x.png\",\r\n activeDescribe: \"\u4eba\u8138\u542f\u7528\/\u9a7e\u9a76\u5458\u884c\u4e3a\u76d1\u6d4b\/\u6570\u636e\u5bf9\u63a5\u4e91\u5e73\u53f0\",\r\n }\r\n ]\r\n\r\n }\r\n },\r\n mounted() {\r\n const mySwiper = new Swiper(\".mySwiper\", {\r\n autoplay: true,\r\n loop: false,\r\n delay: 500,\r\n slidesPerView: \"auto\",\r\n \/\/ centeredSlides: true,\r\n spaceBetween: 26,\r\n slidesOffsetBefore: 198\r\n });\r\n mySwiper.el.onmouseover = function () {\r\n mySwiper.autoplay.stop();\r\n }\r\n\r\n \/\/\u9f20\u6807\u79bb\u5f00\u5f00\u59cb\u81ea\u52a8\u5207\u6362\r\n mySwiper.el.onmouseout = function () {\r\n mySwiper.autoplay.start();\r\n }\r\n const elements = document.querySelectorAll('.image-preview')\r\n for(const element of elements){\r\n var viewer = new Viewer(element, { \r\n \/\/ Viewer.js\u7684\u914d\u7f6e\u9009\u9879 \r\n \/\/ \u4f8b\u5982\uff1a\u53ef\u4ee5\u5f00\u542f\u5de5\u5177\u680f\uff0c\u8bbe\u7f6e\u6807\u9898\u7b49 \r\n toolbar: {\r\n zoomIn: 1,\r\n zoomOut: 1,\r\n oneToOne: 1,\r\n reset: 1,\r\n prev: 0,\r\n play: 0,\r\n next: 0,\r\n rotateLeft: 1,\r\n rotateRight: 1,\r\n flipHorizontal: 1,\r\n flipVertical: 1, \r\n },\r\n \r\n }); \r\n }\r\n },\r\n computed: {\r\n\r\n },\r\n methods: {\r\n linkTo(index) {\r\n const linkMap = {\r\n \"0\": \"https:\/\/portal.heliov.net\/?page_id=9055\",\r\n \"1\": \"https:\/\/portal.heliov.net\/?page_id=9067\",\r\n \"2\": \"https:\/\/portal.heliov.net\/?page_id=9061\",\r\n }\r\n window.open(linkMap[index], \"_blank\")\r\n },\r\n applicationLink(index) {\r\n const linkMap = {\r\n \"0\": \"https:\/\/portal.heliov.net\/?page_id=8915\",\r\n \"1\": \"https:\/\/portal.heliov.net\/?page_id=8926\",\r\n \"2\": \"https:\/\/portal.heliov.net\/?page_id=8932\",\r\n \"3\": \"https:\/\/portal.heliov.net\/?page_id=8938\",\r\n }\r\n window.open(linkMap[index], \"_blank\")\r\n },\r\n }\r\n }) \r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5173\u4e8e\u6211\u4eec \u5168\u7403\u5e03\u5c40\uff0c\u670d\u52a1\u65e0\u754c \u8986\u76d6150 […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"\u5434, \u4e16\u7389","author_link":"https:\/\/portal.heliov.net\/?author=10"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u5173\u4e8e\u6211\u4eec \u5168\u7403\u5e03\u5c40\uff0c\u670d\u52a1\u65e0\u754c \u8986\u76d6150 […]","_links":{"self":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8748"}],"collection":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8748"}],"version-history":[{"count":47,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8748\/revisions"}],"predecessor-version":[{"id":10383,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8748\/revisions\/10383"}],"wp:attachment":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}