Начало Каталог Помощ
Вход
liujiankang
/
static
Наблюдаван 1
Харесван 0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
ИН на ревизия: 000fb659bb
Клонове Маркери
static
/
rst
/
pro_order_details.html

pro_order_details.html 31 KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="utf-8">
    6. 

  6. 		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    7. 

  7. 		<meta name="apple-mobile-web-app-capable" content="yes">
    8. 

  8. 		<meta name="apple-mobile-web-app-status-bar-style" content="black">
    9. 

  9. 		<title>订单审批</title>
    10. 

  10. 		<link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/mui.min.css?v=2016101701" />
    11. 

  11. 		<link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/iconfont.css?v=2016101701" />
    12. 

  12. 		<link rel="stylesheet" type="text/css" href="css/style.css" />
    13. 

  13. 		<style>
    14. 

  14. 			html,body {
    15. 

  15. 				background-color: #fff;
    16. 

  16. 			}
    17. 

  17. 			.mui-views,
    18. 

  18. 			.mui-view,
    19. 

  19. 			.mui-pages,
    20. 

  20. 			.mui-page,
    21. 

  21. 			.mui-page-content {
    22. 

  22. 				position: absolute;
    23. 

  23. 				left: 0;
    24. 

  24. 				right: 0;
    25. 

  25. 				top: 0;
    26. 

  26. 				bottom: 0;
    27. 

  27. 				width: 100%;
    28. 

  28. 				height: 100%;
    29. 

  29. 				background-color: #efeff4;
    30. 

  30. 			}
    31. 

  31. 			.mui-pages {
    32. 

  32. 				top: 0;
    33. 

  33. 				height: auto;
    34. 

  34. 			}
    35. 

  35. 			.mui-scroll-wrapper,
    36. 

  36. 			.mui-scroll {
    37. 

  37. 				background-color: #fff;
    38. 

  38. 			}
    39. 

  39. 			.mui-page.mui-transitioning {
    40. 

  40. 				-webkit-transition: -webkit-transform 300ms ease;
    41. 

  41. 				transition: transform 300ms ease;
    42. 

  42. 			}
    43. 

  43. 			.mui-page-left {
    44. 

  44. 				-webkit-transform: translate3d(0, 0, 0);
    45. 

  45. 				transform: translate3d(0, 0, 0);
    46. 

  46. 			}
    47. 

  47. 			.mui-ios .mui-page-left {
    48. 

  48. 				-webkit-transform: translate3d(-20%, 0, 0);
    49. 

  49. 				transform: translate3d(-20%, 0, 0);
    50. 

  50. 			}
    51. 

  51. 			.mui-navbar {
    52. 

  52. 				position: fixed;
    53. 

  53. 				right: 0;
    54. 

  54. 				left: 0;
    55. 

  55. 				z-index: 10;
    56. 

  56. 				height: 44px;
    57. 

  57. 				background-color: #f7f7f8;
    58. 

  58. 			}
    59. 

  59. 			.mui-navbar .mui-bar {
    60. 

  60. 				position: absolute;
    61. 

  61. 				background: transparent;
    62. 

  62. 				text-align: center;
    63. 

  63. 			}
    64. 

  64. 			.mui-android .mui-navbar-inner.mui-navbar-left {
    65. 

  65. 				opacity: 0;
    66. 

  66. 			}
    67. 

  67. 			.mui-ios .mui-navbar-left .mui-left,
    68. 

  68. 			.mui-ios .mui-navbar-left .mui-center,
    69. 

  69. 			.mui-ios .mui-navbar-left .mui-right {
    70. 

  70. 				opacity: 0;
    71. 

  71. 			}
    72. 

  72. 			.mui-navbar .mui-btn-nav {
    73. 

  73. 				-webkit-transition: none;
    74. 

  74. 				transition: none;
    75. 

  75. 				-webkit-transition-duration: .0s;
    76. 

  76. 				transition-duration: .0s;
    77. 

  77. 			}
    78. 

  78. 			.mui-navbar .mui-bar .mui-title {
    79. 

  79. 				display: inline-block;
    80. 

  80. 				width: auto;
    81. 

  81. 			}
    82. 

  82. 			.mui-page-shadow {
    83. 

  83. 				position: absolute;
    84. 

  84. 				right: 100%;
    85. 

  85. 				top: 0;
    86. 

  86. 				width: 16px;
    87. 

  87. 				height: 100%;
    88. 

  88. 				z-index: -1;
    89. 

  89. 				content: '';
    90. 

  90. 			}
    91. 

  91. 			.mui-page-shadow {
    92. 

  92. 				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%);
    93. 

  93. 				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%);
    94. 

  94. 			}
    95. 

  95. 			.mui-navbar-inner.mui-transitioning,
    96. 

  96. 			.mui-navbar-inner .mui-transitioning {
    97. 

  97. 				-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
    98. 

  98. 				transition: opacity 300ms ease, transform 300ms ease;
    99. 

  99. 			}
    100. 

  100. 			.mui-page {
    101. 

  101. 				display: none;
    102. 

  102. 			}
    103. 

  103. 			.mui-pages .mui-page {
    104. 

  104. 				display: block;
    105. 

  105. 			}
    106. 

  106. 			
    107. 

  107. 			.mui-table-view span.mui-pull-right {
    108. 

  108. 				color: #999;
    109. 

  109. 			}
    110. 

  110. 			.mui-table-view-divider {
    111. 

  111. 				background-color: #efeff4;
    112. 

  112. 				font-size: 14px;
    113. 

  113. 			}
    114. 

  114. 			.mui-table-view-divider:before,
    115. 

  115. 			.mui-table-view-divider:after {
    116. 

  116. 				height: 0;
    117. 

  117. 			}
    118. 

  118. 			.head {
    119. 

  119. 				height: 40px;
    120. 

  120. 			}
    121. 

  121. 			#head {
    122. 

  122. 				line-height: 40px;
    123. 

  123. 			}
    124. 

  124. 			.head-img {
    125. 

  125. 				width: 40px;
    126. 

  126. 				height: 40px;
    127. 

  127. 			}
    128. 

  128. 			#head-img1 {
    129. 

  129. 				position: absolute;
    130. 

  130. 				bottom: 10px;
    131. 

  131. 				right: 40px;
    132. 

  132. 				width: 40px;
    133. 

  133. 				height: 40px;
    134. 

  134. 			}
    135. 

  135. 			.update {
    136. 

  136. 				font-style: normal;
    137. 

  137. 				color: #999999;
    138. 

  138. 				margin-right: -25px;
    139. 

  139. 				font-size: 15px
    140. 

  140. 			}
    141. 

  141. 			.mui-fullscreen {
    142. 

  142. 				position: fixed;
    143. 

  143. 				z-index: 20;
    144. 

  144. 				background-color: #000;
    145. 

  145. 			}
    146. 

  146. 			.mui-ios .mui-navbar .mui-bar .mui-title {
    147. 

  147. 				position: static;
    148. 

  148. 			}
    149. 

  149. .mui-content{padding-bottom: 60px;background-color: #fff;}
    150. 

  150. ul{list-style: none;margin: 0;padding: 0;}
    151. 

  151. #pro-menu{top: 0;border: 0; border-bottom: 1px solid rgba(0,0,0,.1);border-radius: 0;padding:0;}
    152. 

  152. #pro-menu .mui-control-item{color: #333;border-left: 0;position: relative;height: 44px;line-height: 44px;font-size: 16px;}
    153. 

  153. #pro-menu .mui-control-item:after{content: '';position: absolute;left: 0; width:100%;height: 1px;background-color: transparent;bottom: 0;}
    154. 

  154. #pro-menu .mui-control-item:first-child{border-left-width: 0px;}
    155. 

  155. /*#pro-menu .mui-control-item:last-child:after{width: 4em;}*/
    156. 

  156. #pro-menu .mui-control-item.mui-active{background-color: #fff;}
    157. 

  157. #pro-menu .mui-control-item.mui-active:after{background-color: #63ccde;}
    158. 

  158. 

  159. .my-table-view-order>li{position: relative;padding-bottom: 0;}
    160. 

  160. .my-table-view-order>li 
    161. 

  161. .my-table-view-order .mui-col-xs-6{font-size: 15px !important;}
    162. 

  162. .my-table-view-order>li:after{display: none;}
    163. 

  163. .my-table-view-order>li:last-child:after{display: none;}
    164. 

  164.     .no-after:before,.no-after:after{display: none;}
    165. 

  165. 		.pro-cp-list{position: relative;padding-left: 3.5em;}
    166. 

  166. 		.pro-cp-list:before{content: '采购产品:';position: absolute;left: 0;top: 0;font-size: 12px;color: #999;}
    167. 

  167. 		.pro-cp-list>li{font-size: 12px;color: #999;}
    168. 

  168. 		.my-confirm-btn{border-radius: 20px;border: 1px solid #63ccde;color: #63ccde;padding: 6px 14px;}
    169. 

  169. 		.my-confirm-btn:active{background-color: #63ccde !important;color: #fff !important;}
    170. 

  170. 		.pro-li-tit{margin-bottom: 10px;color: #5882f7;}
    171. 

  171. 		.top-center{vertical-align:top !important;}
    172. 

  172. 		.my-table-view-order>li .my-view-no:after,.my-table-view-order>li .my-view-no:before{display: none;}
    173. 

  173. 		#pullrefresh_list{top: 45px;}
    174. 

  174. 		.mui-pull-caption{font-size: 12px !important;}
    175. 

  175. 		.cl-green{color: #4dc572;}
    176. 

  176. 		.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;}
    177. 

  177. 		.add-btn:after{content: '\e468';font-family: Muiicons;
    178. 

  178.     font-size: 28px;
    179. 

  179.     font-weight: 700;
    180. 

  180.     font-style: normal;
    181. 

  181.     line-height: 1;
    182. 

  182.     display: inline-block;
    183. 

  183.     text-decoration: none;
    184. 

  184.     -webkit-font-smoothing: antialiased;position: fixed;bottom: 55px;right: 28px;}
    185. 

  185.     .img-list>img{margin:5px 10px 5px 0;width: 65px; max-width: 65px;}
    186. 

  186.     #textarea{font-size: 14px;margin-bottom: 0;}
    187. 

  187.     .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;}
    188. 

  188. .buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #55c0dc;vertical-align: middle;}
    189. 

  189. .buy-footer>div:first-child img{width: 80%;padding-top: 3px;}
    190. 

  190. .buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #a6c8ce;font-size: 18px;color: #fff;vertical-align: middle;}
    191. 

  191. .buy-footer>div:last-child {display: table-cell;width: 30%;background: #55c0dc;font-size: 18px;color: #fff;vertical-align: middle;}
    192. 

  192. .buy-footer.mui-bar .mui-btn{top: 0;line-height: 50px;padding: 0;}
    193. 

  193. .my-btn-hand{display:table-cell;width: 50%;height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
    194. 

  194. .my-btn-send{display:table-cell;width: 100%; height: 50px;background-color: #eef2fe;color: #5882f7;border: 0;border-radius: 0;font-size: 18px;}
    195. 

  195. .my-btn-hand.active,.my-btn-send.active{background-color: #5882f7;color: #fff;} 
    196. 

  196. .my-btn-hand:active,.my-btn-send:active{background-color: #5882f7 !important;color: #fff !;}
    197. 

  197. 			article, section, time, aside {
    198. 

  198. 				display: block;
    199. 

  199. 			}
    200. 

  200. 			.point-time {
    201. 

  201. 				content: "";
    202. 

  202. 				position: absolute;
    203. 

  203. 				width: 50px;
    204. 

  204. 				height: 50px;
    205. 

  205. 				line-height: 50px;
    206. 

  206. 				top: 0px;
    207. 

  207. 				left: 10%;
    208. 

  208. 				background: #5882f7;
    209. 

  209. 				margin-left: -23px;
    210. 

  210. 				border-radius: 50%;
    211. 

  211. 				box-shadow: 0 0 0 5px #fff;
    212. 

  212. 				text-align: center;
    213. 

  213. 				color: #fff;
    214. 

  214. 				font-size: 14px;
    215. 

  215. 			}
    216. 

  216. 

  217. 			.content {
    218. 

  218. 				width: 100%;
    219. 

  219. 				margin: 0 auto;
    220. 

  220. 			}
    221. 

  221. 			.content article {
    222. 

  222. 				position: relative;
    223. 

  223. 			}
    224. 

  224. 			.content article > h3 {
    225. 

  225. 				width: 100%;
    226. 

  226. 				height: 20px;
    227. 

  227. 				line-height: 20px;
    228. 

  228. 				text-align: left;
    229. 

  229. 				text-indent: 3%;
    230. 

  230. 				font-size: 1.4em;
    231. 

  231. 				color: #fff;
    232. 

  232. 				padding: 10px 0 20px;
    233. 

  233. 				background-color: #dd6d01;
    234. 

  234. 			}
    235. 

  235. 			.content article section {
    236. 

  236. 				padding: 0;
    237. 

  237. 				position: relative;
    238. 

  238. 			}
    239. 

  239. 			.content article section:before {
    240. 

  240. 				content: "";
    241. 

  241. 				width: 2px;
    242. 

  242. 				top: 17px;
    243. 

  243. 				bottom: 8px;
    244. 

  244. 				left: 10%;
    245. 

  245. 				background: #bbb;
    246. 

  246. 				position: absolute;
    247. 

  247. 			}
    248. 

  248. 			.content article section:after{
    249. 

  249. 				position: absolute;
    250. 

  250. 				width: 6px;
    251. 

  251.     height: 6px;
    252. 

  252.     content: "";
    253. 

  253.     display: inline-block;
    254. 

  254.     border-top: 2px solid #bbb;
    255. 

  255.     border-right: 2px solid #bbb;
    256. 

  256.       transform: rotate(135deg);
    257. 

  257.     bottom: 7px;
    258. 

  258.     left: 10%;
    259. 

  259.     margin-left: -3px;
    260. 

  260. 			}
    261. 

  261. 			.content article section:last-child:before,.content article section:last-child:after{
    262. 

  262. 				display: none;
    263. 

  263. 			}
    264. 

  264. 			.content article section time {
    265. 

  265. 				width: 25%;
    266. 

  266. 				display: block;
    267. 

  267. 				position: absolute;
    268. 

  268. 			}
    269. 

  269. 			.content article section time > span {
    270. 

  270. 				display: block;
    271. 

  271. 				text-align: center;
    272. 

  272. 			}
    273. 

  273. 			.content article section aside {
    274. 

  274. 				color: #3a3a38;
    275. 

  275. 				margin-left: 20%;
    276. 

  276. 				padding-bottom: 15px;
    277. 

  277. 				padding-top: 2px;
    278. 

  278. 			}
    279. 

  279. 			.content article section aside .things{color:#222;margin-top: 3px;margin-bottom: 3px;}
    280. 

  280. 			.content article section aside .things.action{color:#222;margin-top: 12px;}
    281. 

  281. 			.content article section .brief {
    282. 

  282. 				color: #9f9f9f;
    283. 

  283. 				word-break: break-all;
    284. 

  284. 			}
    285. 

  285. 			
    286. 

  286. 			.app-show{display: none;}
    287. 

  287. 			.app-hide{display: block;}
    288. 

  288. 		</style>
    289. 

  289. 		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    290. 

  290. 		<script>
    291. 

  291. 		//屏蔽分享
    292. 

  292. 		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    293. 

  293. 			WeixinJSBridge.call('hideOptionMenu');
    294. 

  294. 		});
    295. 

  295. 		</script>
    296. 

  296. 	</head>
    297. 

  297. 

  298. 	<body class="mui-fullscreen">
    299. 

  299. 	<!-- 加载ing begin-->
    300. 

  300. 		<div class="loading covers">
    301. 

  301. 			<div class="loading-bj"></div>
    302. 

  302. 			<p>正在加载...</p>
    303. 

  303. 		</div>
    304. 

  304. 	<!-- 加载ing end -->	
    305. 

  305. 	<!--页面主结构开始-->
    306. 

  306. 		<div id="app" class="mui-views">
    307. 

  307. 			<div class="mui-view">
    308. 

  308. 				<div class="mui-navbar" style="display: none;">
    309. 

  309. 				</div>
    310. 

  310. 				<div class="mui-pages">
    311. 

  311. 				</div>
    312. 

  312. 			</div>
    313. 

  313. 		</div>
    314. 

  314. 		<!--页面主结构结束-->
    315. 

  315. 		<!--单页面开始-->
    316. 

  316. 		<div id="setting" class="mui-page">
    317. 

  317. 			<!--页面主内容区开始-->
    318. 

  318. 			<div class="mui-navbar-inner mui-bar mui-bar-nav" style="display: none;">
    319. 

  319. 			</div>
    320. 

  320. 			<div class="mui-page-content">
    321. 

  321. 				<div class="mui-scroll-wrapper">
    322. 

  322. 					<div class="mui-scroll">
    323. 

  323. 							<nav class="mui-bar mui-bar-tab buy-footer">
    324. 

  324. 		<!--<button type="button" class="mui-btn my-btn-hand">驳回审批</button>
    325. 

  325. 		<button type="button" class="mui-btn my-btn-hand active">审批通过</button>-->
    326. 

  326. 		<!--<button type="button" class="mui-btn my-btn-hand">评论</button>
    327. 

  327. 		<button type="button" class="mui-btn my-btn-hand active">撤销</button>-->
    328. 

  328. 		<!--<button type="button" class="mui-btn my-btn-send active">评论</button>-->
    329. 

  329. 		<!--<button type="button" class="mui-btn my-btn-send active">提交申请</button>-->
    330. 

  330. 	</nav>
    331. 

  331. 	<!--容器-->
    332. 

  332. 		<div class="mui-content">
    333. 

  333. 				<!--列表-->
    334. 

  334. 				<ul class="my-table-view-order">
    335. 

  335. 					<li>
    336. 

  336. 			<ul class="mui-table-view mui-grid-view my-view-no">
    337. 

  337. 				<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    338. 

  338. 		        	<h6 class="cl-red" id="approvalStatusDetails"></h6>
    339. 

  339. 		        </li>
    340. 

  340. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    341. 

  341. 		            <a>
    342. 

  342. 		                <h5>申请人：<span id="approvalApplicant"></span></h5>
    343. 

  343. 		                <h5>申请时间：<span id="approvalCreateTime"></span></h5>
    344. 

  344. 		                <h5>订单名称：<span id="orderName"></span></h5>
    345. 

  345. 		                <h5 class="app-show">订单编号：<span id=""></span></h5>
    346. 

  346. 		                <h5 class="app-show">提货原因：<span id="applyPickReason"></span></h5>
    347. 

  347. 		            </a>
    348. 

  348. 		        </li>
    349. 

  349. 		   </ul>
    350. 

  350. 		  </li>
    351. 

  351. 		  <li>
    352. 

  352. 			<ul class="mui-table-view mui-grid-view my-view-no">
    353. 

  353. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    354. 

  354. 		            <a>
    355. 

  355. 		                <div class="pro-li-tit">客户信息</div>
    356. 

  356. 		                <h5>公司名称：<span id="companyName"></span></h5>
    357. 

  357. 		                <h5>联系人：<span id="contactName"></span></h5>
    358. 

  358. 		                <h5>联系电话：<span id="contactTel"></span></h5>
    359. 

  359. 		            </a>
    360. 

  360. 		        </li>
    361. 

  361. 		   </ul>
    362. 

  362. 		  </li>
    363. 

  363. 		  <li>
    364. 

  364. 			<ul class="mui-table-view mui-grid-view my-view-no">
    365. 

  365. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    366. 

  366. 		            <a>
    367. 

  367. 		                <div class="pro-li-tit">订单信息</div>
    368. 

  368. 		                <ul class="my-order-view">
    369. 

  369. 		                	<!--<li>
    370. 

  370. 		                		 <ul>
    371. 

  371. 		                	<li><span class="cl-blue">产品明细 1</span></li>
    372. 

  372. 		                	<li>产品名称：优尼雅净水机</li>
    373. 

  373. 		                	<li>产品品牌：美国watero</li>
    374. 

  374. 		                	<li>产品型号：wb-1</li>
    375. 

  375. 		                	<li>产品颜色：黑色</li>
    376. 

  376. 		                	<li>产品数量：100台</li>
    377. 

  377. 		                	<li>箱 / 套数：100</li>
    378. 

  378. 		                </ul>
    379. 

  379. 		                	</li>-->
    380. 

  380. 		                </ul>
    381. 

  381. 		               
    382. 

  382. 		            </a>
    383. 

  383. 		        </li>
    384. 

  384. 		   </ul>
    385. 

  385. 		  </li>
    386. 

  386. 		  <li class="app-hide">
    387. 

  387. 			<ul class="mui-table-view mui-grid-view my-view-no">
    388. 

  388. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    389. 

  389. 		            <a>
    390. 

  390. 		                <div class="pro-li-tit">交付信息</div>
    391. 

  391. 		                <h5>期望交付：<span id="productionDeliveryDate"></span></h5>
    392. 

  392. 		                <h5>交付方式：<span id="productionDeliveryWay"></span></h5>
    393. 

  393. 		                <h5>交付备注：<span id="productionDeliveryDesc"></span></h5>
    394. 

  394. 		            </a>
    395. 

  395. 		        </li>
    396. 

  396. 		   </ul>
    397. 

  397. 		  </li>
    398. 

  398. 		  <li class="app-hide">
    399. 

  399. 			<ul class="mui-table-view mui-grid-view my-view-no">
    400. 

  400. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    401. 

  401. 		            <a>
    402. 

  402. 		                <div class="pro-li-tit">包装说明</div>
    403. 

  403. 		                <h5 id="productionPackingWay"></h5>
    404. 

  404. 		            </a>
    405. 

  405. 		        </li>
    406. 

  406. 		   </ul>
    407. 

  407. 		  </li>
    408. 

  408. 		  <li class="app-hide">
    409. 

  409. 			<ul class="mui-table-view mui-grid-view my-view-no">
    410. 

  410. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    411. 

  411. 		            <a>
    412. 

  412. 		                <div class="pro-li-tit">合同信息</div>
    413. 

  413. 		                <h5>合同名称：<span id="contractName"></span></h5>
    414. 

  414. 		            </a>
    415. 

  415. 		        </li>
    416. 

  416. 		         <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left">
    417. 

  417. 		         	<h5>合同图片：</h5>
    418. 

  418. 		         </li>
    419. 

  419. 		         <li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type1">
    420. 

  420. 		         	<!--<img width="60px" src="images/certificate1.jpg" />-->
    421. 

  421. 		         </li>
    422. 

  422. 		         <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left img-type2">
    423. 

  423. 		         	<h5>合同附件：</h5>
    424. 

  424. 		         </li>
    425. 

  425. 		         <li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left img-list" id="img-type2">
    426. 

  426. 		         	<!--<img width="60px" src="images/certificate1.jpg" />-->
    427. 

  427. 		         </li>
    428. 

  428. 		   </ul>
    429. 

  429. 		  </li>
    430. 

  430. 		  <li class="app-show">
    431. 

  431. 			<ul class="mui-table-view mui-grid-view my-view-no">
    432. 

  432. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    433. 

  433. 		            <a>
    434. 

  434. 		                <div class="pro-li-tit">提货凭证</div>
    435. 

  435. 		            </a>
    436. 

  436. 		        </li>
    437. 

  437. 		         <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left img-list" id="img-type3">
    438. 

  438. 		         	<!--<img src="images/certificate1.jpg" />-->
    439. 

  439. 		         </li>
    440. 

  440. 		   </ul>
    441. 

  441. 		  </li>
    442. 

  442. 		   <li>
    443. 

  443. 			<ul class="mui-table-view mui-grid-view my-view-no">
    444. 

  444. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    445. 

  445. 		            <a>
    446. 

  446. 		                <div class="pro-li-tit">订单备注</div>
    447. 

  447. 		                <h5 id="approvalRemark"></h5>
    448. 

  448. 		            </a>
    449. 

  449. 		        </li>
    450. 

  450. 		   </ul>
    451. 

  451. 		  </li>
    452. 

  452. 		   <li>
    453. 

  453. 		   	<ul class="mui-table-view mui-grid-view my-view-no">
    454. 

  454. 		   		<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    455. 

  455. 		   			<div class="pro-li-tit">审核流程<span class="mui-h6">（已预设流程）</span></div>
    456. 

  456. 		   		</li>
    457. 

  457. 		        <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-text-left">
    458. 

  458. 		        	
    459. 

  459. 		        	<div class="container">
    460. 

  460. 				<div class="content">
    461. 

  461. 					<article class="approval-content">
    462. 

  462. 						<!--<section>
    463. 

  463. 							<span class="point-time">张三</span>
    464. 

  464. 							<aside>
    465. 

  465. 								<p class="things">
    466. 

  466. 									张三：<span class="cl-green">审核通过</span><span class=" mui-h6 mui-pull-right">2018-08-02 12:00</span>
    467. 

  467. 								</p>
    468. 

  468. 								<p class="brief">
    469. 

  469. 									请生产部门尽快完成，并给配送,You reached 500 followers on Twitter,New job position as Senior Designer at Fantasy Interactive
    470. 

  470. 								</p>
    471. 

  471. 							</aside>
    472. 

  472. 						</section>-->
    473. 

  473. 					</article>
    474. 

  474. 				</div>
    475. 

  475. 		</div>
    476. 

  476. 		        	
    477. 

  477. 				</li>
    478. 

  478. 		         </ul>
    479. 

  479. 		   </li>
    480. 

  480. 

  481. 		</ul>
    482. 

  482. 	</div>
    483. 

  483. 					</div>
    484. 

  484. 				</div>
    485. 

  485. 			</div>
    486. 

  486. 			<!--页面主内容区结束-->
    487. 

  487. 		</div>
    488. 

  488. 		<!--单页面结束-->
    489. 

  489. 		
    490. 

  490. 		<div id="account" class="mui-page">
    491. 

  491. 			<div class="mui-navbar-inner mui-bar mui-bar-nav">
    492. 

  492. 				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
    493. 

  493. 					<span class="mui-icon mui-icon-left-nav"></span>设置
    494. 

  494. 				</button>
    495. 

  495. 				<h1 class="mui-center mui-title">账号与安全</h1>
    496. 

  496. 			</div>
    497. 

  497. 			<div class="mui-page-content">
    498. 

  498. 				<div class="mui-scroll-wrapper">
    499. 

  499. 					<div class="mui-scroll">
    500. 

  500. 						<ul class="mui-table-view">
    501. 

  501. 							<li class="mui-table-view-cell">
    502. 

  502. 								<a id="head" class="mui-navigate-right">头像
    503. 

  503. 								<span class="mui-pull-right head">
    504. 

  504. 									<img class="head-img mui-action-preview" id="head-img1" src=""/>
    505. 

  505. 								</span>
    506. 

  506. 							</a>
    507. 

  507. 							</li>
    508. 

  508. 							<li class="mui-table-view-cell">
    509. 

  509. 								<a>姓名<span class="mui-pull-right">Hbuilder</span></a>
    510. 

  510. 							</li>
    511. 

  511. 							<li class="mui-table-view-cell">
    512. 

  512. 								<a>HBuilder账号<span class="mui-pull-right">hbuilder@dcloud.io</span></a>
    513. 

  513. 							</li>
    514. 

  514. 						</ul>
    515. 

  515. 						<ul class="mui-table-view">
    516. 

  516. 							<li class="mui-table-view-cell">
    517. 

  517. 								<a>QQ号<span class="mui-pull-right">88888888</span></a>
    518. 

  518. 							</li>
    519. 

  519. 							<li class="mui-table-view-cell">
    520. 

  520. 								<a>手机号<span class="mui-pull-right">18601234567</span></a>
    521. 

  521. 							</li>
    522. 

  522. 							<li class="mui-table-view-cell">
    523. 

  523. 								<a>邮箱地址<span class="mui-pull-right">hbuilder@dcloud.io</span></a>
    524. 

  524. 							</li>
    525. 

  525. 						</ul>
    526. 

  526. 					</div>
    527. 

  527. 				</div>
    528. 

  528. 			</div>
    529. 

  529. 		</div>
    530. 

  530. 

  531. 		<script src="js/mui.min.js"></script>
    532. 

  532. 		<script src="js/mui.view.js "></script>
    533. 

  533. 		<script src="js/jquery-2.1.1.min.js"></script>
    534. 

  534. 		<script src="js/main.js"></script>
    535. 

  535. 		<script>
    536. 

  536. 		var approvalId=getParam("id"),type=getParam("type"),approvalType=getParam("approvalType"),adminId='',contactName='';	
    537. 

  537. 		mui.init();
    538. 

  538. 		//初始化单页view
    539. 

  539. 		var viewApi = mui('#app').view({
    540. 

  540. 			defaultPage: '#setting'
    541. 

  541. 		});
    542. 

  542. 		//初始化单页的区域滚动
    543. 

  543. 		mui('.mui-scroll-wrapper').scroll();
    544. 

  544. 		mui.ready(function() {
    545. 

  545. 			$.ajax(base_path + '/approval/getApprovalInfo?dates=' + new Date().getTime(), {
    546. 

  546. 					data: {
    547. 

  547. 						"approvalId": approvalId
    548. 

  548. 					},
    549. 

  549. 					dataType: 'json',
    550. 

  550. 					xhrFields: {
    551. 

  551. 						withCredentials: true
    552. 

  552. 					},
    553. 

  553. 					crossDomain: true,
    554. 

  554. 					type: 'post',
    555. 

  555. 					timeout: 15000,
    556. 

  556. 					success: function(dt) {
    557. 

  557. 						if(dt.isRedirect) {
    558. 

  558. 							location.href = dt.redirectURL;
    559. 

  559. 						} else {
    560. 

  560. 							if(dt.returnCode == "200") {
    561. 

  561. 								console.log(dt);
    562. 

  562. 								var appro=dt.returnMsg.approvalInfo.approvalProduction;
    563. 

  563. 								$("#approvalStatusDetails").text(dt.returnMsg.approvalInfo.approvalStatusDetails);
    564. 

  564. 								$("#approvalApplicant").text(dt.returnMsg.approvalInfo.approvalApplicant);
    565. 

  565. 								$("#approvalCreateTime").text(formatDateMinute(dt.returnMsg.approvalInfo.approvalCreateTime));
    566. 

  566. 								
    567. 

  567. 								var table=document.body.querySelector(".my-order-view");
    568. 

  568. 								var str='';
    569. 

  569. 								if(approvalType==1){
    570. 

  570. 								$("#orderName").text(appro.orderName);
    571. 

  571. 								$("#contactName").text(appro.contactName);
    572. 

  572. 								$("#companyName").text(appro.companyName);
    573. 

  573. 								$("#contactTel").text(appro.contactTel);
    574. 

  574. 								contactName=appro.contactName;
    575. 

  575. 								mui(appro.listProductionItem).each(function (index, el) {
    576. 

  576. 									var li = document.createElement('li');
    577. 

  577. 									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>';
    578. 

  578. 									table.appendChild(li);
    579. 

  579. 								});
    580. 

  580. 								if(appro.productionDeliveryDate<new Date().getMinutes()){
    581. 

  581. 									str=time_before(appro.productionDeliveryDate);
    582. 

  582. 								}else{
    583. 

  583. 									str="已超过交付时间";
    584. 

  584. 								}
    585. 

  585. 								$("#productionDeliveryDate").html(formatDateFull(appro.productionDeliveryDate)+'<span class="mui-h6">（'+str+'）</span>');
    586. 

  586. 								$("#productionDeliveryWay").text(appro.productionDeliveryWay);
    587. 

  587. 								$("#productionDeliveryDesc").text(appro.productionDeliveryDesc);
    588. 

  588. 								$("#productionPackingWay").text(appro.productionPackingWay);
    589. 

  589. 								$("#contractName").text(appro.contractName);
    590. 

  590. 								mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
    591. 

  591. 									if(this.contractType==1){
    592. 

  592. 										$("#img-type1").append('<img src="'+ this.contractUrl+'">');
    593. 

  593. 									}else{
    594. 

  594. 										$("#img-type2").append('<img src="'+ this.contractUrl+'">');
    595. 

  595. 									}
    596. 

  596. 									if($("#img-type2 img").length<1){
    597. 

  597. 										$("#img-type2,.img-type2").hide();
    598. 

  598. 									}
    599. 

  599. 								});
    600. 

  600. 								}else{
    601. 

  601. 									$(".app-hide").hide();
    602. 

  602. 									$(".app-show").show();
    603. 

  603. 									$("#applyPickReason").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickReason);
    604. 

  604. 									$("#orderName").text(dt.returnMsg.approvalInfo.approvalName);	
    605. 

  605. 								$("#contactName").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName);
    606. 

  606. //								$("#companyName").text();公司名称
    607. 

  607. 								$("#contactTel").text(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickTel);
    608. 

  608. 								contactName=dt.returnMsg.approvalInfo.approvalApplyPick.applyPickName;
    609. 

  609. 								mui(dt.returnMsg.approvalInfo.approvalApplyPick.listApplyPickItem).each(function (index, el) {
    610. 

  610. 									var li = document.createElement('li');
    611. 

  611. 									li.innerHTML='<ul><li><span class="cl-blue">产品明细 '+(index+1)+'</span></li><li>产品名称：'+this.itemProductName+'</li><li>产品品牌：写死的</li><li>产品型号：'+this.itemProductModel+'</li><li>产品颜色：'+this.itemColorName+'</li><li>产品数量：'+this.itemProductNum+'台写死的</li><li>箱 / 套数：999写死的</li></ul>';
    612. 

  612. 									table.appendChild(li);
    613. 

  613. 								});
    614. 

  614. 								str=time_before(dt.returnMsg.approvalInfo.approvalApplyPick.applyPickCreateTime);
    615. 

  615. 								mui(dt.returnMsg.approvalInfo.listProductionContract).each(function (index, el) {
    616. 

  616. 									$("#img-type3").append('<img src="'+ this.contractUrl+'">');
    617. 

  617. 								});
    618. 

  618. 								}
    619. 

  619. 								adminId=dt.returnMsg.approvalInfo.adminId;
    620. 

  620. 								
    621. 

  621. 								
    622. 

  622. 								//1:待审批2:已审批3:已驳回4:已完成部分审批5:待入库6:部分入库7:全部入库8:已发货9:已撤销
    623. 

  623. 								$("#approvalRemark").text(dt.returnMsg.approvalInfo.approvalRemark);
    624. 

  624. 								if(type==1){
    625. 

  625. 									switch (dt.returnMsg.approvalInfo.approvalStatus){
    626. 

  626. 									case 1:
    627. 

  627. 										if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
    628. 

  628. 											$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand active" status="3">撤销</button>');
    629. 

  629. 										}else{
    630. 

  630. 											$(".buy-footer").hide();
    631. 

  631. 										}
    632. 

  632. 										break;
    633. 

  633. 									case 2:
    634. 

  634. 										$(".buy-footer").hide();
    635. 

  635. 										break;	
    636. 

  636. 									case 3:
    637. 

  637. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
    638. 

  638. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand active" status="3">撤销</button>');
    639. 

  639. 									}else{
    640. 

  640. 										$(".buy-footer").hide();
    641. 

  641. 									}
    642. 

  642. 										break;	
    643. 

  643. 									case 4:
    644. 

  644. 										$(".buy-footer").hide();
    645. 

  645. 										break;
    646. 

  646. 									case 5:
    647. 

  647. 										$(".buy-footer").hide();
    648. 

  648. 										break;
    649. 

  649. 									case 6:
    650. 

  650. 										$(".buy-footer").hide();
    651. 

  651. 										break;
    652. 

  652. 									case 7:
    653. 

  653. 										$(".buy-footer").hide();
    654. 

  654. 										break;
    655. 

  655. 									case 8:
    656. 

  656. 										if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
    657. 

  657. 											$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="7">已发货</button>');
    658. 

  658. 										}else{
    659. 

  659. 											$(".buy-footer").hide();
    660. 

  660. 										}
    661. 

  661. 										break;
    662. 

  662. 									case 9:
    663. 

  663. 										if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.adminId){
    664. 

  664. 											$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="9">重新填写</button>');
    665. 

  665. 										}else{
    666. 

  666. 											$(".buy-footer").hide();
    667. 

  667. 										}
    668. 

  668. 										break;	
    669. 

  669. 									default:
    670. 

  670. 										break;
    671. 

  671. 								}
    672. 

  672. 								}else if(type==2){
    673. 

  673. 									console.log(dt.returnMsg.approvalInfo.listHistoricalRecord)
    674. 

  674. 									switch (dt.returnMsg.approvalInfo.approvalStatus){
    675. 

  675. 									case 1:
    676. 

  676. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    677. 

  677. 										$(".buy-footer").html('<a class="mui-btn my-btn-hand" status="2">驳回审批</a><a class="mui-btn my-btn-hand active" status="1">审批通过</a>');
    678. 

  678. 									}else{
    679. 

  679. 										$(".buy-footer").hide();
    680. 

  680. 									}
    681. 

  681. 										break;
    682. 

  682. 									case 2:
    683. 

  683. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    684. 

  684. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand active" status="4">评论</button>');
    685. 

  685. 									}else{
    686. 

  686. 										$(".buy-footer").hide();
    687. 

  687. 									}
    688. 

  688. 										break;	
    689. 

  689. 									case 3:
    690. 

  690. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    691. 

  691. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand active" status="4">评论</button>');
    692. 

  692. 									}else{
    693. 

  693. 										$(".buy-footer").hide();
    694. 

  694. 									}
    695. 

  695. 										break;	
    696. 

  696. 									case 4:
    697. 

  697. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    698. 

  698. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand active" status="4">评论</button>');
    699. 

  699. 									}else{
    700. 

  700. 										$(".buy-footer").hide();
    701. 

  701. 									}
    702. 

  702. 										break;
    703. 

  703. 									case 5:
    704. 

  704. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    705. 

  705. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="4">评论</button><a href="#account" class="mui-btn my-btn-hand active" status="5">确认入库</a>');
    706. 

  706. 									}else{
    707. 

  707. 										$(".buy-footer").hide();
    708. 

  708. 									}
    709. 

  709. 										break;
    710. 

  710. 									case 6:
    711. 

  711. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    712. 

  712. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="4">评论</button><a href="#account" class="mui-btn my-btn-hand active" status="5">确认入库</a>');
    713. 

  713. 									}else{
    714. 

  714. 										$(".buy-footer").hide();
    715. 

  715. 									}
    716. 

  716. 										break;
    717. 

  717. 									case 7:
    718. 

  718. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    719. 

  719. 										$(".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>');
    720. 

  720. 									}else{
    721. 

  721. 										$(".buy-footer").hide();
    722. 

  722. 									}
    723. 

  723. 										break;
    724. 

  724. 									case 8:
    725. 

  725. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.listHistoricalRecord.adminId){
    726. 

  726. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="7">已发货</button>');
    727. 

  727. 									}else{
    728. 

  728. 										$(".buy-footer").hide();
    729. 

  729. 									}
    730. 

  730. 										break;
    731. 

  731. 									case 9:
    732. 

  732. 									if(dt.returnMsg.adminid==dt.returnMsg.approvalInfo.historicalRecord.adminId){
    733. 

  733. 										$(".buy-footer").html('<button type="button" class="mui-btn my-btn-hand" status="8">已撤销</button>');
    734. 

  734. 									}else{
    735. 

  735. 										$(".buy-footer").hide();
    736. 

  736. 									}
    737. 

  737. 										break;	
    738. 

  738. 									default:
    739. 

  739. 										break;
    740. 

  740. 								}
    741. 

  741. 								}else{
    742. 

  742. 									
    743. 

  743. 								}
    744. 

  744. 								
    745. 

  745. 								var tb=document.body.querySelector(".approval-content");
    746. 

  746. 								mui(dt.returnMsg.approvalInfo.listHistoricalRecord).each(function (index, el) {
    747. 

  747. 									var th=this,li=document.createElement("section"),str='',name=th.adminName,status='',action='action';
    748. 

  748. 									if(typeof(th.listProcessInfo)!="undefined"){
    749. 

  749. 										mui(th.listProcessInfo).each(function (index, el) {
    750. 

  750. 											str+='<p class="brief">'+this.processDesc+'</p>';
    751. 

  751. 										});
    752. 

  752. 									}else{
    753. 

  753. 										str+='<p class="brief">&nbsp;</p>';
    754. 

  754. 									}
    755. 

  755. 									if(name.length>2){
    756. 

  756. 										name=name.substring(name.length-2);
    757. 

  757. 									}
    758. 

  758. 									switch (th.recordState){
    759. 

  759. 										case 1:
    760. 

  760. 										status='<span class="cl-red">待审核</span>';
    761. 

  761. 											break;
    762. 

  762. 										case 2:
    763. 

  763. 										status='<span class="cl-green">审核通过</span>';
    764. 

  764. 											break;
    765. 

  765. 										case 3:
    766. 

  766. 										status='<span class="cl-red">驳回申请</span>';
    767. 

  767. 											break;	
    768. 

  768. 										default:
    769. 

  769. 											break;
    770. 

  770. 									}
    771. 

  771. 									var time='';
    772. 

  772. 									if(this.recordState!=1){
    773. 

  773. 										time=formatDateMinute(th.approvalTime);
    774. 

  774. 									}
    775. 

  775. //									if(type==1){
    776. 

  776. //										if(index==0){
    777. 

  777. //											action="action";
    778. 

  778. //										}else{
    779. 

  779. //											action=''
    780. 

  780. //										}
    781. 

  781. //									}else if(type==2){
    782. 

  782. //										if(th.taskId==dt.returnMsg.historicalRecord.taskId){
    783. 

  783. //											action='action';
    784. 

  784. //										}else{
    785. 

  785. //											action=''
    786. 

  786. //										}
    787. 

  787. //									}else{
    788. 

  788. //										
    789. 

  789. //									}
    790. 

  790. 									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>';
    791. 

  791. 									console.log(li)
    792. 

  792. 									tb.appendChild(li);
    793. 

  793. 								});
    794. 

  794. 								
    795. 

  795. 							}else{
    796. 

  796. 								mui.alert("获取数据失败！");
    797. 

  797. 							}
    798. 

  798. 						}
    799. 

  799. 					},
    800. 

  800. 					error: function(xhr, type, errorThrown) {
    801. 

  801. 						console.log(xhr);
    802. 

  802. 						mui.alert("获取数据失败！网络错误");
    803. 

  803. 					}
    804. 

  804. 			});
    805. 

  805. 			$(".loading").hide().css("opacity", "0");		
    806. 

  806. 		});	
    807. 

  807. 		$(document).on('tap','.my-btn-hand',function(){
    808. 

  808. 			console.log("222222")
    809. 

  809. 			var th=$(this),status='',txt='';
    810. 

  810. 			var parameter = {};
    811. 

  811. 			switch (th.attr("status")){
    812. 

  812. 				case "1":
    813. 

  813. 				status=1;
    814. 

  814. 					break;
    815. 

  815. 				case "2":
    816. 

  816. 				status=2;
    817. 

  817. 					break;	
    818. 

  818. 				case "3":
    819. 

  819. 				status=3;
    820. 

  820. 					break;	
    821. 

  821. 				case "4":
    822. 

  822. 				status=4;
    823. 

  823. 				var btnArray = ['取消', '提交'];
    824. 

  824. 				mui.prompt(' ', '请输入评论内容', '评论', btnArray, function(e) {
    825. 

  825. 					if (e.index == 1) {
    826. 

  826. 						txt=e.value;
    827. 

  827. 					}
    828. 

  828. 				})
    829. 

  829. 					break;	
    830. 

  830. 				case "5":
    831. 

  831. 				
    832. 

  832. 					break;	
    833. 

  833. 				case "6":
    834. 

  834. 				location.href='';
    835. 

  835. 				    break;
    836. 

  836. 				case "7":
    837. 

  837. 					break;	
    838. 

  838. 				case "8":
    839. 

  839. 					break;	
    840. 

  840. 				case "9":
    841. 

  841. 				location.href='';
    842. 

  842. 					break;	
    843. 

  843. 				default:
    844. 

  844. 					break;
    845. 

  845. 			}
    846. 

  846. 			if(status!=''){
    847. 

  847. 				parameter["status"]=status;
    848. 

  848. 				parameter["approvalId"]=approvalId;
    849. 

  849. 				parameter["approvalType"]=approvalType;
    850. 

  850. 				parameter["adminId"]=adminId;
    851. 

  851. 				parameter["contactName"]=contactName;
    852. 

  852. 				parameter["approvalDetails"]=txt;
    853. 

  853. 				console.log(parameter)
    854. 

  854. 				$.ajax(base_path + '/approval/updateApprovalInfo?dates=' + new Date().getTime(), {
    855. 

  855. 											data: parameter,
    856. 

  856. 											dataType: 'json',
    857. 

  857. 											xhrFields: {
    858. 

  858. 												withCredentials: true
    859. 

  859. 											},
    860. 

  860. 											crossDomain: true,
    861. 

  861. 											traditional: true, //防止深度序列化
    862. 

  862. 											type: 'post',
    863. 

  863. 											timeout: 15000,
    864. 

  864. 											success: function(dt) {
    865. 

  865. 												console.log(dt)
    866. 

  866. 												if(dt.isRedirect) {
    867. 

  867. 													location.href = dt.redirectURL;
    868. 

  868. 												} else {
    869. 

  869. 													if(dt.returnCode == "200") {
    870. 

  870. 														mui.alert("提交成功！", function() {
    871. 

  871. 															//location.reload();
    872. 

  872. 														});
    873. 

  873. 													} else {
    874. 

  874. 														mui.alert("提交失败！");
    875. 

  875. 													}
    876. 

  876. 												}
    877. 

  877. 											},
    878. 

  878. 											error: function(xhr, type, errorThrown) {
    879. 

  879. 												console.log(xhr);
    880. 

  880. 												mui.alert("提交失败！网络错误");
    881. 

  881. 											}
    882. 

  882. 										});
    883. 

  883. 			}
    884. 

  884. 		});
    885. 

  885. 		</script>
    886. 

  886. 	</body>
    887. 

  887. 

  888. </html>
    889.