tpl_mode_x.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407
  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"></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:10px;top:15px;width:55px;height:55px;overflow:hidden; border:2px red solid;border-radius:50%;font-size:16px;text-align:center;line-height:55px;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. if($da['arr']['isdefaultview']==1)echo '<div onclick="c.changeshow(0)" class="r-subtitle">&nbsp;&nbsp;'.$da['arr']['modename'].'</div>';
  79. ?>
  80. <!--<div id="contentshow" class="padding10<?php if($da['arr']['isdefaultview']==1) echo ' r-border-t';?>" style="position:relative; background:white">-->
  81. <div id="contentshow" class="padding10<?php if($da['arr']['isdefaultview']==1) echo ' r-border-t';?>" style="position:relative; background:#f1f1f1">
  82. <?php
  83. if($da['arr']['isflow']>0){
  84. echo '<div class="statustext" style="color:'.$da['arr']['statuscolor'].';border-color:'.$da['arr']['statuscolor'].'">'.$da['arr']['statustext'].'</div>';
  85. }
  86. echo $da['arr']['contview']
  87. ?>
  88. </div>
  89. <div class="r-border-t"></div>
  90. <?php
  91. if($da['arr']['optmenu']){
  92. $opsts = '<div class="padding10" align="center">';
  93. foreach($da['arr']['optmenu'] as $pt1=>$ptrs){
  94. if($pt1>0)$opsts.='&nbsp;&nbsp;';
  95. $opsts.='<input onclick="c.optmenu(this)" class="webbtn radius5" optmenuid="'.$ptrs['optmenuid'].'" issm="'.$ptrs['issm'].'" style="background:'.$ptrs['color'].'" value="'.$ptrs['name'].'" type="button">';
  96. }
  97. $opsts.= '</div>';
  98. echo $opsts;
  99. }
  100. //显示其他页面
  101. if($da['spagepath']!=''){
  102. include_once($da['spagepath']);
  103. }
  104. //是否开评论了
  105. if($da['arr']['isplview']=='1'){
  106. ?>
  107. <div class="r-subtitle">&nbsp;&nbsp;评论</div>
  108. <div class="r-border-t" style="background:white" >
  109. <div align="left" class="padding10">
  110. <div align="left"><textarea class="inputs" id="pinglun_explain" style="width:98%;height:60px" placeholder="请输入评论内容"></textarea></div>
  111. <div style="padding-top:5px">
  112. <button class="webbtn" style="border-radius:5px" onclick="c.pinglun(this)" id="check_btn" type="button">
  113. 提交评论</button>
  114. &nbsp;<span id="pinglun_spage"></span>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="r-border-t"></div>
  119. <?php
  120. }
  121. ?>
  122. <div>
  123. <?php
  124. if($da['arr']['isflow']>0 && $da['arr']['status'] != '1'){
  125. $flowinfor = $da['arr']['flowinfor'];
  126. ?>
  127. <div class="r-subtitle">&nbsp;&nbsp;流程信息</div>
  128. <div class="r-border-t" style="background:white" >
  129. <div class="padding10" align="center">
  130. <form name="myform" autocomplete="off">
  131. <table border="0" width="100%" class="tabled1" style="border-collapse:collapse;" cellspacing="0" cellpadding="0">
  132. <tr height="40" bgcolor="#E1F4F0">
  133. <td class="tdys1"><div align="right" style="color:#555555">状态</div></td>
  134. <td class="tdys1"><div align="left"><?=$flowinfor['nstatustext']?></div></td>
  135. </tr>
  136. <tr height="40">
  137. <td class="tdys1" nowrap><div align="right" style="color:#555555">处理流程</div></td>
  138. <td class="tdys1"><div align="left" style="padding:5px 0px"><?=$flowinfor['flowcoursestr']?></div></td>
  139. </tr>
  140. <?php
  141. //判断是否可撤回
  142. if($da['arr']['ischehui']>0){
  143. ?>
  144. <tr height="40">
  145. <td class="tdys1"><div align="right" style="color:#555555">撤回</div></td>
  146. <td class="tdys1" style="padding:5px"><div align="left"><input class="webbtn" onclick="c.chehui(this)" value="撤回上步我的处理" type="button"></div></td>
  147. </tr>
  148. <?php
  149. }
  150. if($flowinfor['ischeck']==1){
  151. $cheikbo = true;
  152. ?>
  153. <tr height="40">
  154. <td class="tdys1"><div align="right" style="color:#555555">当前处理</div></td>
  155. <td class="tdys1">
  156. <div align="left" id="input_step"><?=$flowinfor['nowcourse']['name']?>(<?=$flowinfor['nowcourse']['nowcheckname']?>)
  157. </div>
  158. </td>
  159. </tr>
  160. <tr height="40">
  161. <td class="tdys1" nowrap><div align="right" style="color:#555555"><font color=red>*</font>处理动作</div></td>
  162. <td class="tdys1"><div align="left">
  163. <?php
  164. $s = '';
  165. $tuiname = '';
  166. foreach($flowinfor['courseact'] as $k=>$act){
  167. if($k>0 && $act[0])$s.='<label><input name="check_status" onclick="c.changecheck_status(this)" type="radio" value="'.$k.'">'.$act[0].'</label> &nbsp; ';
  168. if($k==2)$tuiname = $act[0];
  169. }
  170. echo $s;
  171. ?>
  172. </div></td>
  173. </tr>
  174. <?php
  175. ?>
  176. <?php
  177. //是否可抄送
  178. if($flowinfor['ischao']==1 || $flowinfor['ischao']==2){
  179. ?>
  180. <tr height="40">
  181. <td class="tdys1"><div align="right" style="color:#555555">抄送</div></td>
  182. <td class="tdys1" style="padding:5px"><div align="left">
  183. <input name="bzcslx" type="hidden" value="<?=$flowinfor['ischao']?>">
  184. <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>
  185. </div></td>
  186. </tr>
  187. <?php
  188. }
  189. ?>
  190. <input type="hidden" id="isqianming" value="<?=$flowinfor['nowcourse']['isqm']?>">
  191. <?php
  192. //需要签名才显示
  193. if((int)$flowinfor['nowcourse']['isqm']>0){
  194. ?>
  195. <tr height="40">
  196. <td class="tdys1"><div align="right" style="color:#555555">手写签名</div></td>
  197. <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>
  198. </tr>
  199. <?php
  200. }
  201. //不通过退回是
  202. if($tuiname != '' && $da['arr']['isflow']!=3){
  203. ?>
  204. <tr style="display:none" id="tuihuidiv" height="40">
  205. <td class="tdys1" nowrap><div align="right" style="color:#555555"><font color=red>*</font><?=$tuiname?>退回</div></td>
  206. <td class="tdys1"><div align="left">
  207. <select class="inputb" name="check_tuiid" style="width:99%"><option value="0">退回到提交人</option>
  208. <?php
  209. if($flowinfor['tuicourse']){
  210. $tstr = '<optgroup label="退回到步骤">';
  211. foreach($flowinfor['tuicourse'] as $k=>$trs){
  212. $tstr.='<option value="'.$trs['id'].'">'.$trs['name'].'('.$trs['checkname'].')</option>';
  213. }
  214. $tstr.='</optgroup>';
  215. echo $tstr;
  216. }
  217. ?>
  218. </select>
  219. </div></td>
  220. </tr>
  221. <?php
  222. }
  223. foreach($flowinfor['checkfields'] as $chef=>$chefv){
  224. if($chefv['showinpus']==1){
  225. ?>
  226. <tr>
  227. <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>
  228. <td class="tdys1" style="padding:5px;" ><div align="left"><?=$chefv['inputstr']?></div></td>
  229. </tr>
  230. <?php
  231. }else if($chefv['showinpus']==2){
  232. echo '<tr style="display:none"><td><span isbt="'.$chefv['isbt'].'" fieidscheck="'.$chef.'">'.$chefv['name'].'</span></td><td>'.$chefv['inputstr'].'</td></tr>';
  233. }}
  234. //是否可转办显示
  235. if($flowinfor['iszhuanban']>0){
  236. ?>
  237. <tr style="display:none" id="zhuangdiv">
  238. <td class="tdys1"><div align="right" style="color:#555555">转给</div></td>
  239. <td class="tdys1" style="padding:5px"><div align="left">
  240. <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>
  241. </div></td>
  242. </tr>
  243. <?php
  244. }
  245. if($flowinfor['ischange']==1){
  246. ?>
  247. <tr style="display:none" id="nextxuandiv">
  248. <td class="tdys1"><div align="right" style="color:#555555"><font color=red>*</font>下一步处理人</div></td>
  249. <td class="tdys1" style="padding:5px"><div align="left">
  250. <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>
  251. </div></td>
  252. </tr>
  253. <?php }
  254. $smlx = (int)$flowinfor['nowcourse']['smlx'];
  255. $wjlx = (int)$flowinfor['nowcourse']['wjlx'];
  256. echo '<tr style="display:none"><td><input name="check_smlx" value="'.$smlx.'"><input name="check_wjlx" value="'.$wjlx.'"></td></tr>';
  257. if($smlx!=3){
  258. ?>
  259. <tr>
  260. <td class="tdys1"><div align="right" style="color:#555555"><?php if($smlx==1)echo '<font color=red>*</font>';?>说明</div></td>
  261. <td class="tdys1" style="padding:5px"><div align="left"><textarea class="inputb" name="check_explain" style="width:95%;height:60px;"></textarea></div></td>
  262. </tr>
  263. <?php
  264. }
  265. if($wjlx!=3){
  266. ?>
  267. <tr>
  268. <td class="tdys1" nowrap><div align="right" style="color:#555555"><?php if($wjlx==1)echo '<font color=red>*</font>';?>相关文件</div></td>
  269. <td class="tdys1" style="padding:5px"><div align="left">
  270. <input name="fileid" type="hidden">
  271. <div id="filedivview" style="height:60px;overflow:auto;width:96%" class="inputb"></div>
  272. <div id="filedivviewfile"><input style="width:150px" onchange="f.change(this)" type="file"></div>
  273. </div></td>
  274. </tr>
  275. <?php
  276. }
  277. ?>
  278. <tr>
  279. <td class="tdys1" colspan="2" style="padding:10px 5px">
  280. <div align="center">
  281. <button class="webbtn" style="width:95%;border-radius:5px" onclick="check(0)" id="check_btn" type="button">
  282. 提交处理
  283. </button>
  284. <br>
  285. <span id="msgview"></span>
  286. </div>
  287. </td>
  288. </tr>
  289. <?php }?>
  290. </table>
  291. </form>
  292. </div>
  293. </div>
  294. <div class="r-border-t"></div>
  295. <?php
  296. }
  297. $logarr = $da['arr']['logarr'];
  298. if($logarr && $da['arr']['isgbjl']==0){
  299. $logcount= count($logarr);
  300. ?>
  301. <div onclick="c.changeshow(0)" class="r-subtitle">&nbsp;&nbsp;处理记录(<?=$logcount?>) <img align="absmiddle" height="16" width="16" src="images/xiangyou1.png"> </div>
  302. <div id="showrecord0" class="pinglun r-border-t" style="background:white;display:<?php if(getconfig('xiangrecord')!='1')echo 'none';?>">
  303. <table width="100%">
  304. <?php
  305. foreach($logarr as $k=>$rs){
  306. $atrs = ($logcount==$k+1) ? 'style="border:none"':'';
  307. $s = '<tr '.$atrs.' valign="top">';
  308. $s.= '<td align="right" width="50"><img src="'.$rs['face'].'" class="faces"></td>';
  309. $s.= '<td>';
  310. $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>';
  311. if(!isempt($rs['explain']))$s.= '<div class="sm">'.$rs['explain'].'</div>';
  312. $s.= '</td>';
  313. $s.= '</tr>';
  314. echo $s;
  315. }
  316. ?>
  317. </table>
  318. </div>
  319. <div class="r-border-t"></div>
  320. <?php
  321. }
  322. //是否关闭查阅记录
  323. if($da['arr']['isgbcy']==0){
  324. ?>
  325. <div onclick="location.reload()" class="r-subtitle">&nbsp;&nbsp;查阅记录(<?=count($da['arr']['readarr'])?>)</div>
  326. <div class="r-border-t" style="background:white"><ul class="ydullist"><?php
  327. foreach($da['arr']['readarr'] as $k=>$rs){
  328. echo '<li onclick="showchayue(\''.$rs['optdt'].'\',\''.$rs['stotal'].'\')"><img src="'.$rs['face'].'" align="absmiddle"><br><span>'.$rs['name'].'</span></li>';
  329. }
  330. ?></ul></div>
  331. <div class="r-border-t"></div>
  332. <?php
  333. if($da['arr']['readunarr']){
  334. ?>
  335. <div onclick="location.reload()" class="r-subtitle">&nbsp;&nbsp;未查阅人员(<?=count($da['arr']['readunarr'])?>)</div>
  336. <div class="r-border-t" style="background:white"><ul class="ydullist"><?php
  337. foreach($da['arr']['readunarr'] as $k=>$rs){
  338. if($k>=30)break;//最多显示30人
  339. echo '<li ><img src="'.$rs['face'].'" align="absmiddle"><br><span>'.$rs['name'].'</span></li>';
  340. }
  341. ?></ul></div>
  342. <div class="r-border-t"></div>
  343. <?php
  344. }}
  345. ?>
  346. </div>
  347. <?php
  348. $modelujs = arrvalue($da['arr'], 'modelujs');
  349. if($cheikbo || $modelujs){
  350. ?>
  351. <script type="text/javascript" src="web/res/js/jquery-changeuser.js"></script>
  352. <link rel="stylesheet" type="text/css" href="mode/plugin/css/jquery-rockdatepicker.css"/>
  353. <script type="text/javascript" src="mode/plugin/jquery-rockdatepicker.js"></script>
  354. <script type="text/javascript" src="mode/plugin/jquery-signature.js"></script>
  355. <script type="text/javascript" src="web/res/js/jquery-rockupload.js"></script>
  356. <?php
  357. if(($modelujs || $flowinfor['checkfields']) && $da['inputjspath']!='')echo '<script type="text/javascript" id="modelujs" src="'.$da['inputjspath'].'?'.time().'"></script>';
  358. }?>
  359. </body>
  360. </html>