|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title></title>
|
|
|
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
|
|
|
<style>
|
|
|
html,
|
|
|
body,
|
|
|
form {
|
|
|
height: 100%;
|
|
|
margin: 0;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
|
|
|
.layui-card {
|
|
|
height: calc(100% - 1px);
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.require-star {
|
|
|
position: absolute;
|
|
|
width: 3px;
|
|
|
height: 14px;
|
|
|
background-color: #ea4335;
|
|
|
top: 12px;
|
|
|
right: 8px;
|
|
|
border-radius: 1.5px;
|
|
|
}
|
|
|
|
|
|
.input-width {
|
|
|
max-width: 230px
|
|
|
}
|
|
|
|
|
|
.layui-form-item {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.layui-card-header {
|
|
|
border-bottom: 1px solid #EEEEEE;
|
|
|
|
|
|
}
|
|
|
|
|
|
.text {
|
|
|
|
|
|
display: block;
|
|
|
padding: 9px 15px;
|
|
|
width: 230px;
|
|
|
font-weight: 400;
|
|
|
line-height: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.layui-form-label {
|
|
|
width: 175px
|
|
|
}
|
|
|
|
|
|
.layui-form-select {
|
|
|
width: 230px;
|
|
|
}
|
|
|
|
|
|
.layui-input-block {
|
|
|
width: 346px
|
|
|
}
|
|
|
|
|
|
.header_top {
|
|
|
border-top: 1px solid #EEEEEE;
|
|
|
}
|
|
|
|
|
|
.layui-card-header {
|
|
|
font-weight: bolder;
|
|
|
background-color: #f8f8f8;
|
|
|
}
|
|
|
|
|
|
.mainBox {
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
left: 0px;
|
|
|
bottom: 50px;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
.bottom {
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
bottom: 0px;
|
|
|
/* left: 0px; */
|
|
|
height: 50px;
|
|
|
line-height: 50px;
|
|
|
background-color: #F8F8F8;
|
|
|
border-top: 1px solid #eee;
|
|
|
}
|
|
|
|
|
|
.button-container {
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
width: 150px;
|
|
|
}
|
|
|
|
|
|
input::placeholder {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
|
|
|
.sbAdd {
|
|
|
position: fixed;
|
|
|
right: 24px;
|
|
|
top: 18px;
|
|
|
color: #16BAAA;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.sbOK {
|
|
|
position: fixed;
|
|
|
right: 60px;
|
|
|
top: 65px;
|
|
|
color: #1e9fff;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.customDiv {
|
|
|
display: none;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body class="pear-container">
|
|
|
<form class="layui-form" lay-filter="myForm">
|
|
|
<div class="mainBox">
|
|
|
<div class="layui-card">
|
|
|
<div class="layui-card-body">
|
|
|
<div class="layui-row">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">类别：
|
|
|
</label>
|
|
|
<div class="layui-input-block" id="lbView" style="margin-left: 205px !important;"></div>
|
|
|
<script id="lbScript" type="text/html">
|
|
|
<select id="lb" lay-filter="lb">
|
|
|
{{# layui.each(d, function(index, item){ }}
|
|
|
<option value="{{item.lb_id}}">{{item.lb_name}}</option>
|
|
|
{{# }); }}
|
|
|
</select>
|
|
|
</script>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">主要设备：
|
|
|
</label>
|
|
|
<div class="layui-input-block" id="zysbView" style="margin-left: 205px !important;">
|
|
|
</div>
|
|
|
<script id="zysbScript" type="text/html">
|
|
|
<select id="lb_sb_id" name="lb_sb_id">
|
|
|
{{# layui.each(d, function(index, item){ }}
|
|
|
<option value="{{item.lb_sb_id}}">{{item.lb_sb_name}}</option>
|
|
|
{{# }); }}
|
|
|
</select>
|
|
|
</script>
|
|
|
</div>
|
|
|
<div class="sbAdd">增加</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-row customDiv" style="margin-top: 10px;" id="customDiv">
|
|
|
<div class="layui-col-xs6">
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">设备名称：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" id="customName" autocomplete="off" class="layui-input"
|
|
|
style="max-width: 190px">
|
|
|
</div>
|
|
|
<div class="sbOK"><button type="button" class="layui-btn layui-btn-primary layui-btn-xs"
|
|
|
id="customSave">确定</button></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">品牌：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="pinpai" autocomplete="off" class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">型号：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="xinghao" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">现状--教室内音箱(对)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="jsnyxs" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">现状--走廊音箱(只)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="zlyxs" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">现状--室外音柱(个)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="swyzs" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">现状--合计点数：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="jsds" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">现状--启用日期：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" id="qiyongriqi" name="qiyongriqi" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--正常使用(台)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="zhengchang" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--待修(台)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="daixiu" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--在修(台)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="zaixiu" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--闲置(台)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="xianzhi" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--其他(台)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="qita" lay-verify="number" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
<div class="layui-row" style="margin-top: 10px;">
|
|
|
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">工作状态--其他(说明原因)：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="yuanyin" autocomplete="off"
|
|
|
class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-xs6">
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">备注：
|
|
|
</label>
|
|
|
<div class="layui-input-block">
|
|
|
<input type="text" name="beizhu" autocomplete="off" class="layui-input input-width">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bottom">
|
|
|
<div class="button-container">
|
|
|
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="save">
|
|
|
<i class="layui-icon layui-icon-ok"></i>
|
|
|
保存
|
|
|
</button>
|
|
|
|
|
|
<button type="reset" class="pear-btn pear-btn-sm">
|
|
|
<i class="layui-icon layui-icon-refresh"></i>
|
|
|
重置
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
<script src="../../../component/layui/layui.js"></script>
|
|
|
<script src="../../../component/pear/pear.js"></script>
|
|
|
|
|
|
<script>
|
|
|
layui.use(function () {
|
|
|
var form = layui.form;
|
|
|
var $ = layui.jquery;
|
|
|
var laytpl = layui.laytpl;
|
|
|
var laydate = layui.laydate;
|
|
|
|
|
|
var id = GetQueryString("id");
|
|
|
|
|
|
|
|
|
laydate.render({
|
|
|
elem: '#qiyongriqi'
|
|
|
});
|
|
|
|
|
|
//类别
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
url: "/dsBase/zbdc/getXxzbdcLeiBie?dcb_id=5",
|
|
|
success: function (res) {
|
|
|
var xbTpl = lbScript.innerHTML;
|
|
|
var lbView = document.getElementById('lbView');
|
|
|
laytpl(xbTpl).render(res.data, function (html) {
|
|
|
lbView.innerHTML = html;
|
|
|
});
|
|
|
form.render();
|
|
|
getZysb();
|
|
|
}
|
|
|
});
|
|
|
|
|
|
function getZysb() {
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
url: "/dsBase/zbdc/getXxzbdcZhuYaoSheBei?dcb_id=5&lb_id=" + $("#lb").val(),
|
|
|
success: function (res) {
|
|
|
var zysbTpl = zysbScript.innerHTML;
|
|
|
var zysbView = document.getElementById('zysbView');
|
|
|
laytpl(zysbTpl).render(res.data, function (html) {
|
|
|
zysbView.innerHTML = html;
|
|
|
});
|
|
|
form.render();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
form.on('select(lb)', function () {
|
|
|
getZysb();
|
|
|
});
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
type: "GET",
|
|
|
async: false,
|
|
|
url: "/dsBase/zbdc/getXxzbdcSingle?dcb_id=5&id=" + id,
|
|
|
success: function (res) {
|
|
|
$("#lb").val(res.lb_id);
|
|
|
getZysb();
|
|
|
$("#lb_sb_id").val(res.lb_sb_id);
|
|
|
|
|
|
form.val("myForm", {
|
|
|
"pinpai": res.pinpai
|
|
|
, "xinghao": res.xinghao
|
|
|
, "jsnyxs": res.jsnyxs == 0 ? '' : res.jsnyxs
|
|
|
, "zlyxs": res.zlyxs == 0 ? '' : res.zlyxs
|
|
|
, "swyzs": res.swyzs == 0 ? '' : res.swyzs
|
|
|
, "jsds": res.jsds == 0 ? '' : res.jsds
|
|
|
, "qiyongriqi": res.qiyongriqi == '1900-01-01' ? '' : res.qiyongriqi
|
|
|
, "zhengchang": res.zhengchang == 0 ? '' : res.zhengchang
|
|
|
, "daixiu": res.daixiu == 0 ? '' : res.daixiu
|
|
|
, "zaixiu": res.zaixiu == 0 ? '' : res.zaixiu
|
|
|
, "xianzhi": res.xianzhi == 0 ? '' : res.xianzhi
|
|
|
, "qita": res.qita == 0 ? '' : res.qita
|
|
|
, "yuanyin": res.yuanyin
|
|
|
, "beizhu": res.beizhu
|
|
|
});
|
|
|
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
form.on('submit(save)', function (data) {
|
|
|
$.ajax({
|
|
|
url: '/dsBase/zbdc/saveXxzbdc',
|
|
|
type: 'post',
|
|
|
data: {
|
|
|
"dcb_id": 5,
|
|
|
"id": id,
|
|
|
"json": JSON.stringify(data.field)
|
|
|
},
|
|
|
success: function (result) {
|
|
|
if (result.success) {
|
|
|
layer.msg("保存成功！", {
|
|
|
icon: 1,
|
|
|
time: 1300
|
|
|
}, function () {
|
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
parent.layui.table.reload("myTable");
|
|
|
});
|
|
|
} else {
|
|
|
layer.msg(result.message, {
|
|
|
icon: 2,
|
|
|
time: 2000
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return false;
|
|
|
});
|
|
|
|
|
|
$(".sbAdd").click(function () {
|
|
|
$(".customDiv").show();
|
|
|
});
|
|
|
|
|
|
$("#customSave").click(function () {
|
|
|
var lb_sb_name = $("#customName").val();
|
|
|
if (lb_sb_name == "") {
|
|
|
layer.msg("请输入设备名称", {
|
|
|
icon: 2,
|
|
|
time: 2000
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
$.ajax({
|
|
|
url: '/dsBase/zbdc/addXxzbdcLeiBie',
|
|
|
type: 'post',
|
|
|
data: {
|
|
|
"dcb_id": 5,
|
|
|
"lb_id": $("#lb").val(),
|
|
|
"lb_name": $('#lb').find(":selected").text(),
|
|
|
"lb_sb_name": lb_sb_name
|
|
|
},
|
|
|
success: function (result) {
|
|
|
if (result.success) {
|
|
|
layer.msg("保存成功！", {
|
|
|
icon: 1,
|
|
|
time: 1300
|
|
|
}, function () {
|
|
|
getZysb();
|
|
|
$(".customDiv").hide();
|
|
|
});
|
|
|
} else {
|
|
|
layer.msg(result.message, {
|
|
|
icon: 2,
|
|
|
time: 2000
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
|
|
|
|
|
|
function GetQueryString(name, istop) {
|
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
|
var r = window.location.search.substr(1).match(reg);
|
|
|
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
|
|
|
|
|
|
if (r != null) return unescape(r[2]);
|
|
|
return null;
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
