flow-c-details.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695
  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="PurchaseCode"></a></span>
  29. </div>
  30. <div class="flow-con">
  31. <div class="flow-con-box">
  32. <div class="flow-con-nav">
  33. <div class="gr"></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>
  57. <div class="flow-con-box">
  58. <div class="flow-con-nav">
  59. <div class="or"></div>
  60. <div class="flow-r">
  61. <div class="flow-r-nav">
  62. <span>采购审批</span>
  63. <span></span>
  64. </div>
  65. <div class="flow-r-con">
  66. <div>
  67. <div class="flow-r-z">
  68. <span></span>
  69. <span>发起人:</span>
  70. <span class="CreateUser"></span>
  71. </div>
  72. <div class="flow-r-z">
  73. <span></span>
  74. <span>发起时间:</span>
  75. <span class="UpdateTime"></span>
  76. </div>
  77. </div>
  78. <div id="PurchaseApproval">
  79. <div class="flow-r-z">
  80. <span></span>
  81. <span>审批人:</span>
  82. <span></span>
  83. </div>
  84. <div class="flow-r-z">
  85. <span></span>
  86. <span>审批时间:</span>
  87. <span></span>
  88. </div>
  89. </div>
  90. </div>
  91. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  92. <div class="flow-r-icons ApprovalStatus">
  93. </div>
  94. </div>
  95. </div>
  96. <div class="flow-con-con">
  97. </div>
  98. </div>
  99. <div class="flow-con-box">
  100. <div class="flow-con-nav">
  101. <div class="bl"></div>
  102. <div class="flow-r">
  103. <div class="flow-r-nav">
  104. <span>采购合同</span>
  105. <span></span>
  106. </div>
  107. <div class="flow-r-con">
  108. <div>
  109. <div class="flow-r-z">
  110. <span></span>
  111. <span>发起人:</span>
  112. <span class="CreateUser"></span>
  113. </div>
  114. <div class="flow-r-z">
  115. <span></span>
  116. <span>发起时间:</span>
  117. <span class="UpdateTime"></span>
  118. </div>
  119. </div>
  120. <div>
  121. <div class="flow-r-z">
  122. <span></span>
  123. <span>审批人:</span>
  124. <span></span>
  125. </div>
  126. <div class="flow-r-z">
  127. <span></span>
  128. <span>审批时间:</span>
  129. <span></span>
  130. </div>
  131. </div>
  132. </div>
  133. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  134. <div class="flow-r-icons ContractApproval">
  135. </div>
  136. </div>
  137. </div>
  138. <div class="flow-con-con">
  139. </div>
  140. </div>
  141. <div class="flow-con-box">
  142. <div class="flow-con-nav">
  143. <div class="ye"></div>
  144. <div class="flow-r">
  145. <div class="flow-r-nav">
  146. <span>质量验收</span>
  147. <span></span>
  148. </div>
  149. <div class="flow-r-con">
  150. <div>
  151. <div class="flow-r-z">
  152. <span></span>
  153. <span>发起人:</span>
  154. <span class="CreateUser"></span>
  155. </div>
  156. <div class="flow-r-z">
  157. <span></span>
  158. <span>发起时间:</span>
  159. <span class="UpdateTime"></span>
  160. </div>
  161. </div>
  162. <div>
  163. <div class="flow-r-z">
  164. <span></span>
  165. <span>审批人:</span>
  166. <span></span>
  167. </div>
  168. <div class="flow-r-z">
  169. <span></span>
  170. <span>审批时间:</span>
  171. <span></span>
  172. </div>
  173. </div>
  174. </div>
  175. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  176. <div class="flow-r-icons QualityStatus">
  177. </div>
  178. </div>
  179. </div>
  180. <div class="flow-con-con">
  181. </div>
  182. </div>
  183. <div class="flow-con-box">
  184. <div class="flow-con-nav">
  185. <div class="zi"></div>
  186. <div class="flow-r">
  187. <div class="flow-r-nav">
  188. <span>采购入库</span>
  189. <span></span>
  190. </div>
  191. <div class="flow-r-con">
  192. <div>
  193. <div class="flow-r-z">
  194. <span></span>
  195. <span>发起人:</span>
  196. <span class="CreateUser"></span>
  197. </div>
  198. <div class="flow-r-z">
  199. <span></span>
  200. <span>发起时间:</span>
  201. <span class="UpdateTime"></span>
  202. </div>
  203. </div>
  204. <div>
  205. <div class="flow-r-z">
  206. <span></span>
  207. <span>审批人:</span>
  208. <span></span>
  209. </div>
  210. <div class="flow-r-z">
  211. <span></span>
  212. <span>审批时间:</span>
  213. <span></span>
  214. </div>
  215. </div>
  216. </div>
  217. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  218. <div class="flow-r-icons StorageStatus">
  219. </div>
  220. </div>
  221. </div>
  222. <div class="flow-con-con">
  223. </div>
  224. </div>
  225. <div class="flow-con-box">
  226. <div class="flow-con-nav">
  227. <div class="red"></div>
  228. <div class="flow-r">
  229. <div class="flow-r-nav">
  230. <span>采购付款</span>
  231. <span></span>
  232. </div>
  233. <div class="flow-r-con">
  234. <div>
  235. <div class="flow-r-z">
  236. <span></span>
  237. <span>发起人:</span>
  238. <span class="CreateUser"></span>
  239. </div>
  240. <div class="flow-r-z">
  241. <span></span>
  242. <span>发起时间:</span>
  243. <span class="UpdateTime"></span>
  244. </div>
  245. </div>
  246. <div>
  247. <div class="flow-r-z">
  248. <span></span>
  249. <span>审批人:</span>
  250. <span></span>
  251. </div>
  252. <div class="flow-r-z">
  253. <span></span>
  254. <span>审批时间:</span>
  255. <span></span>
  256. </div>
  257. </div>
  258. </div>
  259. <div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
  260. <div class="flow-r-icons PaymentStatus">
  261. </div>
  262. </div>
  263. </div>
  264. <div class="flow-con-con">
  265. </div>
  266. </div>
  267. <div class="flow-con-box">
  268. <div class="flow-con-nav">
  269. <div class="gree"></div>
  270. <div class="flow-r">
  271. <div class="flow-r-nav">
  272. <span>采购存档</span>
  273. <span></span>
  274. </div>
  275. <div class="flow-r-con">
  276. <div>
  277. </div>
  278. <div>
  279. <div class="flow-r-z">
  280. <span></span>
  281. <span>存档人:</span>
  282. <span class="CreateUser"></span>
  283. </div>
  284. <div class="flow-r-z">
  285. <span></span>
  286. <span>存档时间:</span>
  287. <span class="UpdateTime"></span>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="flow-r-icons OrderStatus">
  292. </div>
  293. </div>
  294. </div>
  295. <div class="flow-con-con">
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. <div class="bg">
  302. <div class="img">
  303. </div>
  304. <div class="close">
  305. <span class="mui-icon mui-icon-closeempty"></span>
  306. </div>
  307. </div>
  308. </div>
  309. <script src="../../../libs/mui.min.js"></script>
  310. <script type="text/javascript">
  311. (function($, doc) {
  312. $.plusReady(function() {
  313. var str = plus.storage.getItem('user');
  314. var user = JSON.parse(str);
  315. var token = user.Data.Token;
  316. var self = plus.webview.currentWebview();
  317. var exist = self.exist;
  318. $('.PurchaseCode')[0].innerHTML = exist;
  319. GetdataList(exist);
  320. //采购流程
  321. function GetdataList(exist_1) {
  322. var postData = {
  323. "pageIndex": 1,
  324. "pageSize": 3,
  325. "exist": exist,
  326. }
  327. $.ajax('http://www.bosshand.cn/api/Customer/GetPurchaseProcess', {
  328. data: postData,
  329. type: 'post',
  330. dataType: 'json',
  331. timeout: 1000,
  332. headers: {
  333. 'Content-Type': 'application/x-www-form-urlencoded',
  334. authorization: token
  335. },
  336. success: function(resp) {
  337. if(resp.Code == 200) {
  338. if(resp.Data.list.length > 0) {
  339. var x = resp.Data.list[0];
  340. $('.CreateUser')[0].innerHTML = x.CreateUser;
  341. $('.UpdateTime')[0].innerHTML = getLocalDate(x.CreateTime);
  342. $('.CreateUser')[1].innerHTML = x.CreateUser;
  343. console.log(x.CreateUser)
  344. $('.UpdateTime')[1].innerHTML = getLocalDate(x.CreateTime);
  345. if(x.ContractUser != null) {
  346. $('.CreateUser')[2].innerHTML = x.ContractUser;
  347. } else {
  348. $('.CreateUser')[2].innerHTML = '暂无操作';
  349. }
  350. if(getLocalDate(x.ContractTime) != "0001-01-01") {
  351. $('.UpdateTime')[2].innerHTML = getLocalDate(x.ContractTime);
  352. }
  353. if(x.QualityUser != null) {
  354. $('.CreateUser')[3].innerHTML = x.QualityUser;
  355. } else {
  356. $('.CreateUser')[3].innerHTML = '暂无操作';
  357. }
  358. if(getLocalDate(x.QualityTime) != "0001-01-01") {
  359. $('.UpdateTime')[3].innerHTML = getLocalDate(x.QualityTime);
  360. }
  361. if(x.StorageUser != null) {
  362. $('.CreateUser')[4].innerHTML = x.StorageUser;
  363. } else {
  364. $('.CreateUser')[4].innerHTML = '暂无操作';
  365. }
  366. if(getLocalDate(x.StorageTime) != "0001-01-01") {
  367. $('.UpdateTime')[4].innerHTML = getLocalDate(x.StorageTime);
  368. }
  369. if(x.PaymentUser != null) {
  370. $('.CreateUser')[5].innerHTML = x.PaymentUser;
  371. } else {
  372. $('.CreateUser')[5].innerHTML = '暂无操作';
  373. }
  374. if(getLocalDate(x.PaymentTime) != "0001-01-01") {
  375. $('.UpdateTime')[5].innerHTML = getLocalDate(x.PaymentTime);
  376. }
  377. if(x.DepositUser != null) {
  378. $('.CreateUser')[6].innerHTML = x.DepositUser;
  379. } else {
  380. $('.CreateUser')[6].innerHTML = '暂无操作';
  381. }
  382. if(getLocalDate(x.DepositTime) != "0001-01-01") {
  383. $('.UpdateTime')[6].innerHTML = getLocalDate(x.DepositTime);
  384. }
  385. if(x.ApprovalStatus == 0) {
  386. $('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>'
  387. } else if(x.ApprovalStatus == 1) {
  388. $('.ApprovalStatus')[0].classList.add('flow-r-icon');
  389. } else if(x.ApprovalStatus == 2) {
  390. $('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
  391. }
  392. if(x.ContractApproval == 3) {
  393. $('.ContractApproval')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  394. } else if(x.ContractApproval == 1) {
  395. $('.ContractApproval')[0].classList.add('flow-r-icon');
  396. } else if(x.ContractApproval == 2) {
  397. $('.ContractApproval')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
  398. } else {
  399. $('.ContractApproval')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>'
  400. }
  401. //质量验收
  402. if(x.QualityApproval == 3) {
  403. $('.QualityStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  404. } else if(x.QualityApproval == 1) {
  405. $('.QualityStatus')[0].classList.add('flow-r-icon');
  406. } else if(x.QualityApproval == 2) {
  407. $('.QualityStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>';
  408. } else {
  409. $('.QualityStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>';
  410. }
  411. //采购入库
  412. if(x.StorageApproval == 3) {
  413. $('.StorageStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  414. } else if(x.StorageApproval == 1) {
  415. $('.StorageStatus')[0].classList.add('flow-r-icon');
  416. } else if(x.StorageApproval == 2) {
  417. $('.StorageStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>';
  418. } else {
  419. $('.StorageStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>';
  420. }
  421. //采购付款
  422. if(x.PaymentApproval == 3) {
  423. $('.PaymentStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  424. } else if(x.PaymentApproval == 1) {
  425. $('.PaymentStatus')[0].classList.add('flow-r-icon');
  426. } else if(x.PaymentApproval == 2) {
  427. $('.PaymentStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>';
  428. } else {
  429. $('.PaymentStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>';
  430. }
  431. //采购存档
  432. if(x.OrderStatus == 0) {
  433. $('.OrderStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
  434. } else if(x.OrderStatus == 1) {
  435. $('.OrderStatus')[0].classList.add('flow-r-icon');
  436. }
  437. for(var i = 0; i < 8; i++) {
  438. if(i == 0 || i == 1 || i == 3 || i == 4 || i == 6) {
  439. GetModelByPurchaseCode(i + 1, x.PurchaseCode);
  440. }
  441. }
  442. };
  443. }
  444. }
  445. });
  446. };
  447. /**
  448. * 获取流程信息
  449. */
  450. //
  451. function GetModelByPurchaseCode(type, code) {
  452. //组织post数据
  453. var postData = {
  454. "PurchaseCode": code,
  455. "Type": type
  456. }
  457. $.ajax("http://www.bosshand.cn/api/Customer/GetPurchaseModelByPurchaseCode", {
  458. data: postData,
  459. type: 'post',
  460. dataType: 'json',
  461. timeout: 1000,
  462. headers: {
  463. 'Content-Type': 'application/x-www-form-urlencoded',
  464. authorization: token
  465. },
  466. success: function(resp) {
  467. if(resp.Code == 200) {
  468. var Remark;
  469. var Enclosure
  470. var contacts;
  471. var creatDate;
  472. if(resp.Data != null) {
  473. contacts = resp.Data.Contacts;
  474. creatDate = getLocalDate(resp.Data.UpdateTime)
  475. Remark = resp.Data.Remark;
  476. Enclosure = resp.Data.Enclosure;
  477. if(contacts == "" || contacts == null) {
  478. contacts = "无";
  479. };
  480. if(creatDate == '0001-01-01') {
  481. creatDate = ' ';
  482. }
  483. if(Remark == '' || Remark == null) {
  484. Remark = '无';
  485. }
  486. if(Enclosure == '' || Enclosure == null) {
  487. Enclosure = '无';
  488. }
  489. } else {
  490. contacts = '暂无操作';
  491. creatDate = '无';
  492. Remark = '无';
  493. Enclosure = '无';
  494. }
  495. if(type == 1) {
  496. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  497. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  498. var html = '';
  499. html += '<div class="flow-con-approve">'
  500. html += '<div>'
  501. html += '<span>审批人:</span>'
  502. html += '<span>' + contacts + '</span>'
  503. html += '</div>'
  504. html += '<div>'
  505. html += '<span>审批意见:</span>'
  506. html += '<span>' + Remark + '</span>'
  507. html += '</div>'
  508. html += '<div class="file">'
  509. html += '<span>附件:</span>'
  510. if(Enclosure != '无' && Enclosure != null) {
  511. var strs = new Array(); //定义一数组
  512. strs = Enclosure.split(","); //字符分割
  513. for(var i = 0; i < strs.length; i++) {
  514. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  515. }
  516. } else {
  517. html += '<span>' + Enclosure + '</span>'
  518. }
  519. html += '</div>'
  520. html += '<div class="flow-apr-icon"></div>'
  521. html += '</div>'
  522. $('.flow-con-box')[type].childNodes[3].innerHTML = html
  523. } else if(type == 4) {
  524. $('.flow-con-box')[type - 1].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  525. $('.flow-con-box')[type - 1].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  526. var html = '';
  527. html += '<div class="flow-con-approve">'
  528. html += '<div>'
  529. html += '<span>审批人:</span>'
  530. html += '<span>' + contacts + '</span>'
  531. html += '</div>'
  532. html += '<div>'
  533. html += '<span>审批意见:</span>'
  534. html += '<span>' + Remark + '</span>'
  535. html += '</div>'
  536. html += '<div class="file">'
  537. html += '<span>附件:</span>'
  538. if(Enclosure != '无' && Enclosure != null) {
  539. var strs = new Array(); //定义一数组
  540. strs = Enclosure.split(","); //字符分割
  541. for(var i = 0; i < strs.length; i++) {
  542. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  543. }
  544. } else {
  545. html += '<span>' + Enclosure + '</span>'
  546. }
  547. html += '</div>'
  548. html += '<div class="flow-apr-icon"></div>'
  549. html += '</div>'
  550. $('.flow-con-box')[type - 1].childNodes[3].innerHTML = html
  551. } else if(type == 2) {
  552. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  553. $('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  554. var html = '';
  555. html += '<div class="flow-con-approve">'
  556. html += '<div>'
  557. html += '<span>审批人:</span>'
  558. html += '<span>' + contacts + '</span>'
  559. html += '</div>'
  560. html += '<div>'
  561. html += '<span>审批意见:</span>'
  562. html += '<span>' + Remark + '</span>'
  563. html += '</div>'
  564. html += '<div class="file">'
  565. html += '<span>附件:</span>'
  566. if(Enclosure != '无' && Enclosure != null) {
  567. var strs = new Array(); //定义一数组
  568. strs = Enclosure.split(","); //字符分割
  569. for(var i = 0; i < strs.length; i++) {
  570. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  571. }
  572. } else {
  573. html += '<span>' + Enclosure + '</span>'
  574. }
  575. html += '</div>'
  576. html += '<div class="flow-apr-icon"></div>'
  577. html += '</div>'
  578. $('.flow-con-box')[type].childNodes[3].innerHTML = html
  579. } else if(type == 7) {
  580. $('.flow-con-box')[type - 2].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  581. $('.flow-con-box')[type - 2].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  582. var html = '';
  583. html += '<div class="flow-con-approve">'
  584. html += '<div>'
  585. html += '<span>审批人:</span>'
  586. html += '<span>' + contacts + '</span>'
  587. html += '</div>'
  588. html += '<div>'
  589. html += '<span>审批意见:</span>'
  590. html += '<span>' + Remark + '</span>'
  591. html += '</div>'
  592. html += '<div class="file">'
  593. html += '<span>附件:</span>'
  594. if(Enclosure != '无' && Enclosure != null) {
  595. var strs = new Array(); //定义一数组
  596. strs = Enclosure.split(","); //字符分割
  597. for(var i = 0; i < strs.length; i++) {
  598. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  599. }
  600. } else {
  601. html += '<span>' + Enclosure + '</span>'
  602. }
  603. html += '</div>'
  604. html += '<div class="flow-apr-icon"></div>'
  605. html += '</div>'
  606. $('.flow-con-box')[type - 2].childNodes[3].innerHTML = html
  607. } else if(type == 5) {
  608. $('.flow-con-box')[type - 1].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
  609. $('.flow-con-box')[type - 1].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
  610. var html = '';
  611. html += '<div class="flow-con-approve">'
  612. html += '<div>'
  613. html += '<span>审批人:</span>'
  614. html += '<span>' + contacts + '</span>'
  615. html += '</div>'
  616. html += '<div>'
  617. html += '<span>审批意见:</span>'
  618. html += '<span>' + Remark + '</span>'
  619. html += '</div>'
  620. html += '<div class="file">'
  621. html += '<span>附件:</span>'
  622. if(Enclosure != '无' && Enclosure != null) {
  623. var strs = new Array(); //定义一数组
  624. strs = Enclosure.split(","); //字符分割
  625. for(var i = 0; i < strs.length; i++) {
  626. html += '<span id="' + strs[i] + '" class="open">查看</span>';
  627. }
  628. } else {
  629. html += '<span>' + Enclosure + '</span>'
  630. }
  631. html += '</div>'
  632. html += '<div class="flow-apr-icon"></div>'
  633. html += '</div>'
  634. $('.flow-con-box')[type - 1].childNodes[3].innerHTML = html
  635. }
  636. }
  637. }
  638. });
  639. };
  640. $(doc.body).on('tap', '.flow-con-nav', function() {
  641. if($(this)[0] != $('.flow-con-nav')[0]) {
  642. if($(this)[0].parentNode.childNodes[3].style.display == 'none' || $(this)[0].parentNode.childNodes[3].style.display == '') {
  643. $(this)[0].parentNode.childNodes[3].style.display = 'block';
  644. } else {
  645. $(this)[0].parentNode.childNodes[3].style.display = 'none';
  646. }
  647. }
  648. });
  649. $(doc.body).on('tap', '.open', function() {
  650. var exist = $(this)[0].id;
  651. $('.bg .img')[0].innerHTML = '<img src="http://www.bosshand.cn/' + exist + '"/>';
  652. $('.bg')[0].style.display = 'block';
  653. });
  654. $(doc.body).on('tap', '.close', function() {
  655. $('.bg')[0].style.display = 'none';
  656. });
  657. function getLocalDate(now) {
  658. var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
  659. var arr = date.split(' ');
  660. //日期
  661. var arrDate = arr[0].split('-');
  662. //时间
  663. var arrTime = arr[1].split(':');
  664. return arrDate[0] + '-' + arrDate[1] + '-' + arrDate[2];
  665. };
  666. })
  667. })(mui, document)
  668. </script>
  669. </body>
  670. </html>