add-equipment.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>新增设备</title>
  6. <meta name="format-detection" content="telephone=no"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  9. <meta name="apple-mobile-web-app-capable" content="yes"/>
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
  12. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
  15. <script type="text/javascript" src="../../../js/mui.min.js" ></script>
  16. </head>
  17. <body>
  18. <!--<header class="h45">
  19. <div class="header-comtop">
  20. <a class="mui-action-back"></a>
  21. <h1>新增设备信息</h1>
  22. </div>
  23. </header>-->
  24. <div class="c-list c-border-tb mt10">
  25. <div class="c-list-div c-list-text">
  26. <div class="c-list-value mr80">
  27. <span>选择设备</span>
  28. </div>
  29. <div class="c-list-info">
  30. <input type="text" placeholder="请选择设备类别" data-val="type">
  31. </div>
  32. <span class="arrow-down"></span>
  33. </div>
  34. </div>
  35. <ul class="c-list c-border-tb mt10">
  36. <li class="c-list-text">
  37. <input type="text" placeholder="请输入设备名称" id="d_name"/>
  38. </li>
  39. <li class="c-list-text">
  40. <input type="text" placeholder="请输入设备SN码" id="d_sn"/>
  41. </li>
  42. </ul>
  43. <div class="mlr15 mt20">
  44. <a href="javascript:;" class="btn-green-l" id="btnSave">保存</a>
  45. </div>
  46. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  47. <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
  48. <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css" />
  49. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  50. <script>
  51. var category="";
  52. $(function(){
  53. //获取设备类型的标识和名称
  54. sendPost("patient/device/category"," ", "json", "post", queryListFailed,device_type_Successs1);
  55. document.getElementById("btnSave").addEventListener("tap",function () {
  56. var params={};
  57. // params.code=code;
  58. params.category=category;
  59. // params.type_name=type_name;
  60. params.name=$("#d_name").val();
  61. params.sn=$("#d_sn").val();
  62. if(!params.category){
  63. alert("请选择设备类别");
  64. return ;
  65. }
  66. if(!params.name){
  67. alert("请输入设备名称");
  68. return ;
  69. }
  70. if(!params.sn){
  71. alert("请输入设备SN码");
  72. return ;
  73. }
  74. sendPost("patient/device/add",params, "json", "post", queryListFailed,queryListSuccesss);
  75. });
  76. });
  77. function device_type_Successs1(res){
  78. var arr_key=[];
  79. var arr_value=[];
  80. var data=res.list;
  81. for(var i=0;i<data.length;i++){
  82. arr_key.push(data[i].code);
  83. arr_value.push(data[i].name);
  84. }
  85. var opt4 = {
  86. theme: 'ios',
  87. lang:'zh',
  88. formatValue: function (d) {
  89. return d.join(',');
  90. },
  91. customWheels:true,
  92. wheels: [//如果值非常多请事先按需求生成好
  93. [
  94. {
  95. keys:arr_key,//['1','2','3'],
  96. values: arr_value,//['血糖仪', '血压计', '血压']
  97. }
  98. ]
  99. ],
  100. onSelect: function(valueText, inst){
  101. console.log(valueText);
  102. var dd=eval("["+valueText+"]");
  103. category=dd[0].keys;
  104. $('input[data-val=type]').val(dd[0].values);
  105. },
  106. };
  107. var ss=$('input[data-val=type]').mobiscroll(opt4);
  108. }
  109. function queryListFailed(res) {
  110. if (res && res.msg) {
  111. alert(res.msg);
  112. } else {
  113. alert("数据加载失败");
  114. }
  115. }
  116. function queryListSuccesss(res) {
  117. if (res.status == 200) {
  118. window.location.href="my-equipments.html";
  119. } else {
  120. alert("保存失败");
  121. }
  122. }
  123. </script>
  124. </body>
  125. </html>