331 lines
12 KiB
HTML
331 lines
12 KiB
HTML
<!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>
|
||
|
||
<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,
|
||
url: "/QingLong/zbdc/getXxzbdcSingle?dcb_id=8&id=" + id,
|
||
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({
|
||
url: '/QingLong/zbdc/saveXxzbdc',
|
||
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> |