archivesPlace-addForArea.jsp 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409
  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: EDZ
  4. Date: 2021/6/19
  5. Time: 11:08
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  9. <%@include file="/context/mytags.jsp" %>
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13. <title>场所档案</title>
  14. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
  15. <script type="text/javascript">
  16. //编写自定义JS代码
  17. function beforeSubmit() {
  18. $("#signingTime").val($("#signingTime").val().replace(" ","T"));
  19. return true;
  20. }
  21. function openManagerSelect() {
  22. var windowapi;
  23. try {
  24. windowapi = frameElement.api, W = windowapi.opener;
  25. } catch (e) {
  26. }
  27. //$.dialog.setting.zIndex = getzIndex();
  28. var orgIds = $("#orgIds").val();
  29. if(typeof(windowapi) == 'undefined'){
  30. $.dialog({content: 'url:publicpageController.do?userSelect&orgIds='+orgIds, zIndex: getzIndex(), title: '员工列表', lock: true, width: '1000px', height: '600px', opacity: 0.4, button: [
  31. {name: '<t:mutiLang langKey="common.confirm"/>', callback: callbackManagerSelect, focus: true},
  32. //update-by yulong.zhao 改为function中调用close方法否则多层弹出框,遮罩效果会关闭一个窗口后消失
  33. //{name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){}}
  34. {name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){close();}}
  35. ]})
  36. }else{
  37. $.dialog({content: 'url:publicpageController.do?userSelect&orgIds='+orgIds, zIndex: getzIndex(), title: '员工列表', lock: true,parent : windowapi,width: '1000px', height: '600px', opacity: 0.4,button: [
  38. {name: '<t:mutiLang langKey="common.confirm"/>', callback: callbackManagerSelect, focus: true},
  39. //update-by yulong.zhao 改为function中调用close方法否则多层弹出框,遮罩效果会关闭一个窗口后消失
  40. //{name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){}}
  41. {name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){close();}}
  42. ]}).zindex();
  43. }
  44. }
  45. function callbackManagerSelect() {
  46. var iframe = this.iframe.contentWindow;
  47. if(iframe.getReason().length>0){
  48. var strData=eval(iframe.getReason());
  49. for(var key in strData[0]){
  50. if(key=="strId"){
  51. $("#managerId").val(strData[0][key]);
  52. $('#managerName').blur();
  53. }else if(key=="strName"){
  54. $('#managerName').val(strData[0][key]);
  55. }else if(key=="mobilePhone"){
  56. $('#mobilePhone').val(strData[0][key]);
  57. }
  58. }
  59. }
  60. }
  61. function openAreaSelect() {
  62. var windowapi;
  63. try {
  64. windowapi = frameElement.api, W = windowapi.opener;
  65. } catch (e) {
  66. }
  67. if(typeof(windowapi) == 'undefined'){
  68. $.dialog({content: 'url:archivesPlaceController.do?areaSelect&queryPoint=true', zIndex: getzIndex(), title: '元素列表', lock: true, width: '90vw', height: '90vh', opacity: 0.4, button: [
  69. {name: '<t:mutiLang langKey="common.confirm"/>', callback: callbackAreaSelect, focus: true},
  70. {name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){close();localStorage.removeItem("selectRowsData");}}
  71. ]})
  72. }else{
  73. $.dialog({content: 'url:archivesPlaceController.do?areaSelect&queryPoint=true', zIndex: getzIndex(), title: '元素列表', lock: true,parent : windowapi,width: '90vw', height: '90vh', opacity: 0.4,button: [
  74. {name: '<t:mutiLang langKey="common.confirm"/>', callback: callbackAreaSelect, focus: true},
  75. {name: '<t:mutiLang langKey="common.cancel"/>', callback: function (){close();localStorage.removeItem("selectRowsData");}}
  76. ]}).zindex();
  77. }
  78. }
  79. // 场所编码、场所名称、管理人员、电话号码、场所位置、经纬度、高度、所属网格化区域
  80. function callbackAreaSelect() {
  81. var iframe = this.iframe.contentWindow;
  82. if(iframe.getReason().length>0){
  83. var strData=eval(iframe.getReason());
  84. for(var key in strData[0]){
  85. if(key=="code"){
  86. $("#code").val(strData[0][key]);
  87. $('#code').blur();
  88. }else if(key=="name"){
  89. $('#name').val(strData[0][key]);
  90. $('#name').blur();
  91. $('#areaName').val(strData[0][key]);
  92. $('#areaName').blur();
  93. }else if(key=="managerId"){
  94. $('#managerId').val(strData[0][key]);
  95. $('#managerName').blur();
  96. }else if(key=="mobilePhone"){
  97. $('#mobilePhone').val(strData[0][key]);
  98. $('#mobilePhone').blur();
  99. }else if(key==='position'){
  100. $('#position').val(strData[0][key]);
  101. $('#position').blur();
  102. }else if(key==='longitude'){
  103. $('#longitude').val(strData[0][key]);
  104. $('#longitude').blur();
  105. }else if(key==='latitude'){
  106. $('#latitude').val(strData[0][key]);
  107. $('#latitude').blur();
  108. }else if(key==='height'){
  109. $('#height').val(strData[0][key]);
  110. $('#height').blur();
  111. }else if(key==='areaRegion'){
  112. $('#areaRegion').val(strData[0][key]);
  113. $('#areaRegion').blur();
  114. }
  115. }
  116. localStorage.removeItem("selectRowsData");
  117. }
  118. }
  119. function callbackClean(){
  120. $('#managerId').val('');
  121. $('#managerName').val('');
  122. }
  123. function callbackCleanArea(){
  124. $("#code").val('');
  125. $('#code').blur();
  126. $('#name').val('');
  127. $('#name').blur();
  128. $('#areaName').val('');
  129. $('#areaName').blur();
  130. $('#managerId').val('');
  131. $('#managerName').blur();
  132. $('#mobilePhone').val('');
  133. $('#mobilePhone').blur();
  134. $('#position').val('');
  135. $('#position').blur();
  136. $('#longitude').val('');
  137. $('#longitude').blur();
  138. $('#latitude').val('');
  139. $('#latitude').blur();
  140. $('#height').val('');
  141. $('#height').blur();
  142. $('#areaRegion').val('');
  143. $('#areaRegion').blur();
  144. }
  145. </script>
  146. </head>
  147. <body>
  148. <t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" action="archivesPlaceController.do?doAddOrUpdate">
  149. <table style="width: 600px;" cellpadding="0" cellspacing="1" class="formtable">
  150. <tr>
  151. <td align="right">
  152. <label class="Validform_label">
  153. <span color="red" class="requiredIcon">*</span>作业元素:
  154. </label>
  155. </td>
  156. <td class="value">
  157. <input id="areaName" name="areaName" type="text" readonly="readonly" class="inputxt" onclick="openAreaSelect()"
  158. placeholder="请选择作业元素" value="${archivesPlace.areaName}">
  159. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-select" onclick="openAreaSelect()">选择</a>
  160. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-clean" onclick="callbackCleanArea()">清空</a>
  161. </td>
  162. </tr>
  163. <tr>
  164. <td align="right">
  165. <label class="Validform_label">
  166. 场所编码:
  167. </label>
  168. </td>
  169. <td class="value">
  170. <input id="code" name="code" type="text" style="width: 150px" readonly
  171. placeholder="请输入"
  172. value='${archivesPlace.code}'/>
  173. <span class="Validform_checktip"></span>
  174. <label class="Validform_label" style="display: none;">场所编码</label>
  175. </td>
  176. </tr>
  177. <tr>
  178. <td align="right">
  179. <label class="Validform_label">
  180. <span color="red" class="requiredIcon">*</span>场所名称:
  181. </label>
  182. </td>
  183. <td class="value">
  184. <input id="name" name="name" type="text" style="width: 150px" readonly
  185. ignore="checked" datatype="*,*1-20"
  186. placeholder="请输入名称"
  187. value='${archivesPlace.name}'/>
  188. <span class="Validform_checktip"></span>
  189. <label class="Validform_label" style="display: none;">场所名称</label>
  190. </td>
  191. </tr>
  192. <tr>
  193. <td align="right">
  194. <label class="Validform_label">
  195. <span color="red" class="requiredIcon">*</span>场所类型:
  196. </label>
  197. </td>
  198. <td class="value">
  199. <t:dictSelect field="type" type="list" datatype="*" typeGroupCode="location_type" defaultVal="${archivesPlace.type}" hasLabel="false" title="场所类型" ></t:dictSelect>
  200. <span class="Validform_checktip"></span>
  201. <label class="Validform_label" style="display: none;">场所类型</label>
  202. </td>
  203. </tr>
  204. <tr>
  205. <td align="right">
  206. <label class="Validform_label">
  207. <span color="red" class="requiredIcon">*</span>管理人员:
  208. </label>
  209. </td>
  210. <td class="value">
  211. <input id="managerName" name="managerName" type="text" readonly="readonly" class="inputxt" onclick="openManagerSelect()"
  212. placeholder="请输入管理人员" value="${archivesPlace.managerName}">
  213. <input id="managerId" name="managerId" type="hidden" datatype="*" value="${archivesPlace.managerId}">
  214. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-select" onclick="openManagerSelect()">选择</a>
  215. <a href="#" class="easyui-linkbutton" plain="true" icon="icon-clean" onclick="callbackClean()">清空</a>
  216. <%-- <span class="Validform_checktip">一线员工必须选择保安部、保洁部等部门;项目经理和内勤必须选择项目</span>--%>
  217. </td>
  218. </tr>
  219. <tr>
  220. <td align="right">
  221. <label class="Validform_label">
  222. <font color="red"></font>电话号码:
  223. </label>
  224. </td>
  225. <td class="value">
  226. <input id="mobilePhone" name="mobilePhone" type="text" style="width: 150px" readonly
  227. ignore="checked" minlength="7" maxlength="11"
  228. placeholder="请输入"
  229. value='${archivesPlace.mobilePhone}'/>
  230. <span class="Validform_checktip"></span>
  231. <label class="Validform_label" style="display: none;">电话号码</label>
  232. </td>
  233. </tr>
  234. <tr>
  235. <td align="right">
  236. <label class="Validform_label">
  237. <font color="red"> </font>场所位置:
  238. </label>
  239. </td>
  240. <td class="value" colspan="3">
  241. <input id="position" name="position" type="text" style="width: 150px"
  242. ignore="checked"
  243. placeholder="请输入"
  244. value='${archivesPlace.position}'/>
  245. <span class="Validform_checktip"></span>
  246. <label class="Validform_label" style="display: none;">场所位置</label>
  247. </td>
  248. </tr>
  249. <tr>
  250. <td align="right">
  251. <label class="Validform_label">
  252. <span color="red" class="requiredIcon">*</span>经度:
  253. </label>
  254. </td>
  255. <td class="value">
  256. <input id="longitude" name="longitude" type="text" style="width: 150px" readonly
  257. ignore="checked" datatype="d"
  258. placeholder="请输入"
  259. value='${archivesPlace.longitude}'/>
  260. <span class="Validform_checktip"></span>
  261. <label class="Validform_label" style="display: none;">经度</label>
  262. </td>
  263. </tr>
  264. <tr>
  265. <td align="right">
  266. <label class="Validform_label">
  267. <span color="red" class="requiredIcon">*</span>纬度:
  268. </label>
  269. </td>
  270. <td class="value">
  271. <input id="latitude" name="latitude" type="text" style="width: 150px" readonly
  272. ignore="checked" datatype="d"
  273. placeholder="请输入"
  274. value='${archivesPlace.latitude}'/>
  275. <span class="Validform_checktip"></span>
  276. <label class="Validform_label" style="display: none;">纬度</label>
  277. </td>
  278. </tr>
  279. <tr>
  280. <td align="right">
  281. <label class="Validform_label">
  282. 海拔高度:
  283. </label>
  284. </td>
  285. <td class="value">
  286. <input id="height" name="height" type="text" style="width: 150px" readonly
  287. placeholder="请输入"
  288. ignore="checked" onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"
  289. value='${archivesPlace.height}'/>
  290. <span class="Validform_checktip"></span>
  291. <label class="Validform_label" style="display: none;">海拔高度</label>
  292. </td>
  293. </tr>
  294. <tr>
  295. <td align="right">
  296. <label class="Validform_label">
  297. <font color="red"> </font>管理内容:
  298. </label>
  299. </td>
  300. <td class="value">
  301. <input id="manageContent" name="manageContent" type="text" style="width: 150px"
  302. ignore="checked"
  303. placeholder="请输入"
  304. value='${archivesPlace.manageContent}'/>
  305. <span class="Validform_checktip"></span>
  306. <label class="Validform_label" style="display: none;">管理内容</label>
  307. </td>
  308. </tr>
  309. <tr>
  310. <td align="right">
  311. <label class="Validform_label">
  312. <font color="red"> </font>签约时长:
  313. </label>
  314. </td>
  315. <td class="value">
  316. <input id="signingTime" name="signingTime" type="text" style="width: 150px"
  317. placeholder="请输入"
  318. class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
  319. value="${cf:formatDateTime(archivesPlace.signingTime, 'yyyy-MM-dd HH:mm:ss')}"/>
  320. <span class="Validform_checktip"></span>
  321. <label class="Validform_label" style="display: none;">签约时长</label>
  322. </td>
  323. </tr>
  324. <tr>
  325. <td align="right">
  326. <label class="Validform_label">
  327. <span color="red" class="requiredIcon">*</span>所属网格化区域:
  328. </label>
  329. </td>
  330. <td class="value">
  331. <t:dictSelect field="areaRegion" id="areaRegion" datatype="*" type="list" typeGroupCode="areaRegion" defaultVal="${archivesPlace.areaRegion}" hasLabel="false" title="所属网格化区域"></t:dictSelect>
  332. <span class="Validform_checktip"></span>
  333. <label class="Validform_label" style="display: none;">所属网格化区域</label>
  334. </td>
  335. </tr>
  336. <tr>
  337. <td align="right">
  338. <label class="Validform_label">
  339. <span color="red" class="requiredIcon">*</span>气体监测设备号:
  340. </label>
  341. </td>
  342. <td class="value">
  343. <input id="vehicleNo01" name="vehicleNo01" type="text" style="width: 150px"
  344. ignore="ignore" datatype="*,*1-20"
  345. placeholder="请输入气体监测设备号"
  346. value='${archivesPlace.vehicleNo01}'/>
  347. <span class="Validform_checktip"></span>
  348. <label class="Validform_label" style="display: none;">气体监测设备号</label>
  349. </td>
  350. </tr>
  351. <tr>
  352. <td align="right">
  353. <label class="Validform_label">
  354. 客流监测设备号:
  355. </label>
  356. </td>
  357. <td class="value">
  358. <input id="vehicleNo02" name="vehicleNo02" type="text" style="width: 150px"
  359. ignore="ignore"
  360. placeholder="请输入客流监测设备号"
  361. value='${archivesPlace.vehicleNo02}'/>
  362. <span class="Validform_checktip"></span>
  363. <label class="Validform_label" style="display: none;">客流监测设备号</label>
  364. </td>
  365. </tr>
  366. <tr>
  367. <td align="right">
  368. <label class="Validform_label">
  369. <span color="red" class="requiredIcon">*</span>摄像头设备号:
  370. </label>
  371. </td>
  372. <td class="value">
  373. <input id="vehicleNo03" name="vehicleNo03" type="text" style="width: 150px"
  374. ignore="ignore" datatype="*,*1-20"
  375. placeholder="请输入摄像头设备号"
  376. value='${archivesPlace.vehicleNo03}'/>
  377. <span class="Validform_checktip"></span>
  378. <label class="Validform_label" style="display: none;">摄像头设备号</label>
  379. </td>
  380. </tr>
  381. <tr>
  382. <td align="right">
  383. <label class="Validform_label">
  384. <span color="red" class="requiredIcon">*</span>摄像头通道号:
  385. </label>
  386. </td>
  387. <td class="value">
  388. <input id="channelNo" name="channelNo" type="text" style="width: 150px"
  389. ignore="ignore" datatype="*,*1-20"
  390. placeholder="请输入摄像头通道号"
  391. value='${archivesPlace.channelNo}'/>
  392. <span class="Validform_checktip"></span>
  393. <label class="Validform_label" style="display: none;">摄像头通道号</label>
  394. </td>
  395. </tr>
  396. </table>
  397. </t:formvalid>
  398. </body>
  399. </html>