pro_order_details.html 44 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>订单审批</title>
  9. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/mui.min.css?v=2016101701" />
  10. <link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/iconfont.css?v=2016101701" />
  11. <link rel="stylesheet" type="text/css" href="css/style.css" />
  12. <style>
  13. html,body {
  14. background-color: #fff;
  15. }
  16. .mui-views,
  17. .mui-view,
  18. .mui-pages,
  19. .mui-page,
  20. .mui-page-content {
  21. position: absolute;
  22. left: 0;
  23. right: 0;
  24. top: 0;
  25. bottom: 0;
  26. width: 100%;
  27. height: 100%;
  28. background-color: #efeff4;
  29. }
  30. .mui-pages {
  31. top: 0;
  32. height: auto;
  33. }
  34. .mui-scroll-wrapper,
  35. .mui-scroll {
  36. background-color: #fff;
  37. }
  38. .mui-page.mui-transitioning {
  39. -webkit-transition: -webkit-transform 300ms ease;
  40. transition: transform 300ms ease;
  41. }
  42. .mui-page-left {
  43. -webkit-transform: translate3d(0, 0, 0);
  44. transform: translate3d(0, 0, 0);
  45. }
  46. .mui-ios .mui-page-left {
  47. -webkit-transform: translate3d(-20%, 0, 0);
  48. transform: translate3d(-20%, 0, 0);
  49. }
  50. .mui-navbar {
  51. position: fixed;
  52. right: 0;
  53. left: 0;
  54. z-index: 10;
  55. height: 44px;
  56. background-color: #f7f7f8;
  57. }
  58. .mui-navbar .mui-bar {
  59. position: absolute;
  60. background: transparent;
  61. text-align: center;
  62. }
  63. .mui-android .mui-navbar-inner.mui-navbar-left {
  64. opacity: 0;
  65. }
  66. .mui-ios .mui-navbar-left .mui-left,
  67. .mui-ios .mui-navbar-left .mui-center,
  68. .mui-ios .mui-navbar-left .mui-right {
  69. opacity: 0;
  70. }
  71. .mui-navbar .mui-btn-nav {
  72. -webkit-transition: none;
  73. transition: none;
  74. -webkit-transition-duration: .0s;
  75. transition-duration: .0s;
  76. }
  77. .mui-navbar .mui-bar .mui-title {
  78. display: inline-block;
  79. width: auto;
  80. }
  81. .mui-page-shadow {
  82. position: absolute;
  83. right: 100%;
  84. top: 0;
  85. width: 16px;
  86. height: 100%;
  87. z-index: -1;
  88. content: '';
  89. }
  90. .mui-page-shadow {
  91. background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
  92. background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
  93. }
  94. .mui-navbar-inner.mui-transitioning,
  95. .mui-navbar-inner .mui-transitioning {
  96. -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
  97. transition: opacity 300ms ease, transform 300ms ease;
  98. }
  99. .mui-page {
  100. display: none;
  101. }
  102. .mui-pages .mui-page {
  103. display: block;
  104. }
  105. .mui-table-view span.mui-pull-right {
  106. color: #999;
  107. }
  108. .mui-table-view-divider {
  109. background-color: #efeff4;
  110. font-size: 14px;
  111. }
  112. .mui-table-view-divider:before,
  113. .mui-table-view-divider:after {
  114. height: 0;
  115. }
  116. .head {
  117. height: 40px;
  118. }
  119. #head {
  120. line-height: 40px;
  121. }
  122. .head-img {
  123. width: 40px;
  124. height: 40px;
  125. }
  126. #head-img1 {
  127. position: absolute;
  128. bottom: 10px;
  129. right: 40px;
  130. width: 40px;
  131. height: 40px;
  132. }
  133. .update {
  134. font-style: normal;
  135. color: #999999;
  136. margin-right: -25px;
  137. font-size: 15px
  138. }
  139. .mui-fullscreen {
  140. position: fixed;
  141. z-index: 20;
  142. background-color: #000;
  143. }
  144. .mui-ios .mui-navbar .mui-bar .mui-title {
  145. position: static;
  146. }
  147. .mui-content{padding-bottom: 60px;background-color: #fff;}
  148. ul{list-style: none;margin: 0;padding: 0;}
  149. #pro-menu{top: 0;border: 0; border-bottom: 1px solid rgba(0,0,0,.1);border-radius: 0;padding:0;}
  150. #pro-menu .mui-control-item{color: #333;border-left: 0;position: relative;height: 44px;line-height: 44px;font-size: 16px;}
  151. #pro-menu .mui-control-item:after{content: '';position: absolute;left: 0; width:100%;height: 1px;background-color: transparent;bottom: 0;}
  152. #pro-menu .mui-control-item:first-child{border-left-width: 0px;}
  153. /*#pro-menu .mui-control-item:last-child:after{width: 4em;}*/
  154. #pro-menu .mui-control-item.mui-active{background-color: #fff;}
  155. #pro-menu .mui-control-item.mui-active:after{background-color: #63ccde;}
  156. .my-table-view-order>li{position: relative;padding-bottom: 0;}
  157. .my-table-view-order>li
  158. .my-table-view-order .mui-col-xs-6{font-size: 15px !important;}
  159. .my-table-view-order>li:after{display: none;}
  160. .my-table-view-order>li:last-child:after{display: none;}
  161. .no-after:before,.no-after:after{display: none;}
  162. .pro-cp-list{position: relative;padding-left: 3.5em;}
  163. .pro-cp-list:before{content: '采购产品:';position: absolute;left: 0;top: 0;font-size: 12px;color: #999;}
  164. .pro-cp-list>li{font-size: 12px;color: #999;}
  165. .my-confirm-btn{border-radius: 20px;border: 1px solid #63ccde;color: #63ccde;padding: 6px 14px;}
  166. .my-confirm-btn:active{background-color: #63ccde !important;color: #fff !important;}
  167. .pro-li-tit{margin-bottom: 10px;color: #5882f7;}
  168. .top-center{vertical-align:top !important;}
  169. .my-table-view-order>li .my-view-no:after,.my-table-view-order>li .my-view-no:before{display: none;}
  170. #pullrefresh_list{top: 45px;}
  171. .mui-pull-caption{font-size: 12px !important;}
  172. .cl-green{color: #4dc572;}
  173. .add-btn{color: #63ccde;border: 1px solid #63ccde;background-color: #fff; width: 60px;height: 60px;text-align: center;line-height: 80px;border-radius: 60px; position: fixed;bottom: 30px;right: 12px;z-index: 3;}
  174. .add-btn:after{content: '\e468';font-family: Muiicons;
  175. font-size: 28px;
  176. font-weight: 700;
  177. font-style: normal;
  178. line-height: 1;
  179. display: inline-block;
  180. text-decoration: none;
  181. -webkit-font-smoothing: antialiased;position: fixed;bottom: 55px;right: 28px;}
  182. .img-list>img{margin:5px 10px 5px 0;width: 65px; max-width: 65px;}
  183. #textarea{font-size: 14px;margin-bottom: 0;}
  184. .buy-footer {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #5882f7;width: 100%;padding: 0;display: table;text-align: center;box-shadow: 0 0 0 #000;}
  185. .buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #55c0dc;vertical-align: middle;}
  186. .buy-footer>div:first-child img{width: 80%;padding-top: 3px;}
  187. .buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #a6c8ce;font-size: 18px;color: #fff;vertical-align: middle;}
  188. .buy-footer>div:last-child {display: table-cell;width: 30%;background: #55c0dc;font-size: 18px;color: #fff;vertical-align: middle;}
  189. .buy-footer.mui-bar .mui-btn{top: 0;line-height: 50px;padding: 0;}
  190. .my-btn-hand{display:table-cell;width: 50%;height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
  191. .my-btn-send{display:table-cell;width: 100%; height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
  192. .my-btn-hand.btn-block{width: 100%;}
  193. .my-btn-hand.active,.my-btn-send.active{background-color: #5882f7;color: #fff;}
  194. .my-btn-hand:active,.my-btn-send:active{background-color: #5882f7 !important;color: #fff !;}
  195. article, section, time, aside {
  196. display: block;
  197. }
  198. .point-time {
  199. content: "";
  200. position: absolute;
  201. width: 50px;
  202. height: 50px;
  203. line-height: 50px;
  204. top: 0px;
  205. left: 10%;
  206. background: #5882f7;
  207. margin-left: -23px;
  208. border-radius: 50%;
  209. box-shadow: 0 0 0 5px #fff;
  210. text-align: center;
  211. color: #fff;
  212. font-size: 14px;
  213. }
  214. .content {
  215. width: 100%;
  216. margin: 0 auto;
  217. }
  218. .content article {
  219. position: relative;
  220. }
  221. .content article > h3 {
  222. width: 100%;
  223. height: 20px;
  224. line-height: 20px;
  225. text-align: left;
  226. text-indent: 3%;
  227. font-size: 1.4em;
  228. color: #fff;
  229. padding: 10px 0 20px;
  230. background-color: #dd6d01;
  231. }
  232. .content article section {
  233. padding: 0 0 7px;
  234. position: relative;
  235. }
  236. .content article section:before {
  237. content: "";
  238. width: 2px;
  239. top: 17px;
  240. bottom: 8px;
  241. left: 10%;
  242. background: #bbb;
  243. position: absolute;
  244. }
  245. .content article section:after{
  246. position: absolute;
  247. width: 6px;
  248. height: 6px;
  249. content: "";
  250. display: inline-block;
  251. border-top: 2px solid #bbb;
  252. border-right: 2px solid #bbb;
  253. transform: rotate(135deg);
  254. bottom: 7px;
  255. left: 10%;
  256. margin-left: -3px;
  257. }
  258. .content article section:last-child:before,.content article section:last-child:after{
  259. display: none;
  260. }
  261. .content article section time {
  262. width: 25%;
  263. display: block;
  264. position: absolute;
  265. }
  266. .content article section time > span {
  267. display: block;
  268. text-align: center;
  269. }
  270. .content article section aside {
  271. color: #3a3a38;
  272. margin-left: 20%;
  273. padding-bottom: 15px;
  274. padding-top: 2px;
  275. }
  276. .content article section aside .things{color:#222;margin-top: 3px;margin-bottom: 3px;}
  277. .content article section aside .things.action{color:#222;margin-top: 12px;}
  278. .content article section .brief {
  279. color: #9f9f9f;
  280. word-break: break-all;
  281. }
  282. .app-show{display: none;}
  283. .app-hide{display: block;}
  284. .lack{position: absolute;right: 30px;top: 10px;font-size: 14px;color: #f00;}
  285. </style>
  286. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  287. <script>
  288. //屏蔽分享
  289. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  290. WeixinJSBridge.call('hideOptionMenu');
  291. });
  292. </script>
  293. </head>
  294. <body class="mui-fullscreen">
  295. <!-- 加载ing begin-->
  296. <div class="loading covers">
  297. <div class="loading-bj"></div>
  298. <p>正在加载...</p>
  299. </div>
  300. <!-- 加载ing end -->
  301. <!--页面主结构开始-->
  302. <div id="app" class="mui-views">
  303. <div class="mui-view">
  304. <div class="mui-navbar" style="display: none;">
  305. </div>
  306. <div class="mui-pages">
  307. </div>
  308. </div>
  309. </div>
  310. <!--页面主结构结束-->
  311. <!--单页面开始-->
  312. <div id="setting" class="mui-page">
  313. <!--页面主内容区开始-->
  314. <div class="mui-navbar-inner mui-bar mui-bar-nav" style="display: none;">
  315. </div>
  316. <div class="mui-page-content">
  317. <div class="mui-scroll-wrapper">
  318. <div class="mui-scroll">
  319. <nav class="mui-bar mui-bar-tab buy-footer">
  320. <!--<button type="button" class="mui-btn my-btn-hand">驳回审批</button>
  321. <button type="button" class="mui-btn my-btn-hand active">审批通过</button>-->
  322. <!--<button type="button" class="mui-btn my-btn-hand">评论</button>
  323. <button type="button" class="mui-btn my-btn-hand active">撤销</button>-->
  324. <!--<button type="button" class="mui-btn my-btn-send active">评论</button>-->
  325. <!--<button type="button" class="mui-btn my-btn-send active">提交申请</button>-->
  326. </nav>
  327. <!--容器-->
  328. <div class="mui-content">
  329. <!--列表-->
  330. <ul class="my-table-view-order">
  331. <li>
  332. <ul class="mui-table-view mui-grid-view my-view-no">
  333. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  334. <h6 class="cl-red" id="approvalStatusDetails"></h6>
  335. </li>
  336. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  337. <a>
  338. <h5>申请人:<span id="approvalApplicant"></span></h5>
  339. <h5>申请时间:<span id="approvalCreateTime"></span></h5>
  340. <h5>订单名称:<span id="orderName"></span></h5>
  341. <h5 class="app-show">订单编号:<span id=""></span></h5>
  342. <h5 class="app-show">提货原因:<span id="applyPickReason"></span></h5>
  343. </a>
  344. </li>
  345. </ul>
  346. </li>
  347. <li>
  348. <ul class="mui-table-view mui-grid-view my-view-no">
  349. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  350. <a>
  351. <div class="pro-li-tit">客户信息</div>
  352. <h5>公司名称:<span id="companyName"></span></h5>
  353. <h5>联系人:<span id="contactName"></span></h5>
  354. <h5>联系电话:<span id="contactTel"></span></h5>
  355. </a>
  356. </li>
  357. </ul>
  358. </li>
  359. <li>
  360. <ul class="mui-table-view mui-grid-view my-view-no">
  361. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  362. <a>
  363. <div class="pro-li-tit">订单信息</div>
  364. <ul class="my-order-view">
  365. <!--<li>
  366. <ul>
  367. <li><span class="cl-blue">产品明细 1</span></li>
  368. <li>产品名称:优尼雅净水机</li>
  369. <li>产品品牌:美国watero</li>
  370. <li>产品型号:wb-1</li>
  371. <li>产品颜色:黑色</li>
  372. <li>产品数量:100台</li>
  373. <li>箱 / 套数:100</li>
  374. </ul>
  375. </li>-->
  376. </ul>
  377. </a>
  378. </li>
  379. </ul>
  380. </li>
  381. <li class="app-hide">
  382. <ul class="mui-table-view mui-grid-view my-view-no">
  383. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  384. <a>
  385. <div class="pro-li-tit">交付信息</div>
  386. <h5>期望交付:<span id="productionDeliveryDate"></span></h5>
  387. <h5>交付方式:<span id="productionDeliveryWay"></span></h5>
  388. <h5 class="word-break">交付备注:<span id="productionDeliveryDesc"></span></h5>
  389. </a>
  390. </li>
  391. </ul>
  392. </li>
  393. <li class="app-hide">
  394. <ul class="mui-table-view mui-grid-view my-view-no">
  395. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  396. <a>
  397. <div class="pro-li-tit">包装说明</div>
  398. <h5 class="word-break" id="productionPackingWay"></h5>
  399. </a>
  400. </li>
  401. </ul>
  402. </li>
  403. <li class="app-hide">
  404. <ul class="mui-table-view mui-grid-view my-view-no">
  405. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  406. <a>
  407. <div class="pro-li-tit">合同信息</div>
  408. <h5>合同名称:<span id="contractName"></span></h5>
  409. </a>
  410. </li>
  411. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left">
  412. <h5>合同图片:</h5>
  413. </li>
  414. <li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type1">
  415. <!--<img width="60px" src="images/certificate1.jpg" />-->
  416. </li>
  417. <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left img-type2">
  418. <h5>合同附件:</h5>
  419. </li>
  420. <li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type2">
  421. <!--<img width="60px" src="images/certificate1.jpg" />-->
  422. </li>
  423. </ul>
  424. </li>
  425. <li class="app-show">
  426. <ul class="mui-table-view mui-grid-view my-view-no">
  427. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  428. <a>
  429. <div class="pro-li-tit">提货凭证</div>
  430. </a>
  431. </li>
  432. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left img-list" id="img-type3">
  433. <!--<img src="images/certificate1.jpg" />-->
  434. </li>
  435. </ul>
  436. </li>
  437. <li>
  438. <ul class="mui-table-view mui-grid-view my-view-no">
  439. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  440. <a>
  441. <div class="pro-li-tit">订单备注</div>
  442. <h5 class="word-break" id="approvalRemark"></h5>
  443. </a>
  444. </li>
  445. </ul>
  446. </li>
  447. <li>
  448. <ul class="mui-table-view mui-grid-view my-view-no">
  449. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  450. <div class="pro-li-tit">审核流程<span class="mui-h6">(已预设流程)</span></div>
  451. </li>
  452. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
  453. <div class="container">
  454. <div class="content">
  455. <article class="approval-content">
  456. <!--<section>
  457. <span class="point-time">张三</span>
  458. <aside>
  459. <p class="things">
  460. 张三:<span class="cl-green">审核通过</span><span class=" mui-h6 mui-pull-right">2018-08-02 12:00</span>
  461. </p>
  462. <p class="brief">
  463. 请生产部门尽快完成,并给配送,You reached 500 followers on Twitter,New job position as Senior Designer at Fantasy Interactive
  464. </p>
  465. </aside>
  466. </section>-->
  467. </article>
  468. </div>
  469. </div>
  470. </li>
  471. </ul>
  472. </li>
  473. </ul>
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. <!--页面主内容区结束-->
  479. </div>
  480. <!--单页面结束-->
  481. <div id="account" class="mui-page">
  482. <div class="mui-navbar-inner mui-bar mui-bar-nav">
  483. <button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
  484. <span class="mui-icon mui-icon-left-nav"></span>设置
  485. </button>
  486. <h1 class="mui-center mui-title">账号与安全</h1>
  487. </div>
  488. <div class="mui-page-content">
  489. <div class="mui-scroll-wrapper">
  490. <div class="mui-scroll" style="min-height: 100%;">
  491. <form class="mui-input-group my-input-group view-none">
  492. <ul class="pro-list" >
  493. <li style="border: 0;">
  494. <div class="mui-input-row my-tit-row no-after">
  495. <label style="width:100%;"><h4>订单产品<span class="mui-h5 mui-pull-right approvalCreateTime"></span></h4></label>
  496. </div>
  497. <ul class="pro-iteam-list">
  498. <!--<li>
  499. <div class="mui-input-row">
  500. <label>产品名称</label>
  501. <input type="text" readonly="readonly" subparam="itemProductName" value="优尼雅净水机">
  502. </div>
  503. <div class="mui-input-row">
  504. <label>品牌名称</label>
  505. <input type="text" readonly="readonly" subparam="itemBrandName" value="美国watero">
  506. </div>
  507. <div class="mui-input-row">
  508. <label>产品型号</label>
  509. <input type="text" readonly="readonly" subparam="itemProductModel" value="wb-1">
  510. </div>
  511. <div class="mui-input-row">
  512. <label>产品颜色</label>
  513. <input type="text" readonly="readonly" subparam="itemColorName" value="黑色">
  514. </div>
  515. <div class="mui-input-row">
  516. <label>产品数量</label>
  517. <input type="tel" readonly="readonly" subparam="itemProductNum" value="100台">
  518. </div>
  519. <div class="mui-input-row">
  520. <label>箱 / 套数</label>
  521. <input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="100">
  522. </div>
  523. <div class="mui-input-row">
  524. <label>已入库</label>
  525. <input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="50台">
  526. <span class="lack">缺50台</span>
  527. </div>
  528. <div class="mui-input-row no-after">
  529. <label>入库数量</label>
  530. <input type="text" reg="num" subparam="itemProductNum" placeholder="请输入入库数量(1~100台)">
  531. </div>
  532. </li>-->
  533. </ul>
  534. </li>
  535. </ul>
  536. <nav class="mui-bar mui-bar-tab buy-footer"><a class="mui-btn my-btn-send btn-block active">确认入库</a></nav>
  537. </div>
  538. </div>
  539. </form>
  540. </div>
  541. </div>
  542. <script src="js/mui.min.js"></script>
  543. <script src="js/mui.view.js "></script>
  544. <script src="js/jquery-2.1.1.min.js"></script>
  545. <script src="js/main.js"></script>
  546. <script>
  547. var approvalId=getParam("id"),type=getParam("type"),approvalType=getParam("approvalType"),adminId='',contactName='',inventoryRecordss=[],editData='';
  548. mui.init();
  549. //初始化单页view
  550. var viewApi = mui('#app').view({
  551. defaultPage: '#setting'
  552. });
  553. //初始化单页的区域滚动
  554. mui('.mui-scroll-wrapper').scroll();
  555. mui.ready(function() {
  556. $.ajax(base_path + '/approval/getApprovalInfo?dates=' + new Date().getTime(), {
  557. data: {
  558. "approvalId": approvalId
  559. },
  560. dataType: 'json',
  561. xhrFields: {
  562. withCredentials: true
  563. },
  564. crossDomain: true,
  565. type: 'post',
  566. timeout: 15000,
  567. success: function(dt) {
  568. if(dt.isRedirect) {
  569. location.href = dt.redirectURL;
  570. } else {
  571. if(dt.returnCode == "200") {
  572. console.log(dt);
  573. var appro=dt.returnMsg.approvalInfo.approvalProduction;
  574. editData=dt;
  575. $("#approvalStatusDetails").text(dt.returnMsg.approvalInfo.approvalStatusDetails);
  576. $("#approvalApplicant").text(dt.returnMsg.approvalInfo.approvalApplicant);
  577. $("#approvalCreateTime,.approvalCreateTime").text(formatDateMinute(dt.returnMsg.approvalInfo.approvalCreateTime));
  578. var table=document.body.querySelector(".my-order-view"), table1=document.body.querySelector(".pro-iteam-list");
  579. var str='';
  580. if(approvalType==1){
  581. $("#orderName").text(appro.orderName);
  582. $("#contactName").text(appro.contactName);
  583. $("#companyName").text(appro.companyName);
  584. $("#contactTel").text(appro.contactTel);
  585. contactName=appro.contactName;
  586. mui(appro.listProductionItem).each(function (index, el) {
  587. var li = document.createElement('li');
  588. li.innerHTML='<ul><li><span class="cl-blue">产品明细 '+(index+1)+'</span></li><li>产品名称:'+this.itemProductName+'</li><li>产品品牌:'+this.itemBrandName+'</li><li>产品型号:'+this.itemProductModel+'</li><li>产品颜色:'+this.itemColorName+'</li><li>产品数量:'+this.itemProductNum+this.itemProductUnit+'</li><li>箱 / 套数:'+this.itemProductBoxNumber+'</li></ul>';
  589. table.appendChild(li);
  590. var li1=document.createElement("li");
  591. li1.setAttribute("proId",this.productionId);
  592. li1.setAttribute("itemId",this.itemId);
  593. li1.innerHTML='<div class="mui-input-row"><label>产品名称</label><input type="text" readonly="readonly" subparam="itemProductName" value="'+this.itemProductName+'"></div><div class="mui-input-row"><label>品牌名称</label><input type="text" readonly="readonly" subparam="itemBrandName" value="'+this.itemBrandName+'"></div><div class="mui-input-row"><label>产品型号</label><input type="text" readonly="readonly" subparam="itemProductModel" value="'+this.itemProductModel+'"></div><div class="mui-input-row"><label>产品颜色</label><input type="text" readonly="readonly" subparam="itemColorName" value="'+this.itemColorName+'"></div><div class="mui-input-row"><label>产品数量</label><input type="tel" readonly="readonly" value="'+this.itemProductNum+this.itemProductUnit+'"></div><div class="mui-input-row"><label>箱 / 套数</label><input type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="'+this.itemProductBoxNumber+'"></div><div class="mui-input-row"><label>已入库</label><input style="width: 35%;float: left;padding-right: 0;" type="tel" readonly="readonly" subparam="itemProductBoxNumber" value="'+this.itemActualStorage+this.itemProductUnit+'"><span class="lack">缺'+this.itemLackNumber+this.itemProductUnit+'</span></div><div class="mui-input-row no-after"><label>入库数量</label><input type="text" reg="num" subparam="itemProductNum" maxnum="'+this.itemLackNumber+'" maxlength="'+(this.itemLackNumber).toString().length+'" placeholder="请填写入库数量(1~'+this.itemLackNumber+this.itemProductUnit+')"></div>';
  594. table1.appendChild(li1);
  595. });
  596. if(appro.productionDeliveryDate<new Date().getMinutes()){
  597. str=time_before(appro.productionDeliveryDate);
  598. }else{
  599. str="已超过交付时间";
  600. }
  601. $("#productionDeliveryDate").html(formatDateFull(appro.productionDeliveryDate)+'<span class="mui-h6">('+str+')</span>');
  602. $("#productionDeliveryWay").text(appro.productionDeliveryWay);
  603. $("#productionDeliveryDesc").text(appro.productionDeliveryDesc);
  604. $("#productionPackingWay").text(appro.productionPackingWay);
  605. $("#contractName").text(appro.contractName);
  606. mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
  607. if(this.contractType==1){
  608. $("#img-type1").append('<img src="'+ this.contractUrl+'">');
  609. }else{
  610. $("#img-type2").append('<img src="'+ this.contractUrl+'">');
  611. }
  612. if($("#img-type2 img").length<1){
  613. $("#img-type2,.img-type2").hide();
  614. }else{
  615. $("#img-type2,.img-type2").show();
  616. }
  617. });
  618. }else{
  619. $(".app-hide").hide();
  620. $(".app-show").show();
  621. $("#applyPickReason").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickReason);
  622. $("#orderName").text(dt.returnMsg.approvalInfo.approvalName);
  623. $("#contactName").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName);
  624. // $("#companyName").text();公司名称
  625. $("#contactTel").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickTel);
  626. contactName=dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName;
  627. mui(dt.returnMsg.approvalInfo.approvalApplyPick.listApplyPickItem).each(function (index, el) {
  628. var li = document.createElement('li');
  629. li.innerHTML='<ul><li><span class="cl-blue">产品明细 '+(index+1)+'</span></li><li>产品名称:'+this.itemProductName+'</li><li>产品品牌:'+this.itemBrandName+'</li><li>产品型号:'+this.itemProductModel+'</li><li>产品颜色:'+this.itemColorName+'</li><li>产品数量:'+this.itemProductNum+this.itemProductUnit+'</li><li>箱 / 套数:'+this.itemProductBoxNumber+'</li></ul>';
  630. table.appendChild(li);
  631. });
  632. str=time_before(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickCreateTime);
  633. mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
  634. $("#img-type3").append('<img src="'+ this.contractUrl+'">');
  635. });
  636. }
  637. adminId=dt.returnMsg.approvalInfo.adminId;
  638. //1:待审批2:已审批3:已驳回4:已完成部分审批5:待入库6:部分入库7:全部入库8:已发货9:已撤销
  639. $("#approvalRemark").text(dt.returnMsg.approvalInfo.approvalRemark);
  640. if(type==1){
  641. switch (dt.returnMsg.approvalInfo.approvalStatus){
  642. case 1:
  643. if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
  644. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="3">撤销</button>');
  645. }else{
  646. $("#setting .buy-footer").hide();
  647. }
  648. break;
  649. case 2:
  650. $("#setting .buy-footer").hide();
  651. break;
  652. case 3:
  653. if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
  654. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="3">撤销</button>');
  655. }else{
  656. $("#setting .buy-footer").hide();
  657. }
  658. break;
  659. case 4:
  660. $("#setting .buy-footer").hide();
  661. break;
  662. case 5:
  663. $("#setting .buy-footer").hide();
  664. break;
  665. case 6:
  666. $("#setting .buy-footer").hide();
  667. break;
  668. case 7:
  669. $("#setting .buy-footer").hide();
  670. break;
  671. case 8:
  672. if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
  673. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" btn-block status="7">已发货</button>');
  674. }else{
  675. $("#setting .buy-footer").hide();
  676. }
  677. break;
  678. case 9:
  679. if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
  680. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="9">重新填写</button>');
  681. }else{
  682. $("#setting .buy-footer").hide();
  683. }
  684. break;
  685. default:
  686. break;
  687. }
  688. }else if(type==2){
  689. if(dt.returnMsg.historicalRecord!=null){
  690. switch (dt.returnMsg.approvalInfo.approvalStatus){
  691. case 1:
  692. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  693. $("#setting .buy-footer").html('<a class="mui-btn my-btn-hand" status="2">驳回审批</a><a class="mui-btn my-btn-hand active" status="1">审批通过</a>');
  694. }else{
  695. $("#setting .buy-footer").hide();
  696. }
  697. break;
  698. case 2:
  699. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  700. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
  701. }else{
  702. $("#setting .buy-footer").hide();
  703. }
  704. break;
  705. case 3:
  706. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  707. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
  708. }else{
  709. $("#setting .buy-footer").hide();
  710. }
  711. break;
  712. case 4:
  713. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  714. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
  715. }else{
  716. $("#setting .buy-footer").hide();
  717. }
  718. break;
  719. case 5:
  720. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  721. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
  722. }else{
  723. $("#setting .buy-footer").hide();
  724. }
  725. break;
  726. case 6:
  727. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  728. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block active" status="4">评论</button>');
  729. }else{
  730. $("#setting .buy-footer").hide();
  731. }
  732. break;
  733. case 7:
  734. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  735. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="4">评论</button><button type="button" class="mui-btn my-btn-hand active" status="6">入库记录</button>');
  736. }else{
  737. $("#setting .buy-footer").hide();
  738. }
  739. break;
  740. case 8:
  741. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  742. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="7">已发货</button>');
  743. }else{
  744. $("#setting .buy-footer").hide();
  745. }
  746. break;
  747. case 9:
  748. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  749. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="8">已撤销</button>');
  750. }else{
  751. $("#setting .buy-footer").hide();
  752. }
  753. break;
  754. default:
  755. break;
  756. }}else{
  757. $("#setting .buy-footer").hide();
  758. }
  759. }else{
  760. if(dt.returnMsg.historicalRecord!=null){
  761. switch (dt.returnMsg.approvalInfo.approvalStatus){
  762. case 1:
  763. $("#setting .buy-footer").hide();
  764. break;
  765. case 2:
  766. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  767. $("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
  768. }else{
  769. $("#setting .buy-footer").hide();
  770. }
  771. break;
  772. case 3:
  773. $(".buy-footer").hide();
  774. break;
  775. case 4:
  776. $(".buy-footer").hide();
  777. break;
  778. case 5:
  779. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  780. $("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
  781. }else{
  782. $("#setting .buy-footer").hide();
  783. }
  784. break;
  785. case 6:
  786. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  787. $("#setting .buy-footer").html('<a href="#account" class="mui-btn my-btn-send btn-block active" status="5">确认入库</a>');
  788. }else{
  789. $("#setting .buy-footer").hide();
  790. }
  791. break;
  792. case 7:
  793. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  794. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="6">入库记录</button><a class="mui-btn my-btn-hand active" status="5">发货</a>');
  795. }else{
  796. $("#setting .buy-footer").hide();
  797. }
  798. break;
  799. case 8:
  800. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  801. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="7">已发货</button>');
  802. }else{
  803. $("#setting .buy-footer").hide();
  804. }
  805. break;
  806. case 9:
  807. if(dt.returnMsg.adminid==dt.returnMsg.historicalRecord.adminId){
  808. $("#setting .buy-footer").html('<button type="button" class="mui-btn my-btn-hand btn-block" status="8">已撤销</button>');
  809. }else{
  810. $("#setting .buy-footer").hide();
  811. }
  812. break;
  813. default:
  814. break;
  815. }
  816. }else{
  817. $("#setting .buy-footer").hide();
  818. }
  819. }
  820. var tb=document.body.querySelector(".approval-content");
  821. mui(dt.returnMsg.approvalInfo.listHistoricalRecord).each(function (index, el) {
  822. var th=this,li=document.createElement("section"),str='',name=th.adminName,status='',action='action';
  823. if(typeof(th.listProcessInfo).length>0 || typeof(th.listProcessInfo)!="undefined"){
  824. mui(th.listProcessInfo).each(function (index, el) {
  825. if(typeof(this.processDesc)!="undefined"){
  826. str+='<p class="brief">'+this.processDesc+'</p>';
  827. }
  828. });
  829. }else{
  830. str+='<p class="brief">&nbsp;</p>';
  831. }
  832. if(name.length>2){
  833. name=name.substring(name.length-2);
  834. }
  835. switch (th.recordState){
  836. case 1:
  837. status='<span class="cl-red">待审核</span>';
  838. break;
  839. case 2:
  840. status='<span class="cl-green">审核通过</span>';
  841. break;
  842. case 3:
  843. status='<span class="cl-red">驳回申请</span>';
  844. break;
  845. default:
  846. break;
  847. }
  848. var time='';
  849. if(this.recordState!=1){
  850. time=formatDateMinute(th.approvalTime);
  851. }
  852. // if(type==1){
  853. // if(index==0){
  854. // action="action";
  855. // }else{
  856. // action=''
  857. // }
  858. // }else if(type==2){
  859. // if(th.taskId==dt.returnMsg.historicalRecord.taskId){
  860. // action='action';
  861. // }else{
  862. // action=''
  863. // }
  864. // }else{
  865. //
  866. // }
  867. li.innerHTML='<span class="point-time">'+name+'</span><aside><p class="things '+action+'">'+th.adminName+':'+status+'<span class=" mui-h6 mui-pull-right">'+time+'</span></p>'+str+'</aside>';
  868. console.log(li)
  869. tb.appendChild(li);
  870. });
  871. }else{
  872. mui.alert("获取数据失败!");
  873. }
  874. }
  875. },
  876. error: function(xhr, type, errorThrown) {
  877. console.log(xhr);
  878. mui.alert("获取数据失败!网络错误");
  879. }
  880. });
  881. $(".loading").hide().css("opacity", "0");
  882. });
  883. $(document).on('tap','.my-btn-hand',function(){
  884. console.log("222222")
  885. var th=$(this),status='',txt='';
  886. var parameter = {};
  887. switch (th.attr("status")){
  888. case "1":
  889. status=1;
  890. break;
  891. case "2":
  892. status=2;
  893. break;
  894. case "3":
  895. status=3;
  896. break;
  897. case "4":
  898. status=4;
  899. var btnArray = ['取消', '提交'];
  900. mui.prompt(' ', '请输入评论内容', '评论', btnArray, function(e) {
  901. if (e.index == 1) {
  902. if(e.value!=''){
  903. var reg_Ch_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"!@¥…(){}【】《》/`、;‘’:\-—“”,。,.?·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文英文数字,常用符号(1-140位)
  904. if(reg_Ch_En_Num.test(e.value)) {
  905. txt=e.value;
  906. parameter["approvalDetails"]=txt;
  907. updateinfo(parameter);
  908. }else{
  909. mui.toast("评论内容格式错误,请重新输入!");
  910. }
  911. }else{
  912. mui.toast("您还没有输入评论内容哦!");
  913. }
  914. }
  915. })
  916. break;
  917. case "5":
  918. break;
  919. case "6":
  920. location.href='';
  921. break;
  922. case "7":
  923. break;
  924. case "8":
  925. break;
  926. case "9":
  927. if(!window.sessionStorage) {
  928. mui.alert("您的浏览器不支持sessionStorage");
  929. } else {
  930. //json格式化插入
  931. sessionStorage.setItem('editData', JSON.stringify(editData));
  932. location.href='submit_apply_order.html';
  933. }
  934. break;
  935. default:
  936. break;
  937. }
  938. parameter["status"]=status;
  939. parameter["approvalId"]=approvalId;
  940. parameter["approvalType"]=approvalType;
  941. parameter["adminId"]=adminId;
  942. parameter["contactName"]=contactName;
  943. console.log(parameter);
  944. if(status<4){
  945. updateinfo(parameter);
  946. }
  947. });
  948. var check = false,msg = '';
  949. $(document).on('tap','#account .my-btn-send',function(){
  950. mui(".pro-iteam-list input[subparam=itemProductNum]").each(function() {
  951. //若当前input为空,则alert提醒
  952. var th = this;
  953. var label = th.previousElementSibling;
  954. if(!th.value || (th.value).trim() == "") {
  955. msg = label.innerText + "不允许为空";
  956. check = false;
  957. return false;
  958. } else {
  959. checkReg(th, label);
  960. }
  961. });
  962. if(check){
  963. var arr=[];
  964. mui(".pro-iteam-list>li").each(function (index, el) {
  965. if($(this).find("input[subparam=itemProductNum]").parent().hasClass("check")){
  966. var parameter = {};
  967. parameter["approvalId"]=this.getAttribute("proid");
  968. parameter["itemId"]=this.getAttribute("itemid");
  969. parameter["actualStorage"]=$(this).find("input[subparam=itemProductNum]").val();
  970. arr.push(parameter);
  971. }
  972. });
  973. console.log(JSON.stringify(arr));
  974. $.ajax(base_path + '/approval/addInventoryRecords?dates=' + new Date().getTime(), {
  975. data: {
  976. "inventoryRecordss":JSON.stringify(arr)
  977. },
  978. dataType: 'json',
  979. xhrFields: {
  980. withCredentials: true
  981. },
  982. crossDomain: true,
  983. traditional: true, //防止深度序列化
  984. type: 'post',
  985. timeout: 15000,
  986. success: function(dt) {
  987. console.log(dt)
  988. if(dt.isRedirect) {
  989. location.href = dt.redirectURL;
  990. } else {
  991. if(dt.returnCode == "200") {
  992. mui.alert("提交入库成功!", function() {
  993. location.reload();
  994. // if(viewApi.canBack()) { //如果view可以后退,则执行view的后退
  995. // viewApi.back();
  996. // }
  997. });
  998. } else {
  999. mui.alert("提交入库失败!");
  1000. }
  1001. }
  1002. },
  1003. error: function(xhr, type, errorThrown) {
  1004. console.log(xhr);
  1005. mui.alert("提交入库失败!网络错误");
  1006. }
  1007. });
  1008. }else{
  1009. mui.alert(msg);
  1010. }
  1011. });
  1012. function updateinfo(obj){
  1013. $.ajax(base_path + '/approval/updateApprovalInfo?dates=' + new Date().getTime(), {
  1014. data: obj,
  1015. dataType: 'json',
  1016. xhrFields: {
  1017. withCredentials: true
  1018. },
  1019. crossDomain: true,
  1020. traditional: true, //防止深度序列化
  1021. type: 'post',
  1022. timeout: 15000,
  1023. success: function(dt) {
  1024. console.log(dt)
  1025. if(dt.isRedirect) {
  1026. location.href = dt.redirectURL;
  1027. } else {
  1028. if(dt.returnCode == "200") {
  1029. mui.alert("提交成功!", function() {
  1030. location.reload();
  1031. });
  1032. } else {
  1033. mui.alert("提交失败!");
  1034. }
  1035. }
  1036. },
  1037. error: function(xhr, type, errorThrown) {
  1038. console.log(xhr);
  1039. mui.alert("提交失败!网络错误");
  1040. }
  1041. });
  1042. };
  1043. function checkReg(th, label) {
  1044. var reg_Tel = /^(0?(13|14|15|18|19)[\d]{9}$|(01|02|03|04|05|06|07|08|09)[\d]{7,10}$|(400|800)[0-9]{7}$)/; //手机,座机(400-800)
  1045. var reg_Ch = /^[\u4e00-\u9fa5]{2,}$/; //简体中文(2位以上)
  1046. var reg_Int = /^[1-9]\d*$/; //正整数0以上
  1047. var reg_Ch_Num = /^[0-9~!@#$%^&*()_+={}|<>?:;'"!@¥…(){}【】《》/`、;‘’:\-—“”,。,.?·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文数字,常用符号(1位以上)
  1048. var reg_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"!@¥…(){}【】《》/`、;‘’:\-—“”,。,.?·]{1,}$/; //英文数字,常用符号(1位以上)
  1049. var reg_Ch_En_Num = /^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"!@¥…(){}【】《》/`、;‘’:\-—“”,。,.?·_\-\u4e00-\u9fa5]{1,140}$/; //简体中文英文数字,常用符号(1-140位)
  1050. var reg_Date = /^([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))/; //日期(2018-11-11)
  1051. switch(th.getAttribute("reg")) {
  1052. case "ch":
  1053. if(reg_Ch.test(th.value)) {
  1054. check = true;
  1055. $(th).parent().addClass("check").removeClass("error");
  1056. } else {
  1057. check = false;
  1058. $(th).parent().removeClass("check").addClass("error");
  1059. msg = label.innerText + "格式错误";
  1060. }
  1061. break;
  1062. case "num":
  1063. if(reg_Int.test(th.value)) {
  1064. if(th.value<=parseInt(th.getAttribute("maxnum"))){
  1065. check = true;
  1066. $(th).parent().addClass("check").removeClass("error");
  1067. }else{
  1068. check = false;
  1069. $(th).parent().removeClass("check").addClass("error");
  1070. msg = label.innerText + "不能超过可入库数量";
  1071. }
  1072. } else {
  1073. check = false;
  1074. $(th).parent().removeClass("check").addClass("error");
  1075. msg = label.innerText + "格式错误";
  1076. }
  1077. break;
  1078. case "ch_num":
  1079. if(reg_Ch_Num.test(th.value)) {
  1080. check = true;
  1081. $(th).parent().removeClass("error").addClass("check");
  1082. } else {
  1083. check = false;
  1084. $(th).parent().removeClass("check").addClass("error");
  1085. msg = label.innerText + "格式错误";
  1086. }
  1087. break;
  1088. case "en_num":
  1089. if(reg_En_Num.test(th.value)) {
  1090. check = true;
  1091. $(th).parent().removeClass("error").addClass("check");
  1092. } else {
  1093. check = false;
  1094. $(th).parent().removeClass("check").addClass("error");
  1095. msg = label.innerText + "格式错误";
  1096. }
  1097. break;
  1098. case "ch_en_num":
  1099. if(reg_Ch_En_Num.test(th.value)) {
  1100. check = true;
  1101. $(th).parent().removeClass("error").addClass("check");
  1102. } else {
  1103. check = false;
  1104. $(th).parent().removeClass("check").addClass("error");
  1105. msg = label.innerText + "格式错误";
  1106. }
  1107. break;
  1108. case "date":
  1109. if(reg_Date.test(th.value)) {
  1110. check = true;
  1111. $(th).parent().removeClass("error").addClass("check");
  1112. } else {
  1113. check = false;
  1114. $(th).parent().removeClass("check").addClass("error");
  1115. msg = label.innerText + "格式错误";
  1116. }
  1117. break;
  1118. case "tel":
  1119. if(reg_Tel.test(th.value)) {
  1120. check = true;
  1121. $(th).parent().addClass("check").removeClass("error");
  1122. } else {
  1123. check = false;
  1124. $(th).parent().removeClass("check").addClass("error");
  1125. msg = label.innerText + "格式错误";
  1126. }
  1127. break;
  1128. default:
  1129. break;
  1130. }
  1131. }
  1132. //监听文本框
  1133. $(document).on('input', ".pro-iteam-list input[reg]", function() {
  1134. var th = this,
  1135. val = th.value;
  1136. var label = th.previousElementSibling;
  1137. //禁止用户输入空格
  1138. if(val.indexOf(" ") != -1) {
  1139. val = val.replace(" ", "");
  1140. $(th).val(val);
  1141. }
  1142. if(!val || val == "") {
  1143. $(th).parent().removeClass("check error");
  1144. } else {
  1145. checkReg(th, label);
  1146. }
  1147. });
  1148. </script>
  1149. </body>
  1150. </html>