productDev/dmttwebsit.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,346 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<title></title>
			<!-- <script src="./js/jquery.js"></script>-->
			<!-- <script src="./js/selectFilter.js"></script>-->
			<!-- <link rel="stylesheet" href="../assets/selectFilter.css">-->
			<style>
			.footer {
			width: 100%;
			display: flex;
			flex-direction: column;
			}
			.footer-form {
			width: 100%;
			height: 106px;
			background: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: inset 0 1px 0 0 #DFE2E8;
			}
			.footer-form-list {
			width: 1200px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			}
			.footer-form-list-title {
			display: flex;
			align-items: center;
			}
			.footer-form-list-title span:nth-child(1) {
			font-weight: 600;
			font-size: 26px;
			color: #191B1F;
			margin-right: 20px;
			}
			.footer-form-list-title span:nth-child(2) {
			font-weight: 400;
			font-size: 16px;
			color: #7B7F87;
			}
			.footer-form-list-i {
			display: flex;
			align-items: center;
			}

			.filter-text {
			background: #FAFBFF;
			border-radius: 30px;
			}

			.footer-form-list-i .items {
			width: 200px;
			height: 46px;
			margin-right: 20px;
			background: #FAFBFF;
			border-radius: 30px;
			}
			.items input {
			width: 100%;
			height: 100%;
			font-weight: 400;
			font-size: 15px;
			color: #222222;
			text-align: center;
			outline: none;
			margin-right: 15px;
			}
			.footer-form-list-i-btn {
			width: 124px;
			height: 46px;
			line-height: 46px;
			text-align: center;
			background: #FF7900;
			border-radius: 30px;
			font-weight: 500;
			font-size: 16px;
			color: #FFFFFF;
			cursor: pointer;
			transition: .5s;
			}
			.footer-form-list-i-btn:hover {
			background: #FF8C24;
			}
			.footer-c {
			width: 100%;
			display: flex;
			flex-direction: column;
			background: #2E333A;
			}
			.footer-c-logo {
			width: 100%;
			height: 130px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-bottom: 1px solid #393F48;
			}
			.footer-c-logo-c {
			width: 1200px;
			height: 100%;
			display: flex;
			align-items: center;
			}
			.footer-c-logo-c img {
			width: 160px;
			height: 52px;
			}
			.footer-c-n {
			width: 100%;
			padding: 40px 0;
			box-sizing: border-box;
			border-bottom: 1px solid #393F48;
			}
			.footer-c-n-box {
			width: 1200px;
			margin: 0 auto;
			display: flex;
			align-items: start;
			justify-content: space-between;
			}
			.footer-c-n-item {
			display: flex;
			flex-direction: column;
			}
			.footer-c-n-item-label {
			font-weight: 500;
			font-size: 16px;
			color: #E5E5E5;
			margin-bottom: 24px;
			}
			.footer-c-n-item-row {
			font-weight: 400;
			font-size: 14px;
			color: #9196A1;
			margin-bottom: 15px;
			}
			.footer-c-n-item-row a {
			font-weight: 400;
			font-size: 14px;
			color: #9196A1;
			}
			.footer-c-n-item-row a:hover {
			color: #FF7900;
			}
			.footer-c-n-item-row:last-child {
			margin: 0 !important;
			}
			.footer-c-n-item-qrcode {
			width: 120px;
			display: flex;
			flex-direction: column;
			}
			.footer-c-n-item-qrcode img {
			width: 120px;
			height: 120px;
			}
			.footer-c-n-item-qrcode span {
			width: 100%;
			text-align: center;
			font-weight: 400;
			font-size: 13px;
			color: #E5E5E5;
			margin-top: 18px;
			}
			.footer-c-info {
			width: 100%;
			height: 79px;
			line-height: 79px;
			text-align: center;
			font-weight: 400;
			font-size: 14px;
			color: #7B7F87;
			}
			.footer-c-info a {
			font-weight: 400;
			font-size: 14px;
			color: #7B7F87;
			}
			</style>
			</head>
			<body>
			<div class="footer">
			<div class="footer-form">
			<div class="footer-form-list">
			<div class="footer-form-list-title">
			<span>æ¸ éåä½</span>
			<span>å¼å¯æºèçæï¼æºæå±èµ¢æªæ¥</span>
			</div>
			<div class="footer-form-list-i">
			<div class="items">
			<div class="filter-box">
			<div class="filter-text">
			<input class="filter-title" type="text" readonly placeholder="è¯·éæ©æºæ§ç³»ç»" />
			<i class="icon icon-filter-arrow"></i>
			</div>
			<select name="filter" id="options"></select>
			</div>
			</div>
			<div class="items">
			<input type="text" id="name" placeholder="è¯·è¾å¥æ¨çç§°å¼" />
			</div>
			<div class="items">
			<input type="text" id="phone" maxlength="11" placeholder="è¯·è¾å¥æ¨çææºå·" />
			</div>
			<div class="footer-form-list-i-btn" id="btnSub">ç³è¯·åä½</div>
			</div>
			</div>
			</div>
			<div class="footer-c">
			<div class="footer-c-logo">
			<div class="footer-c-logo-c">
			<img src="./assets/images/bottom_logo@2x.png" alt="" />
			</div>
			</div>
			<div class="footer-c-n">
			<div class="footer-c-n-box">
			<div class="footer-c-n-item" id="zhihui">
			<div class="footer-c-n-item-label">æºæ§ç³»ç»</div>
			</div>
			<div class="footer-c-n-item" id="fangan">
			<div class="footer-c-n-item-label">è§£å³æ¹æ¡</div>
			</div>
			<div class="footer-c-n-item">
			<div class="footer-c-n-item-label">èç³»æä»¬</div>
			<div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
			<div class="footer-c-n-item-row" id="phone"></div>
			<div class="footer-c-n-item-row" id="serviceDate"></div>
			<div class="footer-c-n-item-row" id="companyAddr"></div>
			</div>
			<div class="footer-c-n-item">
			<div class="footer-c-n-item-qrcode">
			<img src="" id="qrcode" />
			<span>å¾®ä¿¡æ«ç åè´¹è¯ç¨</span>
			</div>
			</div>
			</div>
			</div>
			<div class="footer-c-info" id="footerInfo"></div>
			</div>
			</div>
			<script>
			$(document).ready(function() {
			let url = 'http://121.41.112.139:8099'
			var product = null

			$.ajax({
			async: false,
			url: 'http://www.dmtt.run:81/web/productList',
			type: 'POST',
			success: function (res) {
			console.log(res)
			let options = document.getElementById('options')
			for (const item of res.data) {
			$('#options').append(new Option(item.name, item.id))
			}
			},
			error: function (error) {
			console.log(error)
			}
			})

			$('.filter-box').selectFilter({
			callBack : function (val){
			console.log(val)
			product = val
			}
			});

			// è·åfootéç½®
			$.ajax({
			async: false,
			url: url + '/dmttwebsite/web/api/getFoodDataVO',
			type: 'GET',
			success: function (res) {
			console.log(res)
			$('#companyAddr').text('å¬å¸å°åï¼' + res.data.address)
			$('#serviceDate').text('æå¡æ¶é´ï¼' + res.data.serverTime)
			$('#phone').text('èç³»ææºï¼' + res.data.linkMobile)
			$('#linkPhone').text(res.data.linkPhone)
			$('#footerInfo').text(res.data.footWords)
			$('#qrcode').attr('src', res.data.footFullImgUrl)

			for (const item of res.data.solveScheme) {
			$('#fangan').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
			}

			for (const item of res.data.wisdomSystem) {
			$('#zhihui').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
			}
			}
			})

			$('#btnSub').click(() => {
			let name = $('#name').val()
			let phone = $('#phone').val()
			let email = $('#email').val()
			if (!product) {
			alert('è¯·éæ©äº§ååç§°')
			return
			}
			if (!name) {
			alert('è¯·è¾å¥å§å')
			return
			}
			if (!phone) {
			alert('è¯·è¾å¥çµè¯')
			return
			}
			$.ajax({
			url: 'http://www.dmtt.run:81/web/createCustomer',
			data: JSON.stringify({
			productId: product,
			name: name,
			phone: phone,
			email: email
			}),
			type: "post",
			dataType: "json",
			crossDomain: true,
			contentType: "application/json",
			success: function (res) {
			if (res.code !== 200) {
			alert(res.message)
			return
			}
			alert('æ¨å¥½ï¼æ¨çæ°æ®å·²æäº¤ï¼æä»¬ä¼å°½å¿«åå¤æ¨ï¼')
			$('#name').val('');
			$('#phone').val('');
			$('#email').val('');
			$('.filter-title').val('')
			product = null
			},
			error: function (error) {
			alert('æäº¤å¤±è´¥ï¼')
			}
			});
			})
			});
			</script>
			</body>
			</html>