| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/vber/easyui.css" />
- <link rel="stylesheet" type="text/css" href="http://static.vbdsm.com/js/lib/easyui/themes/icon.css" />
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/highcharts/highcharts.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/jquery.easyui.min.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/loadmask/jquery.loadmask.min.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/static.support.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/easyui.support.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/common.tools.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/util.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js"></script>
- <script type="text/javascript" src="http://static.vbdsm.com/js/lib/layer/layer/layer.js"></script>
- <title>配用电设备档案管理</title>
- <style type="text/css">
- .w200 {
- width: 200px;
- }
- .tabwidhei {
- width: 100px;
- height: 27px;
- }
- </style>
- <script type="text/javascript" charset="UTF-8"></script>
- </head>
- <body style="margin: 0">
- <!-- t_sys_basecode 设备类型:0002,电压等级:0003 -->
- <div style="width: 100%; height: 100%">
- <table class="easyui-datagrid" border="0" style="height: 100%" id="company_usepower"></table>
- </div>
- <!-- 新建、编辑窗口 -->
- <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">
- <div title="基本信息">
- <div>
- <form id="equipmentForm" method="post">
- <input type="hidden" name="id" value="0" />
- <fieldset class="x-fieldset" style="margin-top: 10px">
- <legend>
- <span>基本信息</span>
- </legend>
- <table cellpadding="0" cellspacing="0" style="font-size: 12px">
- <tr>
- <td class="tabwidhei" align="right">设备名称:</td>
- <td style="width: 220px">
- <input type="text" id="name" name="name" maxlength="100" class="easyui-validatebox easyui-textbox w200" required="true" />
- </td>
- <td class="tabwidhei" align="right">资产编号:</td>
- <td style="width: 220px">
- <input type="text" name="assetId" id="assetId" class="easyui-textbox w200" maxlength="50" />
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">型号规格:</td>
- <td>
- <input type="text" id="model" name="model" class="easyui-textbox w200" maxlength="150" />
- </td>
- <td class="tabwidhei" align="right">设备类型:</td>
- <td><input id="etype" name="etype" class="w200" required="true" /></td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">购买日期:</td>
- <td>
- <input type="text" id="buyDate" name="buyDate" class="easyui-datebox w200" />
- </td>
- <td align="right">投运日期:</td>
- <td>
- <input type="text" id="runDate" name="runDate" class="easyui-datebox w200" />
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">额定功率(kW):</td>
- <td>
- <input type="text" id="pe" name="pe" class="easyui-numberbox w200" min="0.01" value="1" precision="2" maxlength="8" />
- </td>
- <td align="right">电压等级(kV):</td>
- <td>
- <input id="volt" name="volt" class="w200" />
- </td>
- </tr>
- <!-- <tr>
- <td align="right">是否主辅设备 :</td>
- <td>
- <select id="zfDevice" name="zfdevice" class="easyui-combobox w200">
- <option value="1" selected>主设备</option>
- <option value="0" >辅设备</option>
- </select>
- </td>
- </tr> -->
- </table>
- </fieldset>
- <fieldset class="x-fieldset" style="margin-top: 10px">
- <legend>
- <span>归属信息</span>
- </legend>
- <table cellpadding="0" cellspacing="0" style="font-size: 12px">
- <tr>
- <td class="tabwidhei" align="right">所属监控点:</td>
- <td style="width: 220px">
- <input id="monitorId" name="monitorId" style="width: 320px" />
- </td>
- </tr>
- </table>
- </fieldset>
- <fieldset class="x-fieldset" style="margin-top: 10px">
- <legend>
- <span>其它</span>
- </legend>
- <table cellpadding="0" cellspacing="0" style="font-size: 12px">
- <tr>
- <td class="tabwidhei" align="right">保修方式:</td>
- <td style="width: 220px">
- <input type="radio" id="warrantytype1" name="warrantyType" value="1" checked="checked" onclick="javascript:$('#warrantyLimit').numberbox('disable');" />不保修
- <input type="radio" id="warrantytype2" name="warrantyType" value="2" onclick="javascript:$('#warrantyLimit').numberbox('disable');" />永久保修
- <input type="radio" id="warrantytype3" name="warrantyType" value="3" onclick="javascript:$('#warrantyLimit').numberbox('enable');" />保修期限
- </td>
- <td class="tabwidhei" align="right">保修期限(年):</td>
- <td>
- <input type="text" id="warrantyLimit" name="warrantyLimit" disabled="disabled" class="easyui-numberbox w200" maxlength="2" />
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">制造商:</td>
- <td>
- <input type="text" id="madeCompany" name="madeCompany" class="easyui-textbox w200" maxlength="100" />
- </td>
- <td class="tabwidhei" align="right">供应商:</td>
- <td>
- <input type="text" id="suppler" name="suppler" class="easyui-textbox w200" maxlength="100" />
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">维护要求:</td>
- <td>
- <input type="text" id="repairtRequire" name="repairtRequire" class="easyui-textbox w200" maxlength="1000" />
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">技术参数:</td>
- <td colspan="3">
- <textarea id="parameters" name="parameters" class="easyui-textbox" style="width: 100%; height: 45px; font-size: 12px" required="true"></textarea>
- </td>
- </tr>
- <tr>
- <td class="tabwidhei" align="right">安装地址:</td>
- <td colspan="3">
- <input type="text" id="address" name="address" class="easyui-textbox" maxlength="500" style="width: 100%" />
- </td>
- </tr>
- </table>
- </fieldset>
- </form>
- <div style="text-align: center; padding: 5px">
- <a style="" href="javascript:void(0)" onclick="save()" id="btn-save" icon="icon-save">保存</a>
- <a href="javascript:void(0)" onclick="closeWindow()" id="btn-cancel" icon="icon-undo">取消</a>
- </div>
- </div>
- </div>
- <div title="检修周期">
- <div id="checkcycle-div" style="width: 100%; height: 485px">
- <table id="checkcycle-dg"></table>
- </div>
- <div id="toolBar" style="height: auto">
- <a id="btnAdd" class="easyui-linkbutton easyui-tooltip" title="添加信息" data-options="plain:true, iconCls:'icon-add'">新增</a>
- <a id="btnUpdate" class="easyui-linkbutton easyui-tooltip" title="修改信息" data-options="plain:true, iconCls:'icon-edit'">修改</a>
- <a id="btnDelete" class="easyui-linkbutton easyui-tooltip" title="删除信息" data-options="plain:true, iconCls:'icon-remove'">删除</a>
- <a id="btnSave" class="easyui-linkbutton easyui-tooltip" title="保存信息" data-options="iconCls:'icon-save', plain:true">保存</a>
- <a id="btnCancel" class="easyui-linkbutton easyui-tooltip" title="取消当前操作" data-options="iconCls:'icon-undo', plain:true">取消</a>
- </div>
- </div>
- </div>
- <script>
- /**获取当前页面的url**/
- var cid = $.query.get("auth_cid")
- var aid = $.query.get("auth_aid")
- var mid = $.query.get("auth_mid")
- $("body").append('<script src="/system/lang/manage/config.json?1=1&script=1&auth_cid=' + cid + '"><\/script>')
- var host = jQuery.parseJSON(AUTH.site.config).platform["01200009"] + "." + AUTH.site.domain
- var tableObj = $("#company_usepower")
- var screenWidth = document.body.clientWidth
- var tableWidth = screenWidth * 0.96
- $(function () {
- initGridData()
- initDatagrid()
- })
- //分页控件
- function initGridData() {
- //获取DataGrid分页组件对象
- var p = $("#company_usepower").datagrid("getPager")
- //设置分页组件参数
- $(p).pagination({
- pageSize: 20,
- pageNumber: 1,
- pageList: [10, 20, 50],
- onSelectPage: function (pageNumber, pageSize) {
- getData(pageNumber, pageSize)
- },
- })
- var obj = $(p).pagination("options")
- getData(obj.pageNumber, obj.pageSize)
- /*
- initDatagrid();
- loadData(); */
- }
- //表格数据查询
- function getData(pageNumber, pageSize) {
- ajax({
- url: "/web/equipment/getList/0.json",
- type: "post",
- dataType: "json",
- data: { pageNo: pageNumber, pageSize: pageSize },
- success: function (data) {
- tableObj.datagrid("loadData", data)
- },
- })
- }
- tableObj.datagrid({
- columns: [
- [
- { field: "id", title: "选择", checkbox: true },
- { field: "name", title: "名称", width: tableWidth * 0.12, align: "left" },
- { field: "assetId", title: "资产编号", width: tableWidth * 0.08, align: "center" },
- { field: "model", title: "型号规格", width: tableWidth * 0.08, align: "center" },
- { field: "pe", title: "额定功率", width: tableWidth * 0.08, align: "center" },
- { field: "runDate", title: "投运日期", width: tableWidth * 0.08, align: "center" },
- { field: "suppler", title: "供应商", width: tableWidth * 0.2, align: "left" },
- { field: "address", title: "安装地址", width: tableWidth * 0.25, align: "left" },
- ],
- ],
- toolbar: [
- {
- text: "新增",
- iconCls: "icon-add",
- handler: add,
- },
- "-",
- {
- text: "删除",
- iconCls: "icon-remove",
- handler: remove,
- },
- "-",
- {
- text: "修改",
- iconCls: "icon-edit",
- handler: update,
- },
- "-",
- {
- text: "取消",
- iconCls: "icon-undo",
- handler: undo,
- },
- ],
- pagination: true,
- pageSize: 20,
- singleSelect: true,
- selectOnCheck: false,
- checkOnSelect: true,
- rownumbers: false,
- onDblClickRow: update, //双击事件
- onLoadSuccess: function (data) {},
- onLoadError: function () {
- alert("载入数据发生错误,请重试。")
- },
- })
- //取消
- function undo() {
- tableObj.datagrid("rejectChanges")
- }
- //初始化监控点树形下拉框
- $("#monitorId").combotree({
- loader: function (param, success, error) {
- ajax({
- url: "/web/getMonitorTree/tree.json",
- dataType: "json",
- success: function (data) {
- success(data.data)
- },
- error: function () {
- error.apply(this, arguments)
- },
- })
- },
- valueField: "id",
- textField: "text",
- editable: false,
- })
- //初始化设备类型下拉框
- $("#etype").combobox({
- loader: function (param, success, error) {
- ajax({
- url: "http://" + host + "/web/code/getComboxData.json?callback=?",
- data: { superCode: "00030000" },
- dataType: "jsonp",
- success: function (data) {
- success(data)
- },
- error: function (e) {
- error.apply(this, arguments)
- },
- })
- },
- valueField: "codeSole",
- textField: "name",
- editable: false,
- })
- //初始化电压等级下拉框
- $("#volt").combobox({
- loader: function (param, success, error) {
- ajax({
- //url : 'http://manage.vbdsm.com/web/code/getComboxData.json?callback=?',
- url: "http://" + host + "/web/code/getComboxData.json?callback=?",
- data: { superCode: "00020000" },
- dataType: "jsonp",
- success: function (data) {
- success(data)
- },
- error: function () {
- error.apply(this, arguments)
- },
- })
- },
- valueField: "codeSole",
- textField: "name",
- editable: false,
- })
- $("#btn-save,#btn-cancel").linkbutton()
- //增加、修改
- win = $("#basebox").window({
- closed: true,
- })
- //服务公司添加、修改的form表单
- form = win.find("form")
- function add() {
- win.window("open")
- win.dialog("setTitle", "新增")
- form.form("clear")
- }
- //关闭窗口
- function closeWindow() {
- win.window("close")
- }
- //修改
- function update() {
- form.form("clear")
- var row = tableObj.datagrid("getSelected") //获取修改后的数据
- if (row != null) {
- var id = row.id
- ajax({
- url: "/web/equipment/getOne/" + id + ".json",
- success: function (json) {
- var warrantyType = json.warrantyType
- if (warrantyType == 3) {
- $("#warrantyLimit").numberbox("enable")
- } else {
- $("#warrantyLimit").numberbox("disable")
- }
- form.form("load", json)
- win.window("open")
- win.dialog("setTitle", "修改")
- },
- error: function () {
- alert("数据加载失败了,请重试!")
- },
- })
- } else {
- alert("请选择要修改的行")
- }
- loadData(row.id)
- }
- //保存
- function save() {
- $("#equipmentForm").form("submit", {
- url: "/web/equipment/addOrModify.json?auth_cid=" + cid + "&auth_aid=" + aid + "&auth_mid=" + mid,
- onSubmit: function () {
- return $(this).form("validate")
- },
- success: function (json) {
- var result = eval("(" + json + ")")
- if (result.status == 1) {
- toast(result.msg)
- closeWindow()
- initGridData()
- } else {
- alert(result.msg)
- }
- },
- })
- }
- //删除
- function remove() {
- var row = tableObj.datagrid("getChecked")
- var length = row.length
- if (length > 0) {
- confirm("警告", "确认删除这 " + length + " 个设备吗?删除后不可恢复!", function (data) {
- if (data) {
- var ids = ""
- for (var i = 0; i < length; i++) {
- var id = row[i].id
- ids += id + ","
- }
- ids = ids.substring(0, ids.length - 1)
- ajax({
- url: "/web/equipment/realDel/" + ids + ".json",
- success: function (json) {
- if (json.status == 1) {
- toast(json.msg)
- initGridData()
- } else {
- alert(json.msg)
- }
- },
- error: function () {
- alert("删除失败,请重试!")
- },
- })
- }
- })
- } else {
- alert("请选择要删除的项!")
- }
- }
- var editFlag = true,
- appendFlag = true,
- editIndex,
- monitorId
- $(function () {
- var row = tableObj.datagrid("getSelected") //获取修改后的数据
- $("#btnAdd").on("click", function () {
- var row = tableObj.datagrid("getSelected") //获取修改后的数据
- if (!appendFlag || !editFlag) {
- layer.msg("请先取消正在更改或者新增的行!", {
- icon: 4,
- })
- return
- }
- if (!row) {
- layer.msg("无法新增!")
- return
- }
- $("#checkcycle-dg").datagrid("appendRow", {})
- editIndex = $("#checkcycle-dg").datagrid("getRows").length - 1
- $("#checkcycle-dg").datagrid("selectRow", editIndex).datagrid("beginEdit", editIndex)
- appendFlag = false
- })
- $("#btnSave").on("click", function () {
- if (appendFlag && editFlag) {
- layer.msg("没有需要保存或者更新的行!")
- return
- }
- var flag = $("#checkcycle-dg").datagrid("validateRow", editIndex)
- if (!flag) {
- layer.msg("请填写完整的信息!")
- return
- }
- $("#checkcycle-dg").datagrid("acceptChanges")
- $("#checkcycle-dg").datagrid("selectRow", editIndex)
- var row = $("#checkcycle-dg").datagrid("getSelected")
- var url = "",
- type = 1
- if (row["id"]) {
- url = "/web/checkcycle/update.json"
- type = 2
- row["equipmentId"] = tableObj.datagrid("getSelected").id
- } else {
- url = "/web/checkcycle/save.json"
- }
- saveOrUpdate(url, row, type)
- ;(editFlag = true), (appendFlag = true)
- })
- function saveOrUpdate(url, row, type) {
- ajax({
- url: url,
- data: row,
- type: "POST",
- beforeSend: function (XHR) {
- $("#checkcycle-dg").mask("数据加载中...")
- },
- success: function (data) {
- $("#checkcycle-dg").unmask()
- if (data["status"] == 1) {
- if (type == 1) {
- layer.msg(" 保存成功", {
- icon: 1,
- })
- $("#checkcycle-dg").datagrid("updateRow", {
- index: editIndex,
- row: data["data"],
- })
- } else {
- layer.msg(" 更新成功", {
- icon: 1,
- })
- }
- } else {
- if (type == 1) {
- layer.msg(" 保存失败", {
- icon: 1,
- })
- } else {
- layer.msg(" 更新失败", {
- icon: 1,
- })
- }
- }
- },
- error: function () {
- $("#checkcycle-dg").unmask()
- if (type == 1) {
- layer.msg(" 服务器发生错误,保存失败", {
- icon: 1,
- })
- } else {
- layer.msg(" 服务器发生错误,更新失败", {
- icon: 1,
- })
- }
- },
- })
- }
- $("#btnCancel").on("click", function () {
- if (editIndex != undefined) {
- $("#checkcycle-dg").datagrid("cancelEdit", editIndex)
- if (!appendFlag) {
- $("#checkcycle-dg").datagrid("deleteRow", editIndex)
- appendFlag = true
- }
- editIndex = undefined
- editFlag = true
- }
- })
- $("#btnUpdate").click(function () {
- if (!appendFlag || !editFlag) {
- layer.msg("请先取消正在更改或者新增的行!", {
- icon: 4,
- })
- return
- }
- var row = $("#checkcycle-dg").datagrid("getSelected")
- if (row == null || row == undefined) {
- layer.msg(" 请选择一条记录进行修改.", {
- icon: 4,
- })
- return
- }
- var index = $("#checkcycle-dg").datagrid("getRowIndex", row)
- editIndex = index
- $("#checkcycle-dg").datagrid("beginEdit", editIndex)
- editFlag = false
- })
- $("#btnDelete").click(function () {
- if (!appendFlag || !editFlag) {
- layer.msg("请先取消正在更改或者新增的行!", {
- icon: 4,
- })
- return
- }
- var checkedItem = $("#checkcycle-dg").datagrid("getSelected")
- if (checkedItem != undefined) {
- layer.confirm("删除后,将导致某些关联数据无法显示。<br/>您确定要删除选中数据吗?", function (index) {
- layer.close(index)
- ajax({
- url: "/web/checkcycle/delete.json",
- data: {
- id: checkedItem.id,
- },
- success: function (data) {
- if (data["status"] == 1) {
- var rowIndex = $("#checkcycle-dg").datagrid("getRowIndex", checkedItem)
- $("#checkcycle-dg").datagrid("deleteRow", rowIndex)
- layer.msg(" 删除成功", {
- icon: 1,
- })
- } else {
- layer.msg(" 删除失败", {
- icon: 2,
- })
- }
- },
- error: function () {
- layer.msg(" 服務器存在問題,删除失败", {
- icon: 2,
- })
- },
- })
- })
- } else {
- layer.msg(" 请选择一条要删除的记录!", {
- icon: 4,
- })
- return
- }
- })
- })
- function loadData(id) {
- ajax({
- url: "/web/checkcycle/getForPage.json",
- data: {
- equipmentId: id,
- },
- type: "POST",
- dataType: "JSON",
- beforeSend: function () {
- $("#checkcycle-div").mask("数据加载中.....")
- },
- success: function (data) {
- $("#checkcycle-div").unmask()
- if (data["status"] == 1) {
- $("#checkcycle-dg").datagrid("loadData", data["data"])
- } else {
- $("#checkcycle-dg").datagrid("loadData", [])
- }
- },
- error: function () {
- $("#checkcycle-div").unmask()
- layer.msg("服务器异常请稍后再试!")
- $("#checkcycle-dg").datagrid("loadData", [])
- },
- })
- }
- function query() {
- var row = tableObj.datagrid("getSelected") //获取修改后的数据
- var options = $("#checkcycle-dg").datagrid("getPager").pagination("options")
- var pageSize = options["pageSize"]
- var pageNumber = options["pageNumber"]
- if (pageNumber == 0) {
- pageNumber = 1
- }
- ajax({
- url: "/web/checkcycle/getForPage.json",
- data: {
- equipmentId: row.id,
- pageSize: pageSize,
- pageNo: pageNumber,
- },
- type: "POST",
- dataType: "JSON",
- beforeSend: function () {
- $("#checkcycle-div").mask("数据加载中.....")
- },
- success: function (data) {
- $("#checkcycle-div").unmask()
- if (data["status"] == 1) {
- if (data["data"] != null && data["data"]["rows"].length == 0) {
- layer.msg("暂时没有数据")
- }
- $("#checkcycle-dg").datagrid("loadData", data["data"])
- } else {
- $("#checkcycle-dg").datagrid("loadData", [])
- }
- },
- error: function () {
- $("#checkcycle-div").unmask()
- layer.msg("服务器异常请稍后再试!")
- $("#checkcycle-dg").datagrid("loadData", [])
- },
- })
- }
- function initDatagrid() {
- $("#checkcycle-dg").datagrid({
- toolbar: "#toolBar",
- fit: true,
- border: false,
- pageSize: 20,
- pagination: true,
- rownumbers: false,
- singleSelect: true,
- columns: [
- [
- {
- field: "id",
- hidden: true,
- },
- {
- field: "item",
- title: "项目名称",
- width: 130,
- align: "center",
- editor: {
- type: "text",
- options: {
- required: true,
- },
- },
- },
- {
- field: "cycleTime",
- title: "检修周期(月)",
- width: 130,
- align: "center",
- editor: {
- type: "text",
- options: {
- required: true,
- },
- },
- },
- ],
- ],
- })
- $("#checkcycle-dg")
- .datagrid("getPager")
- .pagination({
- onSelectPage: function () {
- query()
- },
- })
- }
- </script>
- </body>
- </html>
|