|
|
|
@ -43,8 +43,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="network--content__right--operate"> |
|
|
|
<div class="network--content__right--operate__made">定制我的套餐</div> |
|
|
|
<div class="network--content__right--operate__connect" onclick="openPopup()">联系我们</div> |
|
|
|
<div class="network--content__right--operate__made" onclick="customized()">定制我的套餐</div> |
|
|
|
<!-- <div class="network--content__right--operate__connect" onclick="openPopup()">联系我们</div>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -71,12 +71,157 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 底部占位 --> |
|
|
|
<div id="footer"></div> |
|
|
|
<!-- 弹窗: 定制我的套餐 --> |
|
|
|
<div id="tcpopup" class="tc-popup" style="display: none;width: 80%"> |
|
|
|
<div class="secure-popup__close" onclick="closePopuptc()"> |
|
|
|
<img src="./images/close.png"> |
|
|
|
</div> |
|
|
|
<div style="display: flex;flex-direction: column;justify-content: space-between;align-content: center"> |
|
|
|
<div style="width: 100%"> |
|
|
|
<div |
|
|
|
style="background-color: #262A2F;border-radius: 5px 0px 5px 0px;height: 40px;display: flex;flex-direction: column;justify-content: center"> |
|
|
|
<span style="color: #FFFFFF;text-align: center">标准套餐</span> |
|
|
|
</div> |
|
|
|
<table style="width: 100%"> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td rowspan="3" style="font-size: 16px; font-weight: 700">基础防护</td> |
|
|
|
<td class="biaozhun-taocan" data="300" fuwu="1"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
操作系统防护 |
|
|
|
</td> |
|
|
|
<td>巡检+加固</td> |
|
|
|
<td>300</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td class="biaozhun-taocan" data="300" fuwu="2"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
中间件防护 |
|
|
|
</td> |
|
|
|
<td>巡检+加固</td> |
|
|
|
<td>300</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td class="biaozhun-taocan" data="300" fuwu="3"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
服务应用防护 |
|
|
|
</td> |
|
|
|
<td>巡检+加固</td> |
|
|
|
<td>300</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td rowspan="3" style="font-size: 16px; font-weight: 700">专业防护</td> |
|
|
|
<td class="biaozhun-taocan" data="700" fuwu="4"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
漏洞防护 |
|
|
|
</td> |
|
|
|
<td>巡检+加固</td> |
|
|
|
<td>700</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td class="biaozhun-taocan" data="500" fuwu="5"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
木马防护 |
|
|
|
</td> |
|
|
|
<td>实时巡检+加固</td> |
|
|
|
<td>500</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td class="biaozhun-taocan" data="600" fuwu="6"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
业务逻辑防护 |
|
|
|
</td> |
|
|
|
<td>实时巡检+加固+合规</td> |
|
|
|
<td>600</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td rowspan="2" style="font-size: 16px; font-weight: 700">数据防护</td> |
|
|
|
<td class="biaozhun-taocan" data="400" fuwu="7"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
数据库防护 |
|
|
|
</td> |
|
|
|
<td>巡检+加固</td> |
|
|
|
<td>400</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td class="biaozhun-taocan" data="800" fuwu="8"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> |
|
|
|
数据安全防护 |
|
|
|
</td> |
|
|
|
<td>数据安全审计/跨境数据合规检查/整改</td> |
|
|
|
<td>800</td> |
|
|
|
</tr> |
|
|
|
<tr style="height: 50px"> |
|
|
|
<td rowspan="1" style="font-size: 16px; font-weight: 700">应急处理</td> |
|
|
|
<td class="biaozhun-taocan2" data="3000" fuwu="9"><img class="thumbnail_1" |
|
|
|
referrerpolicy="no-referrer" src="./images/unchoice.png"> 应急处理 |
|
|
|
</td> |
|
|
|
<td>次</td> |
|
|
|
<td>3000</td> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div |
|
|
|
style="display: flex;flex-direction: row;justify-content: center;align-content: center; margin-top: 20px;"> |
|
|
|
<button type="submit" |
|
|
|
style="background-color: rgba(21, 170, 125, 1);width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px"> |
|
|
|
<span style="color: white">提交您的信息</span> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
<!-- <div |
|
|
|
style="display: flex;flex-direction: column;justify-content: center;align-content: center;margin-left: 10px;width: 39%"> |
|
|
|
<div class="modal-body" style="text-align: center"> |
|
|
|
<div |
|
|
|
style="display: flex;flex-direction: column;justify-content: center;align-content: flex-end;"> |
|
|
|
<span class="control-label" style="width: 100%;">您选择了标准套餐，<span |
|
|
|
class="gongji">0</span>元/月</span> |
|
|
|
<span class="control-label" style="width: 100%;">请留下您的联系方式，我们会尽快与您联系</span> |
|
|
|
</div> |
|
|
|
<form id="myModal2_form" class="form-horizontal" role="form" |
|
|
|
onsubmit="return submit_myModal2_btn();"> |
|
|
|
<div style="margin-top: 10px;width: 100%"> |
|
|
|
<input type="text" class="form-control" name="name" placeholder="姓名" |
|
|
|
style="height: 45px;width: 80%" /> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px;width: 100%"> |
|
|
|
<input type="text" class="form-control big" name="telephone" placeholder="电话" |
|
|
|
style="height: 45px;width: 80%"> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px; margin-bottom: 10px;width: 100%"> |
|
|
|
<input type="text" class="form-control big" name="companyName" placeholder="公司名称" |
|
|
|
style="height: 45px;width: 80%"> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="display: flex;flex-direction: row;justify-content: center;align-content: center"> |
|
|
|
<button type="submit" |
|
|
|
style="background-color: rgba(21, 170, 125, 1);margin-left: 15px; width: 50%;display: block;font-size: 18px;border-radius: 6px;padding: 10px 16px"> |
|
|
|
<span style="color: white">提交您的信息</span> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 底部占位 --> |
|
|
|
<div id="footer"></div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
|
|
|
|
<script> |
|
|
|
var isLogin = localStorage.getItem('isLogin') |
|
|
|
function customized() { |
|
|
|
// 判断是否登录 |
|
|
|
if(!isLogin){ |
|
|
|
window.location.href = 'login.html'; |
|
|
|
}else { |
|
|
|
document.getElementById("popup").style.display = "block"; |
|
|
|
document.getElementById("mask").style.display = "block"; |
|
|
|
$('#codeImg').attr('src', './loulan/captcha/captchaImage?type=math×tamp=' + Date.now()); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
function openPopup() { |
|
|
|
document.getElementById("popup").style.display = "block"; |
|
|
|
document.getElementById("mask").style.display = "block"; |
|
|
|
|
myTest383
1 month ago