root / jyht · 提交

转到一个项目

作者 杨育虎
提交 abb7cbc4d474be71cbdddde697ebd70875b52a6c 1 个父辈 c8bfd120
1 个管道 的构建 通过 耗费 1 秒

转诊待答语音调试

内嵌 并排对比
正在显示 1 个修改的文件 包含 201 行增加 和 172 行删除
... ... @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title>问诊待答</title>
<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">
... ... @@ -15,6 +15,7 @@
.voice_box{
width: 100%;
}
.question_yes,.question_yes1{display: none;}
</style>
</head>
<body STYLE="background: #F5F6FA">
... ... @@ -23,10 +24,10 @@
<div class="tab_info">转诊基本信息</div>
<div class="tab_content">
<div class="content_item">
<div class="tab_title">病人主述</div>
<eq name="info.patient.type" value="1">
<div class="tab_title">临床表现</div>
<eq name="info.clinical.type" value="1">
<div class="voice_box" >
<foreach name="info.patient.dir" item="item">
<foreach name="info.clinical.dir" item="item">
<div class="voice_item">
<text class="iconfont icon-luyin voice_icon voice_play" data-url="{$item}"></text>
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
... ... @@ -36,15 +37,34 @@
</div>
<else/>
<div class="tab_textarea">
<textarea readonly>{$info.patient.content}</textarea>
<textarea readonly>{$info.clinical.content}</textarea>
</div>
</eq>
</div>
<div class="content_item">
<div class="tab_title">已做检查</div>
<eq name="info.inspected.type" value="1">
<div class="voice_box" >
<foreach name="info.inspected.dir" item="item">
<div class="voice_item">
<text class="iconfont icon-luyin voice_icon voice_play" data-url="{$item}"></text>
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
<text class="voice_font">点击图标开始播放</text>
</div>
</foreach>
</div>
<else/>
<div class="tab_textarea">
<textarea readonly>{$info.inspected.content}</textarea>
</div>
</eq>
</div>
<div class="content_item">
<div class="tab_title">初步诊断</div>
<eq name="info.diagnose.type" value="1">
<div class="tab_title">已用药物</div>
<eq name="info.used_drugs.type" value="1">
<div class="voice_box" >
<foreach name="info.diagnose.dir" item="item">
<foreach name="info.used_drugs.dir" item="item">
<div class="voice_item">
<text class="iconfont icon-luyin voice_icon voice_play" data-url="{$item}"></text>
<text class="iconfont icon-luying_ongoing voice_icon voice_puse"></text>
... ... @@ -54,7 +74,7 @@
</div>
<else/>
<div class="tab_textarea">
<textarea readonly>{$info.diagnose.content}</textarea>
<textarea readonly>{$info.used_drugs.content}</textarea>
</div>
</eq>
</div>
... ... @@ -84,7 +104,7 @@
</div>
</div>
<div class="tab_content_box">
<div class="tab_info">问诊人基本信息</div>
<div class="tab_info">转诊基本信息</div>
<div class="user_info_box title_info" style="justify-content: normal">
<div class="head_box"><img src="{$info.avatar}" alt=""></div>
<div>
... ... @@ -95,15 +115,17 @@
</div>
</div>
</div>
<div class="tab_content_box">
<div class="tab_info title_info">
<text class="tab_title">若您对转诊信息不明确，请点击发起提问</text>
<text class="iconfont icon-icon02 add_problem"></text>
<empty name="info.reply">
<div class="tab_content_box">
<div class="tab_info title_info" id="is_have_question" data-id="1">
<text class="tab_title">若您对转诊信息不明确，请点击发起提问</text>
<text class="iconfont icon-icon02 add_problem"></text>
</div>
</div>
</div>
</empty>
<!--提问内容部分-->
<div class="tab_content_box info_item">
<div class="tab_content_box info_item question_yes">
<div class="tab_info inquiry_content title">
<text>提问</text>
<text class="iconfont icon-huatong voice_btn"></text>
... ... @@ -118,7 +140,7 @@
<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>
<text class="voice_font luyin">点击图标可播放 时长：<span class="timeLength">0</span>秒</text>
</div>
<div class="voice_btn_box">
<text class="iconfont icon-quxiao cancle_voice"></text>
... ... @@ -139,29 +161,29 @@
</div>
<!--转诊意见内容部分-->
<div class="tab_content_box info_item">
<div class="tab_content_box info_item question_no">
<div class="tab_info inquiry_content title">
<text>转诊意见</text>
<text class="iconfont icon-huatong voice_btn"></text>
<text class="iconfont icon-huatong voice_btn voice_btn2"></text>
<text class="iconfont icon-tianxie"></text>
</div>
<div class="textarea_content">
<textarea class="area" type="text" placeholder="请输入" maxlength="1000"></textarea>
<textarea class="area textarea2" type="text" placeholder="请输入" maxlength="1000"></textarea>
<p class="text_num num_box"><span class="text-count">0</span>/1000</p>
</div>
<div class="voice_module agree_box" video-id="1">
<div class="voice_list" voiceitemid="1">
<div id="voice_module2" class="voice_module agree_box" video-id="2">
<div class="voice_list" voiceitemid="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>
<text class="voice_font luyin">点击图标可播放 时长：<span class="timeLength">0</span>秒</text>
</div>
<div class="voice_btn_box">
<text class="iconfont icon-quxiao cancle_voice"></text>
<text class="iconfont icon-tianjia add_voice"></text>
</div>
</div>
<div class="voice_box voice_first" voiceid="1">
<div class="voice_box voice_first" voiceid="2">
<div class="voice_item">
<text class="iconfont icon-huatong mike voice_icon"></text>
<text class="voice_font huatong">点击图标开始语音语音最长60秒</text>
... ... @@ -174,32 +196,30 @@
</div>
</div>
<!--专家提问显示内容-->
<div class="tab_content_box">
<div class="tab_info">
<text>专家提问</text>
</div>
<div class="user_info_box">
专家提问内容专家提问内容专家提问内容专家提问内容
专家提问内容专家提问内容专家提问内容专家提问内容
专家提问内容专家提问内容
</div>
</div>
<!--回复专家的内容-->
<div class="tab_content_box">
<div class="tab_info">
<text>回答</text>
<notempty name="info.reply">
<!--专家提问显示内容-->
<div class="tab_content_box">
<div class="tab_info">
<text>专家提问</text>
</div>
<div class="user_info_box">
{$info.reply}
</div>
</div>
<div class="user_info_box">
用户回复专家提问的内容回复专家提问的内容回复专家
提问回复专家提问的内容回复专家提问的内容回复专家
提问回复专家提问的内容的内容的内容
<!--回复专家的内容-->
<div class="tab_content_box">
<div class="tab_info">
<text>回答</text>
</div>
<div class="user_info_box">
{$info.problem_again|default='尚未回答'}
</div>
</div>
</div>
</notempty>
<!--同意转诊须填表单-->
<div class="tab_content_box">
<div class="tab_content_box question_no">
<div class="tab_content">
<div class="content_item">
<div class="tab_title">接诊信息（同意转诊时需要填写此表单）</div>
... ... @@ -226,12 +246,11 @@
</div>
</div>
</div>
<!--确认回复按钮-->
<div class="agree_btn submit">确认回复</div>
<div class="agree_btn submit question_yes1">确认回复</div>
<!---->
<div class="bottom_box">
<div class="bottom_box question_no">
<div class="agree_btn">同意</div>
<div class="bottom_btn">驳回</div>
</div>
... ... @@ -317,9 +336,10 @@
<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="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!--<script src="__TMPL__/public/assets/js/referral.js"></script>-->
<script>
wx.config({$sdk});
//文本框显示字数
$(".area").on("input propertychange", function () {
... ... @@ -333,99 +353,11 @@
$(this).siblings(".text_num").children('.text-count').text(count);
});
// 疾病分类下拉
$('.inquiry_type').click(function () {
weui.picker([
{label: '一类', value: 0},
{label: '二类', value: 1}
], {
onChange: function (res) {
console.log(res)
},
onConfirm: function (res) {
$('.inquiry_value').val(res[0].label)
}
}
)
})
// 疾病分类下拉
$('.expert').click(function () {
weui.picker([
{label: '王医生', value: 0},
{label: '刘易斯', value: 1}
], {
onChange: function (res) {
console.log(res)
},
onConfirm: function (res) {
$('.expert_value').val(res[0].label)
}
}
)
})
// 性别分类
$('.sex_type').click(function () {
weui.picker([
{label: '男', value: 0},
{label: '女', value: 1}
], {
onChange: function (res) {
console.log(res)
},
onConfirm: function (res) {
$('.sex_value').val(res[0].label)
}
}
)
})
// 性别分类
$('.unit_type').click(function () {
weui.picker([
{label: '国企', value: 0},
{label: '私企', value: 1}
], {
onChange: function (res) {
console.log(res)
},
onConfirm: function (res) {
$('.unit_value').val(res[0].label)
}
}
)
})
//就诊时间
$('#showDatePicker').on('click', function () {
weui.datePicker({
start: 2019,
end: new Date().getFullYear(),
onChange: function (result) {
console.log(result);
},
onConfirm: function (result) {
console.log(result[0].label+' - '+result[1].label+' - '+result[2].label)
$('.time_value').val(result[0].value+' - '+result[1].value+' - '+result[2].value)
}
});
});
//语音模块
// $('.icon-tianxie').hide()
// $('.voice_first').hide()
// $('.voice_second').hide()
$('.voice_third').hide()
$('.icon_cancle').hide()
// $('.voice_module').hide()
var title_id = ''
//点击
$('.info_item').on('click','.title',function () {
$(this).parent().toggleClass('voice')
})
//点击正在播放按钮
$('.icon-luying_ongoing').click(function () {
var videolist = $(".voice_module");
... ... @@ -439,10 +371,10 @@
}
})
var times = "";//倒计时总秒数量
var time = "";
//倒计时
var times = "60";//倒计时总秒数量
var time="";
var timeLength=0;
function countDown(times) {
var timer = null;
timer = setInterval(function () {
... ... @@ -464,9 +396,10 @@
$('#hour_show').html('<text id="h"></text>' + hour + '：');
$('#minute_show').html('<text></text>' + minute + '：');
$('#second_show').html('<text></text>' + second + '');
$('#second_test').html('<text></text>' + second + '');
//
console.log(day + "天:" + hour + "小时：" + minute + "分钟：" + second + "秒");
// console.log(day + "天:" + hour + "小时：" + minute + "分钟：" + second + "秒");
times--;
}, 1000);
... ... @@ -477,31 +410,32 @@
$('.pause').click(function () {
// timer(intDiff);
clearInterval(timer);
localStorage.setItem("times", times)
localStorage.setItem("times",times)
})
$('.stop').click(function () {
clearInterval(timer);
times = 0;
times=0;
})
$('.stopping').click(function () {
clearInterval(timer);
timeLength=60-times;
console.log('录音时长:'+timeLength);
localStorage.clear()
})
}
$('.start').click(function () {
time = localStorage.getItem("times")
if (time == null) {
time=localStorage.getItem("times")
if(time==null){
times = parseInt(60)
} else {
times = time;
}else{
times=time;
}
console.log(time)
// myTimer(intDiff);
countDown(times);
localStorage.setItem("times", times)
localStorage.setItem("times",times)
})
//添加一条新语音
var num = 1;
$('.voice_module').on('click', '.add_voice', function () {
... ... @@ -544,6 +478,9 @@
' </div>\n' +
' </div>\n' +
'</div>'
// parent.append($('.voice_list').html());
parent.append(html)
})
... ... @@ -589,12 +526,16 @@
})
//开始录音
var localId;
$('.start').click(function () {
$('.start').hide()
$('.stop').hide()
$('.play').hide()
$('.pause').show()
$('.stopping').show()
$('.next_step').hide()
/*微信开始录音*/
wx.startRecord();
})
//暂停
... ... @@ -602,61 +543,134 @@
$('.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 () {
var url=$(this).data('url');
var mySound = new Audio(url);
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()
$('.stop').show()
$('.pause').hide()
wx.stopRecord({
success: function (res) {
localId = res.localId;
}
});
})
//下一步
$('.next_step').click(function () {
$('.first').hide()
$('.second').show()
})
//点击试听
$('.audition').click(function () {
wx.onVoicePlayEnd({
success: function (res) {
var localId = res.localId; // 返回音频的本地ID
}
});
wx.playVoice({
localId:localId //需要播放的音频的本地ID，由stopRecord接口获得
});
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();
}
}
})
// 列表中点击试听
$('.voice_third').click(
function () {
var tryId=$(this).attr('try-id');
wx.playVoice({
localId:tryId
});
}
)
//就诊时间
$('#showDatePicker').on('click', function () {
weui.datePicker({
start: 2019,
end: new Date().getFullYear(),
onChange: function (result) {
console.log(result);
},
onConfirm: function (result) {
console.log(result[0].label+' - '+result[1].label+' - '+result[2].label)
$('.time_value').val(result[0].value+' - '+result[1].value+' - '+result[2].value)
}
});
});
//语音模块
$('.voice_third').hide()
$('.icon_cancle').hide()
var title_id = ''
//我要发送
$('.submit_voice').click(function () {
voiceBox.find('.voice_first').hide().siblings('.voice_third').show()
wx.uploadVoice({localId: localId, // 需要上传的音频的本地ID，由stopRecord接口获得
isShowProgressTips: 1, // 默认为1，显示进度提示
success: function (res) {
voiceBox.find('.voice_first').hide().siblings('.voice_third').attr('data-serverid',res.serverId);
}
});
voiceBox.find('.voice_first').hide().siblings('.voice_third').attr('data-try',localId);
voiceBox.find('.voice_first').hide().siblings('.voice_third').attr('data-time',timeLength);
voiceBox.find('.timeLength').html(timeLength);
$('.second').hide()
})
//确认音频
$('.upload').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();
/*上面放上 音频id和本地地址*/
$(videolist[i]).children('.voice_third').attr('try-id',localId);
$(videolist[i]).children('.voice_third').data('data-try',localId);
$(videolist[i]).children('.voice_third').attr('id','audio'+videoid);
wx.uploadVoice({
localId: localId, // 需要上传的音频的本地ID，由stopRecord接口获得
isShowProgressTips: 1, // 默认为1，显示进度提示
success: function (res) {
var serverId = res.serverId; // 返回音频的服务器端ID
$(videolist[i]).children('.voice_third').attr('server-id',serverId);
$(videolist[i]).children('.voice_third').data('data-server',serverId);
localId='';
}
});
}
}
})
//重新录制
$('.rerecord').click(function () {
$('#second_test').html(60);
$('.first').show()
$('.second').hide()
$('.stop').hide()
$('.stopping').hide()
$('.start').show()
$('.start').show()
})
//上传图片
... ... @@ -692,6 +706,21 @@
});
});
$('#is_have_question').click(function () {
var data=$(this).attr('data-id');
if(data==1){
$('.question_yes').show();
$('.question_yes1').css('display','flex');
$('.question_no').hide();
$(this).attr('data-id',2);
}else{
$('.question_yes').hide();
$('.question_yes1').hide();
$('.question_no').show();
$(this).attr('data-id',1);
}
})
</script>
</body>
</html>
\ No newline at end of file
... ...