layer.open增添模板效果母页面
生活随笔
收集整理的這篇文章主要介紹了
layer.open增添模板效果母页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>隨訪信息</title><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="../css/base.css"><!--<link rel="stylesheet" href="../css/FollowUpPatientsAndInformation.css">--><link rel="stylesheet" href="../css/bootstrap.min.css" /><!--<link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />--><link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css"><link rel="stylesheet" href="../css/btable.css" /><style>input{border:0px !important;border-bottom:1px solid #ccc !important;width:30%; }.active{border-radius: 20px;display: inline-block;border: 1px solid #199ED8;width: 85px;text-align: center;}a{text-decoration:none !important;}</style></head><body class="padd_40" style="background: #EBEBEB;padding-top: 35px"><ul class=""><li class="" id="" style="margin-bottom:20px"><!--患者信息--><div style="width:90%;margin: 0 auto;"><div style="float:left;width:49%;"><span>患者:</span><span id="usrName"></span><span><span id="usrSex"></span><span><i style="font-style: normal;" id="usrAge"></i><b style="font-weight: normal;">歲</b></span></span></div><div style="float:right;width:49%;text-align: right;"><button class="btn btn-info btn-xs seed">就診記錄</button><button class="btn btn-info btn-xs visit">隨訪記錄</button></div><div style="clear: both;"></div><div style="margin-top: 20px;"><ul><li><p><span>隨訪內容：</span><span id="followoption"></span></p></li><li><p><span>診斷：</span><span id="zdnam"></span></p></li><li><p><span>科室：</span><span id="deptnam"></span></p></li><li><p><span>醫生：</span><span id="name"></span></p></li></ul></div></div></li><!--體格堅持--><li style="margin-bottom:20px"><div style="width:90%;margin: 0 auto;"><span>體格檢查</span><button class="btn btn-info btn-xs getdata">獲取數據</button></div><div style="width:90%;margin: 0 auto;"><div style="width:33.33%;float: left;"> <div class="tige-row"><label style="margin-top: 24px;width: 37px">體溫:</label><input type="text" id="TEMPERATURE"/><span>°C</span></div></div><div style="width:33.33%;float: left;"><div class="tige-row"><label style="margin-top: 24px;width: 37px">心率:</label><input type="text" id="HEARTRATE"/><span>次/分</span></div></div><div style="width:33.33%;float: left;"><div class="tige-row"><label style="margin-top: 24px;width: 37px">血壓:</label><span style="width:30%;border-bottom:1px solid #ccc;"><input type="text" id="BLOODPRESSUREL" style="width: 20%;"/><i>/</i><input type="text" id="BLOODPRESSUREH" style="width: 20%;"/></span><span>mmHg</span></div></div><div style="clear: both;"></div></div><div style="width:90%;margin: 0 auto;"><div style="width:33.33%;float: left;"> <div class="tige-row"><label style="margin-top: 24px;width: 37px">體重:</label><input type="text" id="WEIGHT"/><span>Kg</span></div></div><div style="width:33.33%;float: left;"><div class="tige-row"><label style="margin-top: 24px;width: 37px">血糖:</label><input type="text" id="FOLLOWSTATE"/><span>mmol/L</span></div></div><div style="width:33.33%;float: left;"><div class="tige-row"><label style="margin-top: 24px;width: 37px">血氧:</label><input type="text" id="BLOODOXYGEN"/><span>%</span></div></div><div style="clear: both;"></div></div><div style="clear: both;"></div></li><!--隨訪結論--><li style="margin-bottom:20px"><div style="width:90%;margin: 0 auto;"><div>隨訪結論<span class="active"><a href="javascript:;" id="about">選擇模板</a></span></div><textarea id="txt" maxlength="" name="textarea" cols="" rows="6" placeholder=" 請輸入隨訪結論" style="color: #666;margin-top: 12px;width: 100%;height: 110px;"></textarea></div></li><!--健康方案--><li style="margin-bottom:20px"><div style="width:90%;margin: 0 auto;"><div>健康方案<span class="active"><a href="javascript:;" id="heal">選擇模板</a></span></div><textarea id="txt2" maxlength="" name="textarea" cols="" rows="6" placeholder=" 請輸入隨訪結論" style="color: #666;margin-top: 12px;width: 100%;height: 110px;"></textarea></div></li><!--注意事項--><li style="margin-bottom:20px"><div style="width:90%;margin: 0 auto;"><div>注意事項<span class="active"><a href="javascript:;" id="impot">選擇模板</a></span></div><textarea id="txt3" maxlength="" name="textarea" cols="" rows="6" placeholder=" 請輸入隨訪結論" style="color: #666;margin-top: 12px;width: 100%;height: 110px;"></textarea></div></li><!--按鈕--><li style="margin-bottom:20px"><div style="width:90%;margin: 0 auto;"><button class="btn btn-info btn-xs send"style="float:right;">保存并且發送</button></div></li></ul><script src="../js/jquery-1.7.2.min.js"></script><script src="../js/FollowUpInformation.js"></script><script src="../js/layer.js"></script><script src="../js/layui.js"></script><script src="../js/paging.js"></script><script type="text/javascript">$('#about').on('click', function(){layer.open({type: 2,title: '隨訪結論模板',maxmin: true,area: ['50%', '80%'],id: 'LAY_layuipro', //設定一個id，防止重復彈出shade: false,shadeClose: false, //點擊遮罩關閉
btn: ['確定','取消'],content: 'alert.html',yes: function(index) {//賦值且觸發關閉事件var aler = localStorage.getItem("name1");document.getElementById('txt').value = aler;$('.layui-layer-btn1').click();//觸發關閉事件
},});});$('#heal').on('click', function(){layer.open({type: 2,title: '健康方案模板',maxmin: true,id: 'LAY_layuipro', //設定一個id，防止重復彈出area: ['50%', '80%'],shade: false,shadeClose: false, //點擊遮罩關閉
btn: ['確定','取消'],content: 'alert2.html',yes: function(index) {//賦值且觸發關閉事件var aler2 = localStorage.getItem("name2");document.getElementById('txt2').value = aler2;$('.layui-layer-btn1').click();//觸發關閉事件
},});});$('#impot').on('click', function(){layer.open({type: 2,title: '注意事項模板',maxmin: true,id: 'LAY_layuipro', //設定一個id，防止重復彈出area: ['50%', '80%'],shade: false,shadeClose: false, //點擊遮罩關閉
btn: ['確定','取消'],content: 'alert3.html',yes: function(index) {//賦值且觸發關閉事件var aler3 = localStorage.getItem("name3");document.getElementById('txt3').value = aler3;$('.layui-layer-close').click();//觸發關閉事件
},});});</script></body></html> Json數據返回格式{"code": "000","data": {"parameterType": [{"id": "451D34C65FDBC7FCE050007F01005BDA","userid": "174BD3D5879C3BF0E050007F010077DC","title": "注意事項模板","content": "是知道消費觀察觀察發現GV","type": "3","state": "1","createdate": "","createname": "","updatedate": "","updatename": ""},{"id": "45278236d9f14d2697bea0a3b5d39b61","userid": "174BD3D5879C3BF0E050007F010077DC","title": "注意事項模板","content": "uysdhbkjz摸啊速度很方便查看你都發揚光大","type": "3","state": "1","createdate": "","createname": "","updatedate": "","updatename": ""}],"pageNo": 1,"totalPage": 1,"pageSize": 15,"totalRecord": 2},"message": "成功"
}
?
轉載于:https://www.cnblogs.com/hjptopshow/p/7809194.html
總結
以上是生活随笔為你收集整理的layer.open增添模板效果母页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： error while loading
- 下一篇： 在单缓冲区和双缓冲区结构下，读入并分析完