{"id":9061,"date":"2024-08-15T17:21:30","date_gmt":"2024-08-15T09:21:30","guid":{"rendered":"https:\/\/portal.heliov.net\/?page_id=9061"},"modified":"2024-08-15T17:22:01","modified_gmt":"2024-08-15T09:22:01","slug":"%e6%99%ba%e6%85%a7%e7%9b%91%e7%ae%a1","status":"publish","type":"page","link":"https:\/\/portal.heliov.net\/?page_id=9061","title":{"rendered":"\u667a\u6167\u76d1\u7ba1"},"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 \u667a\u6167\u76d1\u7ba1<\/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 <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n #smart-supervision {\r\n overflow-x: hidden;\r\n width: 100%;\r\n\r\n .banner {\r\n box-sizing: border-box;\r\n width: 100%;\r\n height: 600px;\r\n background-position: center;\r\n background-size: cover;\r\n padding-top: 163px;\r\n padding-left: 320px;\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: 28px;\r\n width: 959px;\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n\r\n .pain-points {\r\n width: 100%;\r\n height: 590px;\r\n box-sizing: border-box;\r\n padding: 120px 320px 0 320px;\r\n background: url(\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/\u8499\u7248\u7ec4-197@1x-1.png\") no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n\r\n .content {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .item {\r\n width: 530px;\r\n box-sizing: border-box;\r\n\r\n\r\n .title {\r\n margin-top: 30px;\r\n font-size: 24px;\r\n font-weight: bold;\r\n line-height: 24px;\r\n text-align: center;\r\n color: #222222;\r\n \/* white-space: no; *\/\r\n\r\n }\r\n\r\n .describe {\r\n font-size: 18px;\r\n font-weight: 350;\r\n line-height: 28px;\r\n width: 530px;\r\n height: 190px;\r\n border-radius: 8px;\r\n opacity: 1;\r\n color: #999999;\r\n background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\r\n\r\n box-sizing: border-box;\r\n padding: 30px 32px 0 32px;\r\n \/* \u5361\u7247\u6e10\u53d8\u63cf\u8fb9 *\/\r\n border: 1px solid;\r\n border-image: linear-gradient(180deg, #E1E1E1 0%, rgba(255, 255, 255, 0) 100%) 1;\r\n\r\n box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.02);\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n .solution {\r\n box-sizing: border-box;\r\n padding: 120px 0px 0px 0px;\r\n background: #fefefe;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .top-y {\r\n position: relative;\r\n top: -65px;\r\n }\r\n\r\n .solution-title {\r\n color: #CA4530;\r\n font-size: 36px;\r\n font-weight: bold;\r\n line-height: 40px;\r\n text-align: center;\r\n margin-bottom: 23px;\r\n }\r\n\r\n .content1 {\r\n width: 100%;\r\n box-sizing: border-box;\r\n min-height: 256px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .content2 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n box-sizing: border-box;\r\n\r\n padding: 0 326px 0px 326px;\r\n\r\n img {\r\n width: 264px;\r\n height: 264px;\r\n }\r\n\r\n .title {\r\n font-size: 24px;\r\n font-weight: bold;\r\n line-height: 24px;\r\n text-align: center;\r\n color: #222222;\r\n margin-top: 51px;\r\n }\r\n }\r\n\r\n .content3 {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n padding: 0 458px 109px 464px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .content4 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n box-sizing: border-box;\r\n padding: 0 286px 0 291px;\r\n }\r\n .content5 {\r\n width: 100%;\r\n \r\n box-sizing: border-box;\r\n padding: 37px 255px 0 195px;\r\n }\r\n }\r\n\r\n .case-values {\r\n background: #fefefe;\r\n width: 100%;\r\n height: 800x;\r\n box-sizing: border-box;\r\n padding: 120px 259px 0 255px;\r\n\r\n .content {\r\n .box1 {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .item {\r\n width: 680px;\r\n height: 83px;\r\n border-radius: 8px;\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 display: flex;\r\n align-items: center;\r\n padding-left: 20px;\r\n box-sizing: border-box;\r\n margin-bottom: 120px;\r\n\r\n .item-img {\r\n width: 13px;\r\n height: 33px;\r\n opacity: 1;\r\n background: #F84914;\r\n margin-right: 27px;\r\n }\r\n\r\n .title {\r\n font-size: 30px;\r\n font-weight: bold;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n color: #222222;\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=\"smart-supervision\">\r\n <div class=\"banner\" :style=\"{backgroundImage:`url('${banner.bgSrc}')`}\">\r\n <div class=\"title\">{{banner.title}}<\/div>\r\n <div class=\"sub-title\">{{banner.subTitle}}<\/div>\r\n <\/div>\r\n\r\n\r\n <div class=\"pain-points\">\r\n <div class=\"main-title\" style=\"text-align: center;margin-bottom: 120px;\">\u884c\u4e1a\u75db\u70b9<\/div>\r\n <div class=\"content\">\r\n <div class=\"item\" v-for=\"item in painPoints\">\r\n <div class=\"describe\">{{item.describe}}<\/div>\r\n <div class=\"title\">{{item.title}}<\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"solution\">\r\n <div class=\"solution-title\">\u9762\u5411\u653f\u5e9c<\/div>\r\n <div class=\"title-img\" style=\"margin-bottom: 51px;\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u591a\u8fb9\u5f62-1@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"content3\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-2065@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"solution-title\">\u7279\u79cd\u8bbe\u5907\u76d1\u7ba1<\/div>\r\n <div class=\"title-img\" style=\"margin-bottom: 68px;\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u591a\u8fb9\u5f62-1@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"content4\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5bb9\u5668-1953@1x.png\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5bb9\u5668-1954@1x.png\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5bb9\u5668-1955@1x.png\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5bb9\u5668-1956@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"content5\">\r\n <img decoding=\"async\" style=\"width: 100%;\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-2044@2x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"content1\" style=\" padding: 60px 559px 0px 566px; \">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8054\u96c6-73@1x.png\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8054\u96c6-73@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"solution-title\">FICS\u8f66\u8054\u7f51\u5e73\u53f0<\/div>\r\n <div class=\"title-img\" style=\"margin-bottom: 35px;\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u591a\u8fb9\u5f62-1@1x.png\" alt=\"\">\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5e95\u76d8@1x.png\" alt=\"\">\r\n <img decoding=\"async\" style=\"margin-top: 42px; margin-bottom: 54px;\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u5bb9\u5668-1967@1x.png\" alt=\"\">\r\n \r\n <div class=\"solution-title \">\u5408\u529b\u5de5\u4e1a\u8f66\u8f86\u667a\u80fd\u91c7\u96c6\u7ec8\u7aef\u7cfb\u5217\u4ea7\u54c1<\/div>\r\n <div class=\"title-img \" style=\"margin-bottom: 68px;\">\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u591a\u8fb9\u5f62-1@1x.png\" alt=\"\">\r\n <\/div>\r\n <div class=\"content2\" style=\"margin-bottom: 120px;\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-2081@2x.png\" alt=\"\">\r\n <div class=\"title\">\u6807\u51c6\u7248<\/div>\r\n <\/div>\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-2082@2x.png\" alt=\"\">\r\n <div class=\"title\">\u4e13\u4e1a\u7248<\/div>\r\n <\/div>\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u7ec4-2083@2x.png\" alt=\"\">\r\n <div class=\"title\">\u667a\u80fd\u7248<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-values\">\r\n <div class=\"main-title\" style=\"text-align: center;margin-bottom: 125px;\">\u6848\u4f8b\u4ef7\u503c<\/div>\r\n <div class=\"content\">\r\n <div class=\"box1\">\r\n <div class=\"item\">\r\n <div class=\"item-img\"><\/div>\r\n <div class=\"title\">{{caseValues[0].title}}<\/div>\r\n <\/div>\r\n <div class=\"item\" >\r\n <div class=\"item-img\"><\/div>\r\n <div class=\"title\">{{caseValues[1].title}}<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"box1\">\r\n <div class=\"item\">\r\n <div class=\"item-img\"><\/div>\r\n <div class=\"title\">{{caseValues[2].title}}<\/div>\r\n <\/div>\r\n <div class=\"item\" >\r\n <div class=\"item-img\"><\/div>\r\n <div class=\"title\">{{caseValues[3].title}}<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <script>\r\n\r\n\r\n new Vue({\r\n el: '#smart-supervision',\r\n data() {\r\n return {\r\n banner: {\r\n title: \"\u7279\u79cd\u8bbe\u5907\uff08\u573a\u5185\u4e13\u7528\u673a\u52a8\u8f66\u8f86\uff09\u667a\u6167\u76d1\u7ba1\u6848\u4f8b\",\r\n subTitle: \"\u4f9d\u6258FICS\u5e73\u53f0\u6280\u672f\uff0c\u5b9e\u73b0\u53c9\u8f66\u5168\u9762\u7269\u8054\u3001\u5927\u6570\u636e\u3001\u5b89\u5168\u76d1\u6d4b\u53ca\u8d28\u91cf\u8ffd\u6eaf\u7ba1\u7406\u6570\u5b57\u5316\uff0c\u63d0\u5347\u653f\u5e9c\u76d1\u7ba1\u6548\u80fd\u3002\",\r\n bgSrc: \"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/image@1x-27.png\",\r\n },\r\n\r\n painPoints: [\r\n {\r\n title: '\u7279\u79cd\u8bbe\u5907\u76d1\u7ba1\u6548\u7387\u4e9f\u9700\u63d0\u9ad8',\r\n describe: \"\u76ee\u524d\u53c9\u8f66\u4f5c\u4e1a\u573a\u5730\u65e0\u6cd5\u6709\u6548\u5730\u7edf\u8ba1\u6bcf\u4f4d\u53c9\u8f66\u64cd\u4f5c\u5458\u7684\u4f5c\u4e1a\u6570\u91cf\uff0c\u5982\u4f55\u89e3\u51b3\u573a\u5185\u7269\u6d41\u642c\u8fd0\u4f5c\u4e1a\u8fc7\u7a0b\u4e2d\u4eba\u5458\u7ee9\u6548\u8003\u8bc4\uff0c\u660e\u786e\u5c97\u4f4d\u8d23\u4efb\uff0c\u63d0\u9ad8\u4f5c\u4e1a\u4eba\u5458\u7684\u79ef\u6781\u6027\uff0c\u63d0\u9ad8\u5de5\u4e1a\u8f66\u8f86\u8bbe\u5907\u7684\u5229\u7528\u7387\uff0c\u901a\u8fc7\u6570\u636e\u652f\u6491\u5206\u6790\uff0c\u662f\u6446\u5728\u5ba2\u6237\u9762\u524d\u7684\u5173\u952e\u95ee\u9898\u4e4b\u4e00\",\r\n },\r\n {\r\n describe: '\u76ee\u524d\uff0c\u53c9\u8f66\u5e7f\u6cdb\u5e94\u7528\u4e8e\u56fd\u6c11\u7ecf\u6d4e\u751f\u4ea7\u7684\u5404\u884c\u5404\u4e1a\uff0c\u5e02\u573a\u8bbe\u5907\u5b58\u91cf\u8d8a\u6765\u8d8a\u5927\uff0c\u9a7e\u9a76\u4f5c\u4e1a\u4eba\u5458\u7d20\u8d28\u53c2\u5dee\u4e0d\u9f50\uff0c\u4f5c\u4e1a\u73af\u5883\u590d\u6742\uff0c\u8f66\u8f86\u8bbe\u5907\u6ca1\u6709\u53ca\u65f6\u7ef4\u4fdd\uff0c\u9a7e\u9a76\u884c\u4e3a\u4e0d\u89c4\u8303\uff0c\u53d1\u751f\u4f5c\u4e1a\u5b89\u5168\u4e8b\u6545\u7f3a\u4e4f\u5386\u53f2\u6570\u636e\u8ffd\u6eaf\u652f\u6491',\r\n title: '\u5b89\u5168\u8d23\u4efb\u8ffd\u6eaf\u7f3a\u4e4f\u6570\u636e\u652f\u6491',\r\n },\r\n\r\n ],\r\n caseValues: [\r\n {\r\n title: \"\u63d0\u9ad8\u4e86\u653f\u5e9c\u7279\u79cd\u8bbe\u5907\u5728\u7ebf\u667a\u6167\u76d1\u7ba1\u7684\u5e94\u7528\u6c34\u5e73\",\r\n },\r\n {\r\n title: \"\u63d0\u9ad8\u4e86\u573a\u5185\u4e13\u7528\u673a\u52a8\u8f66\u8f86\u7ba1\u63a7\u9884\u8b66\u80fd\u529b\",\r\n },\r\n {\r\n title: \"\u964d\u4f4e\u4e86\u573a\u5185\u4e13\u7528\u673a\u52a8\u8f66\u8f86\u5b89\u5168\u4e8b\u6545\u53d1\u751f\u9891\u7387\",\r\n },\r\n {\r\n title: \"\u63d0\u9ad8\u4e86\u4e0d\u540c\u5730\u533a\u534f\u540c\u76d1\u7ba1\u8d23\u4efb\u4e8b\u6545\u8ffd\u6eaf\u7684\u6570\u636e\",\r\n },\r\n ],\r\n\r\n }\r\n },\r\n\r\n mounted() {\r\n },\r\n computed: {\r\n\r\n },\r\n methods: {\r\n linkTo(index) {\r\n const linkMap = {\r\n \"0\": \"\",\r\n \"1\": \"\",\r\n \"2\": \"\",\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>\u667a\u6167\u76d1\u7ba1 {{banner.title} […]<\/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":"\u667a\u6167\u76d1\u7ba1 {{banner.title} […]","_links":{"self":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/9061"}],"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=9061"}],"version-history":[{"count":4,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/9061\/revisions"}],"predecessor-version":[{"id":9066,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/9061\/revisions\/9066"}],"wp:attachment":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}