yaorongkeji
/
web-work


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>耀荣康健</title>
    <link rel="stylesheet" type="text/css" href="/analysis/css/styles.css">
    <link rel="stylesheet" type="text/css" href="/analysis/js/layui/css/layui.css">
    <script src="/analysis/js/jquery-3.2.1.min.js"></script>
    <!--    <script src="/analysis/js/layer.js"></script>-->
    <script src="/analysis/js/layui/layui.js"></script>
    <style>
        .card {
            background: rgba(255, 255, 255, 0.1);
            /*border-radius: 15px;*/
            overflow: hidden;
            /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);*/
            transition: transform 0.4s ease;
            /*height: 300px;*/
            position: relative;
        }

        .card:hover {
            transform: translateY(-10px);
        }

        .image-container {
            /*width: 100%;*/
            /*height: 100%;*/
            position: relative;
            overflow: hidden;
        }

        .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }

        .effect-title {
            color: white;
            position: absolute;
            bottom: 20px;
            left: 20px;
            font-size: 1.5rem;
            font-weight: 600;
            z-index: 2;
            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
            transition: all 0.4s ease;
        }

        /* 效果1: 缩放 */
        .scale:hover img {
            transform: scale(1.1);
        }

        /* 效果2: 旋转 */
        .rotate:hover img {
            transform: scale(1.1) rotate(5deg);
        }

        /* 效果3: 灰度效果 */
        .grayscale img {
            filter: grayscale(70%);
        }

        .grayscale:hover img {
            filter: grayscale(0%);
            transform: scale(1.05);
        }

        /* 效果4: 文字叠加 */
        .overlay-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 68, 203, 0.6);
            /*background: #0044cb;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            /*padding: 20px;*/
            opacity: 0;
            transition: opacity 0.5s ease;
        }

        .overlay-text h3 {
            font-size: 1.8rem;
            margin-bottom: 15px;
            text-align: center;
            color: white;
        }

        .overlay-text p {
            text-align: center;
            line-height: 1.6;
            max-width: 80%;
            color: white;
        }

        .text-overlay:hover .overlay-text {
            opacity: 1;
        }

        .text-overlay:hover img {
            transform: scale(1.1);
        }

        /* 效果5: 模糊效果 */
        .blur:hover img {
            filter: blur(3px);
            transform: scale(1.1);
        }

        /* 效果6: 边框效果 */
        .border-effect {
            position: relative;
        }

        .border-effect::before {
            content: "";
            position: absolute;
            top: 20px;
            left: 20px;
            right: 20px;
            bottom: 20px;
            border: 3px solid rgba(255, 255, 255, 0.6);
            z-index: 2;
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.5s ease;
        }

        .border-effect:hover::before {
            opacity: 1;
            transform: scale(1);
        }

        .border-effect:hover img {
            transform: scale(1.05);
        }

        .border-effect:hover .effect-title {
            transform: translateY(-30px);
        }

    </style>
