From 82d483406921aa92b6ce3a1af5d17d80ccb78256 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 04 七月 2025 09:39:57 +0800
Subject: [PATCH] 提交
---
web/components/footer.html | 346 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 346 insertions(+), 0 deletions(-)
diff --git a/web/components/footer.html b/web/components/footer.html
new file mode 100644
index 0000000..7635d81
--- /dev/null
+++ b/web/components/footer.html
@@ -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>
--
Gitblit v1.9.3