邯郸当纺机械设备有限公司
公司裝修設計_工裝設計裝飾_裝修裝飾公司_店鋪裝修商業(yè)空間裝飾_千單令裝修網
首頁
工裝設計
家裝設計
裝飾材料
家居產品
裝修流程
其他
操作成功
×
×
老房子的陽臺如何煥發(fā)新生?
老房改造
陽臺美化
墻垛利用
家裝設計
陽臺
2024-10-27 04:30
老房子里的陽臺往往因為歲月的痕跡顯得有些單調,但其實只需一點巧思和努力,就能讓它成為家中的一處亮點。今天我們就來聊聊如何改造一個擁有舊墻垛的老房子陽臺,讓這里不僅實用還充滿生活氣息!
上一篇:
如何打造完美頂樓陽光房?
下一篇:
樓頂菜園設計方案,輕松打造綠色空間! be?en
最近文章
打造完美家庭健身房:門牌與空間設計秘籍
套房 vs 別墅,兩種風格的家有何不同?
客廳電視墻也能掛鐘表?這樣做效果出奇的好!
yulin gan
打造高效辦公環(huán)境,工廠二層辦公樓內部設計秘籍
黑白灰,簡約而不簡單的設計美學
#小店經營#開業(yè)前必須了解的小細節(jié):店門是否要安裝圍欄?
長方地漏安裝全攻略:打造家居衛(wèi)生新標準
巴彥浩特民房如何打造溫馨小窩?
相關文章
帶你萌娃逛工地,親子裝修樂翻天!
#舊改煥新# 飯店從破舊到時尚的華麗轉身
家門口的通鋪設計,打造完美迎賓區(qū)!
石膏線裝飾天花板,讓空間更美!
三層小別墅裝修攻略,打造理想生活空間
大理石精裝修,沒有設計師也能美翻天!大理石裝修小技巧分享
設計不是風格,是生活
輕奢大主臥裝修
房屋裝修設計軟件大揭秘,輕松打造理想家
我要裝修
我要裝修
咨詢留言
*
咨詢
建議
*
所在地區(qū)
*
詳細內容
<label for="contact" class="qdl-form-label">聯系人</label> <div id="r19bhbtvb" class="col-sm-10"> <input type="text" class="qdl-form-control" id="contact" name="contact" maxlength="50"> </div> </div> <div id="r19bhbtvb" class="qdl-form-group "> <label for="phone" class="qdl-form-label">聯系電話</label> <div id="r19bhbtvb" class="col-sm-10"> <input type="text" class="qdl-form-control" id="phone" name="phone" maxlength="50"> </div> </div> <div id="r19bhbtvb" class="qdl-form-group "> <label for="captcha" class="qdl-form-label"><strong class="qdl-text-danger">*</strong>圖形驗證碼</label> <div id="r19bhbtvb" class="col-sm-10"> <div id="r19bhbtvb" class="qdl-form-group "> <input type="text" class="qdl-form-control" id="captcha" name="captcha" autocomplete="off" data-rule-required="true" data-msg-required="請輸入驗證碼" data-msg-remote="驗證碼錯誤"> <div id="r19bhbtvb" class="input-group-append"> <img id="captchaImg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="input-group-text" style="cursor:pointer;padding:0;" title="點擊重新獲取驗證碼" alt="驗證碼" onclick="fetchCaptcha();$('#captcha').focus();"> <input type="hidden" id="captchaToken" name="captchaToken"> <script> function fetchCaptcha() { axios.get('/frontend/captcha').then(function (response) { var data = response.data; if (data == null) return; $('#captchaImg').attr('src', 'data:image/png;base64,' + data.image); $('#captchaToken').val(data.token); }); } fetchCaptcha(); </script> </div> </div> </div> </div> <input type="hidden" name="siteId" value="1"> <button type="submit" class="btn btn-primary" style="margin-left: 40%">確認提交</button> </form> </div> </div> </div> <aside class="sidebar"> <div id="r19bhbtvb" class="menu pull-right" style="padding-right: 20px;"> <form action="/search"> <input class="search-input" name="q" id="q" type="text" placeholder=" 輸入你要找的內容"/> <button type="submit" class="searchbtn" title="搜一下!"><i class="fa"></i></button> <input type="hidden" name="kwtype" value="0"/> </form> </div> <div id="r19bhbtvb" class="widget"> <h3 class="widget_tit">熱門標簽</h3> <div id="r19bhbtvb" class="tag_list"> <ul> <li><a href="http://www.schoolnd.com/zhuangshi/67367053857154561/" title="仿古磚門" class="btn btn-secondary btn-sm ml-2">仿古磚門</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367072334112258/" title="清磚" class="btn btn-secondary btn-sm ml-2">清磚</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367072409609730/" title="戶外花壇" class="btn btn-secondary btn-sm ml-2">戶外花壇</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367077322712577/" title="新款客廳門" class="btn btn-secondary btn-sm ml-2">新款客廳門</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367077414462977/" title="現代風格門" class="btn btn-secondary btn-sm ml-2">現代風格門</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367121295795714/" title="電視墻利用" class="btn btn-secondary btn-sm ml-2">電視墻利用</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367126434342401/" title="雨林缸效果圖" class="btn btn-secondary btn-sm ml-2">雨林缸效果圖</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367159513769474/" title="巴彥浩特" class="btn btn-secondary btn-sm ml-2">巴彥浩特</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367169803445762/" title="禪修房間設計" class="btn btn-secondary btn-sm ml-2">禪修房間設計</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367169887331841/" title="靜謐心靈棲息地" class="btn btn-secondary btn-sm ml-2">靜謐心靈棲息地</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367175510844930/" title="家居安全知識" class="btn btn-secondary btn-sm ml-2">家居安全知識</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367180569175553/" title="采光板" class="btn btn-secondary btn-sm ml-2">采光板</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367197558203905/" title="精裝修市場" class="btn btn-secondary btn-sm ml-2">精裝修市場</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367209360975362/" title="床頭鏡" class="btn btn-secondary btn-sm ml-2">床頭鏡</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367214784734722/" title="半框架結構" class="btn btn-secondary btn-sm ml-2">半框架結構</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367214870193665/" title="全框架結構" class="btn btn-secondary btn-sm ml-2">全框架結構</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367249571243522/" title="成都東區(qū)音樂公園" class="btn btn-secondary btn-sm ml-2">成都東區(qū)音樂公園</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367280224790018/" title="烤魚餐廳" class="btn btn-secondary btn-sm ml-2">烤魚餐廳</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367297213294082/" title="刀把偏戶型" class="btn btn-secondary btn-sm ml-2">刀把偏戶型</a></li> <li><a href="http://www.schoolnd.com/zhuangshi/67367303862314497/" title="小餐館裝修建議" class="btn btn-secondary btn-sm ml-2">小餐館裝修建議</a></li> </ul> </div> </div> <div id="r19bhbtvb" class="widget d_postlist"> <h3 class="widget_tit">熱門排行</h3> <ul> <li><a href="http://www.schoolnd.com/zhuangxiu/67367024192415234.html" title="小戶型也get大空間感,這些沙發(fā)選擇指南不容錯過!"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/8ff7dd2dc42ed512e53f852688808092.png" alt="小戶型也get大空間感,這些沙發(fā)選擇指南不容錯過!"> </span> <span id="r19bhbtvb" class="text">小戶型也get大空間感,這些沙發(fā)選擇指南不容錯過!</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">13次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67367018552649218.html" title="#墻面顏色選擇#"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/4dd533dc046bb38c3e3cf1d46f38f318.png" alt="#墻面顏色選擇#"> </span> <span id="r19bhbtvb" class="text">#墻面顏色選擇#</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">10次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67367002871195137.html" title="#美式裝修風格#壁爐設計,打造溫馨家居氛圍"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/07b73cdf2c8fa20aab9f33e1065b40b0.png" alt="#美式裝修風格#壁爐設計,打造溫馨家居氛圍"> </span> <span id="r19bhbtvb" class="text">#美式裝修風格#壁爐設計,打造溫馨家居氛圍</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">10次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366996321265153.html" title="古韻三合院 中堂裝修美學解析"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/7c7d7c52c3b54cac48c1c518211424e0.png" alt="古韻三合院 中堂裝修美學解析"> </span> <span id="r19bhbtvb" class="text">古韻三合院 中堂裝修美學解析</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">15次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366990061790722.html" title="日式建筑的魅力,讓家充滿詩意與溫暖"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/6f1466af7bc28f6acf63a971b7e942f1.png" alt="日式建筑的魅力,讓家充滿詩意與溫暖"> </span> <span id="r19bhbtvb" class="text">日式建筑的魅力,讓家充滿詩意與溫暖</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">12次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366983614621185.html" title="創(chuàng)意民宿大門設計靈感分享!"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/6607f1bb1f4ffa93eb0996eaadd58828.png" alt="創(chuàng)意民宿大門設計靈感分享!"> </span> <span id="r19bhbtvb" class="text">創(chuàng)意民宿大門設計靈感分享!</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">14次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366976839771650.html" title="750平,三種經典戶型大揭秘!"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/707fa05e0b7b2c016e316e636edef2b5.png" alt="750平,三種經典戶型大揭秘!"> </span> <span id="r19bhbtvb" class="text">750平,三種經典戶型大揭秘!</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">6次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366971009689090.html" title="臥室插座的完美布局,告別雜亂無章!"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/388551f40641d68f24f7188b2d188ef9.png" alt="臥室插座的完美布局,告別雜亂無章!"> </span> <span id="r19bhbtvb" class="text">臥室插座的完美布局,告別雜亂無章!</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">8次閱讀</span></span> </a></li> <li><a href="http://www.schoolnd.com/zhuangxiu/67366958373824001.html" title="老房子里的溫馨小臥室改造記"> <span id="r19bhbtvb" class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/26/dc594f414c3175048bda42a8387d3646.png" alt="老房子里的溫馨小臥室改造記"> </span> <span id="r19bhbtvb" class="text">老房子里的溫馨小臥室改造記</span> <span id="r19bhbtvb" class="muted"> 2024-10-27</span> <span id="r19bhbtvb" class="muted"><span id="r19bhbtvb" class="ds-thread-count" data-replace="1">14次閱讀</span></span> </a></li> </ul> </div> <div id="r19bhbtvb" class="widget"> <h3 class="widget_tit">最新文章</h3> <div id="r19bhbtvb" class="com_list"> <ul> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367042355848705.html" title="如何打造完美頂樓陽光房?">如何打造完美頂樓陽光房?</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367047923262978.html" title="紅磚鋪院子教程">紅磚鋪院子教程</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367053776414209.html" title="黃色仿古磚門怎么配窗簾?這些色彩方案讓你家煥然一新">黃色仿古磚門怎么配窗簾?這些色彩方案讓你家煥然一新</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367063007553025.html" title="裝修有格調">裝修有格調</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367072244983297.html" title="小院里的清新綠意">小院里的清新綠意</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367077238302210.html" title="新家換上這扇門,簡約現代風立刻upup">新家換上這扇門,簡約現代風立刻upup</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367084086027777.html" title="家的煥新之旅:淺灰藍+木色,打造溫馨小窩!">家的煥新之旅:淺灰藍+木色,打造溫馨小窩!</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367096581907970.html" title="三層樓房裝修靈感大賞:讓你家也美如畫">三層樓房裝修靈感大賞:讓你家也美如畫</a> </span> </li> <li><span id="r19bhbtvb" class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67367101472990722.html" title="【農村別致優(yōu)雅小院】打造你的夢想花園">【農村別致優(yōu)雅小院】打造你的夢想花園</a> </span> </li> </ul> </div> </div> </aside> </div> </section> <!-- Root element of PhotoSwipe. Must have class pswp. --> <div id="r19bhbtvb" class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div id="r19bhbtvb" class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div id="r19bhbtvb" class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div id="r19bhbtvb" class="pswp__container"> <div id="r19bhbtvb" class="pswp__item"></div> <div id="r19bhbtvb" class="pswp__item"></div> <div id="r19bhbtvb" class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div id="r19bhbtvb" class="pswp__ui pswp__ui--hidden"> <div id="r19bhbtvb" class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div id="r19bhbtvb" class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!--<button class="pswp__button pswp__button--share" title="Share"></button>--> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div id="r19bhbtvb" class="pswp__preloader"> <div id="r19bhbtvb" class="pswp__preloader__icn"> <div id="r19bhbtvb" class="pswp__preloader__cut"> <div id="r19bhbtvb" class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div id="r19bhbtvb" class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div id="r19bhbtvb" class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div id="r19bhbtvb" class="pswp__caption"> <div id="r19bhbtvb" class="pswp__caption__center"></div> </div> </div> </div> </div> <script> var initPhotoSwipeFromDOM = function (gallerySelector) { var onClick = function (e) { e = e || window.event; e.preventDefault ? e.preventDefault() : e.returnValue = false; var eTarget = e.target || e.srcElement; var index = eTarget.getAttribute('data-index'); if (index >= 0) { // open PhotoSwipe if valid index found openPhotoSwipe(parseInt(index, 10), gallerySelector); } return false; }; var parseElements = function (el) { var numNodes = el.length, items = [], imgEl, item; for (var i = 0; i < numNodes; i++) { imgEl = el[i]; // <img> element // create slide object // 圖片寬高未知,先設置為 0,下面有代碼會重新獲取圖片寬高。 item = { src: imgEl.src, w: 0, h: 0 }; items.push(item); } return items; }; var openPhotoSwipe = function (index, galleryElement, disableAnimation) { var pswpElement = document.querySelectorAll('.pswp')[0], options = {index: index}, items = parseElements(document.querySelectorAll(gallerySelector)), gallery; if (disableAnimation) options.showAnimationDuration = 0; gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options); // 獲取圖片寬高 https://github.com/dimsemenov/PhotoSwipe/issues/796 gallery.listen('gettingData', function (index, item) { if (item.w < 1 || item.h < 1) { // unknown size var img = new Image(); img.onload = function () { // will get size after load item.w = this.width; // set image width item.h = this.height; // set image height gallery.invalidateCurrItems(); // reinit Items gallery.updateSize(true); // reinit Items }; img.src = item.src; // let's download image } }); gallery.init(); }; var galleryElements = document.querySelectorAll(gallerySelector); for (var i = 0, l = galleryElements.length; i < l; i++) { galleryElements[i].setAttribute('data-index', i); galleryElements[i].onclick = onClick; galleryElements[i].style.cursor = 'pointer'; } }; var $articleImg = $('.article-content img'); $articleImg.addClass('img-fluid'); $articleImg.addClass('gallery-img'); initPhotoSwipeFromDOM('.gallery-img'); </script> <footer class="footer"> <div id="r19bhbtvb" class="footer-inner"> <div style="padding:0 20px;overflow:hidden;"> <div id="r19bhbtvb" class="copyright">© 2025 杭州企抖電子商務有限公司 版權所有 <a target="_blank" class="text-reset">浙ICP備18006859號-5 </a> </div> <!-- <div id="r19bhbtvb" class="trackcode"> <a href="/sitemap/index.xml" class="text-reset">站點地圖</a> <span id="r19bhbtvb" class="ml-2">在線訪客: <span id="onlineVisitors"></span></span> <span id="r19bhbtvb" class="ml-2">今日訪問量: <span id="siteTodayViews"></span></span> <span id="r19bhbtvb" class="ml-2">昨日訪問量: <span id="siteYesterdayViews"></span></span> <span id="r19bhbtvb" class="ml-2">總訪問量: <span id="siteViews"></span></span> </div> --> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?86262415eb5672c730854cffe802c150"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="r19bhbtvb" id="successToast" class="toast bg-success text-white position-fixed m-3 hide" style="z-index:5;right:0;top:0;" role="alert" aria-live="assertive" aria-atomic="true" data-delay="3000"> <div id="r19bhbtvb" class="toast-body"><i class="far fa-check-circle"></i><span id="r19bhbtvb" class="ml-2" id="successMessage"></span></div> </div> <div class="r19bhbtvb" id="alertToastContainer" class="position-fixed d-flex justify-content-center align-items-center" data-autohide="false" style="z-index:20000;background-color:rgba(0, 0, 0, 0.5);height:0;top:0;bottom:0;left:0;right:0;"> <div class="r19bhbtvb" id="alertToast" class="toast hide" style="border-radius: .25rem;" role="alert" aria-live="assertive" aria-atomic="true" data-delay="20000" data-autohide="false"> <div id="r19bhbtvb" class="toast-header p-3"> <i class="fa fa-info-circle text-info mr-2" style="font-size:20px; margin-right: .5rem !important;"></i> <span id="alertMessage" class="mr-auto">操作成功</span> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> <script> $('#alertToast').on('hidden.bs.toast', function () { $('body').css('width', ''); $('body').css('overflow', ''); $('#alertToastContainer').css('height', '0'); }); // 檢查是否需要顯示提示信息 var MESSAGE_SUCCESS = 'ujcms_message_success'; var MESSAGE_ALERT = 'ujcms_message_alert'; function displaySuccess(text) { $('#successMessage').text(text); $('#successToast').toast('show'); } function displayAlert(text) { var clientWidth = document.body.clientWidth || document.documentElement.clientWidth; var innerWidth = window.innerWidth; var scrollBarWidth = innerWidth - clientWidth; if (scrollBarWidth > 0) { $('body').css('width', 'calc(100% - ' + scrollBarWidth + 'px)'); } $('body').css('overflow', 'hidden'); $('#alertToastContainer').css('height', '100%'); $('#alertMessage').text(text); $('#alertToast').toast('show'); } (function () { var messageSuccess = Cookies.get(MESSAGE_SUCCESS); if (messageSuccess) { // 顯示后清空標識 Cookies.remove(MESSAGE_SUCCESS, {path: '/'}); displaySuccess(messageSuccess); } var messageAlert = Cookies.get(MESSAGE_ALERT); if (messageAlert) { // 顯示后清空標識 Cookies.remove(MESSAGE_ALERT, {path: '/'}); displayAlert(messageAlert); } })(); // 設置“操作成功”標識 function showSuccess(text) { if (!text) text = '操作成功'; Cookies.set(MESSAGE_SUCCESS, text, {path: '/'}); } function showAlert(text) { if (!text) text = '操作成功'; Cookies.set(MESSAGE_ALERT, text, {path: '/'}); } </script> <div id="r19bhbtvb" class="modal fade" id="showErrorModel" tabindex="-1" style="z-index:20000;"> <div id="r19bhbtvb" class="modal-dialog"> <div id="r19bhbtvb" class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <div id="r19bhbtvb" class="modal-body"></div> </div> </div> </div> <script> function showError(text) { $('#showErrorModel .modal-dialog').removeClass('modal-xl').css('max-width', ''); $('#showErrorModel .modal-body').text(text); $('#showErrorModel').modal('show'); } function showErrorPreJson(json) { $('#showErrorModel .modal-dialog').addClass('modal-xl').css('max-width', '100%'); var modalBody = $('#showErrorModel .modal-body').empty(); makeModalBody(modalBody, json); // 不知 bootstrap 為何會自動加上 padding-right:17px,去除該項值。 $('#showErrorModel').modal('show').css('padding-right', ''); } // data 為 XMLHttpRequest 對象:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest function showErrorPre(data) { $('#showErrorModel .modal-dialog').addClass('modal-xl').css('max-width', '100%'); var modalBody = $('#showErrorModel .modal-body').empty(); // 能否使用 response.json() 方法?不行,只有 fetch 的 response 才可以。responseText 是 XMLHttpRequest 的標準屬性。 var json = data.responseJSON || (data.responseText && JSON.parse(data.responseText)); if (json) { makeModalBody(modalBody, json); } else { modalBody.append($('<pre>').text(JSON.stringify(data, null, 4))); } // 不知 bootstrap 為何會自動加上 padding-right:17px,去除該項值。 $('#showErrorModel').modal('show').css('padding-right', ''); } function makeModalBody(modalBody, json) { modalBody.append($('<h1>').append($('<span>').text(json.status)).append($('<small>').text(' (' + json.error + ')'))) .append($('<p>').text('path: ' + json.path)) .append($('<p>').text('timestamp: ' + dayjs(json.timestamp).format('YYYY-MM-DDTHH:mm:ss.SSSZZ'))) .append($('<p>').append($('<code>').text(json.message))); if (json.trace) modalBody.append($('<pre>').css({'white-space': 'pre-wrap', 'word-wrap': 'break-word'}).append($('<code>').text(json.trace))); } function handleError(data) { if (data.message && !data.error) { showError(data.message); } else { showErrorPreJson(data); } } var request = axios.create({timeout: 60000}); request.interceptors.request.use(function (config) { var method = config.method.toLowerCase(); if (method === 'post' || method === 'put' || method === 'delete') { var header = $('meta[name="_csrf_header"]').attr('content'); var token = $('meta[name="_csrf"]').attr('content'); config.headers = {...config.headers, [header]: token}; } return config; }, function (error) { return Promise.reject(error); }); request.interceptors.response.use(function (response) { return response; }, function (e) { console.log(e); var data = e.response.data; var status = e.response.status; var statusText = e.response.statusText; // spring boot 的響應 if (data) { handleError(data); return Promise.reject(data.error); } // spring scurity BearerTokenAuthenticationEntryPoint 的響應 handleError({status}); return Promise.reject(statusText); }); function fetchCsrf() { return axios.get('/app/csrf').then(function (response) { if (response.data) { const arr = response.data.split(','); if (arr.length >= 3) { $('meta[name="_csrf_header"]').attr('content', arr[1].trim()); $('meta[name="_csrf"]').attr('content', arr[2].trim()); } } }); } </script> <script> axios.get('/frontend/visit/online-visitors').then(function (response) { $('#onlineVisitors').text(response.data); }); axios.get('/frontend/site/view/1').then(function (response) { $('#siteTodayViews').text(response.data.todayViews); $('#siteYesterdayViews').text(response.data.yesterdayViews); $('#siteViews').text(response.data.views); }); </script> <script> $('#addClueId').click(function () { $('#clueFromId').show(); }) $('#qdl-closebtn').click(function () { $('#clueFromId').hide(); }) </script> <script> $('#successModal').on('hidden.bs.modal', function () { location.href = ''; }); $(function () { $('#title').focus().select(); $('#validForm').validate({ rules: { captcha: { remote: { url: '/frontend/captcha/try', data: { token: function () { return $('#captchaToken').val(); } } } } }, submitHandler: function (form) { request.post(form.action, $(form).serializeJSON()).then(function (response) { var data = response.data; if (data.status === 0) { $('#clueFromId').hide(); displayAlert('提交成功,等待工作人員回復!'); // location.href = ''; } }); } }); }); </script> <footer> <a href="http://www.schoolnd.com/" title="邯郸当纺机械设备有限公司">邯郸当纺机械设备有限公司</a> <div class="friend-links"> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="itskr" class="pl_css_ganrao" style="display: none;"><ins id="itskr"></ins><center id="itskr"><font id="itskr"><pre id="itskr"></pre></font></center><ul id="itskr"></ul><sup id="itskr"></sup><dl id="itskr"><small id="itskr"><table id="itskr"></table></small></dl><label id="itskr"></label><optgroup id="itskr"></optgroup><menuitem id="itskr"></menuitem><track id="itskr"></track><tbody id="itskr"></tbody><tfoot id="itskr"><strong id="itskr"><strike id="itskr"></strike></strong></tfoot><small id="itskr"><kbd id="itskr"><xmp id="itskr"></xmp></kbd></small><rp id="itskr"></rp><big id="itskr"></big><object id="itskr"><abbr id="itskr"><noscript id="itskr"></noscript></abbr></object><delect id="itskr"></delect><delect id="itskr"></delect><button id="itskr"><tr id="itskr"><samp id="itskr"></samp></tr></button><pre id="itskr"></pre><td id="itskr"></td><dl id="itskr"></dl><source id="itskr"><p id="itskr"></p></source><sup id="itskr"></sup><cite id="itskr"></cite><abbr id="itskr"></abbr><xmp id="itskr"></xmp><abbr id="itskr"><table id="itskr"><wbr id="itskr"></wbr></table></abbr><nav id="itskr"><tbody id="itskr"><th id="itskr"></th></tbody></nav><dd id="itskr"></dd><object id="itskr"></object><small id="itskr"><table id="itskr"><pre id="itskr"></pre></table></small><u id="itskr"><font id="itskr"><blockquote id="itskr"><source id="itskr"></source></blockquote></font></u><blockquote id="itskr"></blockquote><strong id="itskr"></strong><video id="itskr"><td id="itskr"><thead id="itskr"></thead></td></video><span id="itskr"><wbr id="itskr"><strike id="itskr"></strike></wbr></span><sup id="itskr"><th id="itskr"></th></sup><i id="itskr"></i><strike id="itskr"><source id="itskr"></source></strike><optgroup id="itskr"></optgroup><abbr id="itskr"></abbr><sup id="itskr"><th id="itskr"></th></sup><abbr id="itskr"><samp id="itskr"><wbr id="itskr"></wbr></samp></abbr><td id="itskr"></td><object id="itskr"></object><pre id="itskr"><ul id="itskr"></ul></pre><samp id="itskr"></samp><strong id="itskr"></strong><del id="itskr"></del><u id="itskr"></u><wbr id="itskr"><menu id="itskr"></menu></wbr><rt id="itskr"><dl id="itskr"><small id="itskr"></small></dl></rt><li id="itskr"><delect id="itskr"></delect></li><dl id="itskr"></dl><small id="itskr"></small><big id="itskr"><legend id="itskr"><source id="itskr"></source></legend></big><dfn id="itskr"><dd id="itskr"><s id="itskr"></s></dd></dfn><input id="itskr"><noframes id="itskr"><u id="itskr"></u></noframes></input><pre id="itskr"><strong id="itskr"><track id="itskr"><option id="itskr"></option></track></strong></pre><del id="itskr"></del><strike id="itskr"></strike><kbd id="itskr"></kbd><b id="itskr"></b><u id="itskr"></u><object id="itskr"></object><cite id="itskr"><strong id="itskr"><nav id="itskr"></nav></strong></cite><small id="itskr"></small><div id="itskr"><tfoot id="itskr"><strong id="itskr"></strong></tfoot></div><noscript id="itskr"></noscript><font id="itskr"><blockquote id="itskr"><tr id="itskr"><fieldset id="itskr"></fieldset></tr></blockquote></font><optgroup id="itskr"><button id="itskr"><tr id="itskr"></tr></button></optgroup><label id="itskr"></label><menuitem id="itskr"></menuitem><legend id="itskr"><style id="itskr"><small id="itskr"><table id="itskr"></table></small></style></legend><wbr id="itskr"></wbr><noscript id="itskr"><del id="itskr"><center id="itskr"></center></del></noscript><center id="itskr"></center><u id="itskr"><tr id="itskr"><pre id="itskr"></pre></tr></u><tr id="itskr"></tr><strong id="itskr"><li id="itskr"><em id="itskr"></em></li></strong><sub id="itskr"></sub><wbr id="itskr"><tbody id="itskr"></tbody></wbr><option id="itskr"><ul id="itskr"><dd id="itskr"></dd></ul></option><del id="itskr"></del><del id="itskr"><center id="itskr"><legend id="itskr"><dl id="itskr"></dl></legend></center></del><style id="itskr"></style><wbr id="itskr"><tbody id="itskr"></tbody></wbr><td id="itskr"></td><object id="itskr"></object><track id="itskr"><mark id="itskr"><dfn id="itskr"><dl id="itskr"></dl></dfn></mark></track><acronym id="itskr"><tr id="itskr"><fieldset id="itskr"></fieldset></tr></acronym><noscript id="itskr"></noscript><tr id="itskr"><blockquote id="itskr"></blockquote></tr><tr id="itskr"></tr><tbody id="itskr"></tbody><samp id="itskr"><meter id="itskr"></meter></samp><thead id="itskr"></thead><delect id="itskr"><td id="itskr"><th id="itskr"></th></td></delect><input id="itskr"></input><address id="itskr"><ol id="itskr"></ol></address></div> </html>