equipment_baseinfo_manage.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/vber/easyui.css" />
  7. <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" />
  8. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js"></script>
  9. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js"></script>
  10. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js"></script>
  11. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
  12. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js"></script>
  13. <script type="text/javascript" src="http://static.vbdsm.com/js/static.support.js"></script>
  14. <script type="text/javascript" src="http://static.vbdsm.com/js/easyui.support.js"></script>
  15. <script type="text/javascript" src="http://static.vbdsm.com/js/common.tools.js"></script>
  16. <script type="text/javascript" src="http://static.vbdsm.com/js/util.js"></script>
  17. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js"></script>
  18. <script type="text/javascript" src="http://static.vbdsm.com/js/lib/layer/layer/layer.js"></script>
  19. <title>配用电设备档案管理</title>
  20. <style type="text/css">
  21. .w200 {
  22. width: 200px;
  23. }
  24. .tabwidhei {
  25. width: 100px;
  26. height: 27px;
  27. }
  28. </style>
  29. <script type="text/javascript" charset="UTF-8"></script>
  30. </head>
  31. <body style="margin: 0">
  32. <!-- t_sys_basecode 设备类型:0002,电压等级:0003 -->
  33. <div style="width: 100%; height: 100%">
  34. <table class="easyui-datagrid" border="0" style="height: 100%" id="company_usepower"></table>
  35. </div>
  36. <!-- 新建、编辑窗口 -->
  37. <div title="编辑" class="easyui-tabs" id="basebox" style="top: 100px; overflow: auto" data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closed:true,resizable:false">
  38. <div title="基本信息">
  39. <div>
  40. <form id="equipmentForm" method="post">
  41. <input type="hidden" name="id" value="0" />
  42. <fieldset class="x-fieldset" style="margin-top: 10px">
  43. <legend>
  44. <span>基本信息</span>
  45. </legend>
  46. <table cellpadding="0" cellspacing="0" style="font-size: 12px">
  47. <tr>
  48. <td class="tabwidhei" align="right">设备名称:</td>
  49. <td style="width: 220px">
  50. <input type="text" id="name" name="name" maxlength="100" class="easyui-validatebox easyui-textbox w200" required="true" />
  51. </td>
  52. <td class="tabwidhei" align="right">资产编号:</td>
  53. <td style="width: 220px">
  54. <input type="text" name="assetId" id="assetId" class="easyui-textbox w200" maxlength="50" />
  55. </td>
  56. </tr>
  57. <tr>
  58. <td class="tabwidhei" align="right">型号规格:</td>
  59. <td>
  60. <input type="text" id="model" name="model" class="easyui-textbox w200" maxlength="150" />
  61. </td>
  62. <td class="tabwidhei" align="right">设备类型:</td>
  63. <td><input id="etype" name="etype" class="w200" required="true" /></td>
  64. </tr>
  65. <tr>
  66. <td class="tabwidhei" align="right">购买日期:</td>
  67. <td>
  68. <input type="text" id="buyDate" name="buyDate" class="easyui-datebox w200" />
  69. </td>
  70. <td align="right">投运日期:</td>
  71. <td>
  72. <input type="text" id="runDate" name="runDate" class="easyui-datebox w200" />
  73. </td>
  74. </tr>
  75. <tr>
  76. <td class="tabwidhei" align="right">额定功率(kW):</td>
  77. <td>
  78. <input type="text" id="pe" name="pe" class="easyui-numberbox w200" min="0.01" value="1" precision="2" maxlength="8" />
  79. </td>
  80. <td align="right">电压等级(kV):</td>
  81. <td>
  82. <input id="volt" name="volt" class="w200" />
  83. </td>
  84. </tr>
  85. <!-- <tr>
  86. <td align="right">是否主辅设备 :</td>
  87. <td>
  88. <select id="zfDevice" name="zfdevice" class="easyui-combobox w200">
  89. <option value="1" selected>主设备</option>
  90. <option value="0" >辅设备</option>
  91. </select>
  92. </td>
  93. </tr> -->
  94. </table>
  95. </fieldset>
  96. <fieldset class="x-fieldset" style="margin-top: 10px">
  97. <legend>
  98. <span>归属信息</span>
  99. </legend>
  100. <table cellpadding="0" cellspacing="0" style="font-size: 12px">
  101. <tr>
  102. <td class="tabwidhei" align="right">所属监控点:</td>
  103. <td style="width: 220px">
  104. <input id="monitorId" name="monitorId" style="width: 320px" />
  105. </td>
  106. </tr>
  107. </table>
  108. </fieldset>
  109. <fieldset class="x-fieldset" style="margin-top: 10px">
  110. <legend>
  111. <span>其它</span>
  112. </legend>
  113. <table cellpadding="0" cellspacing="0" style="font-size: 12px">
  114. <tr>
  115. <td class="tabwidhei" align="right">保修方式:</td>
  116. <td style="width: 220px">
  117. <input type="radio" id="warrantytype1" name="warrantyType" value="1" checked="checked" onclick="javascript:$('#warrantyLimit').numberbox('disable');" />不保修
  118. <input type="radio" id="warrantytype2" name="warrantyType" value="2" onclick="javascript:$('#warrantyLimit').numberbox('disable');" />永久保修
  119. <input type="radio" id="warrantytype3" name="warrantyType" value="3" onclick="javascript:$('#warrantyLimit').numberbox('enable');" />保修期限
  120. </td>
  121. <td class="tabwidhei" align="right">保修期限(年):</td>
  122. <td>
  123. <input type="text" id="warrantyLimit" name="warrantyLimit" disabled="disabled" class="easyui-numberbox w200" maxlength="2" />
  124. </td>
  125. </tr>
  126. <tr>
  127. <td class="tabwidhei" align="right">制造商:</td>
  128. <td>
  129. <input type="text" id="madeCompany" name="madeCompany" class="easyui-textbox w200" maxlength="100" />
  130. </td>
  131. <td class="tabwidhei" align="right">供应商:</td>
  132. <td>
  133. <input type="text" id="suppler" name="suppler" class="easyui-textbox w200" maxlength="100" />
  134. </td>
  135. </tr>
  136. <tr>
  137. <td class="tabwidhei" align="right">维护要求:</td>
  138. <td>
  139. <input type="text" id="repairtRequire" name="repairtRequire" class="easyui-textbox w200" maxlength="1000" />
  140. </td>
  141. </tr>
  142. <tr>
  143. <td class="tabwidhei" align="right">技术参数:</td>
  144. <td colspan="3">
  145. <textarea id="parameters" name="parameters" class="easyui-textbox" style="width: 100%; height: 45px; font-size: 12px" required="true"></textarea>
  146. </td>
  147. </tr>
  148. <tr>
  149. <td class="tabwidhei" align="right">安装地址:</td>
  150. <td colspan="3">
  151. <input type="text" id="address" name="address" class="easyui-textbox" maxlength="500" style="width: 100%" />
  152. </td>
  153. </tr>
  154. </table>
  155. </fieldset>
  156. </form>
  157. <div style="text-align: center; padding: 5px">
  158. <a style="" href="javascript:void(0)" onclick="save()" id="btn-save" icon="icon-save">保存</a>
  159. <a href="javascript:void(0)" onclick="closeWindow()" id="btn-cancel" icon="icon-undo">取消</a>
  160. </div>
  161. </div>
  162. </div>
  163. <div title="检修周期">
  164. <div id="checkcycle-div" style="width: 100%; height: 485px">
  165. <table id="checkcycle-dg"></table>
  166. </div>
  167. <div id="toolBar" style="height: auto">
  168. <a id="btnAdd" class="easyui-linkbutton easyui-tooltip" title="添加信息" data-options="plain:true, iconCls:'icon-add'">新增</a>
  169. <a id="btnUpdate" class="easyui-linkbutton easyui-tooltip" title="修改信息" data-options="plain:true, iconCls:'icon-edit'">修改</a>
  170. <a id="btnDelete" class="easyui-linkbutton easyui-tooltip" title="删除信息" data-options="plain:true, iconCls:'icon-remove'">删除</a>
  171. <a id="btnSave" class="easyui-linkbutton easyui-tooltip" title="保存信息" data-options="iconCls:'icon-save', plain:true">保存</a>
  172. <a id="btnCancel" class="easyui-linkbutton easyui-tooltip" title="取消当前操作" data-options="iconCls:'icon-undo', plain:true">取消</a>
  173. </div>
  174. </div>
  175. </div>
  176. <script>
  177. /**获取当前页面的url**/
  178. var cid = $.query.get("auth_cid")
  179. var aid = $.query.get("auth_aid")
  180. var mid = $.query.get("auth_mid")
  181. $("body").append('<script src="/system/lang/manage/config.json?1=1&script=1&auth_cid=' + cid + '"><\/script>')
  182. var host = jQuery.parseJSON(AUTH.site.config).platform["01200009"] + "." + AUTH.site.domain
  183. var tableObj = $("#company_usepower")
  184. var screenWidth = document.body.clientWidth
  185. var tableWidth = screenWidth * 0.96
  186. $(function () {
  187. initGridData()
  188. initDatagrid()
  189. })
  190. //分页控件
  191. function initGridData() {
  192. //获取DataGrid分页组件对象
  193. var p = $("#company_usepower").datagrid("getPager")
  194. //设置分页组件参数
  195. $(p).pagination({
  196. pageSize: 20,
  197. pageNumber: 1,
  198. pageList: [10, 20, 50],
  199. onSelectPage: function (pageNumber, pageSize) {
  200. getData(pageNumber, pageSize)
  201. },
  202. })
  203. var obj = $(p).pagination("options")
  204. getData(obj.pageNumber, obj.pageSize)
  205. /*
  206. initDatagrid();
  207. loadData(); */
  208. }
  209. //表格数据查询
  210. function getData(pageNumber, pageSize) {
  211. ajax({
  212. url: "/web/equipment/getList/0.json",
  213. type: "post",
  214. dataType: "json",
  215. data: { pageNo: pageNumber, pageSize: pageSize },
  216. success: function (data) {
  217. tableObj.datagrid("loadData", data)
  218. },
  219. })
  220. }
  221. tableObj.datagrid({
  222. columns: [
  223. [
  224. { field: "id", title: "选择", checkbox: true },
  225. { field: "name", title: "名称", width: tableWidth * 0.12, align: "left" },
  226. { field: "assetId", title: "资产编号", width: tableWidth * 0.08, align: "center" },
  227. { field: "model", title: "型号规格", width: tableWidth * 0.08, align: "center" },
  228. { field: "pe", title: "额定功率", width: tableWidth * 0.08, align: "center" },
  229. { field: "runDate", title: "投运日期", width: tableWidth * 0.08, align: "center" },
  230. { field: "suppler", title: "供应商", width: tableWidth * 0.2, align: "left" },
  231. { field: "address", title: "安装地址", width: tableWidth * 0.25, align: "left" },
  232. ],
  233. ],
  234. toolbar: [
  235. {
  236. text: "新增",
  237. iconCls: "icon-add",
  238. handler: add,
  239. },
  240. "-",
  241. {
  242. text: "删除",
  243. iconCls: "icon-remove",
  244. handler: remove,
  245. },
  246. "-",
  247. {
  248. text: "修改",
  249. iconCls: "icon-edit",
  250. handler: update,
  251. },
  252. "-",
  253. {
  254. text: "取消",
  255. iconCls: "icon-undo",
  256. handler: undo,
  257. },
  258. ],
  259. pagination: true,
  260. pageSize: 20,
  261. singleSelect: true,
  262. selectOnCheck: false,
  263. checkOnSelect: true,
  264. rownumbers: false,
  265. onDblClickRow: update, //双击事件
  266. onLoadSuccess: function (data) {},
  267. onLoadError: function () {
  268. alert("载入数据发生错误,请重试。")
  269. },
  270. })
  271. //取消
  272. function undo() {
  273. tableObj.datagrid("rejectChanges")
  274. }
  275. //初始化监控点树形下拉框
  276. $("#monitorId").combotree({
  277. loader: function (param, success, error) {
  278. ajax({
  279. url: "/web/getMonitorTree/tree.json",
  280. dataType: "json",
  281. success: function (data) {
  282. success(data.data)
  283. },
  284. error: function () {
  285. error.apply(this, arguments)
  286. },
  287. })
  288. },
  289. valueField: "id",
  290. textField: "text",
  291. editable: false,
  292. })
  293. //初始化设备类型下拉框
  294. $("#etype").combobox({
  295. loader: function (param, success, error) {
  296. ajax({
  297. url: "http://" + host + "/web/code/getComboxData.json?callback=?",
  298. data: { superCode: "00030000" },
  299. dataType: "jsonp",
  300. success: function (data) {
  301. success(data)
  302. },
  303. error: function (e) {
  304. error.apply(this, arguments)
  305. },
  306. })
  307. },
  308. valueField: "codeSole",
  309. textField: "name",
  310. editable: false,
  311. })
  312. //初始化电压等级下拉框
  313. $("#volt").combobox({
  314. loader: function (param, success, error) {
  315. ajax({
  316. //url : 'http://manage.vbdsm.com/web/code/getComboxData.json?callback=?',
  317. url: "http://" + host + "/web/code/getComboxData.json?callback=?",
  318. data: { superCode: "00020000" },
  319. dataType: "jsonp",
  320. success: function (data) {
  321. success(data)
  322. },
  323. error: function () {
  324. error.apply(this, arguments)
  325. },
  326. })
  327. },
  328. valueField: "codeSole",
  329. textField: "name",
  330. editable: false,
  331. })
  332. $("#btn-save,#btn-cancel").linkbutton()
  333. //增加、修改
  334. win = $("#basebox").window({
  335. closed: true,
  336. })
  337. //服务公司添加、修改的form表单
  338. form = win.find("form")
  339. function add() {
  340. win.window("open")
  341. win.dialog("setTitle", "新增")
  342. form.form("clear")
  343. }
  344. //关闭窗口
  345. function closeWindow() {
  346. win.window("close")
  347. }
  348. //修改
  349. function update() {
  350. form.form("clear")
  351. var row = tableObj.datagrid("getSelected") //获取修改后的数据
  352. if (row != null) {
  353. var id = row.id
  354. ajax({
  355. url: "/web/equipment/getOne/" + id + ".json",
  356. success: function (json) {
  357. var warrantyType = json.warrantyType
  358. if (warrantyType == 3) {
  359. $("#warrantyLimit").numberbox("enable")
  360. } else {
  361. $("#warrantyLimit").numberbox("disable")
  362. }
  363. form.form("load", json)
  364. win.window("open")
  365. win.dialog("setTitle", "修改")
  366. },
  367. error: function () {
  368. alert("数据加载失败了,请重试!")
  369. },
  370. })
  371. } else {
  372. alert("请选择要修改的行")
  373. }
  374. loadData(row.id)
  375. }
  376. //保存
  377. function save() {
  378. $("#equipmentForm").form("submit", {
  379. url: "/web/equipment/addOrModify.json?auth_cid=" + cid + "&auth_aid=" + aid + "&auth_mid=" + mid,
  380. onSubmit: function () {
  381. return $(this).form("validate")
  382. },
  383. success: function (json) {
  384. var result = eval("(" + json + ")")
  385. if (result.status == 1) {
  386. toast(result.msg)
  387. closeWindow()
  388. initGridData()
  389. } else {
  390. alert(result.msg)
  391. }
  392. },
  393. })
  394. }
  395. //删除
  396. function remove() {
  397. var row = tableObj.datagrid("getChecked")
  398. var length = row.length
  399. if (length > 0) {
  400. confirm("警告", "确认删除这 " + length + " 个设备吗?删除后不可恢复!", function (data) {
  401. if (data) {
  402. var ids = ""
  403. for (var i = 0; i < length; i++) {
  404. var id = row[i].id
  405. ids += id + ","
  406. }
  407. ids = ids.substring(0, ids.length - 1)
  408. ajax({
  409. url: "/web/equipment/realDel/" + ids + ".json",
  410. success: function (json) {
  411. if (json.status == 1) {
  412. toast(json.msg)
  413. initGridData()
  414. } else {
  415. alert(json.msg)
  416. }
  417. },
  418. error: function () {
  419. alert("删除失败,请重试!")
  420. },
  421. })
  422. }
  423. })
  424. } else {
  425. alert("请选择要删除的项!")
  426. }
  427. }
  428. var editFlag = true,
  429. appendFlag = true,
  430. editIndex,
  431. monitorId
  432. $(function () {
  433. var row = tableObj.datagrid("getSelected") //获取修改后的数据
  434. $("#btnAdd").on("click", function () {
  435. var row = tableObj.datagrid("getSelected") //获取修改后的数据
  436. if (!appendFlag || !editFlag) {
  437. layer.msg("请先取消正在更改或者新增的行!", {
  438. icon: 4,
  439. })
  440. return
  441. }
  442. if (!row) {
  443. layer.msg("无法新增!")
  444. return
  445. }
  446. $("#checkcycle-dg").datagrid("appendRow", {})
  447. editIndex = $("#checkcycle-dg").datagrid("getRows").length - 1
  448. $("#checkcycle-dg").datagrid("selectRow", editIndex).datagrid("beginEdit", editIndex)
  449. appendFlag = false
  450. })
  451. $("#btnSave").on("click", function () {
  452. if (appendFlag && editFlag) {
  453. layer.msg("没有需要保存或者更新的行!")
  454. return
  455. }
  456. var flag = $("#checkcycle-dg").datagrid("validateRow", editIndex)
  457. if (!flag) {
  458. layer.msg("请填写完整的信息!")
  459. return
  460. }
  461. $("#checkcycle-dg").datagrid("acceptChanges")
  462. $("#checkcycle-dg").datagrid("selectRow", editIndex)
  463. var row = $("#checkcycle-dg").datagrid("getSelected")
  464. var url = "",
  465. type = 1
  466. if (row["id"]) {
  467. url = "/web/checkcycle/update.json"
  468. type = 2
  469. row["equipmentId"] = tableObj.datagrid("getSelected").id
  470. } else {
  471. url = "/web/checkcycle/save.json"
  472. }
  473. saveOrUpdate(url, row, type)
  474. ;(editFlag = true), (appendFlag = true)
  475. })
  476. function saveOrUpdate(url, row, type) {
  477. ajax({
  478. url: url,
  479. data: row,
  480. type: "POST",
  481. beforeSend: function (XHR) {
  482. $("#checkcycle-dg").mask("数据加载中...")
  483. },
  484. success: function (data) {
  485. $("#checkcycle-dg").unmask()
  486. if (data["status"] == 1) {
  487. if (type == 1) {
  488. layer.msg(" 保存成功", {
  489. icon: 1,
  490. })
  491. $("#checkcycle-dg").datagrid("updateRow", {
  492. index: editIndex,
  493. row: data["data"],
  494. })
  495. } else {
  496. layer.msg(" 更新成功", {
  497. icon: 1,
  498. })
  499. }
  500. } else {
  501. if (type == 1) {
  502. layer.msg(" 保存失败", {
  503. icon: 1,
  504. })
  505. } else {
  506. layer.msg(" 更新失败", {
  507. icon: 1,
  508. })
  509. }
  510. }
  511. },
  512. error: function () {
  513. $("#checkcycle-dg").unmask()
  514. if (type == 1) {
  515. layer.msg(" 服务器发生错误,保存失败", {
  516. icon: 1,
  517. })
  518. } else {
  519. layer.msg(" 服务器发生错误,更新失败", {
  520. icon: 1,
  521. })
  522. }
  523. },
  524. })
  525. }
  526. $("#btnCancel").on("click", function () {
  527. if (editIndex != undefined) {
  528. $("#checkcycle-dg").datagrid("cancelEdit", editIndex)
  529. if (!appendFlag) {
  530. $("#checkcycle-dg").datagrid("deleteRow", editIndex)
  531. appendFlag = true
  532. }
  533. editIndex = undefined
  534. editFlag = true
  535. }
  536. })
  537. $("#btnUpdate").click(function () {
  538. if (!appendFlag || !editFlag) {
  539. layer.msg("请先取消正在更改或者新增的行!", {
  540. icon: 4,
  541. })
  542. return
  543. }
  544. var row = $("#checkcycle-dg").datagrid("getSelected")
  545. if (row == null || row == undefined) {
  546. layer.msg(" 请选择一条记录进行修改.", {
  547. icon: 4,
  548. })
  549. return
  550. }
  551. var index = $("#checkcycle-dg").datagrid("getRowIndex", row)
  552. editIndex = index
  553. $("#checkcycle-dg").datagrid("beginEdit", editIndex)
  554. editFlag = false
  555. })
  556. $("#btnDelete").click(function () {
  557. if (!appendFlag || !editFlag) {
  558. layer.msg("请先取消正在更改或者新增的行!", {
  559. icon: 4,
  560. })
  561. return
  562. }
  563. var checkedItem = $("#checkcycle-dg").datagrid("getSelected")
  564. if (checkedItem != undefined) {
  565. layer.confirm("删除后,将导致某些关联数据无法显示。<br/>您确定要删除选中数据吗?", function (index) {
  566. layer.close(index)
  567. ajax({
  568. url: "/web/checkcycle/delete.json",
  569. data: {
  570. id: checkedItem.id,
  571. },
  572. success: function (data) {
  573. if (data["status"] == 1) {
  574. var rowIndex = $("#checkcycle-dg").datagrid("getRowIndex", checkedItem)
  575. $("#checkcycle-dg").datagrid("deleteRow", rowIndex)
  576. layer.msg(" 删除成功", {
  577. icon: 1,
  578. })
  579. } else {
  580. layer.msg(" 删除失败", {
  581. icon: 2,
  582. })
  583. }
  584. },
  585. error: function () {
  586. layer.msg(" 服務器存在問題,删除失败", {
  587. icon: 2,
  588. })
  589. },
  590. })
  591. })
  592. } else {
  593. layer.msg(" 请选择一条要删除的记录!", {
  594. icon: 4,
  595. })
  596. return
  597. }
  598. })
  599. })
  600. function loadData(id) {
  601. ajax({
  602. url: "/web/checkcycle/getForPage.json",
  603. data: {
  604. equipmentId: id,
  605. },
  606. type: "POST",
  607. dataType: "JSON",
  608. beforeSend: function () {
  609. $("#checkcycle-div").mask("数据加载中.....")
  610. },
  611. success: function (data) {
  612. $("#checkcycle-div").unmask()
  613. if (data["status"] == 1) {
  614. $("#checkcycle-dg").datagrid("loadData", data["data"])
  615. } else {
  616. $("#checkcycle-dg").datagrid("loadData", [])
  617. }
  618. },
  619. error: function () {
  620. $("#checkcycle-div").unmask()
  621. layer.msg("服务器异常请稍后再试!")
  622. $("#checkcycle-dg").datagrid("loadData", [])
  623. },
  624. })
  625. }
  626. function query() {
  627. var row = tableObj.datagrid("getSelected") //获取修改后的数据
  628. var options = $("#checkcycle-dg").datagrid("getPager").pagination("options")
  629. var pageSize = options["pageSize"]
  630. var pageNumber = options["pageNumber"]
  631. if (pageNumber == 0) {
  632. pageNumber = 1
  633. }
  634. ajax({
  635. url: "/web/checkcycle/getForPage.json",
  636. data: {
  637. equipmentId: row.id,
  638. pageSize: pageSize,
  639. pageNo: pageNumber,
  640. },
  641. type: "POST",
  642. dataType: "JSON",
  643. beforeSend: function () {
  644. $("#checkcycle-div").mask("数据加载中.....")
  645. },
  646. success: function (data) {
  647. $("#checkcycle-div").unmask()
  648. if (data["status"] == 1) {
  649. if (data["data"] != null && data["data"]["rows"].length == 0) {
  650. layer.msg("暂时没有数据")
  651. }
  652. $("#checkcycle-dg").datagrid("loadData", data["data"])
  653. } else {
  654. $("#checkcycle-dg").datagrid("loadData", [])
  655. }
  656. },
  657. error: function () {
  658. $("#checkcycle-div").unmask()
  659. layer.msg("服务器异常请稍后再试!")
  660. $("#checkcycle-dg").datagrid("loadData", [])
  661. },
  662. })
  663. }
  664. function initDatagrid() {
  665. $("#checkcycle-dg").datagrid({
  666. toolbar: "#toolBar",
  667. fit: true,
  668. border: false,
  669. pageSize: 20,
  670. pagination: true,
  671. rownumbers: false,
  672. singleSelect: true,
  673. columns: [
  674. [
  675. {
  676. field: "id",
  677. hidden: true,
  678. },
  679. {
  680. field: "item",
  681. title: "项目名称",
  682. width: 130,
  683. align: "center",
  684. editor: {
  685. type: "text",
  686. options: {
  687. required: true,
  688. },
  689. },
  690. },
  691. {
  692. field: "cycleTime",
  693. title: "检修周期(月)",
  694. width: 130,
  695. align: "center",
  696. editor: {
  697. type: "text",
  698. options: {
  699. required: true,
  700. },
  701. },
  702. },
  703. ],
  704. ],
  705. })
  706. $("#checkcycle-dg")
  707. .datagrid("getPager")
  708. .pagination({
  709. onSelectPage: function () {
  710. query()
  711. },
  712. })
  713. }
  714. </script>
  715. </body>
  716. </html>