formedit.html 49 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>公务用车派遣单</title>
  7. <link href="../../../AFrontEnd/css/animate.css" rel="stylesheet" />
  8. <link href="../../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  9. <link href="../../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <script>document.write("<link href='../../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <script>document.write("<link href='../../flowchart_app_imgcss/css/formedit.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <script>document.write("<link href='../../flowchart_app_imgcss/css/canvasQianzi.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <style>
  15. .formedit {
  16. border-collapse: collapse;
  17. width: 100%;
  18. border: 2px solid #000;
  19. color: #000;
  20. }
  21. .formedit tbody td {
  22. text-align: center;
  23. line-height: 20px;
  24. padding: 7px 8px;
  25. border-top: 1px solid #000;
  26. border-right: 1px solid #000;
  27. }
  28. .sp-page-center input,
  29. .sp-page-center select,
  30. .sp-page-center textarea {
  31. border: 1px solid #fff;
  32. color: #333;
  33. }
  34. .sp-error {
  35. color: #409EFF;
  36. }
  37. .sp-errorTip:hover,
  38. .sp-errorTip:focus {
  39. border: 1px solid #409EFF;
  40. }
  41. [ng-cloak]{
  42. display:none
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
  48. <div class="wrapper wrapper-content">
  49. <div class="row">
  50. <div class="col-md-12">
  51. <div class="ibox float-e-margins">
  52. <div class="ibox-content">
  53. <div class="row">
  54. <div class="col-md-12">
  55. <div class="sp-page mousemove" style="position:fixed;z-index:6;background:#c6c6c6;opacity:0.5;display:none"></div>
  56. <div class="sp-box" style="background: #008A94; padding-right: 10px; line-height: 30px; ">
  57. <div class="sp-page sp-color-white" style="width: 200px; margin: 7px 0; text-indent: 10px" ng-bind="ctl.flowTitle"></div>
  58. <div class="sp-wrapper-head-col sp-mr-20">
  59. <span class="sp-wrapper-head-col-span" style="padding: 0; border: 1px solid #eee; border-radius: 5px; display: inline-block; line-height: 30px; height: 30px; margin-top: 5px;">
  60. <i class="icon-map-1 sp-pl-5 pointer" ng-click="ctl.onePic()"></i>
  61. <input type="text" class="sp-wrapper-head-search" style="border:0" placeholder="地图搜索" ng-model="ctl.headBtnSearchKeyword" ng-change="ctl.headBtnSearch()" />
  62. </span>
  63. <div class="sp-wrapper-head-sub-2 sp-text-center" style="width:175px;" ng-if="ctl.headSearchResult_view">
  64. <div class="sp-lh-26-wrap" ng-repeat="item in ctl.headSearchResult" ng-click="ctl.headKeywordPage(item)"><a ng-bind="item.name" title="{{item.name}}"></a></div>
  65. </div>
  66. </div>
  67. <div class="sp-wrapper-head-col" onclick="$('#attachlist')[0].contentWindow.openTool('../../flfg/bzgf.html', '标准规范');">
  68. <span class="sp-wrapper-head-col-span">
  69. <i class="icon-book"></i>标准规范
  70. </span>
  71. </div>
  72. <div class="sp-wrapper-head-col" onclick="$('#attachlist')[0].contentWindow.openTool('../../flfg/flgf.html', '法律法规');">
  73. <span class="sp-wrapper-head-col-span">
  74. <i class="fa fa-legal"></i>法律法规
  75. </span>
  76. </div>
  77. <div class="sp-wrapper-head-col" onclick="$('#attachlist')[0].contentWindow.openTool('../../flfg/dnfg.html', '党内规范');">
  78. <span class="sp-wrapper-head-col-span">
  79. <i class="icon-newspaper-1"></i>党内规范
  80. </span>
  81. </div>
  82. <div class="sp-wrapper-head-col" onclick="$('#attachlist')[0].contentWindow.openTool('../../fontOA/list.html', '公文查询');">
  83. <span class="sp-wrapper-head-col-span">
  84. <i class="icon-chart-alt-outline"></i>公文查询
  85. </span>
  86. </div>
  87. </div>
  88. <div class="sp-page sp-fs-16" style="border-bottom: 1px solid #c6c6c6">
  89. <div class="sp-page-col sp-pull-right sp-ml-30">
  90. <button style="padding:4px 10px;" class="sp-md sp-radius" ng-class="{'sp-btn-gray':item.CODE.indexOf('SENDITEM')==-1,'sp-btn-blue':item.CODE.indexOf('SENDITEM')!=-1}" ng-repeat="item in ctl.buttonList" ng-click="ctl.btnEvent(item)" ng-if="ctl.dotype==1||(ctl.dotype!=1&&item.EXPLAIN=='1')">
  91. <img ng-if="item.CODE.indexOf('SAVEITEM')!=-1" src="../../flowchart_app_imgcss/img/bc.png" height="14" />
  92. <img ng-if="item.CODE.indexOf('PRINTITEM')!=-1" src="../../flowchart_app_imgcss/img/dy.png" height="14" />
  93. <img ng-if="item.CODE.indexOf('SENDITEM')!=-1" src="../../flowchart_app_imgcss/img/zfw.png" height="14" />
  94. <img ng-if="item.CODE.indexOf('SENDLOG')!=-1" src="../../flowchart_app_imgcss/img/lz.png" height="14" />
  95. {{item.CNAME}}
  96. </button>
  97. <button class="sp-btn-gray sp-md sp-radius sp-mt-5" style="padding: 4px 10px;" onclick="javascript: window.close(); localStorage.setItem('GlWorkPlatform-cheliangbg-refresh', 1)" ng-if="ctl.deviceType!='pad'">
  98. <img src="../../flowchart_app_imgcss/img/fh.png" height="14" />
  99. 关闭
  100. </button>
  101. <button class="sp-btn-gray sp-md sp-radius sp-mt-5" style="padding: 4px 10px;" onclick="javascript: history.go(-1); localStorage.setItem('GlWorkPlatform-cheliangbg-refresh', 1)" ng-if="ctl.deviceType=='pad'">
  102. <img src="../../flowchart_app_imgcss/img/fh.png" height="14" />
  103. 关闭
  104. </button>
  105. </div>
  106. </div>
  107. <div id="bodyDiv" class="sp-page" style="overflow: visible;">
  108. <div id="topDiv" class="sp-box" style="width:100%;height:600px;background:#FFFFFF;padding:0px;margin:0px;overflow:hidden">
  109. <div class="sp-page-center" style="line-height: 30px; color: #000; overflow-y: auto;" ng-class="{'sp-width-900': '{{ctl.deviceType}}'=='pad','sp-width-1000': '{{ctl.deviceType}}'!='pad'}">
  110. <h3 class="sp-text-center">公务用车派遣单</h3>
  111. <div class="sp-page">
  112. <div class="sp-col-50">编号:{{ctl.data.DH}}</div>
  113. <div class="sp-col-50 sp-text-right">申请时间:
  114. <input type="text" class="sp-input laydate-logo" style="width:200px;float:right" sp-laydate ng-model="ctl.data.SQSJ" ng-disabled="ctl.hide('readonly','SQSJ')" ng-change="ctl.changeFiled('SQSJ')" />
  115. </div>
  116. </div>
  117. <table class="formedit">
  118. <tr>
  119. <td width="100" rowspan="6">出行信息</td>
  120. <td width="150">联系人</td>
  121. <td width="299">
  122. <input type="text" class="sp-input" ng-model="ctl.data.SQR" readonly ng-click="ctl.openUserList('SQR')" title="{{ctl.data.SQR}}" />
  123. </td>
  124. <td width="150">联系电话</td>
  125. <td>
  126. <input type="text" class="sp-input" ng-model="ctl.data.SQRLXFS" ng-disabled="ctl.hide('readonly','SQRLXFS')" sp-required ng-change="ctl.changeFiled('SQRLXFS')" />
  127. </td>
  128. </tr>
  129. <tr>
  130. <td>用车单位<br />(部门)</td>
  131. <td>
  132. <input type="text" class="sp-input" ng-model="ctl.data.YCDW" readonly title="{{ctl.data.YCDW}}" />
  133. </td>
  134. <td>车型需求</td>
  135. <td>
  136. <select class="sp-select" ng-model="ctl.data.CXXQ_VAL" ng-disabled="ctl.hide('readonly','CXXQ_VAL')" ng-change="ctl.changeFiled('CXXQ_VAL')">
  137. <option ng-repeat="item in ctl.CX" value="{{item.CXXQ_VAL}}">{{item.CXNAME}}({{item.ZCRS}})</option>
  138. </select>
  139. </td>
  140. </tr>
  141. <tr>
  142. <td>参加委领导</td>
  143. <td>
  144. <input type="text" class="sp-input" ng-model="ctl.data.FGLD" readonly ng-click="ctl.openUserList('FGLD')" title="{{ctl.data.FGLD}}" />
  145. </td>
  146. <td>目的地</td>
  147. <td>
  148. <input type="text" class="sp-input sp-text-center" ng-disabled="ctl.hide('readonly','XCLX')" sp-required ng-model="ctl.data.XCLX" ng-change="ctl.changeFiled('XCLX')" />
  149. <!--<textarea class="sp-textarea sp-text-center" rows="3" style="resize:none" ng-disabled="ctl.hide('readonly','XCLX')" ng-model="ctl.data.XCLX" ng-change="ctl.changeFiled('XCLX')"></textarea>-->
  150. <!--<input class="sp-input" type="text" style="width:30%" ng-disabled="ctl.hide('readonly','XCLX')" ng-model="ctl.data.XCLX" ng-change="ctl.changeFiled('XCLX')" />
  151. <input class="sp-input" type="text" style="width:30%" ng-disabled="ctl.hide('readonly','XCLX2')" ng-model="ctl.data.XCLX2" ng-change="ctl.changeFiled('XCLX2')" />
  152. <input class="sp-input" type="text" style="width:30%" ng-disabled="ctl.hide('readonly','XCLX3')" ng-model="ctl.data.XCLX3" ng-change="ctl.changeFiled('XCLX3')" />-->
  153. </td>
  154. </tr>
  155. <tr>
  156. <td>出发时间</td>
  157. <td>
  158. <input type="text" class="sp-input laydate-logo YCKSSJ" sp-laydate laytype="datetime" format="yyyy-M-dd HH:mm" ng-model="ctl.data.YCKSSJ" ng-disabled="ctl.hide('readonly','YCKSSJ')" ng-change="ctl.changeFiled('YCKSSJ')" />
  159. </td>
  160. <td>登车地点</td>
  161. <td>
  162. <select class="sp-select" ng-model="ctl.data.DCDD" ng-disabled="ctl.hide('readonly','DCDD')" ng-change="ctl.changeFiled('DCDD')">
  163. <option ng-repeat="item in ctl.DCDDlist" value="{{item}}" ng-bind="item"></option>
  164. </select>
  165. </td>
  166. </tr>
  167. <tr>
  168. <td>返回时间</td>
  169. <td>
  170. <input type="text" class="sp-input laydate-logo YCJSSJ" sp-laydate laytype="datetime" format="yyyy-M-dd HH:mm" ng-model="ctl.data.YCJSSJ" ng-disabled="ctl.hide('readonly','YCJSSJ')" ng-change="ctl.changeFiled('YCJSSJ')" />
  171. </td>
  172. <td>返回地点</td>
  173. <td>
  174. <input type="text" class="sp-input" ng-model="ctl.data.FCDD" readonly />
  175. </td>
  176. </tr>
  177. <tr>
  178. <td>任务描述</td>
  179. <td>
  180. <select class="sp-select" ng-disabled="ctl.hide('readonly','YCSY')" ng-model="ctl.data.YCSY" ng-change="ctl.changeFiled('YCSY')">
  181. <option ng-repeat="item in ctl.YCSY" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
  182. </select>
  183. </td>
  184. <td colspan="2">
  185. <div class="sp-page" style="width:431px">
  186. <div class="download-Item" ng-repeat="item in ctl.arrayFile track by $index ">
  187. <a ng-click="ctl.downLoad(item)">
  188. <i class="fa fa-download sp-color-red">下载</i>
  189. </a>
  190. <a ng-click="ctl.deleteFile(item)" ng-if="!ctl.hide('readonly','YCSY')">
  191. <i class="fa fa-trash sp-color-red">删除</i>
  192. </a>
  193. <a ng-bind="item.FILENAMES" ng-click="ctl.goAttach(item)" title="{{item.FILENAMES}}"></a>
  194. </div>
  195. <div class="download-Item" ng-hide="ctl.arrayFile.length==8" ng-if="!ctl.hide('readonly','YCSY')">
  196. <span class="upload" ng-show="ctl.arrayFile.length<8">
  197. <input type="button" ng-disabled="ctl.data.ID==0" class="upload-btn-single" ng-click="ctl.upload()" value="上传任务件">
  198. <span class="sp-upload-tip"></span>
  199. <input id="fileupload" class="upload-file-single" style="left:104px" ng-disabled="ctl.data.ID==0" type="file" name="files[]" multiple>
  200. </span>
  201. </div>
  202. </div>
  203. </td>
  204. </tr>
  205. <tr>
  206. <td>审核意见</td>
  207. <td colspan="2">
  208. <label><input type="radio" name="SHYJ" ng-model="ctl.SHYJ1" ng-disabled="ctl.hide('readonly','SHYJ')" ng-change="ctl.changeFiled('SHYJ')" value="同意" />同意</label>
  209. <label><input type="radio" name="SHYJ" ng-model="ctl.SHYJ1" ng-disabled="ctl.hide('readonly','SHYJ')" ng-change="ctl.changeFiled('SHYJ')" value="不同意" />不同意</label>
  210. </td>
  211. <td colspan="2">
  212. <select class="sp-select" ng-model="ctl.SHYJ2" ng-if="ctl.SHYJ2!='其他'" ng-disabled="ctl.hide('readonly','SHYJ')||ctl.SHYJ1!='不同意'" ng-change="ctl.changeFiled('SHYJ')">
  213. <option ng-repeat="item in ctl.SHYJlist" value="{{item}}" ng-selected="ctl.SHYJ2==item" ng-bind="item"></option>
  214. </select>
  215. <select class="sp-select" style="width:50%" ng-model="ctl.SHYJ2" ng-if="ctl.SHYJ2=='其他'" ng-disabled="ctl.hide('readonly','SHYJ')||ctl.SHYJ1!='不同意'" ng-change="ctl.changeFiled('SHYJ')">
  216. <option ng-repeat="item in ctl.SHYJlist" value="{{item}}" ng-selected="ctl.SHYJ2==item" ng-bind="item"></option>
  217. </select>
  218. <input type="text" class="sp-input" style="width:50%;border:1px solid #333" ng-model="ctl.SHYJ3" ng-disabled="ctl.hide('readonly','SHYJ')" ng-change="ctl.changeFiled('SHYJ')" ng-if="ctl.SHYJ1=='不同意'&&ctl.SHYJ2=='其他'" />
  219. </td>
  220. </tr>
  221. <tr>
  222. <td rowspan="4">派车信息</td>
  223. <td>调度</td>
  224. <td>
  225. <select class="sp-select" ng-model="ctl.data.DD" ng-disabled="ctl.hide('readonly','DD')" ng-change="ctl.changeFiled('DD')">
  226. <option ng-repeat="item in ctl.DDlist" value="{{item}}" ng-bind="item"></option>
  227. </select>
  228. </td>
  229. <td>车牌号</td>
  230. <td>
  231. <select class="sp-select" ng-model="ctl.data.CPH" ng-disabled="ctl.hide('readonly','CPH')" ng-change="ctl.changeFiled('CPH')">
  232. <option ng-repeat="item in ctl.CPH" value="{{item.CPH}}" ng-bind="item.CPH"></option>
  233. </select>
  234. </td>
  235. </tr>
  236. <tr>
  237. <td>驾驶员</td>
  238. <td>
  239. <select class="sp-select" ng-model="ctl.data.JSY" ng-disabled="ctl.hide('readonly','JSY')" ng-change="ctl.changeFiled('JSY')">
  240. <option ng-repeat="item in ctl.JSY" value="{{item.CNAME}}" ng-bind="item.CNAME"></option>
  241. </select>
  242. </td>
  243. <td>联系电话</td>
  244. <td>
  245. <input type="text" class="sp-input" ng-model="ctl.data.JSYLXFS" ng-disabled="ctl.hide('readonly','JSYLXFS')" ng-change="ctl.changeFiled('JSYLXFS')" />
  246. </td>
  247. </tr>
  248. <tr>
  249. <td>出车里程</td>
  250. <td>
  251. <input type="text" class="sp-input" ng-model="ctl.data.CCLC" ng-disabled="ctl.hide('readonly','CCLC')" ng-change="ctl.changeFiled('CCLC')" />
  252. </td>
  253. <td>回队里程</td>
  254. <td>
  255. <input type="text" class="sp-input" ng-model="ctl.data.HDLC" ng-disabled="ctl.hide('readonly','HDLC')" ng-change="ctl.changeFiled('HDLC')" />
  256. </td>
  257. </tr>
  258. <tr>
  259. <td>备注</td>
  260. <td colspan="4">
  261. <textarea class="sp-textarea" rows="5" style="resize:none" ng-disabled="ctl.hide('readonly','BZ')" ng-model="ctl.data.BZ" ng-change="ctl.changeFiled('BZ')"></textarea>
  262. </td>
  263. </tr>
  264. </table>
  265. </div>
  266. </div>
  267. <div class="sp-page sp-pt-10" style="height: 10px; background: #F0F9FF;box-shadow:0 -2px 5px #c3c3c3; position: relative;z-index:5">
  268. <div class="sp-page-col toggle fuyan" style="width: 80px; height: 25px; line-height: 25px; font-size: 16px; text-align: center; background: #E0E0E0; cursor: pointer; color: #333; position: absolute; right: 0; top: -25px; border-radius: 10px 10px 0 0; " onclick="toggleYJL(this)">
  269. 附言
  270. <i class="fa fa-angle-double-up fa-lg"></i>
  271. <i class="fa fa-angle-double-down" style="display: none"></i>
  272. </div>
  273. <div class="sp-page-center" style="height: 100%; line-height: 30px; background: #fff; overflow: hidden; ">
  274. <div class="sp-box" style="border-bottom:1px solid #999;height:51px">
  275. <span class="sp-btn-blue sp-btn-sm sp-radius sp-pull-right sp-mr-20" style="background: #1EADFF" ng-if="ctl.opiniontype!=0&&ctl.dotype!=0" ng-click="ctl.openOptionList()">
  276. 填写附言
  277. </span>
  278. </div>
  279. <textarea id="nulla" class="op-textarea sp-mb-5 sp-mt-5" ng-model="ctl.nulla" ng-if="ctl.opinion.nulla==true"></textarea>
  280. <div class="sp-page sp-pb-5" style="border-bottom:1px solid #999" ng-if="ctl.opinion.nulla==true">
  281. <span class="sp-btn-gray sp-btn-sm sp-btn-radius sp-pull-right" ng-click="ctl.closeOptionList()">取消</span>
  282. <span class="sp-btn-gray sp-btn-sm sp-btn-radius sp-pull-right" ng-click="ctl.submitOptionList()">保存</span>
  283. <span class="sp-btn-gray sp-btn-sm sp-btn-radius sp-pull-right" ng-click="ctl.phrase()">常用语</span>
  284. </div>
  285. <div class="sp-page optionList sp-pb-5" style="height:389px;overflow-y: auto;">
  286. <div class="sp-page sp-pt-10 qianzi" ng-repeat="item in ctl.YJ.nulla">
  287. <div class="sp-col-100">
  288. <div class="sp-page" style="padding:10px 5px;border:1px solid #999;">
  289. <div class="sp-page">
  290. <p class="sp-page sp-text-left" ng-bind-html="item.OPINION | trustHtml"></p>
  291. <div class="sp-page">
  292. <div class="sp-col-75">
  293. <div ng-repeat="item in item.FILEDATA" style="width: 135px; display: inline-block; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 5px; margin-left: 10px">
  294. <a ng-click="ctl.downLoadOption(item)" title="下载">
  295. <i class="fa fa-download sp-color-red"></i>
  296. </a>
  297. <a ng-click="ctl.deleteOptionFile(item,'')" title="删除" ng-if="item.ROUTEID==ctl.routeid">
  298. <i class="fa fa-trash sp-color-red"></i>
  299. </a>
  300. <span ng-bind="item.FILENAME" title="{{item.FILENAME}}"></span>
  301. </div>
  302. <div style="display: inline-block; position: relative; margin-left: 10px; line-height: 40px;" ng-if="item.ROUTEID==ctl.routeid&&ctl.opinion.nulla==false&&ctl.dotype==1&&item.COLID==''">
  303. <span class="opbtn" style="position: relative; color: #1c84c6">
  304. <span class="upload-tip"></span>
  305. <input id="fileupload1" class="upload-file-single" ng-click="ctl.upload1()" type="file" name="files[]" multiple>
  306. <i class="fa fa-upload"></i>
  307. <span class="upload-loading" ng-if="ctl.uploading1"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  308. </span>
  309. </div>
  310. </div>
  311. <div class="sp-col-25 sp-text-right sp-pull-right" style="line-height:40px">
  312. <span ng-bind="item.CMANNAME"></span>
  313. <span ng-bind="item.CDATE"></span>
  314. </div>
  315. </div>
  316. </div>
  317. <div class="sp-page sp-text-right">
  318. <span class="opbtn" style="color: #FF6F6F; width: 55px; "
  319. ng-click="ctl.Dopinion('')" ng-if="item.ROUTEID==ctl.routeid&&ctl.opinion.nulla==false&&ctl.dotype==1&&item.COLID==''">
  320. <i class="fa fa-trash-o fa-lg"></i>
  321. </span>
  322. <span class="opbtn" style="color: #66D151; width: 55px; "
  323. ng-click="ctl.changeOptionList(item)" ng-if="item.ROUTEID==ctl.routeid&&ctl.opinion.nulla==false&&ctl.dotype==1&&item.COLID==''">
  324. <i class="fa fa-pencil fa-lg"></i>
  325. </span>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. <div id="bottomDiv" class="sp-box" style="width: 100%; padding:0px;margin:0px;">
  334. <div class="sp-page" style="width: 100%; background: #0099FF; color: #fff;" ng-init="ctl.goAttach()">
  335. <div class="sp-page-col">
  336. <span id="lineDiv" class="upload sp-color-white" style="display: inline; cursor: ns-resize; line-height: 30px; height: 36px; padding-left: 10px; font-size: 16px; top: 0; " ng-init="ctl.reSizeRow()">
  337. <i class="fa fa-arrows-v fa-lg sp-mr-10"></i>
  338. </span>
  339. <span title="{{ctl.arrayFile2.FILENAMES}}" ng-click="ctl.goAttach(ctl.arrayFile2)" style="line-height:30px;cursor:pointer">
  340. 正文
  341. <a ng-click="ctl.downLoad(ctl.arrayFile2)" title="下载" ng-if="ctl.arrayFile2!=null">
  342. <img src="../../flowchart_app_imgcss/img/attachlist/download.png" title="下载" />
  343. </a>
  344. </span>
  345. <span style="display:inline" class="sp-btn-gray-outline sp-btn-sm upload" ng-if="ctl.dotype!=0&&ctl.arrayFile2==null&&ctl.routeinfoid!=0">
  346. <span class="upload-tip"></span>
  347. <input id="fileupload-zw" class="upload-file-single" ng-click="ctl.upload_zw()" type="file" name="files[]" multiple>
  348. <i class="fa fa-plus sp-color-white"></i>
  349. <span class="upload-loading" ng-if="ctl.uploading_zw"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  350. </span>
  351. </div>
  352. <div class="sp-page sp-pull-right" style="width:calc(100% - 150px);position:relative;">
  353. <span style="display:inline-block" class="sp-btn-gray-outline sp-btn-sm upload" ng-if="ctl.dotype!=0&&ctl.routeinfoid!=0">
  354. <span class="upload-tip"></span>
  355. <input id="fileupload3" class="upload-file-single" ng-click="ctl.upload3()" type="file" name="files[]" multiple>
  356. <i class="fa fa-plus sp-color-white"></i>
  357. <span class="upload-loading" ng-if="ctl.uploading"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  358. </span>
  359. <span class="upload sp-color-white" style="top:4px">
  360. 附件({{ctl.arrayFile1.length}}):
  361. </span>
  362. <div ng-repeat="item in ctl.arrayFile1" ng-if="$index<4" style="width: calc((100% - 250px) / 4); color: #fff; display: inline-block; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 5px; margin-left: 10px">
  363. <span ng-bind="item.FILENAMES" title="{{item.FILENAMES}}" style="display: inline-block; max-width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" ng-click="ctl.goAttach(item)"></span>
  364. <a class="sp-pull-right sp-ml-10" ng-click="ctl.deleteFile(item)" title="删除" ng-if="ctl.dotype!=0">
  365. <img src="../../flowchart_app_imgcss/img/attachlist/delete.png" title="删除" />
  366. </a>
  367. <a class="sp-pull-right" ng-click="ctl.downLoad(item)" title="下载">
  368. <img src="../../flowchart_app_imgcss/img/attachlist/download.png" title="下载" />
  369. </a>
  370. </div>
  371. <span style="width: 20px; height: 20px; display: inline-block; float: right; position: relative; top: 10px; right: 15px" onclick="showToggle(this)" ng-if="ctl.arrayFile1.length>4">
  372. <i class="fa fa-chevron-up" style="position: relative; top: -4px; display: none"></i>
  373. <i class="fa fa-chevron-down" style="position: relative; top: -4px; "></i>
  374. </span>
  375. <div class="sp-page" style="width: 62%; display: none; position: absolute; top: 37px; left: 38%; padding: 5px 10px; background: #0099FF; border: 1px solid #0099FF; z-index:2">
  376. <div ng-repeat="item in ctl.arrayFile1" ng-if="$index>3" style="padding: 5px 0; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
  377. <span ng-bind="item.FILENAMES" title="{{item.FILENAMES}}" ng-click="ctl.goAttach(item)"></span>
  378. <a ng-click="ctl.downLoad(item)" title="下载">
  379. <img src="../../flowchart_app_imgcss/img/attachlist/download.png" title="下载" />
  380. </a>
  381. <a ng-click="ctl.deleteFile(item)" title="删除" ng-if="ctl.dotype!=0">
  382. <img src="../../flowchart_app_imgcss/img/attachlist/delete.png" title="删除" />
  383. </a>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. <div class="sp-box sp-bg-white">
  389. <iframe id="attachlist" src="" style="width:100%;height:200px;padding:0px;margin:0px;" frameborder="0" scrolling="no"></iframe>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. <div class="sp-layer" id="userList" style="width: 900px;">
  401. <div class="sp-layer-head" style="background:#2176d6">
  402. <div class="sp-page sp-text-center sp-font16">
  403. 人员列表
  404. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  405. ×
  406. </div>
  407. </div>
  408. </div>
  409. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  410. <div class="sp-page" style="height:290px;overflow:auto">
  411. <label class="sp-col-20">
  412. <input type="checkbox" style="position:relative;top:2px" ng-checked="ctl.AllChecked[ctl.filed]" ng-click="ctl.checkAllUser()" />
  413. 全选
  414. </label>
  415. <div class="sp-page" ng-repeat="item in ctl.UserList[ctl.filed]">
  416. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item.USER">
  417. <input type="checkbox" style="position:relative;top:2px" ng-checked="item.checked" ng-click="ctl.checkUserItem(item)" />
  418. {{item.SECTION}}
  419. </h4>
  420. <label ng-repeat="item1 in item.USER" class="sp-col-20" title="{{item1.USHOWNAME}}">
  421. <input type="checkbox" style="position:relative;top:2px" ng-checked="item1.checked" ng-click="ctl.checkUser(item1,item)" />
  422. {{item1.USHOWNAME2}}
  423. </label>
  424. <div class="sp-page" ng-repeat="item1 in item.CHILD_DATA">
  425. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item1.USER">
  426. <input type="checkbox" style="position:relative;top:2px" ng-checked="item1.checked" ng-click="ctl.checkUserItem(item1)" />
  427. {{item1.SECTION}}
  428. </h4>
  429. <label ng-repeat="item2 in item1.USER" class="sp-col-20" title="{{item2.USHOWNAME}}">
  430. <input type="checkbox" style="position:relative;top:2px" ng-checked="item2.checked" ng-click="ctl.checkUser(item2,item1)" />
  431. {{item2.USHOWNAME2}}
  432. </label>
  433. <div class="sp-page" ng-repeat="item2 in item1.CHILD_DATA">
  434. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item2.USER">
  435. <input type="checkbox" style="position:relative;top:2px" ng-checked="item2.checked" ng-click="ctl.checkUserItem(item2)" />
  436. {{item2.SECTION}}
  437. </h4>
  438. <label ng-repeat="item3 in item2.USER" class="sp-col-20" title="{{item3.USHOWNAME}}">
  439. <input type="checkbox" style="position:relative;top:2px" ng-checked="item3.checked" ng-click="ctl.checkUser(item3,item2)" />
  440. {{item3.USHOWNAME2}}
  441. </label>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. <div class="sp-page sp-text-center sp-pt-10">
  447. <a class="sp-btn-blue sp-radius" ng-click="ctl.submitUserList(0)"><i class="fa fa-check sp-mr-5"></i>确 定</a>
  448. <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>取 消</a>
  449. </div>
  450. </div>
  451. </div>
  452. <div class="sp-layer" id="print" style="width: 400px;">
  453. <div class="sp-layer-head" style="background:#2176d6">
  454. <div class="sp-page sp-text-center sp-font16">
  455. 打印
  456. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  457. ×
  458. </div>
  459. </div>
  460. </div>
  461. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  462. <center class="sp-col-33" style="cursor:pointer" ng-class="{'activePirnt':ctl.printFiled==1}" ng-click="ctl.printFiled=1">
  463. <div class="printItem">表单</div>
  464. </center>
  465. <center class="sp-col-33" style="cursor:pointer" ng-class="{'activePirnt':ctl.printFiled==2}" ng-click="ctl.printFiled=2">
  466. <div class="printItem">意见</div>
  467. </center>
  468. <center class="sp-col-33" style="cursor:pointer" ng-class="{'activePirnt':ctl.printFiled==3}" ng-click="ctl.printFiled=3">
  469. <div class="printItem">表单+意见</div>
  470. </center>
  471. <div class="sp-page sp-text-center sp-pt-10">
  472. <a class="sp-btn-blue sp-radius" ng-click="ctl.printSubmit()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
  473. <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>取 消</a>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="sp-layer" id="phrase" style="width:480px;">
  478. <div class="sp-layer-head" style="background:#2176d6">
  479. <div class="sp-page sp-text-center sp-font16">
  480. 常用语库
  481. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  482. ×
  483. </div>
  484. </div>
  485. </div>
  486. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  487. <div class="sp-box">
  488. <div class="sp-col-70">
  489. <input type="text" ng-model="ctl.phraseText" class="sp-input" />
  490. </div>
  491. <div class="sp-col-30">
  492. <span class="sp-btn-blue sp-pull-left sp-radius" ng-class="{'sp-disabled':ctl.phraseText==''}" ng-click="ctl.Aphrase()">添加常用语</span>
  493. </div>
  494. </div>
  495. <div class="sp-box">
  496. <div class="sp-col-20" style="line-height:30px;">
  497. 常用语:
  498. </div>
  499. <div class="sp-col-60">
  500. <select class="sp-select sp-bg-white" ng-model="ctl.phraseSelect">
  501. <option ng-repeat="item in ctl.phraseList" value="{{item.CONTENTS}}" ng-bind="item.CONTENTS"></option>
  502. </select>
  503. </div>
  504. <div class="sp-col-20">
  505. <span class="sp-btn-blue sp-pull-left sp-radius" ng-click="ctl.Dphrase()">删除</span>
  506. </div>
  507. </div>
  508. <div class="sp-page sp-text-center sp-pt-10">
  509. <a class="sp-btn-blue sp-radius" ng-click="ctl.btnPhrase()"><i class="fa fa-check sp-mr-5"> </i>确 认</a>
  510. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>关 闭</a>
  511. </div>
  512. </div>
  513. </div>
  514. <div class="sp-layer" id="forward" style="width: 1000px;">
  515. <div class="sp-layer-head" style="background:#2176d6">
  516. <div class="sp-page sp-text-center sp-font16">
  517. 转&nbsp;&nbsp;发
  518. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  519. ×
  520. </div>
  521. </div>
  522. </div>
  523. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  524. <iframe id="forwardWin" style="width:100%;border:0"></iframe>
  525. </div>
  526. </div>
  527. <div class="sp-layer" id="RouteList" style="width:900px;">
  528. <div class="sp-layer-head" style="background:#2176d6">
  529. <div class="sp-page sp-text-center sp-font16">
  530. 流转记录
  531. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  532. ×
  533. </div>
  534. </div>
  535. </div>
  536. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  537. <table class="sp-table">
  538. <thead>
  539. <tr>
  540. <th style="width:100px"><strong>流程名称</strong></th>
  541. <th style="width:200px"><strong>标题</strong></th>
  542. <th style="width:100px"><strong>工作节点</strong></th>
  543. <th style="width:100px"><strong>转发人</strong></th>
  544. <th style="width:100px"><strong>主送</strong></th>
  545. <th style="width:150px"><strong>抄送</strong></th>
  546. <th style="width:200px"><strong>发送日期</strong></th>
  547. </tr>
  548. </thead>
  549. </table>
  550. <div style="overflow-y:scroll;max-height:400px">
  551. <table class="sp-table" style="margin-top: -38px">
  552. <thead>
  553. <tr>
  554. <th style="width:100px"><strong>流程名称</strong></th>
  555. <th style="width:200px"><strong>标题</strong></th>
  556. <th style="width:100px"><strong>工作节点</strong></th>
  557. <th style="width:100px"><strong>转发人</strong></th>
  558. <th style="width:100px"><strong>主送</strong></th>
  559. <th style="width:150px"><strong>抄送</strong></th>
  560. <th style="width:200px"><strong>发送日期</strong></th>
  561. </tr>
  562. </thead>
  563. <tbody>
  564. <tr ng-repeat="item in ctl.routeList">
  565. <td ng-bind="item.FLOWNAME"></td>
  566. <td ng-bind="item.TITLE"></td>
  567. <td ng-bind="item.ENDNODENAME"></td>
  568. <td ng-bind="item.USERNAMEFROM"></td>
  569. <td ng-bind="item.mainUser"></td>
  570. <td ng-bind="item.copyUsers"></td>
  571. <td ng-bind="item.RECEIVEDATE"></td>
  572. </tr>
  573. </tbody>
  574. </table>
  575. </div>
  576. <div class="sp-page sp-text-center sp-pt-10">
  577. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>关 闭</a>
  578. </div>
  579. </div>
  580. </div>
  581. </div>
  582. <script src="../../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  583. <script src="../../../AFrontEnd/js/laydate/laydate.js"></script>
  584. <script src="../../../AFrontEnd/js/angularjs/angular.js"></script>
  585. <script src="../../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  586. <script src="../../../apiurljs.js"></script>
  587. <!--<script src="../../js/watermark.js"></script>-->
  588. <script src="../../../js/sm4.js"></script>
  589. <script>document.write('<scri' + 'pt src="../../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  590. <script>document.write('<scri' + 'pt src="js/formedit.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  591. <script src="../../../AFrontEnd/js/special/spng.js"></script>
  592. <script src="../../../AFrontEnd/js/special/spngvld.js"></script>
  593. <!--附件-->
  594. <script src="../../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
  595. <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
  596. <script src="../../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
  597. </body>
  598. </html>