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.

331 lines
12 KiB

3 months ago
<!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;
}
</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" style="margin-top: 10px;">
<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="hlwdk" 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">接入IP
</label>
<div class="layui-input-block">
<input type="text" name="jrip" 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="wfs" 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="htnjfy" 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="htfwq" 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="bjs" 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="fhq" 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="radio" id="zgwgx" name="zgwgx" value="是" title="是" checked>
<input type="radio" id="zgwgx" name="zgwgx" value="否" title="否">
</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">带宽(MB)
</label>
<div class="layui-input-block">
<input type="text" name="dk" lay-verify="number" 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 id = GetQueryString("id");
$.ajax({
type: "GET",
async: false,
3 months ago
url: "/dsBase/zbdc/getXxzbdcSingle?dcb_id=8&id=" + id,
3 months ago
success: function (res) {
form.val("myForm", {
"hlwdk": res.hlwdk == 0 ? '' : res.hlwdk
,"jrip": res.jrip
, "wfs": res.wfs
, "htnjfy": res.htnjfy == 0 ? '' : res.htnjfy
, "htfwq": res.htfwq
, "bjs": res.bjs == 0 ? '' : res.bjs
, "fhq": res.fhq
, "zgwgx": res.zgwgx
, "dk": res.dk == 0 ? '' : res.dk
});
$('input[type=radio][value="' + res.zgwgx + '"]').prop('checked', true);
}
});
form.on('submit(save)', function (data) {
$.ajax({
3 months ago
url: '/dsBase/zbdc/saveXxzbdc',
3 months ago
type: 'post',
data: {
"dcb_id": 8,
"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>