task.jsp 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: Administrator
  4. Date: 2015/8/8
  5. Time: 14:06
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java"%>
  9. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  10. <c:set var="ctx" value="${pageContext.request.contextPath}" />
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14. <link href="${ctx}/static/easyui/themes/gray/easyui.css" rel="stylesheet" />
  15. <link rel="stylesheet" type="text/css" href="${ctx}/static/xt/css/main.css"/>
  16. <link rel="stylesheet" type="text/css" href="${ctx}/static/xt/css/style.css"/>
  17. <link rel="stylesheet" type="text/css" href="${ctx}/static/easyui/themes/icon.css">
  18. <link rel="stylesheet" type="text/css" href="${ctx}/static/DatePicker/skin/WdatePicker.css"/>
  19. <link href="${ctx}/static/xt/css/style.css" rel="stylesheet" />
  20. <style type="text/css">
  21. td {
  22. height:28px;
  23. }
  24. .aline {
  25. background: 0 0;
  26. color: #1e70bf;
  27. }
  28. .aline:hover {
  29. color: #FF0000;
  30. text-decoration: underline;
  31. }
  32. .aline:active, aline:hover {
  33. outline: 0;
  34. }
  35. .alineSmall {
  36. font-size:14px;
  37. background: 0 0;
  38. color: #1e70bf;
  39. }
  40. .alineSmall:hover {
  41. color: #FF0000;
  42. text-decoration: underline;
  43. }
  44. .alineSmall:active, aline:hover {
  45. outline: 0;
  46. }
  47. .divbtn {
  48. float:left;margin:0px 0px 10px 8px;padding:5px 0px 0px 0px;color:white;cursor:pointer;
  49. width:75px;height:22px;background-color:#FFBF51;text-align:center;border-radius:3px;
  50. }
  51. .divbtnSmall {
  52. float:left;margin:5px 0px 10px 8px;padding:3px 0px 0px 0px;color:white;cursor:pointer;
  53. width:42px;height:22px;background-color:#FFBF51;text-align:center;border-radius:3px;
  54. }
  55. </style>
  56. <script type="text/javascript" src="${ctx}/static/easyui/jquery.min.js"></script>
  57. <script type="text/javascript"
  58. src="${ctx}/static/easyui/jquery.easyui.min.js"></script>
  59. <script type="text/javascript"
  60. src="${ctx}/static/easyui/locale/easyui-lang-zh_CN.js"></script>
  61. <script type="text/javascript" src="${ctx}/static/layer/layer.js"></script>
  62. <script type="text/javascript" src="${ctx}/static/DatePicker/WdatePicker.js"></script>
  63. <script type="text/javascript">
  64. var basePath = '${ctx}';
  65. var taskId = '${taskVo.id}';
  66. var operFlg = "${operFlg}";
  67. var tjNames = '${ljghVo.tjNames}';
  68. var tjPoints = '${ljghVo.tjPoints}';
  69. var strategy = '${ljghVo.strategy}';
  70. var routeStr = '${routeJson}';
  71. </script>
  72. <script type="text/javascript"
  73. src="${ctx}/static/xt/js/command/task.js"></script>
  74. <title>任务信息</title>
  75. </head>
  76. <body style="overflow: hidden">
  77. <form id="taskform" method="post" enctype="multipart/form-data">
  78. <input id="id" name="id" type="hidden" value="${taskVo.id}"/>
  79. <input id="recordStatus" type="hidden" value="${taskVo.recordStatus}"/>
  80. <div id="divContent" style="height:475px;overflow-x:hidden;overflow-y:auto;">
  81. <table style="margin-left:0px" id="tabTask">
  82. <tr>
  83. <td style="width: 90px;">任务代号</td>
  84. <td><input id="taskName" name="taskName" value="${taskVo.taskName}"
  85. id="qy" style="width:250px;height:25px;" maxlength="50"/></td>
  86. </tr><tr>
  87. <td><label style="" onclick="">执行终端</label></td>
  88. <td>
  89. <input type="hidden" name="userIds" id="userIds" value="${taskVo.userIds}"/>
  90. <input type="hidden" name="userNames" id="userNames" value="${taskVo.userNames}">
  91. <input type="hidden" name="chatIds" id="chatIds" value="${taskVo.chatIds}">
  92. <div id="divUsers" style="width:252px;padding-top:5px;float:left;min-height:28px;border:1px solid #A9A9A9;"></div>
  93. <div class="divbtnSmall" style="background-color: #FFBF51;margin:3px 0px 3px 8px;"
  94. onclick="selectUser();">选择</div>
  95. </td>
  96. </tr><tr>
  97. <td style="width: 90px;">执&ensp;行&ensp;人</td>
  98. <td><input id="execuser" name="execuser" value="${taskVo.execuser}"
  99. id="execuser" style="width:250px;height:25px;" maxlength="200"/></td>
  100. </tr><tr>
  101. <td>执行时间</td>
  102. <td style="">
  103. <input type="text" class="tdinput" style="width:250px;height:25px;"
  104. readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
  105. data-options="validType:'date'" id="taskTime"
  106. name="taskTime" value="${taskVo.taskTime}" />
  107. </td>
  108. </tr><tr class="line-search-start">
  109. <td style="width: 90px;">起&ensp;&ensp;&ensp;&ensp;点</td>
  110. <td class="line-search-input">
  111. <input type="text" placeholder="请输入起点" autocomplete="off" value="${ljghVo.startName}"
  112. style="width:250px;height:25px;" maxlength="200">
  113. <div style="float:right;padding-top:6px;padding-right:45px;padding-left:3px;">
  114. <img id="imgAddTjd" class="icon-addtjd" style="padding-bottom:2px;"
  115. src="${ctx}/static/xt/images/ljgh/add.png" title="增加途经点" onclick="addPoint()"/>
  116. <img id="imgPhone" class="icon-addtjd" style="width:24px;height:24px;"
  117. src="${ctx}/assets/images/basic/terminal.png" title="获取终端位置" onclick="getTerminalPos()"/>
  118. </div>
  119. <input type="hidden" value="${ljghVo.startPoint}">
  120. <input type="hidden" value="${ljghVo.startAdcode}">
  121. </td>
  122. </tr><tr class="line-search-point">
  123. <td style="width: 90px;">途&ensp;经&ensp;点</td>
  124. <td class="line-search-input">
  125. <input type="text" placeholder="请输入途经点" autocomplete="off"
  126. style="width:250px;height:25px;" maxlength="200">
  127. <div style="float:right;padding-top:6px;padding-right:76px;">
  128. <img class="icon-reducetjd" src="${ctx}/static/xt/images/ljgh/reduce.png" onclick="reducePoint(this)">
  129. </div>
  130. <input type="hidden"><input type="hidden">
  131. </td>
  132. </tr><tr class="line-search-point">
  133. <td style="width: 90px;">途&ensp;经&ensp;点</td>
  134. <td class="line-search-input">
  135. <input type="text" placeholder="请输入途经点" autocomplete="off"
  136. style="width:250px;height:25px;" maxlength="200">
  137. <div style="float:right;padding-top:6px;padding-right:76px;">
  138. <img class="icon-reducetjd" src="${ctx}/static/xt/images/ljgh/reduce.png" onclick="reducePoint(this)">
  139. </div>
  140. <input type="hidden"><input type="hidden">
  141. </td>
  142. </tr><tr class="line-search-point">
  143. <td style="width: 90px;">途&ensp;经&ensp;点</td>
  144. <td class="line-search-input">
  145. <input type="text" placeholder="请输入途经点" autocomplete="off"
  146. style="width:250px;height:25px;" maxlength="200">
  147. <div style="float:right;padding-top:6px;padding-right:76px;">
  148. <img class="icon-reducetjd" src="${ctx}/static/xt/images/ljgh/reduce.png" onclick="reducePoint(this)">
  149. </div>
  150. <input type="hidden"><input type="hidden">
  151. </td>
  152. </tr><tr class="line-search-end">
  153. <td style="width: 90px;">终&ensp;&ensp;&ensp;&ensp;点</td>
  154. <td class="line-search-input">
  155. <input type="text" placeholder="请输入终点" autocomplete="off" value="${ljghVo.endName}"
  156. style="width:250px;height:25px;" maxlength="200">
  157. <input type="hidden" value="${ljghVo.endPoint}">
  158. <input type="hidden" value="${ljghVo.endAdcode}">
  159. </td>
  160. </tr><tr>
  161. <td style="width: 90px;">避让道路</td>
  162. <td><input id="avoidRoad" name="avoidRoad" value="${ljghVo.avoidRoad}"
  163. id="qy" style="width:250px;height:25px;" maxlength="50"/></td>
  164. </tr><tr>
  165. <td style="width: 90px;">线路规划</td>
  166. <td colspan="1">
  167. <div style="padding-top:6px;padding-left:0px;float:left;width:250px;font-size: 20px;color:#1e70bf">
  168. <input type="radio" class="radRoute" name="strategy" checked="checked" value="0" /><span style="background-color:#3F7F5F;"><font size="2" color="#FFFFFF">速度优先</font></span>
  169. <input type="radio" class="radRoute" name="strategy" value="2" /><span style="background-color:#7D37CC;"><font size="2" color="#FFFFFF">距离最短</font></span>
  170. <input type="radio" class="radRoute" name="strategy" value="4" /><span style="background-color:#BAB6A7;"><font size="2" color="#FFFFFF">躲避拥堵</font></span>
  171. </div>
  172. <div class="divbtnSmall" style="float:left;margin:3px 3px 3px 8px;background-color:#40A9F7;" onclick="searchWay()">查询</div>
  173. <div class="divbtnSmall" style="float:left;margin:3px 3px 3px 5px;background-color:#FE0202;" onclick="clearWay()">清除</div>
  174. </td>
  175. </tr><tr>
  176. <td>备&ensp;&ensp;&ensp;&ensp;注</td>
  177. <td style="padding-top:5px;"><textarea name="remark" id="remark" rows="3" style="width:248px;"
  178. maxlength="1000">${taskVo.remark}</textarea></td>
  179. </tr>
  180. <!-- <tr>
  181. <td colspan="2">
  182. <div class="divbtn" style="background-color:#FFBF51;margin-left:0px;width:120px;"
  183. onclick="addRoadRoute()">添加公路线路</div>
  184. <div class="divbtn" style="background-color:#FFBF51;margin-left:20px;width:120px;"
  185. onclick="addWaterRoute()">添加水路线路</div>
  186. <div class="divbtn" style="background-color:#FFBF51;margin-left:20px;width:120px;"
  187. onclick="clearRoute()">取消添加线路</div>
  188. <a href="javascript:void(0)" class="alineSmall" onclick="addAirRoute()">航 空</a>
  189. <a href="javascript:void(0)" class="alineSmall" onclick="addWaterRoute()">水 路</a>
  190. <a href="javascript:void(0)" class="alineSmall" onclick="addRailwayRoute()">铁 路</a>
  191. <!-- <a href="javascript:void(0)" class="alineSmall" onclick="addRoadRoute()">公 路</a>
  192. <a href="javascript:void(0)" class="alineSmall" onclick="clearRoute()">取消线路</a>
  193. </td>
  194. </tr> -->
  195. <tr id="tr_101">
  196. <td>航&ensp;&ensp;&ensp;&ensp;班</td>
  197. <td><input type="hidden" name="routeValue" id="air_101">
  198. <input name="routeNames" id="airNames_101"
  199. style="width: 250px; height: 25px; float: left;"> <input
  200. type="hidden" id="routeType_101" name="routeType" value="air">
  201. <img id="imgAddTjd" class="icon-addtjd" style="padding:6px 0px 0px 3px;"
  202. src="${ctx}/static/xt/images/ljgh/add.png" title="增加" onclick="addAirRoute()">
  203. </td>
  204. <tr id="tr_102">
  205. <td>船&ensp;&ensp;&ensp;&ensp;舶</td>
  206. <td><input type="hidden" name="routeValue" id="water_102">
  207. <input name="routeNames" id="waterNames_102"
  208. style="width: 250px; height: 25px; float: left;"
  209. readonly="readonly"> <input type="hidden" id="routeType_102" name="routeType"
  210. value="waterway">
  211. <div style="float:left"><img id="imgAddTjd" class="icon-addtjd" style="padding:6px 0px 0px 3px;"
  212. src="${ctx}/static/xt/images/ljgh/add.png" title="增加" onclick="addWaterRoute()"></div>
  213. <div class="divbtnSmall" style="background-color: #FFBF51;margin:5px 0px 3px 8px;"
  214. onclick="chooseShip('waterway', '102');">选择</div>
  215. </td>
  216. </tr>
  217. <tr id="tr_103">
  218. <td>车&ensp;&ensp;&ensp;&ensp;次</td>
  219. <td><input type="hidden" name="routeValue" id="railway_103">
  220. <input name="routeNames" id="railwayNames_103"
  221. style="width: 250px; height: 25px; float: left;"> <input
  222. type="hidden" id="routeType_103" name="routeType" value="railway">
  223. <img id="imgAddTjd" class="icon-addtjd" style="padding:6px 0px 0px 3px;"
  224. src="${ctx}/static/xt/images/ljgh/add.png" title="增加" onclick="addRailwayRoute()">
  225. </td>
  226. </tr>
  227. <%-- <c:forEach items="${routeList}" var="route" varStatus="status">
  228. <c:if test="${route.type=='roadway' }">
  229. <tr id="tr_${ status.index + 1}">
  230. <td>公&ensp;&ensp;&ensp;&ensp;路</td>
  231. <td>
  232. <input type="hidden" name="routeValue" id="road_${ status.index + 1}" value="${route.coordinate}"/>
  233. <input name="routeNames" id="roadNames_${ status.index + 1}" value="${route.names}"
  234. style="width: 200px; height: 25px;float:left;" readonly="readonly"/>
  235. <input type="hidden" name="routeType" value="${route.type}"/>
  236. <input type="button" value="确定" onclick="confirmRoad('${route.type}', '${ status.index + 1}');"/>
  237. <input type="button" value="重置" onclick="clearRoad('${route.type}', '${ status.index + 1}');"/>
  238. <input type="button" value="删除" onclick="deleteTr('${route.type}', '${ status.index + 1}');"/>
  239. <div class="divbtnSmall" style="background-color:#FFBF51;" onclick="confirmRoad('${route.type}', '${ status.index + 1}');">确定</div>
  240. <div class="divbtnSmall" style="background-color:#40A9F7;" onclick="clearRoad('${route.type}', '${ status.index + 1}');">重置</div>
  241. <div class="divbtnSmall" style="background-color:#FE0202;" onclick="deleteTr('${route.type}', '${ status.index + 1}');">删除</div>
  242. </td>
  243. </tr>
  244. </c:if>
  245. <c:if test="${route.type=='waterway' }">
  246. <tr id="tr_${ status.index + 1}">
  247. <td>船&ensp;&ensp;&ensp;&ensp;舶</td>
  248. <td>
  249. <input type="hidden" name="routeValue" id="water_${ status.index + 1}" value="${route.coordinate}"/>
  250. <input name="routeNames" id="waterNames_${ status.index + 1}" value="${route.names}"
  251. style="width: 200px; height: 25px;float:left;" readonly="readonly"/>
  252. <input type="hidden" name="routeType" value="${route.type}">
  253. <div class="divbtnSmall" style="background-color:#FFBF51;" onclick="chooseShip('${route.type}', '${ status.index + 1}');">选择</div>
  254. <input type="button" value="确定" onclick="confirmWater('${route.type}', '${ status.index + 1}');"/>
  255. <input type="button" value="重置" onclick="clearWater('${route.type}', '${ status.index + 1}');"/>
  256. <input type="button" value="删除" onclick="deleteTr('${route.type}', '${ status.index + 1}');"/>
  257. <div class="divbtnSmall" style="background-color:#FFBF51;" onclick="confirmWater('${route.type}', '${ status.index + 1}');">确定</div>
  258. <div class="divbtnSmall" style="background-color:#40A9F7;" onclick="clearWater('${route.type}', '${ status.index + 1}');">重置</div>
  259. <div class="divbtnSmall" style="background-color:#FE0202;" onclick="deleteTr('${route.type}', '${ status.index + 1}');">删除</div>
  260. </td>
  261. </tr>
  262. </c:if>
  263. <c:if test="${route.type=='air' }">
  264. <tr id="tr_${ status.index + 1}">
  265. <td>航&ensp;&ensp;&ensp;&ensp;班</td>
  266. <td>
  267. <input type="hidden" name="routeValue" id="air_${ status.index + 1}" value="${route.coordinate}"/>
  268. <input name="routeNames" id="airNames_${ status.index + 1}" value="${route.names}"
  269. style="width: 200px; height: 25px;float:left;"/>
  270. <input type="hidden" name="routeType" value="${route.type}">
  271. <input type="button" value="确定" onclick="confirmair('${route.type}', '${ status.index + 1}');"/>
  272. <input type="button" value="重置" onclick="clearair('${route.type}', '${ status.index + 1}');"/>
  273. <input type="button" value="删除" onclick="deleteTr('${route.type}', '${ status.index + 1}');"/>
  274. <div class="divbtnSmall" style="background-color:#FFBF51;" onclick="confirmAir('${route.type}', '${ status.index + 1}');">确定</div>
  275. <div class="divbtnSmall" style="background-color:#40A9F7;" onclick="clearAir('${route.type}', '${ status.index + 1}');">重置</div>
  276. <div class="divbtnSmall" style="background-color:#FE0202;" onclick="deleteTr('${route.type}', '${ status.index + 1}');">删除</div>
  277. </td>
  278. </tr>
  279. </c:if>
  280. <c:if test="${route.type=='railway' }">
  281. <tr id="tr_${ status.index + 1}">
  282. <td>车&ensp;&ensp;&ensp;&ensp;次</td>
  283. <td>
  284. <input type="hidden" name="routeValue" id="railway_${ status.index + 1}" value="${route.coordinate}"/>
  285. <input name="routeNames" id="railwayNames_${ status.index + 1}" value="${route.names}"
  286. style="width: 200px; height: 25px;float:left;"/>
  287. <input type="hidden" name="routeType" value="${route.type}">
  288. <input type="button" value="确定" onclick="confirmair('${route.type}', '${ status.index + 1}');"/>
  289. <input type="button" value="重置" onclick="clearair('${route.type}', '${ status.index + 1}');"/>
  290. <input type="button" value="删除" onclick="deleteTr('${route.type}', '${ status.index + 1}');"/>
  291. <div class="divbtnSmall" style="background-color:#FFBF51;" onclick="confirmRailway('${route.type}', '${ status.index + 1}');">确定</div>
  292. <div class="divbtnSmall" style="background-color:#40A9F7;" onclick="clearRailway('${route.type}', '${ status.index + 1}');">重置</div>
  293. <div class="divbtnSmall" style="background-color:#FE0202;" onclick="deleteTr('${route.type}', '${ status.index + 1}');">删除</div>
  294. </td>
  295. </tr>
  296. </c:if>
  297. </c:forEach> --%>
  298. <tr>
  299. <td>
  300. <div class="swgl_btn_tools" style="vertical-align: center;text-align:center;">
  301. <div style="vertical-align: center;margin-top:-2px;text-align:center;">
  302. <img alt="" width="22px;" height="22px" title="上传" src="${ctx}/static/xt/images/icon/fj.png">
  303. <span>添加附件</span>
  304. </div>
  305. <input type="file" name="file" id="fjid"
  306. style="position:absolute;cursor:pointer;opacity:0;filter:alpha(opacity:0);top:0px;right:0px;height:100%;z-index:999;"
  307. onchange="submitFile()">
  308. </div>
  309. </td>
  310. <td>
  311. <div id="fjxq">
  312. <c:forEach items="${fjList}" var="fj">
  313. <span id="${fj.id }">
  314. <input value="${fj.id }" name="${fj.id }" type='hidden'>
  315. <a class="main_title" href="${ctx}/accessory/download?id=${fj.id}">${fj.name }
  316. </a>
  317. <a onclick="delFile('${fj.id }')" >
  318. <img src="${ctx}/static/xt/images/icon/swgl_icon_8.png">
  319. </a>
  320. </span>
  321. </c:forEach>
  322. </div>
  323. </td>
  324. </tr>
  325. </table>
  326. </div>
  327. <div style="text-align:center;margin-top:5px;margin-left:110px;">
  328. <div id="btnSave" class="divbtn" style="background-color:#FFBF51;margin-left:20px;" onclick="saveTask('save')">保存</div>
  329. <div id="btnExecute" class="divbtn" style="background-color:#FFBF51;" onclick="saveTask('execute')">下发</div>
  330. <div id="btnClose" class="divbtn" style="background-color:#B5B5B5;" onclick="closeTaskWin()">关闭</div>
  331. </div>
  332. </form>
  333. </body>
  334. </html>