edit-equipment.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  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" id="d_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 src="../js/my-equipments.js"></script>
  51. <script src="../../../js/weixin_common.js"></script>
  52. <script>
  53. $(function(){
  54. // mui.plusReady(function(){
  55. var Request = new Object();
  56. Request = GetRequest();
  57. var code=decodeURI(decodeURI(Request.code));
  58. var type_name='';
  59. //获取现在有的设备类别以及名称
  60. var params = {}
  61. params.code = code;
  62. //发送ajax请求, 查询设备列表信息
  63. sendPost("patient/device/info", params, "json", "post", queryListFailed,device_info_Successs);
  64. function device_info_Successs(res){
  65. category=res.data.category;
  66. name=res.data.device_name;
  67. var sn=res.data.sn;
  68. //发送ajax请求, 查询设备类型
  69. sendPost("patient/device/category"," ", "json", "post", queryListFailed,device_type_Successs);
  70. function device_type_Successs(reso){
  71. dev_list=reso.list;
  72. for(var i=0;i<reso.list.length;i++){
  73. if(reso.list[i].code==category){
  74. type_name=reso.list[i].name;
  75. $("#d_type").val(type_name);
  76. $("#d_name").val(name);
  77. $("#d_sn").val(sn);
  78. }
  79. }
  80. }
  81. }
  82. //获取设备类型的标识和名称
  83. sendPost("patient/device/category"," ", "json", "post", queryListFailed,device_type_Successs1);
  84. function device_type_Successs1(res){
  85. var arr_key=[];
  86. var arr_value=[];
  87. var data=res.list;
  88. for(var i=0;i<data.length;i++){
  89. arr_key.push(data[i].code);
  90. arr_value.push(data[i].name);
  91. }
  92. // console.log(arr_key);
  93. // console.log(arr_value);
  94. var opt4 = {
  95. theme: 'ios',
  96. lang:'zh',
  97. formatValue: function (d) {
  98. return d.join(',');
  99. },
  100. customWheels:true,
  101. wheels: [//如果值非常多请事先按需求生成好
  102. [
  103. {
  104. keys:arr_key,//['1','2','3'],
  105. values: arr_value,//['血糖仪', '血压计', '血压']
  106. }
  107. ]
  108. ],
  109. onSelect: function(valueText, inst){
  110. console.log(valueText);
  111. var dd=eval("["+valueText+"]");
  112. category=dd[0].keys;
  113. // console.log(category);
  114. $('input[data-val=type]').val(dd[0].values);
  115. },
  116. };
  117. var ss=$('input[data-val=type]').mobiscroll(opt4);
  118. }
  119. //
  120. document.getElementById("btnSave").addEventListener("tap",function () {
  121. // mui.back();
  122. var params={};
  123. params.code=code;
  124. params.category=category;
  125. params.type_name=type_name;
  126. params.name=$("#d_name").val();
  127. params.sn=$("#d_sn").val();
  128. if(!params.name){
  129. alert("请输入设备名称");
  130. return ;
  131. }
  132. if(!params.sn){
  133. alert("请输入设备SN码");
  134. return ;
  135. }
  136. //
  137. sendPost("patient/device/modify",params, "json", "post", queryListFailed,function(res){
  138. if (res.status == 200) {
  139. // window.history.back(-1);
  140. // window.location.href="my-equipments.html";
  141. window.history.go(-2);
  142. // var befor_url="my-equipments.html";
  143. // var befor_url="equipment-detail.html";
  144. //拼接url参数
  145. // var _url=""+befor_url+"?code="+code+"&category="+category+"&type_name="+type_name+"&name="+name+"&sn="+sn+"";
  146. //字符串转码(中文)
  147. // var e_url = encodeURI(encodeURI(_url));
  148. // window.location.href=e_url;
  149. // setTimeout(function() {
  150. // mui.back();
  151. // }, 1000)
  152. }
  153. });
  154. });
  155. // });
  156. });
  157. </script>
  158. </body>
  159. </html>