flow-t-details.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="../../../libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>
  6. <title>退货流程详情</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.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. <link rel="stylesheet" type="text/css" href="../../../css/index/index-flow/flow-details.css" />
  14. </head>
  15. <body>
  16. <header id="header" class="mui-bar mui-bar-nav">
  17. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  18. <span class="back">返回</span>
  19. </a>
  20. <h1 class="mui-title">退货流程详情</h1>
  21. </header>
  22. <div class="mui-content">
  23. <div class="svm-details">
  24. <div class="flow">
  25. <div class="svm-nav">
  26. <span></span>
  27. <span>退货流程</span>
  28. <span class="flow-rights"><i></i><a class="ReturnCode"></a></span>
  29. </div>
  30. <div class="flow-con">
  31. <div class="flow-con-box">
  32. <div class="flow-con-nav">
  33. <div class="green"></div>
  34. <div class="flow-r">
  35. <div class="flow-r-nav">
  36. <span>退货单</span>
  37. <span></span>
  38. </div>
  39. <div class="flow-r-con">
  40. <div>
  41. <div class="flow-r-z">
  42. <span></span>
  43. <span>发起人:</span>
  44. <span class="CreateUser"></span>
  45. </div>
  46. <div class="flow-r-z">
  47. <span></span>
  48. <span>发起时间:</span>
  49. <span class="UpdateTime"></span>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="flow-r-icon"></div>
  54. </div>
  55. </div>
  56. <div class="flow-con-con">
  57. </div>
  58. </div>
  59. <div class="flow-con-box">
  60. <div class="flow-con-nav">
  61. <div class="bl"></div>
  62. <div class="flow-r">
  63. <div class="flow-r-nav">
  64. <span>退货审核</span>
  65. <span></span>
  66. </div>
  67. <div class="flow-r-con">
  68. <div>
  69. <div class="flow-r-z">
  70. <span></span>
  71. <span>发起人:</span>
  72. <span class="CreateUser"></span>
  73. </div>
  74. <div class="flow-r-z">
  75. <span></span>
  76. <span>发起时间:</span>
  77. <span class="UpdateTime"></span>
  78. </div>
  79. </div>
  80. <div>
  81. <div class="flow-r-z">
  82. <span></span>
  83. <span>审批人:</span>
  84. <span></span>
  85. </div>
  86. <div class="flow-r-z">
  87. <span></span>
  88. <span>审批时间:</span>
  89. <span></span>
  90. </div>
  91. </div>
  92. </div>
  93. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  94. <div class="flow-r-icons ApprovalStatus">
  95. </div>
  96. </div>
  97. </div>
  98. <div class="flow-con-con">
  99. </div>
  100. </div>
  101. <div class="flow-con-box">
  102. <div class="flow-con-nav">
  103. <div class="ye"></div>
  104. <div class="flow-r">
  105. <div class="flow-r-nav">
  106. <span>退货存档</span>
  107. <span></span>
  108. </div>
  109. <div class="flow-r-con">
  110. <div>
  111. <div class="flow-r-z">
  112. <span></span>
  113. <span>存档人:</span>
  114. <span class="CreateUser"></span>
  115. </div>
  116. <div class="flow-r-z">
  117. <span></span>
  118. <span>存档时间:</span>
  119. <span class="UpdateTime"></span>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="flow-r-icons OrderStatus">
  124. </div>
  125. </div>
  126. </div>
  127. <div class="flow-con-con">
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="bg">
  134. <div class="img">
  135. </div>
  136. <div class="close">
  137. <p></p>
  138. <p></p>
  139. </div>
  140. </div>
  141. </div>
  142. <script src="../../../libs/mui.min.js"></script>
  143. <script type="text/javascript">
  144. (function($, doc) {
  145. $.plusReady(function() {
  146. var str = plus.storage.getItem('user');
  147. var user = JSON.parse(str);
  148. var token = user.Data.Token;
  149. var self = plus.webview.currentWebview();
  150. var exist = self.exist;
  151. var type = self.type;
  152. $('.ReturnCode')[0].innerHTML = exist
  153. GetdataList(exist);
  154. function GetdataList(exist_1) {
  155. // var postData = {
  156. // "pageIndex": 1,
  157. // "pageSize": 100,
  158. // "exist": exist,
  159. // "exist_1": type,
  160. // }
  161. var postData = {
  162. "pageIndex": 1,
  163. "pageSize": 3,
  164. "exist": exist,
  165. "exist_1": type,
  166. }
  167. $.ajax('http://www.bosshand.cn/api/Invoicing/GetRetrnProcessList', {
  168. data: postData,
  169. type: 'post',
  170. dataType: 'json',
  171. timeout: 1000,
  172. headers: {
  173. 'Content-Type': 'application/x-www-form-urlencoded',
  174. authorization: token
  175. },
  176. success: function(resp) {
  177. if(resp.Code == 200) {
  178. if(resp.Data.list.length > 0) {
  179. var x = resp.Data.list[0];
  180. $('.CreateUser')[0].innerHTML = x.CreateUser;
  181. $('.UpdateTime')[0].innerHTML = getLocalDate(x.CreateTime);
  182. $('.CreateUser')[1].innerHTML = x.CreateUser;
  183. $('.UpdateTime')[1].innerHTML = getLocalDate(x.CreateTime);
  184. if(x.DepositUser != null) {
  185. $('.CreateUser')[2].innerHTML = x.DepositUser;
  186. } else {
  187. $('.CreateUser')[2].innerHTML = '暂无操作';
  188. }
  189. if(getLocalDate(x.DepositTime) != "0001-01-01") {
  190. $('.UpdateTime')[2].innerHTML = getLocalDate(x.DepositTime);
  191. }
  192. for(var i = 0; i < $('.CreateUser').length; i++) {
  193. $('.CreateUser')[i].innerHTML = x.CreateUser;
  194. $('.UpdateTime')[i].innerHTML = getLocalDate(x.CreateTime);
  195. }
  196. //退货审批
  197. if(x.ApprovalStatus == 0) {
  198. $('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>'
  199. } else if(x.ApprovalStatus == 1) {
  200. $('.ApprovalStatus')[0].classList.add('flow-r-icon');
  201. } else if(x.ApprovalStatus == 2) {
  202. $('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
  203. }
  204. //退货存档
  205. if(x.OrderStatus == 0) {
  206. $('.OrderStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  207. } else if(x.OrderStatus == 1) {
  208. $('.OrderStatus')[0].classList.add('flow-r-icon');
  209. }
  210. };
  211. for(var i = 0; i < 8; i++) {
  212. if(i == 0) {
  213. GetModelByRetrnCodes(i + 1, x.ReturnCode);
  214. }
  215. };
  216. };
  217. }
  218. });
  219. };
  220. //销售订单查询
  221. function Getdata(exist) {
  222. var postData = {
  223. "pageIndex": 1,
  224. "pageSize": 100,
  225. "exist": exist, // 模版名称
  226. "exist_1": type, // 模版名称
  227. }
  228. $.ajax('http://www.bosshand.cn/api/Invoicing/GetRetrnOrderPageList', {
  229. data: postData,
  230. type: 'post',
  231. dataType: 'json',
  232. timeout: 1000,
  233. headers: {
  234. 'Content-Type': 'application/x-www-form-urlencoded',
  235. authorization: token
  236. },
  237. success: function(resp) {
  238. var data = resp.Data.list;
  239. $('.CreateUser')[0].innerHTML = data[0].CreateUser;
  240. $('.UpdateTime')[0].innerHTML = getLocalDate(data[0].UpdateTime);
  241. }
  242. });
  243. };
  244. $(doc.body).on('tap', '.flow-con-nav', function() {
  245. if($(this)[0] != $('.flow-con-nav')[0]) {
  246. if($(this)[0].parentNode.childNodes[3].style.display == 'none' || $(this)[0].parentNode.childNodes[3].style.display == '') {
  247. $(this)[0].parentNode.childNodes[3].style.display = 'block';
  248. } else {
  249. $(this)[0].parentNode.childNodes[3].style.display = 'none';
  250. }
  251. }
  252. });
  253. $(doc.body).on('tap', '.open', function() {
  254. var exist = $(this)[0].id;
  255. $('.bg .img')[0].innerHTML = '<img src="http://www.bosshand.cn/' + exist + '"/>';
  256. $('.bg')[0].style.display = 'block';
  257. });
  258. $(doc.body).on('tap', '.close', function() {
  259. $('.bg')[0].style.display = 'none';
  260. });
  261. //
  262. /**
  263. * 获取流程信息
  264. */
  265. //
  266. function GetModelByRetrnCodes(type, code) {
  267. //组织post数据
  268. var postData = {
  269. "RetrnCode": code,
  270. "Type": type
  271. }
  272. $.ajax("http://www.bosshand.cn/api/Invoicing/GetModelByRetrnCode", {
  273. data: postData,
  274. type: 'post',
  275. dataType: 'json',
  276. timeout: 1000,
  277. headers: {
  278. 'Content-Type': 'application/x-www-form-urlencoded',
  279. authorization: token
  280. },
  281. success: function(resp) {
  282. if(resp.Code == 200) {
  283. var createUser = resp.Data.CreateUser;
  284. var createTime = getLocalDate(resp.Data.CreateTime);
  285. var Remark;
  286. var Enclosure
  287. var contacts;
  288. var creatDate;
  289. if(resp.Data != null) {
  290. contacts = resp.Data.Contacts;
  291. creatDate = getLocalDate(resp.Data.UpdateTime)
  292. Remark = resp.Data.Remark;
  293. Enclosure = resp.Data.Enclosure;
  294. if(contacts == "" || contacts == null) {
  295. contacts = "无";
  296. };
  297. if(creatDate == '0001-01-01') {
  298. creatDate = ' ';
  299. }
  300. if(Remark == '' || Remark == null) {
  301. Remark = '无';
  302. }
  303. if(Enclosure == '' || Enclosure == null) {
  304. Enclosure = '无';
  305. }
  306. } else {
  307. contacts = '暂无操作';
  308. creatDate = '';
  309. Remark = '无';
  310. Enclosure = '无';
  311. }
  312. if(type == 1) {
  313. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  314. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  315. var html = '';
  316. html += '<div class="flow-con-approve">'
  317. html += '<div>'
  318. html += '<span>审批人:</span>'
  319. html += '<span>' + contacts + '</span>'
  320. html += '</div>'
  321. html += '<div>'
  322. html += '<span>审批意见:</span>'
  323. html += '<span>' + Remark + '</span>'
  324. html += '</div>'
  325. html += '<div class="file">'
  326. html += '<span>附件:</span>'
  327. if(Enclosure != '无' && Enclosure != null) {
  328. var strs = new Array(); //定义一数组
  329. strs = Enclosure.split(","); //字符分割
  330. for(var i = 0; i < strs.length; i++) {
  331. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  332. }
  333. } else {
  334. html += '<span>' + Enclosure + '</span>'
  335. }
  336. html += '</div>'
  337. html += '<div class="flow-apr-icon"></div>'
  338. html += '</div>'
  339. $('.flow-con-box')[type].childNodes[3].innerHTML = html
  340. }
  341. }
  342. }
  343. });
  344. };
  345. function getLocalDate(now) {
  346. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  347. var arr = date.split(' ');
  348. //日期
  349. var arrDate = arr[0].split('-');
  350. //时间
  351. var arrTime = arr[1].split(':');
  352. return arrDate[0] + '-' + arrDate[1] + '-' + arrDate[2];
  353. };
  354. });
  355. })(mui, document)
  356. </script>
  357. </body>
  358. </html>