111
This commit is contained in:
146
serve.html
146
serve.html
@@ -134,14 +134,144 @@
|
||||
</div>
|
||||
|
||||
<div class="serve-box--operate">
|
||||
<div class="serve-box--operate__made">定制我的套餐</div>
|
||||
<div class="serve-box--operate__connect" onclick="openPopup()">联系我们</div>
|
||||
<div class="serve-box--operate__made" onclick="customized()" >定制我的套餐</div>
|
||||
<!-- <div class="serve-box--operate__connect" onclick="openPopup()">联系我们</div>-->
|
||||
</div>
|
||||
|
||||
</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="mask" class="mask"></div>
|
||||
<div id="popup" class="secure-popup" style="display:none;">
|
||||
@@ -176,6 +306,16 @@
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
var isLogin = localStorage.getItem('isLogin')
|
||||
function customized() {
|
||||
// 判断是否登录
|
||||
if(!isLogin){
|
||||
window.location.href = 'login.html';
|
||||
}else {
|
||||
document.getElementById("tcpopup").style.display = "block";
|
||||
}
|
||||
|
||||
}
|
||||
function openPopup() {
|
||||
document.getElementById("popup").style.display = "block";
|
||||
document.getElementById("mask").style.display = "block";
|
||||
|
||||
Reference in New Issue
Block a user