This commit is contained in:
myTest383
2025-04-30 17:49:53 +08:00
parent 49d281dcc3
commit 1d353f4af3
9 changed files with 1147 additions and 177 deletions

View File

@@ -49,27 +49,27 @@
</div>
<!-- 弹窗 -->
<div id="mask" class="mask"></div>
<div id="popup" class="secure-popup" style="display:none;">
<div class="secure-popup__close" onclick="closePopup()">
<img src="./images/close.png">
</div>
<div class="popup-content">
<div class="popup-content__item">请留下您的联系方式,我们会尽快与您联系</div>
<div class="popup-content__item"><input class="input" type="text" placeholder="姓名" id="inputName" />
</div>
<div class="popup-content__item"><input class="input" type="text" placeholder="电话"
id="inputPhone" /></div>
<div class="popup-content__item"><input class="input" type="text" placeholder="公司名称"
id="inputCompany" /></div>
<div class="popup-content__item popup-content__item2">
<input class="inputCode" type="text" placeholder="验证码" id="inputCode" />
<div class="codeImage"><img id="codeImg" onclick="changeCodeImg()" class="img"
style="height: 56px"></div>
</div>
<div class="popup-content__btn" onclick="submitName()">提交</div>
</div>
</div>
<!-- <div id="mask" class="mask"></div>-->
<!-- <div id="popup" class="secure-popup" style="display:none;">-->
<!-- <div class="secure-popup__close" onclick="closePopup()">-->
<!-- <img src="./images/close.png">-->
<!-- </div>-->
<!-- <div class="popup-content">-->
<!-- <div class="popup-content__item">请留下您的联系方式,我们会尽快与您联系</div>-->
<!-- <div class="popup-content__item"><input class="input" type="text" placeholder="姓名" id="inputName" />-->
<!-- </div>-->
<!-- <div class="popup-content__item"><input class="input" type="text" placeholder="电话"-->
<!-- id="inputPhone" /></div>-->
<!-- <div class="popup-content__item"><input class="input" type="text" placeholder="公司名称"-->
<!-- id="inputCompany" /></div>-->
<!-- <div class="popup-content__item popup-content__item2">-->
<!-- <input class="inputCode" type="text" placeholder="验证码" id="inputCode" />-->
<!-- <div class="codeImage"><img id="codeImg" onclick="changeCodeImg()" class="img"-->
<!-- style="height: 56px"></div>-->
<!-- </div>-->
<!-- <div class="popup-content__btn" onclick="submitName()">提交</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- 弹窗: 定制我的套餐 -->
<div id="tcpopup" class="tc-popup" style="display: none;width: 80%">
@@ -168,47 +168,76 @@
<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>
</div>
</body>
<style>
table,
td,
th {
text-align: center;
border: 1px solid #ddd;
border-collapse: collapse;
}
table td {
text-align: left;
padding-left: 5px;
}
</style>
<script>
var taocan = 0;
$('td.biaozhun-taocan').on('click', function() {
if (taocan == 0 || taocan == 2) {
$('td.biaozhun-taocan').find('img').attr('src', './images/unchoice.png');
taocan = 1;
}
$('td.biaozhun-taocan2').removeClass('on').addClass('off').find('img').attr('src',
'./images/FigmaDDSSlicePNGb036e0276b958fac7a72814f195c50b0.png');
if ($(this).hasClass('on')) {
$(this).removeClass('on').addClass('off');
$(this).find('img').attr('src', './images/unchoice.png');
} else {
$(this).removeClass('off').addClass('on');
$(this).find('img').attr('src',
'./images/FigmaDDSSlicePNGba1504f367f579c6504830b2cee83a77.png');
}
var gongji = 0;
$('td.on').each(function(k, v) {
gongji += parseInt($(v).attr('data'));
});
$('span.gongji').text(gongji);
});
$('td.biaozhun-taocan2').on('click', function() {
if (taocan == 0 || taocan == 1) {
$('td.biaozhun-taocan2').find('img').attr('src', './images/unchoice.png');
taocan = 2;
}
$('td.biaozhun-taocan').removeClass('on').addClass('off').find('img').attr('src',
'./images/FigmaDDSSlicePNGb036e0276b958fac7a72814f195c50b0.png');
if ($(this).hasClass('on')) {
$(this).removeClass('on').addClass('off');
$(this).find('img').attr('src', './images/unchoice.png');
} else {
$(this).removeClass('off').addClass('on');
$(this).find('img').attr('src',
'./images/FigmaDDSSlicePNGba1504f367f579c6504830b2cee83a77.png');
}
var gongji = 0;
$('td.on').each(function(k, v) {
gongji += parseInt($(v).attr('data'));
});
$('span.gongji').text(gongji);
});
</script>
<script>
var isLogin = localStorage.getItem('isLogin')
function customized() {
@@ -216,13 +245,17 @@
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&timestamp=' + Date.now());
document.getElementById("tcpopup").style.display = "block";
}
}
function openPopup() {
function closePopuptc() {
document.getElementById("tcpopup").style.display = "none";
}
function openPopup() {
document.getElementById("popup").style.display = "block";
document.getElementById("mask").style.display = "block";
$('#codeImg').attr('src', './loulan/captcha/captchaImage?type=math&timestamp=' + Date.now());