index.html 10.5 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>我要问诊</title>
    <script src="__TMPL__/public/assets/js/fontsize.js"></script>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/init.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/weui.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/myweui.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/referralModule.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/comment.css">
</head>
<body>
<div class="container">
    <div class="inquary_box">
        <div class="content_item">
            <!--<div class="tab_title">接诊信息(同意转诊时需要填写此表单)</div>-->
            <div class="info_box">
                <div class="info_item inquiry_type">
                    <div class="title">
                        <text>疾病分类</text>
                    </div>
                    <div class="info_input"><input class="inquiry_value" type="text" placeholder="请填写接诊医院" readonly
                                                   onfocus="this.focus()">
                        <text class="iconfont icon-xiala"></text>
                    </div>
                </div>
                <div class="info_item expert">
                    <div class="title">
                        <text>问诊专家</text>
                    </div>
                    <div class="info_input"><input class="expert_value" type="text" placeholder="推荐专家" readonly
                                                   onfocus="this.focus()">
                        <text class="iconfont icon-xiala"></text>
                    </div>
                </div>
                <div class="hint_info">提示:您可以选择推荐专家,平台会为您匹配对应专家;您也可以
                    选择其他专家。
                </div>
                <div class="info_item">
                    <div class="title" data-id="1">
                        <text>病人主述</text>
                        <!--<text class="info_tab_box">-->
                            <text class="iconfont icon-huatong voice_btn"></text>
                            <text class="iconfont icon-tianxie"></text>
                        <!--</text>-->
                    </div>
                    <div class="textarea_box">
                        <textarea class="area" type="text" placeholder="请输入临床表现" maxlength="1000"></textarea>
                        <p class="text_num"><span class="text-count">0</span>/1000</p>
                    </div>
                    <div class="voice_module" video-id="1">
                        <div class="voice_box voice_third">
                            <div class="voice_item">
                                <text class="iconfont icon-luyin voice_icon"></text>
                                <text class="voice_font luyin">点击图标可播放 时长:10秒</text>
                            </div>
                            <div class="voice_btn_box">
                                <text class="iconfont icon-quxiao"></text>
                                <text class="iconfont icon-tianjia add_voice"></text>
                            </div>
                        </div>
                        <div class="voice_box voice_second">
                            <div class="voice_item">
                                <text class="iconfont icon-luying_ongoing voice_icon"></text>
                                <text class="voice_font luying_ongoing">正在播放 10秒/60秒</text>
                            </div>
                        </div>

                        <div class="voice_list">
                            <div class="voice_box voice_first">
                                <div class="voice_item">
                                    <text class="iconfont icon-huatong mike voice_icon"></text>
                                    <text class="voice_font huatong">点击图标开始语音语音最长60秒</text>
                                </div>
                                <div class="voice_btn_box">
                                    <text class="iconfont icon-quxiao icon_cancle"></text>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="info_item">
                    <div class="title" data-id="2">
                        <text>你的困惑</text>
                        <text class="iconfont icon-huatong voice_btn"></text>
                        <text class="iconfont icon-tianxie"></text>
                    </div>
                    <div class="textarea_box">
                        <textarea class="area" type="text" placeholder="请输入临床表现" maxlength="1000"></textarea>
                        <p class="text_num"><span class="text-count">0</span>/1000</p>
                    </div>
                    <div class="voice_module" video-id="2">

                        <div class="voice_box voice_third">
                            <div class="voice_item">
                                <text class="iconfont icon-luyin voice_icon"></text>
                                <text class="voice_font luyin">点击图标可播放 时长:10秒</text>
                            </div>
                            <div class="voice_btn_box">
                                <text class="iconfont icon-quxiao"></text>
                                <text class="iconfont icon-tianjia add_voice"></text>
                            </div>
                        </div>

                        <div class="voice_box voice_second">
                            <div class="voice_item">
                                <text class="iconfont icon-luying_ongoing voice_icon"></text>
                                <text class="voice_font luying_ongoing">正在播放 10秒/60秒</text>
                            </div>
                        </div>

                        <div class="voice_list">
                            <div class="voice_box voice_first">
                                <div class="voice_item">
                                    <text class="iconfont icon-huatong mike voice_icon"></text>
                                    <text class="voice_font huatong">点击图标开始语音语音最长60秒</text>
                                </div>
                                <div class="voice_btn_box">
                                    <text class="iconfont icon-quxiao icon_cancle"></text>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="upload_box">
                <div class="weui-uploader__hd">
                    <p class="title">报告单(最多上传30张)</p>
                </div>
                <div class="weui-uploader__bd">
                    <ul class="weui-uploader__files" id="uploaderFiles">
                    </ul>
                    <div class="weui-uploader__input-box">
                        <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*"
                               multiple/>
                    </div>
                </div>
            </div>
            <div class="agree_btn submit">提交</div>
        </div>
    </div>


    <!--录音弹窗-->
    <div class="mask_box first" hidden>
        <div class="popup_box">
            <div class="popup_title">录制语音</div>
            <div class="popup_time">
                <div>00:00:00</div>
                <div class="popup_info">还可以录制 <span>5</span></div>
            </div>
            <div class="popup_btn_box">
                <div class="popup_item start ">
                    <img class="popup_icon" src="__TMPL__/public/assets/images/eicon09@2x.png" alt="">
                    <div>开始</div>
                </div>
                <div class="popup_item pause" hidden>
                    <img class="popup_icon" src="__TMPL__/public/assets/images/eicon13@2x.png" alt="">
                    <div>暂停</div>
                </div>
                <div class="popup_item stop" hidden>
                    <img class="popup_icon" src="__TMPL__/public/assets/images/eicon14@2x.png" alt="">
                    <div>已停止</div>
                </div>
                <div class="popup_center play start">
                    <img class="" src="__TMPL__/public/assets/images/eicon11@2x.png" alt="">
                </div>
                <div class="popup_center stopping" hidden>
                    <img class="" src="__TMPL__/public/assets/images/eicon12@2x.png" alt="">
                </div>
                <div class="popup_item next_step">
                    <img class="popup_icon" src="__TMPL__/public/assets/images/eicon10@2x.png" alt="">
                    <div>下一步</div>
                </div>
            </div>
        </div>
    </div>
    <!---->
    <div class="mask_box second" hidden>
        <div class="popup_box">
            <div class="popup_title">录制语音</div>
            <div class="popup_time">
                <div class="popup_btn audition">点击试听</div>
                <div class="popup_info">时长:4分58秒</div>
            </div>
            <div class="popup_btn_box">

                <div class="large_icon rerecord">
                    <img class="popup_icon " src="__TMPL__/public/assets/images/eicon15@2x.png" alt="">
                    <div>重新录制</div>
                </div>

                <div class="large_icon">
                    <img class="popup_icon" src="__TMPL__/public/assets/images/eicon16@2x.png" alt="">
                    <div>我要发送</div>
                </div>
            </div>
        </div>
    </div>
    <!--弹窗-->
    <div class="box" hidden>
        <div class="public_popup_box">
            <text>您已签到成功!</text>
            <text>恭喜您获得10个积分</text>
        </div>
    </div>
</div>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/weui.js"></script>
<script src="__TMPL__/public/assets/js/myweui.js"></script>
<script src="__TMPL__/public/assets/js/referral.js"></script>
</body>
</html>