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增添模板效果母页面相关推荐

HTML5期末大作业：售票网站设计——票务网站整套模板(24个页面) HTML+CSS+JavaScript
HTML5期末大作业:售票网站设计--票务网站整套模板(24个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
HTML5期末大作业：售票网站设计——票务网站整套模板(24个页面) HTML+CSS+JavaScript...
HTML5期末大作业:售票网站设计--票务网站整套模板(24个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) ~学生HTML个人网页作业作品~
用HTML+CSS做一个漂亮简单的个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作 ...
用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) ~学生HTML个人网页作业作品~...
用HTML+CSS做一个漂亮简单的个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作 ...
HTML5响应式手机模板：电商网站设计——房地产移动端网页模板(15个页面)
HTML5响应式手机模板:电商网站设计--房地产移动端网页模板(15个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板手机网页模板手机网站模板手机模板响应式手机网站 ...
web大学生个人网站大作业模板 ——大学生活记录个人网站模板(6个页面) HTML+CSS+JavaScript...
web大学生个人网站作业模板 :个人网站设计--大学生活记录个人网站模板(6个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作 ...
ppt模板怎样用到html中,PPT如何使用在线模板制作精美页面
PPT如何使用在线模板制作精美页面制作PPT,要求的是整体美观,排版.样式风格统一,而自己一步步去设计,感觉没有那么美观,还费时间.有了模板就事半功倍了,俗话说借力使力不费力,WPS演示里就有许多模 ...
HTML5响应式手机模板：H5网站设计——政府街道社区wap微信官网模板(11个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板...
HTML5响应式手机模板:H5网站设计--政府街道社区wap微信官网模板(11个页面) HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板 H5手机网站模板响应式 ...
HTML5期末大作业：个人网站设计——个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载
HTML5期末大作业:个人网站设计--个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作业,老 ...

layer.open增添模板效果母页面

layer.open增添模板效果母页面相关推荐

最新文章

热门文章