Compare commits
8 Commits
| Author | SHA1 | Date |
|---|---|---|
彭翩
|
c4507ec428 | 9 months ago |
|
彭翩
|
e36c8c2d4a | 9 months ago |
|
彭翩
|
410d3672c6 | 9 months ago |
|
彭翩
|
a4a2f725a4 | 9 months ago |
|
彭翩
|
566e51ea4f | 9 months ago |
|
彭翩
|
6898e09102 | 9 months ago |
|
彭翩
|
a0695ad20f | 9 months ago |
|
彭翩
|
c275ff032b | 9 months ago |
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<title>加盟</title>
|
||||
<style>
|
||||
body {
|
||||
background-image: url('./static/img/bg6.jpg');
|
||||
/* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.footer-box{
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@include('./tpl/logo2.html')
|
||||
<div class="footer-box">
|
||||
<img src="./static/img/tishi.png" class="footer-ti-shi" />
|
||||
<div class="footer-title">您的信息已熟知，随后将由专业人员与您联系！</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/end.js"></script>
|
||||
|
||||
</html>
|
||||
@ -1,23 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<html lang=en>
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<script src="./static/lib/d3@6.js"></script>
|
||||
<script src="./static/lib/markmap-view.js"></script>
|
||||
<script src="./static/js/main.js"></script>
|
||||
<title>首页</title>
|
||||
|
||||
<style>
|
||||
.markmap-svg{
|
||||
width: calc(100vw - 40px);
|
||||
height: calc(100vh - 66px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@include('./tpl/nav.html')
|
||||
<section>
|
||||
<svg id="markmap" class="markmap-svg"></svg>
|
||||
</section>
|
||||
@@include('./tpl/footer.html')
|
||||
</body>
|
||||
body {
|
||||
background-image: url('./static/img/bg1.jpg'); /* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@include('./tpl/logo1.html')
|
||||
<div class="btn-box" id="btn">点击加盟</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/index.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<title>加盟</title>
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-image: url('./static/img/bg2.jpg'); /* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@include('./tpl/logo2.html')
|
||||
<div class="content">
|
||||
<div class="title">加盟区域</div>
|
||||
<div class="form-box">
|
||||
<span class="form-item" id="city">请选择</span>市
|
||||
<span class="form-item" id="qu">请选择</span>区</div>
|
||||
</div>
|
||||
<div class="xia-btn-box" id="btn">下一页</div>
|
||||
<div class="model" id="model" style="display: none;">
|
||||
<div class="model-box">
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id="content">
|
||||
<div class="model-item" value="长沙">长沙</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model" id="qu-model" style="display: none;">
|
||||
<div class="model-box">
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id="qu-content">
|
||||
<div class="model-item" value="长沙">长沙</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/jiaMeng1.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<title>加盟</title>
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-image: url('./static/img/bg3.jpg'); /* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@include('./tpl/logo2.html')
|
||||
<div class="content">
|
||||
<div class="my-form-box">
|
||||
<div class="item-box">
|
||||
<div class="item-title">行业类别</div>
|
||||
<span class="item-form-item" id="hang-ye">请选择</span></div>
|
||||
<div class="item-box">
|
||||
<div class="item-title">租赁资历</div>
|
||||
<span class="item-form-item" id="zi-li">请选择</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xia-btn-box" id="btn">下一页</div>
|
||||
<div class="model" id="hang-ye-model" style="display: none;">
|
||||
<div class="model-box">
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id="hang-ye-content">
|
||||
<div class="model-item" value="请选择">请选择</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class=model id=zi-li-model style="display: none;">
|
||||
<div class=model-box>
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id=zi-li-content>
|
||||
<div class="model-item" value="请选择">请选择</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/jiaMeng2.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<title>加盟</title>
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-image: url('./static/img/bg4.jpg'); /* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@include('./tpl/logo2.html')
|
||||
<div class="content">
|
||||
<div class="my-form-box">
|
||||
<div class="item-box">
|
||||
<div class="item-title">门店情况</div>
|
||||
<span class="item-form-item" id="men-dian">请选择</span></div>
|
||||
<div class=item-box>
|
||||
<div class=item-title>场地情况</div>
|
||||
<span class="item-form-item" id="chan-di">请选择</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xia-btn-box" id="btn">下一页</div>
|
||||
<div class="model" id="men-dian-model" style="display: none;">
|
||||
<div class="model-box">
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id="men-dian-content">
|
||||
<div class="model-item" value="请选择">请选择</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model" id="chan-di-model" style="display: none;">
|
||||
<div class="model-box">
|
||||
<div class="model-title"></div>
|
||||
<div class="model-content" id="chan-di-content">
|
||||
<div class="model-item" value="请选择">请选择</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/jiaMeng3.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang=en>
|
||||
<head>
|
||||
@@include('./tpl/header.html')
|
||||
<title>加盟</title>
|
||||
<style>
|
||||
body {
|
||||
background-image: url('./static/img/bg5.jpg');
|
||||
/* 替换为你的图片路径 */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@include('./tpl/logo2.html')
|
||||
<div class="content">
|
||||
<div class="my-form-box">
|
||||
<div class="item-box">
|
||||
<div class="item-title">加盟人姓名</div>
|
||||
<span class="input-form-item"><input type="text" id="name" placeholder="请输入加盟人姓名"></span></div>
|
||||
<div class="item-box">
|
||||
<div class="item-title">加盟人电话</div>
|
||||
<span class="input-form-item"><input type="text" id="phone" placeholder="请输入加盟人电话"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xia-btn-box" id="btn">提交</div>
|
||||
</body>
|
||||
<script type=text/javascript charset=UTF-8 src="./static/js/jiaMeng4.js"></script>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@ -1 +1,6 @@
|
||||
|
||||
window.onload = function () {
|
||||
document.getElementById('btn').addEventListener('click', function() {
|
||||
window.open('./jiaMeng1.html','_self');
|
||||
});
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,94 @@
|
||||
var hangYe = '';
|
||||
var ziLi = '';
|
||||
window.onload = function () {
|
||||
initData();
|
||||
document.getElementById('btn').addEventListener('click', function() {
|
||||
if(hangYe==""||ziLi==""){
|
||||
alert('请先选择行业类别和租赁资历');
|
||||
}else{
|
||||
window.sessionStorage.setItem('hangYe',hangYe);
|
||||
window.sessionStorage.setItem('ziLi',ziLi);
|
||||
window.open('./jiaMeng3.html','_self');
|
||||
}
|
||||
});
|
||||
document.getElementById('hang-ye').addEventListener('click', function() {
|
||||
openHangYeModel();
|
||||
setHangYeOption();
|
||||
});
|
||||
document.getElementById('zi-li').addEventListener('click', function() {
|
||||
openZiLiModel();
|
||||
setZiLiOption();
|
||||
});
|
||||
|
||||
};
|
||||
function initData(){
|
||||
hangYe = '行业内人士';
|
||||
document.getElementById('hang-ye').innerHTML = '行业内人士';
|
||||
ziLi = '有相关租赁经验';
|
||||
document.getElementById('zi-li').innerHTML = '有相关租赁经验';
|
||||
}
|
||||
function resetQu(){
|
||||
document.getElementById('qu').innerHTML ='<div class="model-item" data-value="0">请选择</div>';
|
||||
}
|
||||
function openHangYeModel(){
|
||||
document.getElementById('hang-ye-model').style = 'display: flex;';
|
||||
}
|
||||
function closeHangYeModel(){
|
||||
document.getElementById('hang-ye-model').style = 'display: none;';
|
||||
}
|
||||
function setHangYeOption(){
|
||||
let listHtml = '';
|
||||
for (let index = 0; index < hangYeList.length; index++) {
|
||||
const element = hangYeList[index];
|
||||
listHtml += `<div class="model-item" data-value="`+element.name+`">`+element.name+`</div>`
|
||||
}
|
||||
if(listHtml==""){
|
||||
listHtml = ` <div class="model-item" data-value="0">请选择</div>`
|
||||
}
|
||||
document.getElementById('hang-ye-content').innerHTML = listHtml;
|
||||
document.getElementById('hang-ye-content').addEventListener('click', function(e) {
|
||||
hangye = e.target.dataset.value;
|
||||
document.getElementById('hang-ye').innerHTML = e.target.dataset.value;
|
||||
closeHangYeModel();
|
||||
});
|
||||
|
||||
}
|
||||
function openZiLiModel(){
|
||||
document.getElementById('zi-li-model').style = 'display: flex;';
|
||||
}
|
||||
function closeZiLiModel(){
|
||||
document.getElementById('zi-li-model').style = 'display: none;';
|
||||
}
|
||||
|
||||
function setZiLiOption(){
|
||||
let listHtml = '';
|
||||
for (let index = 0; index < ziLiList.length; index++) {
|
||||
const element = ziLiList[index];
|
||||
listHtml += `<div class="model-item" data-value="`+element.name+`">`+element.name+`</div>`
|
||||
}
|
||||
if(listHtml==""){
|
||||
listHtml = ` <div class="model-item" data-value="0">请选择</div>`
|
||||
}
|
||||
document.getElementById('zi-li-content').innerHTML = listHtml;
|
||||
document.getElementById('zi-li-content').addEventListener('click', function(e) {
|
||||
ziLi = e.target.dataset.value;
|
||||
document.getElementById('zi-li').innerHTML = e.target.dataset.value;
|
||||
closeZiLiModel();
|
||||
});
|
||||
}
|
||||
var hangYeList = [
|
||||
{
|
||||
name:'行业内人士'
|
||||
},
|
||||
{
|
||||
name:'非行业内人士'
|
||||
},
|
||||
];
|
||||
var ziLiList = [
|
||||
{
|
||||
name:'有相关租赁经验'
|
||||
},
|
||||
{
|
||||
name:'无相关租赁经验'
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,97 @@
|
||||
var menDian = '';
|
||||
var changDi = '';
|
||||
window.onload = function () {
|
||||
initData();
|
||||
document.getElementById('btn').addEventListener('click', function() {
|
||||
if(menDian==""||changDi==""){
|
||||
alert('请先选择门店情况和场地情况');
|
||||
}else{
|
||||
window.sessionStorage.setItem('menDian',menDian);
|
||||
window.sessionStorage.setItem('changDi',changDi);
|
||||
window.open('./jiaMeng4.html','_self');
|
||||
}
|
||||
});
|
||||
document.getElementById('men-dian').addEventListener('click', function() {
|
||||
openMenDianModel();
|
||||
setMenDianOption();
|
||||
});
|
||||
document.getElementById('chan-di').addEventListener('click', function() {
|
||||
openChanDiModel();
|
||||
setChanDiOption();
|
||||
});
|
||||
|
||||
};
|
||||
function initData(){
|
||||
menDian = '已有自购门店';
|
||||
document.getElementById('men-dian').innerHTML = '已有自购门店';
|
||||
changDi = '可满足20台以上设备停留场地';
|
||||
document.getElementById('chan-di').innerHTML = '可满足20台以上设备停留场地';
|
||||
}
|
||||
function resetQu(){
|
||||
document.getElementById('qu').innerHTML ='<div class="model-item" data-value="0">请选择</div>';
|
||||
}
|
||||
function openMenDianModel(){
|
||||
document.getElementById('men-dian-model').style = 'display: flex;';
|
||||
}
|
||||
function closeMenDianModel(){
|
||||
document.getElementById('men-dian-model').style = 'display: none;';
|
||||
}
|
||||
function setMenDianOption(){
|
||||
let listHtml = '';
|
||||
for (let index = 0; index < menDianList.length; index++) {
|
||||
const element = menDianList[index];
|
||||
listHtml += `<div class="model-item" data-value="`+element.name+`">`+element.name+`</div>`
|
||||
}
|
||||
if(listHtml==""){
|
||||
listHtml = ` <div class="model-item" data-value="0">请选择</div>`
|
||||
}
|
||||
document.getElementById('men-dian-content').innerHTML = listHtml;
|
||||
document.getElementById('men-dian-content').addEventListener('click', function(e) {
|
||||
menDian = e.target.dataset.value;
|
||||
document.getElementById('men-dian').innerHTML = e.target.dataset.value;
|
||||
closeMenDianModel();
|
||||
});
|
||||
|
||||
}
|
||||
function openChanDiModel(){
|
||||
document.getElementById('chan-di-model').style = 'display: flex;';
|
||||
}
|
||||
function closeChanDiModel(){
|
||||
document.getElementById('chan-di-model').style = 'display: none;';
|
||||
}
|
||||
|
||||
function setChanDiOption(){
|
||||
let listHtml = '';
|
||||
for (let index = 0; index < chanDiList.length; index++) {
|
||||
const element = chanDiList[index];
|
||||
listHtml += `<div class="model-item" data-value="`+element.name+`">`+element.name+`</div>`
|
||||
}
|
||||
if(listHtml==""){
|
||||
listHtml = ` <div class="model-item" data-value="0">请选择</div>`
|
||||
}
|
||||
document.getElementById('chan-di-content').innerHTML = listHtml;
|
||||
document.getElementById('chan-di-content').addEventListener('click', function(e) {
|
||||
changDi = e.target.dataset.value;
|
||||
document.getElementById('chan-di').innerHTML = e.target.dataset.value;
|
||||
closeChanDiModel();
|
||||
});
|
||||
}
|
||||
var menDianList = [
|
||||
{
|
||||
name:'已有自购门店'
|
||||
},
|
||||
{
|
||||
name:'已有租用门店'
|
||||
},
|
||||
{
|
||||
name:'门店待租用'
|
||||
},
|
||||
];
|
||||
var chanDiList = [
|
||||
{
|
||||
name:'可满足20台以上设备停留场地'
|
||||
},
|
||||
{
|
||||
name:'可满足10台以上设备停留场地'
|
||||
},
|
||||
];
|
||||
@ -0,0 +1,54 @@
|
||||
var userName = '';
|
||||
var phone = '';
|
||||
|
||||
async function clickHandler() {
|
||||
userName = document.getElementById('name').value;
|
||||
phone = document.getElementById('phone').value;
|
||||
if (userName == "" || phone == "") {
|
||||
alert('请先填写加盟人姓名和加盟人电话');
|
||||
} else {
|
||||
window.sessionStorage.setItem('name', userName);
|
||||
window.sessionStorage.setItem('phone', phone);
|
||||
await postData();
|
||||
// 发送成功后 跳转 // window.open('./end.html','_self');
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function () {
|
||||
document.getElementById('btn').addEventListener('click', clickHandler);
|
||||
};
|
||||
|
||||
async function postData() {
|
||||
const formData = {
|
||||
name: window.sessionStorage.getItem("name"),
|
||||
phone: window.sessionStorage.getItem("phone"),
|
||||
menDian: window.sessionStorage.getItem("menDian"),
|
||||
changDi: window.sessionStorage.getItem("changDi"),
|
||||
hangYe: window.sessionStorage.getItem("hangYe"),
|
||||
ziLi: window.sessionStorage.getItem("ziLi"),
|
||||
city: window.sessionStorage.getItem("city"),
|
||||
qu: window.sessionStorage.getItem("qu"),
|
||||
};
|
||||
// console.log('data: ', data);
|
||||
|
||||
|
||||
try {
|
||||
const responseStream = await fetch("/record", {
|
||||
body: JSON.stringify(formData),
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
const {data} = await responseStream.json();
|
||||
if (data) {
|
||||
// document.getElementById('btn').innerText = '已申请'
|
||||
// document.getElementById('btn').removeEventListener("click", clickHandler)
|
||||
// alert("提交成功");
|
||||
window.open('./end.html','_self');
|
||||
}
|
||||
} catch (e) {
|
||||
console.error("从服务器获取数据出错，请联系管理员！", e);
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,5 +1,4 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>gulp-static-html-demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="./static/css/common.css" />
|
||||
@ -0,0 +1,3 @@
|
||||
<div class="logo-box">
|
||||
<img src="./static/img/logo.png"/>
|
||||
</div>
|
||||
@ -0,0 +1,3 @@
|
||||
<div class="logo-box">
|
||||
<img src="./static/img/logo2.png" />
|
||||
</div>
|
||||
@ -1,10 +0,0 @@
|
||||
<header class="header">
|
||||
<div class="box">
|
||||
<div class="logo item"><a href="/">MARKMAP</a></div>
|
||||
<div class="opr-box">
|
||||
<div class="item open-new-dialog" type="new">新建目录</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
Loading…
Reference in New Issue