作者 sgj
1 个管道 的构建 通过 耗费 4 秒

Merge remote-tracking branch 'origin/master'

... ... @@ -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()
... ...