You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

416 lines
16 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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;
}
</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>
</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="jtzbqk" 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="taishu" 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>
</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>
&nbsp;&nbsp;&nbsp;&nbsp;
<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=1",
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=1&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=1&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
, "wl_tjss": res.wl_tjss
, "jtzbqk": res.jtzbqk
, "taishu": res.taishu == 0 ? '' : res.taishu
, "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
});
}
});
form.on('submit(save)', function (data) {
$.ajax({
url: '/dsBase/zbdc/saveXxzbdc',
type: 'post',
data: {
"dcb_id": 1,
"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;
});
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>