<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title>专科联盟</title>
    <link rel="stylesheet" type="text/css" href="common/css/common.css"/>
    <script type="text/javascript" charset="utf-8" src="common/js/rem.js"></script>
    <style>

        .footer {
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 0;
            font-size: 0.24rem;
            color: #444444;
        }

        .head-bg {
            width: 100%;
            /*height: 6.8rem;*/
            /*object-fit: cover;*/
            position: absolute;
            top: -1.3rem;
        }

        .top-des {
            width: 5.8rem;
            height: 3.05rem;
            background: url("common/image/download_top_des_bg.png") no-repeat;
            background-size: 5.8rem 3.05rem;
            position: absolute;
            top: .95rem;
            font-size: .36rem;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 0.64rem;
            letter-spacing: 3px;
            text-align: center;
            padding-top: .45rem;
        }

        .logo {
            width: 1.4rem;
            height: 1.4rem;
        }
        .app-name {
            margin-top: .24rem;
            font-size: 0.52rem;
            font-weight: 500;
            color: #333333;
            line-height: 0.52rem;
            letter-spacing: 3px;
        }

        .download-btn {
            width: 4.24rem;
            height: 0.88rem;
            background: #1966EE;
            box-shadow: 0rem 0.04rem 0.1rem 0rem #77A6F8;
            border-radius: 0.44rem;
            font-size: 0.36rem;
            color: #FFFFFF;
            margin-top: .54rem;
            line-height: .88rem;
            text-align: center;
        }

        .right-circle {
            width: .64rem;
            height: .84rem;
            float: right;
        }

        .section-title {
            font-size: 0.5rem;
            font-weight: 500;
            color: #222222;
            line-height: 0.7rem;
        }
        .btm-short-line {
            width: 0.98rem;
            height: 0.06rem;
            background: #1966EE;
            border-radius: 0.03rem;
        }
        .section-desc {
            font-size: 0.3rem;
            font-weight: 500;
            color: #999999;
            line-height: 0.42rem;
            margin-top: .24rem;
            text-align: center;
        }
        .appimg-bg-circle {
            width: 6.6rem;
            height: 6.71rem;
        }
        .app-img {
            width: 4.45rem;
            height: 7.74rem;
            position: absolute;
        }

        .left-circle {
            width: .74rem;
            height: .74rem;
            margin-left: .39rem;
        }

        .appimg-bg-2 {
            width: 100%;
            height: 6.36rem;
        }

        body::-webkit-scrollbar{
            display: none;
        }

    </style>
</head>

