root / jyht · 提交

转到一个项目

作者 刘晓艳
提交 744cccda0fb5601d0a25d677aa1a8ccd7bddb7ca 1 个父辈 7c15b28c

测试

内嵌 并排对比
正在显示 1 个修改的文件 包含 55 行增加 和 22 行删除
... ... @@ -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>
... ... @@ -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>
... ... @@ -271,7 +308,6 @@
</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>
... ... @@ -380,26 +416,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()
// // }
// }
})
... ... @@ -606,6 +622,23 @@
})
//播放语音
$('.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();
// $('.voice_play').show()
// $('.voice_puse').hide()
$(this).hide()
$(this).siblings('.voice_play').show()
})
//停止录音
$('.stopping').click(function () {
$('.next_step').show()
... ...