SVM-quality-add.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>添加采购质检</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
  11. <link rel="stylesheet" href="../../../css/common/common.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
  13. </head>
  14. <body>
  15. <header id="header" class="mui-bar mui-bar-nav">
  16. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  17. <span class="back">返回</span>
  18. </a>
  19. <h1 class="mui-title">添加采购质检</h1>
  20. <a class="right ca_right">
  21. 确定
  22. </a>
  23. </header>
  24. <div class="mui-content">
  25. <div class="svm-details">
  26. <div class="svm-nav">
  27. <span></span>
  28. <span>基本信息</span>
  29. </div>
  30. <ul class="svm-con">
  31. <li>
  32. <span>采购单号</span>
  33. <span class="code"><input type="text" readonly="readonly" placeholder="请选择采购单号" /></span>
  34. </li>
  35. <li>
  36. <span>审批人</span>
  37. <span class="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
  38. </li>
  39. <li>
  40. <span>质检单号</span>
  41. <span class="name"><input type="text" /></span>
  42. </li>
  43. <li>
  44. <span>质检图片</span>
  45. <span class="img pro-img"><input type="text" readonly="readonly" placeholder="请选择质检图片" /></span>
  46. </li>
  47. <li>
  48. <span>备注</span>
  49. <span class="time"><input type="text" placeholder="请输入备注" /></span>
  50. </li>
  51. </ul>
  52. </div>
  53. </div>
  54. <script src="../../../libs/mui.min.js"></script>
  55. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  56. <script type="text/javascript">
  57. (function($, doc) {
  58. $.plusReady(function() {
  59. var str = plus.storage.getItem('user');
  60. var user = JSON.parse(str);
  61. var token = user.Data.Token;
  62. var moneyCode = "CGZJ" + Math.floor(Math.random() * 100000000);
  63. $('.name input')[0].value = moneyCode;
  64. //选择采购单号
  65. $('body').on('tap', '.code input', function() {
  66. //初始化popPicker组件
  67. var picker = new mui.PopPicker();
  68. //查询列表
  69. var postData = {
  70. "pageIndex": 1,
  71. "pageSize": 100,
  72. "exist": "-1", // 类型
  73. "exist_1": "-1", // 订单号
  74. }
  75. $.ajax("http://www.bosshand.cn/api/Customer/GetPurchasePageList", {
  76. headers: {
  77. authorization: token,
  78. ContentType: 'application/x-www-form-urlencoded',
  79. },
  80. type: "post",
  81. data: postData,
  82. dataType: 'json',
  83. success: function(data) {
  84. var data = data.Data.list;
  85. var html = [];
  86. for(var i = 0; i < data.length; i++) {
  87. html.push({
  88. text: data[i].PurchaseCode
  89. })
  90. };
  91. picker.setData(html);
  92. }
  93. });
  94. picker.show(function(selectItems) {
  95. $(".code input")[0].value = selectItems[0].text;
  96. });
  97. });
  98. //选择图片
  99. $('body').on('tap', '.img input', function() {
  100. galleryImgs();
  101. });
  102. //调用相册函数
  103. function galleryImgs() {
  104. // 从相册中选择图片
  105. mui.plusReady(function() {
  106. plus.gallery.pick(function(e) {
  107. var imghtml = '';
  108. imghtml += '<img class="imgs" src="' + e.files[0] + '">';
  109. mui('.img')[0].innerHTML = imghtml;
  110. }, function(e) {
  111. mui.toast("取消选择图片");
  112. }, {
  113. filter: "image",
  114. multiple: true,
  115. maximum: 1,
  116. system: false,
  117. onmaxed: function() {
  118. plus.nativeUI.alert('最多只能选择1张图片');
  119. }
  120. });
  121. })
  122. };
  123. //点击确定
  124. $('body').on('tap', '.ca_right', function() {
  125. if($(".code input")[0].value != '' && $(".name input")[0].value != '' && $(".time input")[0].value != '') {
  126. for(var i = 0; i < $('input').length; i++) {
  127. $('input')[i].blur();
  128. }
  129. plus.nativeUI.showWaiting("", {
  130. color: '#ffffff',
  131. background: 'rgba(0,0,0,0.5)',
  132. });
  133. updata();
  134. } else {
  135. mui.toast('请将信息填写完整')
  136. }
  137. });
  138. function updata() {
  139. var image = new Image();
  140. image.src = mui('.imgs')[0].src;
  141. var im = getBaseImage(image);
  142. var postDatas = {
  143. "": im
  144. }
  145. mui.ajax("http://www.bosshand.cn/api/Customer/Base64StringToImage", {
  146. data: postDatas,
  147. dataType: 'json',
  148. type: "post",
  149. headers: {
  150. authorization: token
  151. },
  152. success: function(resp) {
  153. if(resp.Code == 200) {
  154. var url = resp.Data;
  155. SaveInfo(url)
  156. }
  157. }
  158. });
  159. }
  160. //审批人列表
  161. $(doc.body).on('tap', '.approvalPson input', function() {
  162. $(this)[0].blur();
  163. //初始化popPicker组件
  164. var picker = new mui.PopPicker();
  165. //查询列表
  166. var postdata = {
  167. "": "-1"
  168. }
  169. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  170. headers: {
  171. authorization: token,
  172. ContentType: 'application/x-www-form-urlencoded',
  173. },
  174. type: "post",
  175. data: postdata,
  176. dataType: 'json',
  177. success: function(data) {
  178. var data = data.Data.list;
  179. var html = [];
  180. for(var i = 0; i < data.length; i++) {
  181. html.push({
  182. text: data[i].Name,
  183. code: data[i].Code
  184. })
  185. };
  186. picker.setData(html);
  187. }
  188. });
  189. picker.show(function(selectItems) {
  190. $(".approvalPson input")[0].value = selectItems[0].text;
  191. $(".approvalPson input")[0].id = selectItems[0].code;
  192. });
  193. });
  194. /**
  195. * 增加、修改保存
  196. */console.log($('.approvalPson input')[0].id)
  197. function SaveInfo(url) {
  198. //组织post数据
  199. var postData = {
  200. Code: '',
  201. FileImg: url,
  202. PurchaseCode: $(".code input")[0].value,
  203. QualityCode: $(".name input")[0].value,
  204. Remark: $(".time input")[0].value,
  205. ApprovalPson:$('.approvalPson input')[0].id,
  206. }
  207. $.ajax("http://www.bosshand.cn/api/Invoicing/AddUpdateQuality", {
  208. dataType: 'json',
  209. data: postData,
  210. type: "post",
  211. headers: {
  212. authorization: token
  213. },
  214. success: function(resp) {
  215. if(resp.Code == 200) {
  216. plus.nativeUI.closeWaiting();
  217. mui.toast('发布成功');
  218. var old_back = mui.back;
  219. mui.back = function() {
  220. var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-quality.html");
  221. wobj.reload(true);
  222. old_back();
  223. }
  224. mui.back();
  225. };
  226. }
  227. });
  228. };
  229. //图片转换为base64函数
  230. function getBaseImage(img) {
  231. var canvas = document.createElement("canvas");
  232. var width = img.width;
  233. var height = img.height;
  234. canvas.width = width; /*设置新的图片的宽度*/
  235. canvas.height = height; /*设置新的图片的长度*/
  236. var ctx = canvas.getContext("2d");
  237. ctx.drawImage(img, 0, 0, width, height); /*绘图*/
  238. var dataURL = canvas.toDataURL("image/png", 0.8);
  239. return dataURL.replace("data:image/png;base64,", "");
  240. }
  241. });
  242. })(mui, document)
  243. </script>
  244. </body>
  245. </html>