main
kgdxpr 1 year ago
parent f53b22687e
commit d1ada0ef4e

@ -102,7 +102,7 @@
{ title: '工作状态', align: 'center', colspan: 6 },
{ title: '网络带宽MB', field: 'wangluodaikuan', align: 'center', width: "135", rowspan: 2 },
{ title: '网络服务供应商', field: 'wangluofuwushang', align: 'center', width: "135", rowspan: 2 },
{ title: '操作', align: 'center', width: "110", rowspan: 2 }
{ title: '操作',fixed: 'right', align: 'center', width: "110", rowspan: 2 }
],
[
{ title: '具体装备情况', field: 'jtzbqk', align: 'center', width: "115", rowspan: 2 },

@ -0,0 +1,399 @@
<!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 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 class="layui-form-item">
<label class="layui-form-label">网络带宽(单位MB)
</label>
<div class="layui-input-block">
<input type="text" name="wangluodaikuan" 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="wangluofuwushang" 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;
laydate.render({
elem: '#qiyongriqi'
});
//类别
$.ajax({
type: "GET",
async: false,
url: "/QingLong/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: "/QingLong/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();
});
form.on('submit(save)', function (data) {
$.ajax({
url: '/QingLong/zbdc/saveXxzbdc',
type: 'post',
data: {
"dcb_id": 1,
"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;
});
});
</script>
</body>
</html>
Loading…
Cancel
Save