From 9a0e2661c69fea29a0a53ecdf9e11333da9b9615 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 07 七月 2025 15:27:21 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
server/src/main/resources/templates/components/footer.html | 334 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 334 insertions(+), 0 deletions(-)
diff --git a/server/src/main/resources/templates/components/footer.html b/server/src/main/resources/templates/components/footer.html
new file mode 100644
index 0000000..b8102e8
--- /dev/null
+++ b/server/src/main/resources/templates/components/footer.html
@@ -0,0 +1,334 @@
+ <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>
+ <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>
+ <#if bottom.wisdomSystem ??>
+ <#list bottom.wisdomSystem as item>
+ <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+ </#list>
+ </#if>
+ </div>
+ <div class="footer-c-n-item" id="fangan">
+ <div class="footer-c-n-item-label">瑙e喅鏂规</div>
+ <#if bottom.solveScheme ??>
+ <#list bottom.solveScheme as item>
+ <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+ </#list>
+ </#if>
+ </div>
+ <div class="footer-c-n-item" id="fangan1">
+ <div class="footer-c-n-item-label">鑽h獕璧勮川</div>
+ <#if bottom.honors ??>
+ <#list bottom.honors as item>
+ <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+ </#list>
+ </#if>
+ </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">${bottom.linkPhone!''}</div>
+ <div class="footer-c-n-item-row" id="phone">鑱旂郴鎵嬫満锛�${bottom.linkMobile!''}</div>
+ <div class="footer-c-n-item-row" id="serviceDate">鏈嶅姟鏃堕棿锛�${bottom.serverTime!''}</div>
+ <div class="footer-c-n-item-row" id="companyAddr">鍏徃鍦板潃锛�${bottom.address!''}</div>
+ </div>
+ <div class="footer-c-n-item">
+ <div class="footer-c-n-item-qrcode">
+ <img src="${bottom.footFullImgUrl!''}" id="qrcode" />
+ <span>寰俊鎵爜鍏嶈垂璇曠敤</span>
+ </div>
+ </div>
+ <div class="footer-c-n-item">
+ <div class="footer-c-n-item-qrcode">
+ <img src="${bottom.footFullImgUrl2!''}" />
+ <span>鑱旂郴瀹㈡湇</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="footer-c-info" id="footerInfo">${bottom.footWords!''}</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
+ }
+ });
+
+ $('#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>
\ No newline at end of file
--
Gitblit v1.9.3