<body>

    <div style="position: relative;display: flex; flex-direction: column; align-items: center;">
        <img src="common/image/download_head_bg.png" class="head-bg" alt=""/>
        <div class="top-des">专科联盟为医学专科联盟机构<br>提供远程医学示教<br>学习和交流的实用型工具应用</div>
        <div style="position: absolute;top: 4.82rem; display: flex; flex-direction: column;
                align-items: center;padding-bottom: 1rem;">
            <img class="logo" src="common/image/download_logo.png" alt=""/>
            <span class="app-name">专科联盟</span>
            <div id="downloadBtn" class="download-btn">立即下载</div>

            <div style="width: 100vw; margin-top: .35rem;">
                <img class="right-circle" src="common/image/download_right_circle.png" alt=""/>
            </div>

            <span class="section-title">病例研讨</span>
            <div class="btm-short-line"></div>
            <span class="section-desc">支持通过手机端以视频、语音和图文的形式<br>发布病例内容，进行开放式研讨</span>
            <div style="margin-top: .52rem; display: flex; position: relative;
                align-items: center; justify-content: center; height: 7.74rem;">
                <img class="appimg-bg-circle" src="common/image/download_appimg_bg_circle.png" alt=""/>
                <img class="app-img" src="common/image/download_blyt_appimg.png" alt=""/>
            </div>

            <div style="width: 100vw; margin-top: .11rem;">
                <img class="left-circle" src="common/image/download_left_circle.png" alt=""/>
            </div>

            <span class="section-title" style="margin-top: .23rem;">远程会诊</span>
            <div class="btm-short-line"></div>
            <span class="section-desc">支持视频会诊和图文会诊，1080P高清晰度<br>实现各个医疗机构之间一对一、一对多、多<br>对多的远程医疗服务</span>
            <div style="margin-top: .52rem; display: flex; position: relative;
                align-items: center; justify-content: center; height: 7.74rem;">
                <img class="appimg-bg-2" src="common/image/download_appimg_bg_2.png" alt=""/>
                <img class="app-img" src="common/image/download_ychz_appimg.png" alt=""/>
            </div>

            <div style="width: 100vw; margin-top: .29rem;">
                <img class="right-circle" src="common/image/download_right_circle.png" alt=""/>
            </div>

            <span class="section-title">视频会议</span>
            <div class="btm-short-line"></div>
            <span class="section-desc">支持进行多方学术会议研讨，支持会议中进<br>行数据、桌面共享；支持将会议内容进行直<br>播、录制及实时互动</span>
            <div style="margin-top: .52rem; display: flex; position: relative;
                align-items: center; justify-content: center; height: 7.74rem;">
                <img class="appimg-bg-circle" src="common/image/download_appimg_bg_circle.png" alt=""/>
                <img class="app-img" src="common/image/download_sphy_appimg.png" alt=""/>
            </div>

            <div style="width: 100vw; margin-top: .11rem;">
                <img class="left-circle" src="common/image/download_left_circle.png" alt=""/>
            </div>

            <span class="section-title" style="margin-top: .23rem;">医学媒体</span>
            <div class="btm-short-line"></div>
            <span class="section-desc">支持学术内容，以图文形式、直播形式、视<br>频形式展现</span>
            <div style="margin-top: .52rem; display: flex; position: relative;
                align-items: center; justify-content: center; height: 7.74rem;">
                <img class="appimg-bg-2" src="common/image/download_appimg_bg_2.png" alt=""/>
                <img class="app-img" src="common/image/download_yxmt_appimg.png" alt=""/>
            </div>

            <div id="downloadBtn2" class="download-btn" style="margin-top: 1.08rem; margin-bottom: 1.44rem;">立即下载</div>

            <div class="footer">
                版权所有©北京红云融通技术有限公司<br/><br/>
            </div>
        </div>

    </div>

</body>

<script type="text/javascript" charset="utf-8" src="common/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="common/js/md5-min.js"></script>
<script type="text/javascript" charset="utf-8" src="common/js/httpInterfaceSign.min.js"></script>
<script type="text/javascript" charset="utf-8" src="common/js/staticConfig.js"></script>
<script type="text/javascript" charset="utf-8" src="common/js/jshelper.js"></script>
<script type="text/javascript" charset="utf-8" src="common/js/apiHelper.js"></script>
<script type="text/javascript">

    // 综合app
    let orgId = window.universalOrgId;
    // android下载地址
    let andDownloadUrl = "";

    // 调用接口获取android下载版本
    $(document).ready(function () {
        ApiHelper.sendRequest({
            url: window.staticConfig.apiUrl,
            category: ApiHelper.category.system,
            service: "upgrade",
            orgId: orgId,
            data: {
                version: '1.0.0.1', // 从最小版本取最新版本
                appName: 'com.butel.msu.zklm',
                softType: 'android',
            },
            success: function (response) {
                if (response.state === 1000 && response.data) {
                    andDownloadUrl = response.data.url;
                }
            },
            error: function (res) {
                console.error("upgrade接口调用失败", res);
            }
        });
    });

    $("#downloadBtn").click(function() {
        download();
    });
    $("#downloadBtn2").click(function() {
        download();
    });

    function download() {
        console.log("download...");
        // TODO:暂时先直接下载安装包
        // window.location.href = window.staticConfig.appQQLinkUrl;

        if (isIOS()) {
            // ios手机，跳转到appstore
            window.location.href = "https://apps.apple.com/cn/app/专科联盟/id1535775722";
        } else {
            window.location.href = andDownloadUrl;
        }
    }

</script>

</html>