...
|
...
|
@@ -11,6 +11,11 @@ |
|
|
<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">
|
|
|
<style>
|
|
|
.voice_box{
|
|
|
width: 100%;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body STYLE="background: #F5F6FA">
|
|
|
<div class="container">
|
...
|
...
|
@@ -22,24 +27,56 @@ |
|
|
<div class="tab_textarea">
|
|
|
<textarea readonly>临床表现内容临床表现内容临床表现内容</textarea>
|
|
|
</div>
|
|
|
<div class="voice_box" >
|
|
|
<div class="voice_item">
|
|
|
<!--<text class="iconfont icon-huatong voice_icon"></text>-->
|
|
|
<text class="iconfont icon-luyin voice_icon voice_play"></text>
|
|
|
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
|
|
|
<text class="voice_font">点击图标开始语音语音最长60秒</text>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content_item">
|
|
|
<div class="tab_title">已做检查</div>
|
|
|
<div class="tab_textarea">
|
|
|
<textarea>已做检查内容已做检查内容已做检查内容</textarea>
|
|
|
</div>
|
|
|
<div class="voice_box">
|
|
|
<div class="voice_item">
|
|
|
<!--<text class="iconfont icon-huatong voice_icon"></text>-->
|
|
|
<text class="iconfont icon-luyin voice_icon voice_play"></text>
|
|
|
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
|
|
|
<text class="voice_font">点击图标开始语音语音最长60秒</text>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content_item">
|
|
|
<div class="tab_title">已用药物</div>
|
|
|
<div class="tab_textarea">
|
|
|
<textarea readonly>xx药物、xx药物、xx药物</textarea>
|
|
|
</div>
|
|
|
<div class="voice_box">
|
|
|
<div class="voice_item">
|
|
|
<!--<text class="iconfont icon-huatong voice_icon"></text>-->
|
|
|
<text class="iconfont icon-luyin voice_icon voice_play"></text>
|
|
|
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
|
|
|
<text class="voice_font">点击图标开始语音语音最长60秒</text>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content_item">
|
|
|
<div class="tab_title">当前困惑</div>
|
|
|
<div class="tab_textarea">
|
|
|
<textarea readonly>当前困惑内容当前困惑内容当前困惑内容</textarea>
|
|
|
</div>
|
|
|
<div class="voice_box">
|
|
|
<div class="voice_item">
|
|
|
<!--<text class="iconfont icon-huatong voice_icon"></text>-->
|
|
|
<text class="iconfont icon-luyin voice_icon voice_play"></text>
|
|
|
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
|
|
|
<text class="voice_font">点击图标开始语音语音最长60秒</text>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content_item">
|
|
|
<div class="tab_title">咨询时间</div>
|
...
|
...
|
@@ -50,7 +87,7 @@ |
|
|
</div>
|
|
|
<div class="tab_content_box">
|
|
|
<div class="tab_info">转诊基本信息</div>
|
|
|
<div class="user_info_box">
|
|
|
<div class="user_info_box title_info" style="justify-content: normal">
|
|
|
<div class="head_box"><img src="../images/chead@2x.png" alt=""></div>
|
|
|
<div>
|
|
|
<div>姓名:赵梓明</div>
|
...
|
...
|
@@ -61,7 +98,7 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tab_content_box">
|
|
|
<div class="tab_info">
|
|
|
<div class="tab_info title_info">
|
|
|
<text class="tab_title">若您对转诊信息不明确,请点击发起提问</text>
|
|
|
<text class="iconfont icon-icon02 add_problem"></text>
|
|
|
</div>
|
...
|
...
|
@@ -139,6 +176,7 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!--专家提问显示内容-->
|
|
|
<div class="tab_content_box">
|
|
|
<div class="tab_info">
|
...
|
...
|
@@ -210,6 +248,7 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!--录音弹窗-->
|
|
|
<div class="mask_box first" hidden>
|
|
|
<div class="popup_box">
|
...
|
...
|
@@ -217,55 +256,60 @@ |
|
|
<div class="popup_time">
|
|
|
<div class="time-item">
|
|
|
<!--<span id="day_show">0天</span>-->
|
|
|
<strong id="hour_show">00 :</strong>
|
|
|
<strong id="minute_show">00 :</strong>
|
|
|
<strong id="second_show">00</strong>
|
|
|
<strong id="hour_show">
|
|
|
<text id="h"></text>
|
|
|
00:</strong>
|
|
|
<strong id="minute_show">
|
|
|
<text></text>
|
|
|
01:</strong>
|
|
|
<strong id="second_show">
|
|
|
<text></text>
|
|
|
00</strong>
|
|
|
</div>
|
|
|
<div class="popup_info">还可以录制 <span>5</span> 秒</div>
|
|
|
<div class="popup_info">还可以录制 <span id="second_test">5</span> 秒</div>
|
|
|
</div>
|
|
|
<div class="popup_btn_box">
|
|
|
<div class="popup_item start ">
|
|
|
<img class="popup_icon" src="../images/eicon09@2x.png" alt="">
|
|
|
<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="../images/eicon13@2x.png" alt="">
|
|
|
<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="../images/eicon14@2x.png" alt="">
|
|
|
<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="../images/eicon11@2x.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/images/eicon11@2x.png" alt="">
|
|
|
</div>
|
|
|
<div class="popup_center stopping" hidden>
|
|
|
<img class="" src="../images/eicon12@2x.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/images/eicon12@2x.png" alt="">
|
|
|
</div>
|
|
|
<div class="popup_item next_step">
|
|
|
<img class="popup_icon" src="../images/eicon10@2x.png" alt="">
|
|
|
<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 class="popup_info">时长:4分58秒</div>-->
|
|
|
</div>
|
|
|
<div class="popup_btn_box">
|
|
|
|
|
|
<div class="large_icon rerecord">
|
|
|
<img class="popup_icon " src="../images/eicon15@2x.png" alt="">
|
|
|
<img class="popup_icon " src="__TMPL__/public/assets/images/eicon15@2x.png" alt="">
|
|
|
<div>重新录制</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="large_icon submit_voice">
|
|
|
<img class="popup_icon" src="../images/eicon16@2x.png" alt="">
|
|
|
<img class="popup_icon upload" src="__TMPL__/public/assets/images/eicon16@2x.png" alt="">
|
|
|
<div>我要发送</div>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -275,8 +319,9 @@ |
|
|
<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>
|
|
|
<!--<script src="__TMPL__/public/assets/js/referral.js"></script>-->
|
|
|
<script>
|
|
|
|
|
|
//文本框显示字数
|
|
|
$(".area").on("input propertychange", function () {
|
|
|
|
...
|
...
|
@@ -380,26 +425,6 @@ |
|
|
//点击
|
|
|
$('.info_item').on('click','.title',function () {
|
|
|
$(this).parent().toggleClass('voice')
|
|
|
|
|
|
// title_id = $(this).attr("data-id");
|
|
|
// if ($(this).children(".voice_btn").css("display") == "inline") {
|
|
|
// $(this).children(".voice_btn").css("display", "none");
|
|
|
// $(this).children(".icon-tianxie").css("display", "inline")
|
|
|
// $(this).parents('.info_item').children('.textarea_box').hide()
|
|
|
// // $(this).parents('.info_item').find('.voice_first').show()
|
|
|
// $(this).parents('.info_item').find('.voice_module').show()
|
|
|
// // if($(this).children(".voice_third").css("display") == "inline"){
|
|
|
// // $(this).parents('.info_item').children('.textarea_box').hide()
|
|
|
// // }
|
|
|
// } else if ($(this).children(".icon-tianxie").css("display") == "inline") {
|
|
|
// $(this).children(".voice_btn").css("display","inline");
|
|
|
// $(this).children(".icon-tianxie").css("display","none")
|
|
|
// $(this).parents('.info_item').children('.textarea_box').show()
|
|
|
// $(this).parents('.info_item').find('.voice_first').hide()
|
|
|
// // if($(this).children(".voice_third").css("display") == "inline"){
|
|
|
// // $(this).parents('.info_item').children('.textarea_box').hide()
|
|
|
// // }
|
|
|
// }
|
|
|
})
|
|
|
|
|
|
|
...
|
...
|
@@ -480,29 +505,8 @@ |
|
|
|
|
|
|
|
|
//添加一条新语音
|
|
|
var num = 0;
|
|
|
var num = 1;
|
|
|
$('.voice_module').on('click', '.add_voice', function () {
|
|
|
// $('.voice_module').append($('.voice_list').html());
|
|
|
// $('.voice_list .voice_first').show()
|
|
|
// $('.add_icon').show()
|
|
|
|
|
|
|
|
|
// var parent = $(this).parents('.voice_module')
|
|
|
// parent.append($('.temp_list').clone());
|
|
|
|
|
|
|
|
|
// var videolist = $(".voice_module");
|
|
|
// for (var i = 0; i < videolist.length; i++) {
|
|
|
//
|
|
|
// var videoid = $(videolist[i]).attr("video-id");
|
|
|
// if (videoid == title_id) {
|
|
|
// $(videolist[i]).show();
|
|
|
// $(videolist[i]).append($('.voice_list').html());
|
|
|
// $(videolist[i]).children('.voice_list .voice_first').show();
|
|
|
// $('.icon_cancle').show()
|
|
|
// }
|
|
|
// }
|
|
|
|
|
|
times=60
|
|
|
// clearInterval(timer);
|
|
|
var day = 0,
|
...
|
...
|
@@ -517,7 +521,7 @@ |
|
|
$('#hour_show').html('<text id="h"></text>' + hour + ':');
|
|
|
$('#minute_show').html('<text></text>' + minute + ':');
|
|
|
$('#second_show').html('<text></text>' + second + '');
|
|
|
|
|
|
$('#second_test').html(60);
|
|
|
|
|
|
num = num + 1
|
|
|
var parent = $(this).parents('.voice_module')
|
...
|
...
|
@@ -525,7 +529,7 @@ |
|
|
'<div class="voice_box voice_third" style="display: none;">\n' +
|
|
|
' <div class="voice_item">\n' +
|
|
|
' <text class="iconfont icon-luyin voice_icon"></text>\n' +
|
|
|
' <text class="voice_font luyin">点击图标可播放 时长:10秒</text>\n' +
|
|
|
' <text class="voice_font luyin">点击图标可播放 时长:<span class="timeLength">0</span>秒</text>\n' +
|
|
|
' </div>\n' +
|
|
|
' <div class="voice_btn_box">\n' +
|
|
|
' <text class="iconfont icon-quxiao cancle_voice"></text>\n' +
|
...
|
...
|
@@ -542,9 +546,6 @@ |
|
|
' </div>\n' +
|
|
|
' </div>\n' +
|
|
|
'</div>'
|
|
|
|
|
|
|
|
|
// parent.append($('.voice_list').html());
|
|
|
parent.append(html)
|
|
|
|
|
|
})
|
...
|
...
|
@@ -603,9 +604,23 @@ |
|
|
$('.pause').hide()
|
|
|
$('.start').show()
|
|
|
$('.stopping').hide()
|
|
|
})
|
|
|
|
|
|
//播放语音
|
|
|
$('.voice_puse').hide()
|
|
|
var mySound = new Audio('http://suzhou.w.bronet.cn/upload/admin/20181217/a22c54f3354951b1d612569a126480a5.mp3');
|
|
|
$('.voice_play').click(function () {
|
|
|
mySound.play();
|
|
|
$(this).hide()
|
|
|
$(this).siblings('.voice_puse').show()
|
|
|
})
|
|
|
$('.voice_puse').click(function () {
|
|
|
mySound.pause();
|
|
|
$(this).hide()
|
|
|
$(this).siblings('.voice_play').show()
|
|
|
})
|
|
|
|
|
|
|
|
|
//停止录音
|
|
|
$('.stopping').click(function () {
|
|
|
$('.next_step').show()
|
...
|
...
|
@@ -621,34 +636,12 @@ |
|
|
|
|
|
//点击试听
|
|
|
$('.audition').click(function () {
|
|
|
// var videolist = $(".voice_module");
|
|
|
// for (var i = 0; i < videolist.length; i++) {
|
|
|
// var videoid = $(videolist[i]).attr("video-id");
|
|
|
// if (videoid == title_id) {
|
|
|
// $('.second').hide()
|
|
|
// $(videolist[i]).show();
|
|
|
// $(videolist[i]).children('.voice_list').hide()
|
|
|
// $(videolist[i]).children('.voice_third').show();
|
|
|
// }
|
|
|
// }
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
//我要发送
|
|
|
$('.submit_voice').click(function () {
|
|
|
|
|
|
// var videolist = $(".voice_module");
|
|
|
// console.log(videolist,videolist.length)
|
|
|
// for (var i = 0; i<videolist.length; i++) {
|
|
|
// videoid = $(videolist[i]).attr("video-id");
|
|
|
// if (videoid == title_id) {
|
|
|
// $('.second').hide()
|
|
|
// $(videolist[i]).children(".voice_list").children('.voice_first').hide()
|
|
|
// $(videolist[i]).children(".voice_list").children('.voice_third').show();
|
|
|
// }
|
|
|
// }
|
|
|
|
|
|
|
|
|
voiceBox.find('.voice_first').hide().siblings('.voice_third').show()
|
|
|
$('.second').hide()
|
|
|
|
...
|
...
|
|