转诊待答语音调试

杨育虎
public/themes/simpleboot3/user/expert/inquirydetail.html
--- a/public/themes/simpleboot3/user/expert/inquirydetail.html
查看文件 @abb7cbc
+++ b/public/themes/simpleboot3/user/expert/inquirydetail.html
查看文件 @abb7cbc
@@ -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>