123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>新增设备</title>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <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/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
- <script type="text/javascript" src="../../../js/mui.min.js" ></script>
- </head>
- <body>
- <!--<header class="h45">
- <div class="header-comtop">
- <a class="mui-action-back"></a>
- <h1>新增设备信息</h1>
- </div>
- </header>-->
- <div class="c-list c-border-tb mt10">
- <div class="c-list-div c-list-text">
- <div class="c-list-value mr80">
- <span>选择设备</span>
- </div>
- <div class="c-list-info">
- <input type="text" placeholder="请选择设备类别" data-val="type">
- </div>
- <span class="arrow-down"></span>
- </div>
- </div>
- <ul class="c-list c-border-tb mt10">
- <li class="c-list-text">
- <input type="text" placeholder="请输入设备名称" id="d_name"/>
- </li>
- <li class="c-list-text">
- <input type="text" placeholder="请输入设备SN码" id="d_sn"/>
- </li>
- </ul>
- <div class="mlr15 mt20">
- <a href="javascript:;" class="btn-green-l" id="btnSave">保存</a>
- </div>
- <script src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
- <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
- <script type="text/javascript" src="../../../js/common_http.js" ></script>
-
- <script>
- var category="";
- $(function(){
- //获取设备类型的标识和名称
- sendPost("patient/device/category"," ", "json", "post", queryListFailed,device_type_Successs1);
- document.getElementById("btnSave").addEventListener("tap",function () {
- var params={};
- // params.code=code;
- params.category=category;
- // params.type_name=type_name;
- params.name=$("#d_name").val();
- params.sn=$("#d_sn").val();
- if(!params.category){
- alert("请选择设备类别");
- return ;
- }
- if(!params.name){
- alert("请输入设备名称");
- return ;
- }
- if(!params.sn){
- alert("请输入设备SN码");
- return ;
- }
- sendPost("patient/device/add",params, "json", "post", queryListFailed,queryListSuccesss);
- });
- });
-
- function device_type_Successs1(res){
- var arr_key=[];
- var arr_value=[];
- var data=res.list;
- for(var i=0;i<data.length;i++){
- arr_key.push(data[i].code);
- arr_value.push(data[i].name);
-
- }
- var opt4 = {
- theme: 'ios',
- lang:'zh',
- formatValue: function (d) {
- return d.join(',');
- },
- customWheels:true,
- wheels: [//如果值非常多请事先按需求生成好
- [
- {
- keys:arr_key,//['1','2','3'],
- values: arr_value,//['血糖仪', '血压计', '血压']
- }
- ]
- ],
- onSelect: function(valueText, inst){
- console.log(valueText);
- var dd=eval("["+valueText+"]");
- category=dd[0].keys;
- $('input[data-val=type]').val(dd[0].values);
- },
- };
- var ss=$('input[data-val=type]').mobiscroll(opt4);
-
- }
-
- function queryListFailed(res) {
- if (res && res.msg) {
- alert(res.msg);
- } else {
- alert("数据加载失败");
- }
- }
-
- function queryListSuccesss(res) {
- if (res.status == 200) {
- window.location.href="my-equipments.html";
- } else {
- alert("保存失败");
- }
- }
- </script>
- </body>
- </html>
|