</head>
<body>
<div class="boxBody">
    <div style="" class="boxHeader">
        <div style="width: 60%; display: flex; height: 100%; align-items: center">
            <div style="width:50%; float: left; text-align: left"><img
                    src="/analysis/img/756aa7fbd13664693c5b314e3e333463.png">
            </div>
            <div style="width:50%;float: right; text-align: right">
                <a href="/analysis/index.html"
                   style="text-decoration: none; color: #333333; font-size: 24px"><span>主页</span></a>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <a href="javascript:docheck()" style="text-decoration: none; color: #333333; font-size: 24px"> <span>认知测试</span></a>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <a id="regist" href="javascript:doRegist()"
                   style="text-decoration: none; color: #333333; font-size: 24px"> <span>免费注册</span></a>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <a id="login" href="javascript:openLoginWind()"
                   style="text-decoration: none; color: #333333; font-size: 24px"> <span>登录</span></a>
                <a id="logout" href="javascript:doLogout()"
                   style="text-decoration: none; color: #333333; font-size: 24px"> <span>退出</span></a>
            </div>
        </div>
    </div>
    <div style="width: 100%; height: 860px; display: flex; align-items: flex-end;justify-content: center; color: white;
    background-image: url('/analysis/img/4d372d3aac86f3e0f0db2b2a7eae0cb7.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;">
        <div style="width: 55%"></div>
        <div style="display: flex; flex-direction: column">
            <a href="javascript:docheck()">
                <div style="width: 703px; height: 169px; display: flex; justify-content: center; align-items: center; color: #3F3F3F; font-size: 30px; font-weight: bold;
            background-image: url('/analysis/img/e3c68b0de8e4d2956c42c89a4499506a.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;
            ">开始免费测试
                </div>
            </a>
            <span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
            <span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span><span
                style="color: #87b6f2; font-size: 18px;">非医疗设备  本工具仅辅助记录数据，结果需由专业医护人员解读。</span><span>&nbsp;</span><span>&nbsp;</span>
        </div>
    </div>
    <!--    <div class="layui-carousel" id="test1">-->
    <!--        <div carousel-item>-->
    <!--            <a href="javascript:docheck()" ><img src="/analysis/img/4d372d3aac86f3e0f0db2b2a7eae0cb7.png"/></a>-->
    <!--            <a href="javascript:alert('aa')" ><img src="/analysis/img/bigTitle02.png"/></a>-->
    <!--        </div>-->
    <!--    </div>-->
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div style="width: 100%; height: 100px; display: flex; align-items: center; justify-content: center">
        <span class="title3">认知状态评估监测</span>
    </div>
    <div style="width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; flex-direction: column">
        <div style="width:60%; display: flex; display: flex; align-items: center; justify-content: space-around">
            <div style="display: flex; align-items: center; flex-direction: column">
                <div style="width: 150px; height: 150px;
background-image: url('/analysis/img/dc067b8d3af88cc149a272591cd1e5ec.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;
"></div>
                <div>
                    <div>&nbsp;</div>
                    <div class="title6">早期检测脑部问题</div>
                    <div>&nbsp;</div>
                    <div style="" class="title9">开展针对自身认知状态的全面检查，并获取能直观反映认知状态随时间动态变化的监测图像。</div>
                </div>
            </div>
            <div style="display: flex; align-items: center; flex-direction: column">
                <div style="width: 150px; height: 150px;
background-image: url('/analysis/img/527d2f780092b2f2c6dce99fe47256ab.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;
"></div>
                <div>
                    <div>&nbsp;</div>
                    <div class="title6">跟踪认知状态</div>
                    <div>&nbsp;</div>
                    <div style="" class="title9">
                        早期发现对于早期干预和护理非常重要，可以有效延缓大脑认知功能衰退。
                    </div>
                    <!--                    <div>&nbsp;</div>-->
                    <!--                    <div>&nbsp;</div>-->
                </div>
            </div>
            <div style="display: flex; align-items: center; flex-direction: column">
                <div style="width: 150px; height: 150px;
background-image: url('/analysis/img/a2850fbd4e28d1ea8aaa864fb11ae33d.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;
"></div>
                <div>
                    <div>&nbsp;</div>
                    <div class="title6">无局限评估</div>
                    <div>&nbsp;</div>
                    <div style="" class="title9">无需等待，随时可进行的、兼具整体与针对性的认知评估服务，可快速了解自己的认知状态。</div>
                </div>
            </div>
        </div>
    </div>
    <div style="width: 100%; height: 800px; display: flex; align-items: center; justify-content: center; flex-direction: column">
        <div class="title3">精准认知评估工具</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div class="title9" style="width: 50%">
            许多与认知功能相关的疾病，如阿尔茨海默病、血管性痴呆等，在早期阶段症状可能并不明显，但此时大脑内已开始发生病理改变。通过早期筛查，能够在疾病尚处于可干预阶段时发现异常，及时采取治疗措施，这比疾病发展到中晚期再进行治疗效果要好得多。
            <br/><br/>此工具旨在作为医生的认知功能障碍早期筛查辅助工具，能够帮助医生精准确定患者的认知功能水平，并持续监控每位患者的干预措施效果与认知康复进程。
            定期进行认知功能障碍早期筛查，能够动态监测认知功能的变化趋势。根据监测结果，及时调整健康管理方案和干预措施，确保干预措施始终具有针对性和有效性。
            <br/><br/>无论您是医院或机构的专业人员，还是想要了解自身认知状态的个人，我们的数字工具都能为您提供准确性与可靠性。请放心，您的认知功能评估将以科学严谨的方式进行。
        </div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div class="title3">评估记录</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div style="width: 70%; display: flex; justify-content: space-around">
            <a href="javascript:doReportSingle()">
                <div class="card text-overlay">
                    <div class="image-container">
                        <img src="/analysis/img/report1.png">
                        <div class="overlay-text">
                            <h3>评估得分</h3>
                            <p>点击查看评估得分</p>
                        </div>
                        <!--                    <div class="effect-title">测试成绩</div>-->
                    </div>
                </div>
            </a>
            <a href="javascript:doReport()">
                <div class="card text-overlay">
                    <div class="image-container">
                        <img src="/analysis/img/report2.png">
                        <div class="overlay-text">
                            <h3>评估趋势图</h3>
                            <p>点击查看评估趋势图</p>
                        </div>
                        <!--                    <div class="effect-title">测试成绩</div>-->
                    </div>
                </div>
            </a>
            <a href="javascript:doReportTabel()">
                <div class="card text-overlay">
                    <div class="image-container">
                        <img src="/analysis/img/report3.png">
                        <div class="overlay-text">
                            <h3>评估历史</h3>
                            <p>点击查看评估历史</p>
                        </div>
                        <!--                    <div class="effect-title">测试成绩</div>-->
                    </div>
                </div>
            </a>
            <!--            <a href="javascript:doReportSingle()">-->
            <!--                <div style="width: 340px; height: 220px;-->
            <!--background-image: url('/analysis/img/report1.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;-->
            <!--"></div>-->
            <!--            </a>-->
            <!--            <a href="javascript:doReport()">-->
            <!--                <div style="width: 340px; height: 220px;-->
            <!--background-image: url('/analysis/img/report2.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;-->
            <!--"></div>-->
            <!--            </a>-->
            <!--            <a href="javascript:doReportTabel()">-->
            <!--                <div style="width: 340px; height: 220px;-->
            <!--background-image: url('/analysis/img/report3.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-size: 100% 100%;-->
            <!--"></div>-->
            <!--            </a>-->
        </div>
    </div>
    <div style="" class="boxBottom">
        地址:&nbsp;北京市朝阳区东四环中路41号嘉泰国际A座16层1619室&nbsp;&nbsp;&nbsp;&nbsp;联系电话:400-086-1638<br/>
        湘ICP备2024059687号-3
    </div>
</div>

<script>
    function doReport() {
        if (isLogin) {
            window.open("/analysis/report/reportLine.html")
        } else {
            openLoginWind()
        }
    }

    function doReportTabel() {
        if (isLogin) {
            window.open("/analysis/report/reportTable.html")
        } else {
            openLoginWind()
        }
    }

    function doReportSingle() {
        if (isLogin) {
            window.open("/analysis/report/reportSingle.html")
        } else {
            openLoginWind()
        }
    }

    function checkLogin() {
        $.ajax({
            url: '/analysis/login/checkLogin',
            type: 'POST',
            dataType: 'json',
            success: function (res) {
                // alert(JSON.stringify(res))
                if (res.code == 0) {
                    isLogin = true
                    $("#report").show()
                    $("#login").hide()
                    $("#logout").show()
                } else {
                    isLogin = false
                    $("#report").hide()
                    $("#login").show()
                    $("#logout").hide()
                }
            },
            error: function (xhr, status, error) {
                // console.error('错误:', error);
            }
        });
    }

    function doLogout() {
        LAYER_ID = layer.confirm('您确定要退出登录吗？', {icon: 3, title: '提示'}, function (index) {
            $.ajax({
                url: '/analysis/login/logout',
                type: 'POST',
                contentType: "application/json",
                dataType: 'json',
                success: function (res) {
                    // layer.close(LAYER_LOAD_ID)
                    if (res.code == 0) {
                        isLogin = false
                    } else {
                        layer.alert(res.message, {icon: 2});
                    }
                },
                error: function (xhr, status, error) {
                    console.error('访问服务器错误:', error);
                    layer.alert("服务器繁忙，请稍后重试！", {icon: 2});
                },
                complete: function (XHR, TS) {
                    $("#login").show()
                    $("#logout").hide()
                    layer.close(LAYER_ID)
                }
            });
        });
    }

    function openLoginWind() {
        LAYER_ID = layer.open({
            // icon: 2,
            type: 2,
            title: ["请先登录", "font-size:18px"],
            // title: false,
            content: '/analysis/login.html',
            // scrollbar: false,
            area: ['800px', '500px'],
            // offset:'100px',
            anim: 0
        });
    }

    function docheck(data) {
        // const param = encodeURIComponent("view=web&phone="+data.phone)
        if (isLogin) {
            window.open("/analysis/analysis.html")
        } else {
            openLoginWind()
        }
        // window.open("/game/index.html")
    }

    var LAYER_ID = -1
    var isLogin = false

    function doRegist() {
        LAYER_ID = layer.open({
            // icon: 2,
            type: 2,
            title: ["免费注册", "font-size:18px"],
            // title: false,
            content: '/analysis/regist.html',
            // scrollbar: false,
            area: ['800px', '800px'],
            // offset:'100px',
            anim: 0
        });
    }

    function afterLogin(data) {
        // $("#report").show()
        $("#login").hide()
        $("#logout").show()
    }

    $(function () {
        //轮播插件设置
        // layui.use('carousel', function(){
        //     var carousel = layui.carousel;
        //     //建造实例
        //     carousel.render({
        //         elem: '#test1'
        //         ,width: '100%' //设置容器宽度
        //         ,height: '800px'
        //         ,arrow: 'always' //始终显示箭头
        //         //,anim: 'updown' //切换动画方式
        //     });
        // });
        // layui.use('dropdown', function () {
        //     var dropdown = layui.dropdown
        //     dropdown.render({
        //         elem: '#demo1' //可绑定在任意元素中，此处以上述按钮为例
        //         , data: [{
        //             title: ['距离测试'],
        //             id: 100,
        //             templet: '<span style="font-size: 16px">{{d.title}}</span>'
        //         }]
        //         , id: 'demo1'
        //         //菜单被点击的事件
        //         , click: function (obj) {
        //             // console.log(obj);
        //             // layer.msg('回调返回的参数已显示再控制台');
        //             docheck()
        //         },
        //         style: "width:200px;"
        //     });
        // });
        $("#logout").hide()
        checkLogin()
    })
</script>
</body>
</html>