tpl_mode_x.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="apple-mobile-web-app-capable" content="yes" />
  7. <meta name="apple-mobile-web-app-status-bar-style" content="yes" />
  8. <title><?=$da['pagetitle']?></title>
  9. <link rel="shortcut icon" href="favicon.ico" />
  10. <link rel="stylesheet" type="text/css" href="webmain/css/cssm.css">
  11. <link rel="stylesheet" type="text/css" href="webmain/css/rui.css">
  12. <script type="text/javascript" src="web/res/js/jquery.1.9.1.min.js"></script>
  13. <script type="text/javascript" src="js/js.js?v=<?=time()?>"></script>
  14. <script type="text/javascript" src="js/base64-min.js"></script>
  15. <?php
  16. if($jswxsdk=='1')echo '<script type="text/javascript" src="js/jswxsdk.js"></script>'.chr(10).'';
  17. ?>
  18. <script type="text/javascript" src="<?=$da['p']?>/task/mode/modeview.js?<?=$da['logintime']?>"></script>
  19. <script type="text/javascript" src="web/res/js/jquery-imgview.js"></script>
  20. <script type="text/javascript" src="mode/plugin/jquery-rockmodels.js"></script>
  21. <script>
  22. var mid = '<?=$da['arr']['mid']?>',adminname='<?=$da['adminname']?>',adminid='<?=$da['adminid']?>',admintoken='',modenum='<?=$da['arr']['modenum']?>',ismobile=1,receiptrs=<?=json_encode($da['arr']['receiptrs'])?>,isinput=0,watertype='<?=getconfig('watertype')?>';
  23. js.changeuser=function(na,lx,tit, cans){
  24. var can = {
  25. 'changetype':lx,
  26. 'titlebool':get('header_title'),
  27. 'idobj':get(na+'_id'),
  28. 'nameobj':get(na),
  29. 'onselect':function(sna,sid){
  30. js.changeuser_after(this.formname,this,sna,sid);
  31. }
  32. };
  33. var formname = get(na).name;
  34. var bcar = js.changeuser_before(formname),i;
  35. for(i in cans)can[i]=cans[i];
  36. if(typeof(bcar)=='string' && bcar){js.msg('msg', bcar);return;}
  37. if(typeof(bcar)=='object')for(i in bcar)can[i]=bcar[i];
  38. can.formname = formname;
  39. $('body').chnageuser(can);
  40. }
  41. function initApp(){
  42. js.setapptitle('详情');
  43. }
  44. </script>
  45. <style>
  46. <?php
  47. $maincolor = getconfig('apptheme','#1389D3');
  48. $maincolora= c('image')->colorTorgb($maincolor);
  49. $maincolors= ''.$maincolora[0].','.$maincolora[1].','.$maincolora[2].'';
  50. echo 'body{--main-color:'.$maincolor.';}';
  51. ?>
  52. .stitle{padding:10px;border-bottom:0.5px #dddddd solid;font-size:16px;}
  53. .ydullist{display:inline-block;width:100%;}
  54. .ydullist li{float:left;width:16.6%;text-align:center;padding:5px 0px;font-size:12px;display:block;line-height:25px;padding-top:10px}
  55. .ydullist li:active{ background-color:#eeeeee}
  56. .ydullist li img,.faces{height:30px;width:30px;border-radius:50%}
  57. .ydullist li span{font-size:12px;color:#888888;}
  58. .pinglun td{padding:10px 0px}
  59. .pinglun .dt,.pinglun .act{font-size:12px;color:#888888;padding-top:5px}
  60. .pinglun .name{color:#555555}
  61. .pinglun tr{border-bottom: 1px solid #eeeeee;}
  62. .pinglun .sm{padding-top:8px;font-size:14px}
  63. .faces{margin-right:10px}
  64. .createtable{width:98%}
  65. .status{position: absolute;left:5px;top:5px;display:}
  66. td.tdys1{border:0.5px #e5e5e5 solid;text-align:center;padding:0px 5px}
  67. .divinput{padding:0px}
  68. .datesss{background:url(mode/icons/date.png) no-repeat right;cursor:pointer;}
  69. .statustext{position: absolute;right:5px;top:5px;width:60px;height:60px;overflow:hidden; border:2px red solid;border-radius:50%;font-size:16px;text-align:center;line-height:60px;color:red;transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
  70. .btn-danger{background-color:#d9534f;}
  71. #contentshow img{max-width:100%}
  72. </style>
  73. </head>
  74. <body <?php if($da['arr']['isdefaultview']==0) echo 'style="background:white"';?>>
  75. <?php
  76. $cheikbo = false;
  77. if($showheader==1)echo '<div class="header" style="padding-top:'.$cenghei.'px" id="header_title"><span onclick="js.back()" class="header-back"></span>'.$da['title'].'</div><div style="height:'.($cenghei+50).'px;overflow:hidden"></div>';
  78. ?>
  79. <div id="contentshow" class="padding10<?php if($da['arr']['isdefaultview']==1) echo ' r-border-t';?>" style="position:relative; background:white">
  80. <?php
  81. if($da['arr']['isflow']>0){
  82. echo '<div class="statustext" style="color:'.$da['arr']['statuscolor'].';border-color:'.$da['arr']['statuscolor'].'">'.$da['arr']['statustext'].'</div>';
  83. }
  84. echo $da['arr']['contview']
  85. ?>
  86. </div>
  87. <div class="r-border-t"></div>
  88. <?php
  89. if($da['arr']['optmenu']){
  90. $opsts = '<div class="padding10" align="center">';
  91. foreach($da['arr']['optmenu'] as $pt1=>$ptrs){
  92. if($pt1>0)$opsts.='&nbsp;&nbsp;';
  93. $opsts.='<input onclick="c.optmenu(this)" class="webbtn radius5" optmenuid="'.$ptrs['optmenuid'].'" issm="'.$ptrs['issm'].'" style="background:'.$ptrs['color'].'" value="'.$ptrs['name'].'" type="button">';
  94. }
  95. $opsts.= '</div>';
  96. echo $opsts;
  97. }
  98. //显示其他页面
  99. if($da['spagepath']!=''){
  100. include_once($da['spagepath']);
  101. }
  102. //是否开评论了
  103. if($da['arr']['isplview']=='1'){
  104. ?>
  105. <div class="r-subtitle">&nbsp;&nbsp;评论</div>
  106. <div class="r-border-t" style="background:white" >
  107. <div align="left" class="padding10">
  108. <div align="left"><textarea class="inputs" id="pinglun_explain" style="width:98%;height:60px" placeholder="请输入评论内容"></textarea></div>
  109. <div style="padding-top:5px">
  110. <button class="webbtn" style="border-radius:5px" onclick="c.pinglun(this)" id="check_btn" type="button">
  111. 提交评论</button>
  112. &nbsp;<span id="pinglun_spage"></span>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="r-border-t"></div>
  117. <?php
  118. }
  119. ?>
  120. <div>
  121. <?php
  122. if($da['arr']['isflow']>0 && $da['arr']['status'] != '1'){
  123. $flowinfor = $da['arr']['flowinfor'];
  124. ?>
  125. <div class="r-subtitle">&nbsp;&nbsp;流程信息</div>
  126. <div class="r-border-t" style="background:white" >
  127. <div class="padding10" align="center">
  128. <form name="myform" autocomplete="off">
  129. <table border="0" width="100%" class="tabled1" style="border-collapse:collapse;" cellspacing="0" cellpadding="0">
  130. <tr height="40" bgcolor="#E1F4F0">
  131. <td class="tdys1"><div align="right" style="color:#555555">状态</div></td>
  132. <td class="tdys1"><div align="left"><?=$flowinfor['nstatustext']?></div></td>
  133. </tr>
  134. <tr height="40">
  135. <td class="tdys1" nowrap><div align="right" style="color:#555555">处理流程</div></td>
  136. <td class="tdys1"><div align="left" style="padding:5px 0px"><?=$flowinfor['flowcoursestr']?></div></td>
  137. </tr>
  138. <?php
  139. //判断是否可撤回
  140. if($da['arr']['ischehui']>0){
  141. ?>
  142. <tr height="40">
  143. <td class="tdys1"><div align="right" style="color:#555555">撤回</div></td>
  144. <td class="tdys1" style="padding:5px"><div align="left"><input class="webbtn" onclick="c.chehui(this)" value="撤回上步我的处理" type="button"></div></td>
  145. </tr>
  146. <?php
  147. }
  148. if($flowinfor['ischeck']==1){
  149. $cheikbo = true;
  150. ?>
  151. <tr height="40">
  152. <td class="tdys1"><div align="right" style="color:#555555">当前处理</div></td>
  153. <td class="tdys1"><div align="left" id = 'input_step'><?=$flowinfor['nowcourse']['name']?>(<?=$flowinfor['nowcourse']['nowcheckname']?>)</div></td>
  154. </tr>
  155. <tr height="40">
  156. <td class="tdys1" nowrap><div align="right" style="color:#555555"><font color=red>*</font>处理动作</div></td>
  157. <td class="tdys1"><div align="left">
  158. <?php
  159. $s = '';
  160. $tuiname = '';
  161. foreach($flowinfor['courseact'] as $k=>$act){
  162. if($k>0 && $act[0])$s.='<label><input name="check_status" onclick="c.changecheck_status(this)" type="radio" value="'.$k.'">'.$act[0].'</label> &nbsp; ';
  163. if($k==2)$tuiname = $act[0];
  164. }
  165. echo $s;
  166. ?>
  167. </div></td>
  168. </tr>
  169. <?php
  170. ?>
  171. <?php
  172. //是否可抄送
  173. if($flowinfor['ischao']==1 || $flowinfor['ischao']==2){
  174. ?>
  175. <tr height="40">
  176. <td class="tdys1"><div align="right" style="color:#555555">抄送</div></td>
  177. <td class="tdys1" style="padding:5px"><div align="left">
  178. <input name="bzcslx" type="hidden" value="<?=$flowinfor['ischao']?>">
  179. <table width="98%" cellpadding="0" border="0"><tr><td width="100%"><input placeholder="选择了抄送对应人" class="inputs" style="width:98%" id="bzchaosongname" readonly type="text" name="bzchaosongname"><input name="bzchaosongnameid" id="bzchaosongname_id" type="hidden"></td><td nowrap><a href="javascript:;" onclick="js.changeclear('bzchaosongname')" class="webbtn">×</a><a href="javascript:;" onclick="js.changeuser('bzchaosongname','changeusercheck','',{changerange:'<?=$flowinfor['ischaofwid']?>'})" class="webbtn">选择</a></td></tr></table>
  180. </div></td>
  181. </tr>
  182. <?php
  183. }
  184. ?>
  185. <input type="hidden" id="isqianming" value="<?=$flowinfor['nowcourse']['isqm']?>">
  186. <?php
  187. //需要签名才显示
  188. if((int)$flowinfor['nowcourse']['isqm']>0){
  189. ?>
  190. <tr height="40">
  191. <td class="tdys1"><div align="right" style="color:#555555">手写签名</div></td>
  192. <td class="tdys1"><div id="qianmingshow" style="padding:5px 0px" align="left"><input type="button" onclick="c.qianming(this)" style="padding:2px" value="写签名">&nbsp;&nbsp;<input type="button" onclick="c.qianyin(this)" style="padding:2px" value="引用签名"></div></td>
  193. </tr>
  194. <?php
  195. }
  196. //不通过退回是
  197. if($tuiname != '' && $da['arr']['isflow']!=3){
  198. ?>
  199. <tr style="display:none" id="tuihuidiv" height="40">
  200. <td class="tdys1" nowrap><div align="right" style="color:#555555"><font color=red>*</font><?=$tuiname?>退回</div></td>
  201. <td class="tdys1"><div align="left">
  202. <select class="inputb" name="check_tuiid" style="width:99%"><option value="0">退回到提交人</option>
  203. <?php
  204. if($flowinfor['tuicourse']){
  205. $tstr = '<optgroup label="退回到步骤">';
  206. foreach($flowinfor['tuicourse'] as $k=>$trs){
  207. $tstr.='<option value="'.$trs['id'].'">'.$trs['name'].'('.$trs['checkname'].')</option>';
  208. }
  209. $tstr.='</optgroup>';
  210. echo $tstr;
  211. }
  212. ?>
  213. </select>
  214. </div></td>
  215. </tr>
  216. <?php
  217. }
  218. foreach($flowinfor['checkfields'] as $chef=>$chefv){
  219. if($chefv['showinpus']==1){
  220. ?>
  221. <tr>
  222. <td class="tdys1"><div align="right" style="color:#555555"><?php if($chefv['isbt']=='1')echo '<font color=red>*</font>';?><span isbt="<?=$chefv['isbt']?>" fieidscheck="<?=$chef?>" fieldstype="<?=$chefv['fieldstype']?>"><?=$chefv['name']?></span></div></td>
  223. <td class="tdys1" style="padding:5px;" ><div align="left"><?=$chefv['inputstr']?></div></td>
  224. </tr>
  225. <?php
  226. }else if($chefv['showinpus']==2){
  227. echo '<tr style="display:none"><td><span isbt="'.$chefv['isbt'].'" fieidscheck="'.$chef.'">'.$chefv['name'].'</span></td><td>'.$chefv['inputstr'].'</td></tr>';
  228. }}
  229. //是否可转办显示
  230. if($flowinfor['iszhuanban']>0){
  231. ?>
  232. <tr style="display:none" id="zhuangdiv">
  233. <td class="tdys1"><div align="right" style="color:#555555">转给</div></td>
  234. <td class="tdys1" style="padding:5px"><div align="left">
  235. <table width="98%" cellpadding="0" border="0"><tr><td width="100%"><input placeholder="选择了就会转办给对应人" class="inputs" style="width:98%" id="zhuanbanname" readonly type="text" name="zhuanbanname"><input name="zhuanbannameid" id="zhuanbanname_id" type="hidden"></td><td nowrap><a href="javascript:;" onclick="js.changeclear('zhuanbanname')" class="webbtn">×</a><a href="javascript:;" onclick="js.changeuser('zhuanbanname','changeuser<?=$flowinfor['zbrangelx']?>','',{changerange:'<?=$flowinfor['zbrangeid']?>'})" class="webbtn">选择</a></td></tr></table>
  236. </div></td>
  237. </tr>
  238. <?php
  239. }
  240. if($flowinfor['ischange']==1){
  241. ?>
  242. <tr style="display:none" id="nextxuandiv">
  243. <td class="tdys1"><div align="right" style="color:#555555"><font color=red>*</font>下一步处理人</div></td>
  244. <td class="tdys1" style="padding:5px"><div align="left">
  245. <table width="98%" cellpadding="0" border="0"><tr><td width="100%"><input placeholder="选择下一步[<?=$flowinfor['nextcourse']['name']?>]处理人" class="inputs" style="width:98%" id="nextname" readonly type="text" value="<?=$flowinfor['nextcourse']['checkname']?>" name="nextname"><input name="nextnameid" id="nextname_id" value="<?=$flowinfor['nextcourse']['checkid']?>" type="hidden"></td><td nowrap><a href="javascript:;" onclick="js.changeclear('nextname')" class="webbtn">×</a><a href="javascript:;" onclick="js.changeuser('nextname','changeusercheck','',{changerange:'<?=$flowinfor['nextcourse']['checktypeid']?>'})" class="webbtn">选择</a></td></tr></table>
  246. </div></td>
  247. </tr>
  248. <?php }
  249. $smlx = (int)$flowinfor['nowcourse']['smlx'];
  250. $wjlx = (int)$flowinfor['nowcourse']['wjlx'];
  251. echo '<tr style="display:none"><td><input name="check_smlx" value="'.$smlx.'"><input name="check_wjlx" value="'.$wjlx.'"></td></tr>';
  252. if($smlx!=3){
  253. ?>
  254. <tr>
  255. <td class="tdys1"><div id="title_explain" align="right" style="color:#555555"><?php if($smlx==1)echo '<font color=red>*</font>';?>说明</div></td>
  256. <td class="tdys1" style="padding:5px"><div align="left"><textarea class="inputb" name="check_explain" style="width:95%;height:60px;"></textarea></div></td>
  257. </tr>
  258. <?php
  259. }
  260. if($wjlx!=3){
  261. ?>
  262. <tr>
  263. <td class="tdys1" nowrap><div align="right" style="color:#555555"><?php if($wjlx==1)echo '<font color=red>*</font>';?>相关文件</div></td>
  264. <td class="tdys1" style="padding:5px"><div align="left">
  265. <input name="fileid" type="hidden">
  266. <div id="filedivview" style="height:60px;overflow:auto;width:96%" class="inputb"></div>
  267. <div id="filedivviewfile"><input style="width:150px" onchange="f.change(this)" type="file"></div>
  268. </div></td>
  269. </tr>
  270. <?php
  271. }
  272. ?>
  273. <tr>
  274. <td class="tdys1" colspan="2" style="padding:10px 5px"><div align="center"><button class="webbtn" style="width:95%;border-radius:5px" onclick="check(0)" id="check_btn" type="button">提交处理</button><br><span id="msgview"></span></div></td>
  275. </tr>
  276. <?php }?>
  277. </table>
  278. </form>
  279. </div>
  280. </div>
  281. <div class="r-border-t"></div>
  282. <?php
  283. }
  284. $logarr = $da['arr']['logarr'];
  285. if($logarr && $da['arr']['isgbjl']==0){
  286. $logcount= count($logarr);
  287. ?>
  288. <div onclick="c.changeshow(0)" class="r-subtitle">&nbsp;&nbsp;处理记录(<?=$logcount?>) <img align="absmiddle" height="16" width="16" src="images/xiangyou1.png"> </div>
  289. <div id="showrecord0" class="pinglun r-border-t" style="background:white;display:none">
  290. <table width="100%">
  291. <?php
  292. foreach($logarr as $k=>$rs){
  293. $atrs = ($logcount==$k+1) ? 'style="border:none"':'';
  294. $s = '<tr '.$atrs.' valign="top">';
  295. $s.= '<td align="right" width="50"><img src="'.$rs['face'].'" class="faces"></td>';
  296. $s.= '<td>';
  297. $s.= '<div class="name">'.$rs['name'].'<span class="act">['.$rs['actname'].']</span><font color="'.$rs['color'].'">'.$rs['statusname'].'</font><span class="dt">('.$rs['optdt'].')</span></div>';
  298. if(!isempt($rs['explain']))$s.= '<div class="sm">'.$rs['explain'].'</div>';
  299. $s.= '</td>';
  300. $s.= '</tr>';
  301. echo $s;
  302. }
  303. ?>
  304. </table>
  305. </div>
  306. <div class="r-border-t"></div>
  307. <?php
  308. }
  309. //是否关闭查阅记录
  310. if($da['arr']['isgbcy']==0){
  311. ?>
  312. <div onclick="location.reload()" class="r-subtitle">&nbsp;&nbsp;查阅记录(<?=count($da['arr']['readarr'])?>)</div>
  313. <div class="r-border-t" style="background:white"><ul class="ydullist"><?php
  314. foreach($da['arr']['readarr'] as $k=>$rs){
  315. echo '<li onclick="showchayue(\''.$rs['optdt'].'\',\''.$rs['stotal'].'\')"><img src="'.$rs['face'].'" align="absmiddle"><br><span>'.$rs['name'].'</span></li>';
  316. }
  317. ?></ul></div>
  318. <div class="r-border-t"></div>
  319. <?php
  320. if($da['arr']['readunarr']){
  321. ?>
  322. <div onclick="location.reload()" class="r-subtitle">&nbsp;&nbsp;未查阅人员(<?=count($da['arr']['readunarr'])?>)</div>
  323. <div class="r-border-t" style="background:white"><ul class="ydullist"><?php
  324. foreach($da['arr']['readunarr'] as $k=>$rs){
  325. if($k>=30)break;//最多显示30人
  326. echo '<li ><img src="'.$rs['face'].'" align="absmiddle"><br><span>'.$rs['name'].'</span></li>';
  327. }
  328. ?></ul></div>
  329. <div class="r-border-t"></div>
  330. <?php
  331. }}
  332. ?>
  333. </div>
  334. <?php
  335. if($cheikbo){
  336. ?>
  337. <script type="text/javascript" src="web/res/js/jquery-changeuser.js"></script>
  338. <link rel="stylesheet" type="text/css" href="mode/plugin/css/jquery-rockdatepicker.css"/>
  339. <script type="text/javascript" src="mode/plugin/jquery-rockdatepicker.js"></script>
  340. <script type="text/javascript" src="mode/plugin/jquery-signature.js"></script>
  341. <script type="text/javascript" src="web/res/js/jquery-rockupload.js"></script>
  342. <?php
  343. if($flowinfor['checkfields'] && $da['inputjspath']!='')echo '<script type="text/javascript" id="modelujs" src="'.$da['inputjspath'].'"></script>';
  344. }?>
  345. </body>
  346. </html>