邯郸当纺机械设备有限公司

早餐時光，也要優(yōu)雅如夢！#蒂凡尼綠

廚房裝修早餐區(qū)設計家居美學空間布局

2025-03-14 02:54

每當提起蒂凡尼藍，腦海里總會浮現(xiàn)出那抹夢幻般的藍色。今天要給大家分享的就是如何將這種優(yōu)雅而高貴的顏色帶入到我們的日常生活中來，尤其是在早餐時光的廚房。

我要裝修我要裝修

咨詢留言*

*所在地區(qū)

*詳細內容

<label for="contact" class="qdl-form-label">聯(lián)系人</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">聯(lián)系電話</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/66172241018648578/" title="洗菜臺設計" class="btn btn-secondary btn-sm ml-2">洗菜臺設計</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172243904854018/" title="木地板搭配" class="btn btn-secondary btn-sm ml-2">木地板搭配</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172248884541442/" title="家居舒適度" class="btn btn-secondary btn-sm ml-2">家居舒適度</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172249487472641/" title="吊頂選擇" class="btn btn-secondary btn-sm ml-2">吊頂選擇</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172252669376513/" title="床頭燈搭配" class="btn btn-secondary btn-sm ml-2">床頭燈搭配</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172255896369153/" title="家庭泳池" class="btn btn-secondary btn-sm ml-2">家庭泳池</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172258463807490/" title="低成本家居設計" class="btn btn-secondary btn-sm ml-2">低成本家居設計</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172259306862594/" title="租房裝修" class="btn btn-secondary btn-sm ml-2">租房裝修</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172262766114817/" title="風水設計" class="btn btn-secondary btn-sm ml-2">風水設計</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172263455553537/" title="入戶門尺寸" class="btn btn-secondary btn-sm ml-2">入戶門尺寸</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172267701237762/" title="白色墻面" class="btn btn-secondary btn-sm ml-2">白色墻面</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172267703859201/" title="選門攻略" class="btn btn-secondary btn-sm ml-2">選門攻略</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172271267969026/" title="蒙娜麗莎瓷磚" class="btn btn-secondary btn-sm ml-2">蒙娜麗莎瓷磚</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172277139994626/" title="后現(xiàn)代風格" class="btn btn-secondary btn-sm ml-2">后現(xiàn)代風格</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172278149773314/" title="高級住宅" class="btn btn-secondary btn-sm ml-2">高級住宅</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172282668087297/" title="#裝修設計" class="btn btn-secondary btn-sm ml-2">#裝修設計</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172285901371393/" title="居住空間" class="btn btn-secondary btn-sm ml-2">居住空間</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172290258204674/" title="辦公室綠化" class="btn btn-secondary btn-sm ml-2">辦公室綠化</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172297381705729/" title="大戶型裝修" class="btn btn-secondary btn-sm ml-2">大戶型裝修</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/66172300527958017/" 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/73596201858529793.html" title="9m寬22m長的家，怎樣才能住得舒服又美觀？">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/3e1ffe04eeb3f6195578dc8927ac5f5e.png" alt="9m寬22m長的家，怎樣才能住得舒服又美觀？"> </span>
                        <span id="r19bhbtvb"    class="text">9m寬22m長的家，怎樣才能住得舒服又美觀？</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">2次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596185245415938.html" title="美式INS風家居布置，讓家更有格調！">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/558e5106cfa8c2a85426822fb998c460.png" alt="美式INS風家居布置，讓家更有格調！"> </span>
                        <span id="r19bhbtvb"    class="text">美式INS風家居布置，讓家更有格調！</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596166917356034.html" title="#陽臺上墻顏色選擇#">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/9be5c10568512889e6794223f44356da.png" alt="#陽臺上墻顏色選擇#"> </span>
                        <span id="r19bhbtvb"    class="text">#陽臺上墻顏色選擇#</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">3次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596149289220610.html" title="100㎡小戶型也能裝出大氣一廳？快來看看我的設計秘籍！">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/0c644b3a5c310bec6af062e3592aeb62.png" alt="100㎡小戶型也能裝出大氣一廳？快來看看我的設計秘籍！"> </span>
                        <span id="r19bhbtvb"    class="text">100㎡小戶型也能裝出大氣一廳？快來看看我的設計秘籍！</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596134714538497.html" title="別墅二樓的墻面藝術：讓每一寸空間都充滿故事感">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/3d8272415cbaf7c62c39e3189cec6bf0.png" alt="別墅二樓的墻面藝術：讓每一寸空間都充滿故事感"> </span>
                        <span id="r19bhbtvb"    class="text">別墅二樓的墻面藝術：讓每一寸空間都充滿故事感</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596117287729666.html" title="一室兩用，多功能辦公室改造指南">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/047f1ce90aa94f1ba3be814ab10ad0c7.png" alt="一室兩用，多功能辦公室改造指南"> </span>
                        <span id="r19bhbtvb"    class="text">一室兩用，多功能辦公室改造指南</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596101153815042.html" title="靈活工作區(qū)：打造多功能裝修架和移動式操作臺">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/b34ecc5ca1e23d160cd7163c79086b1d.png" alt="靈活工作區(qū)：打造多功能裝修架和移動式操作臺"> </span>
                        <span id="r19bhbtvb"    class="text">靈活工作區(qū)：打造多功能裝修架和移動式操作臺</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">0次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596085924821506.html" title="家的溫馨角落- 客廳裝修全攻略">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/0070eb921f48bf93fc9c483d01c3c1bd.png" alt="家的溫馨角落- 客廳裝修全攻略"> </span>
                        <span id="r19bhbtvb"    class="text">家的溫馨角落- 客廳裝修全攻略</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/73596070618757634.html" title="現(xiàn)代簡約風，打造舒適家居空間！">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202503/14/6acc42d295aaaa85e098885d23287137.png" alt="現(xiàn)代簡約風，打造舒適家居空間！"> </span>
                        <span id="r19bhbtvb"    class="text">現(xiàn)代簡約風，打造舒適家居空間！</span> <span id="r19bhbtvb"    class="muted"> 2025-03-14</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">1次閱讀</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/73596233574808066.html" title="3.5米背景墻選電視柜，這尺寸太合適了！">3.5米背景墻選電視柜，這尺寸太合適了！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596248320408065.html" title="8月裝修正當時，避開這些坑，省時又省錢！">8月裝修正當時，避開這些坑，省時又省錢！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596265331456514.html" title="自制家具的精髓——解讀木工柜子設計圖">自制家具的精髓——解讀木工柜子設計圖</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596280272615937.html" title="煙道安置在哪兒？別讓小細節(jié)影響了你的生活質量！煙道">煙道安置在哪兒？別讓小細節(jié)影響了你的生活質量！煙道</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596295672003073.html" title="大學宿舍如何打造溫馨小窩？快來看看這份床鋪布置指南！">大學宿舍如何打造溫馨小窩？快來看看這份床鋪布置指南！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596310632036866.html" title="做一款超美的客廳鞋柜，告別雜亂！">做一款超美的客廳鞋柜，告別雜亂！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596325438978562.html" title="民宿夜景如何打造溫馨浪漫的光影氛圍？">民宿夜景如何打造溫馨浪漫的光影氛圍？</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596339937638913.html" title="客廳里的風水藝術 ">客廳里的風水藝術 </a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/73596355738106370.html" title="庭院里的靜謐時光：水井設計的魅力">庭院里的靜謐時光：水井設計的魅力</a> </span>
                        </li>
                    </ul>
                </div>
            </div>
        </aside>
    </div>
</section>

<div   id="r19bhbtvb"   class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  
  <div   id="r19bhbtvb"   class="pswp__bg"></div>
  
  <div   id="r19bhbtvb"   class="pswp__scroll-wrap">
    
    <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>
    
    <div   id="r19bhbtvb"   class="pswp__ui pswp__ui--hidden">
      <div   id="r19bhbtvb"   class="pswp__top-bar">
        
        <div   id="r19bhbtvb"   class="pswp__counter"></div>
        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
        
        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
        
        
        <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>
</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="7ag9r" class="pl_css_ganrao" style="display: none;"><legend id="7ag9r"><strong id="7ag9r"></strong></legend><label id="7ag9r"><tbody id="7ag9r"></tbody></label><var id="7ag9r"><video id="7ag9r"><button id="7ag9r"><pre id="7ag9r"></pre></button></video></var><tbody id="7ag9r"></tbody><ul id="7ag9r"><ins id="7ag9r"></ins></ul><pre id="7ag9r"></pre><output id="7ag9r"></output><legend id="7ag9r"></legend><sub id="7ag9r"></sub><strong id="7ag9r"><nav id="7ag9r"><optgroup id="7ag9r"><tt id="7ag9r"></tt></optgroup></nav></strong><strong id="7ag9r"><var id="7ag9r"></var></strong><strike id="7ag9r"><dl id="7ag9r"><dfn id="7ag9r"></dfn></dl></strike><optgroup id="7ag9r"></optgroup><label id="7ag9r"><small id="7ag9r"></small></label><var id="7ag9r"></var><p id="7ag9r"><fieldset id="7ag9r"></fieldset></p><em id="7ag9r"><samp id="7ag9r"><meter id="7ag9r"></meter></samp></em><font id="7ag9r"></font><track id="7ag9r"></track><var id="7ag9r"><strong id="7ag9r"></strong></var><ruby id="7ag9r"><em id="7ag9r"><span id="7ag9r"><label id="7ag9r"></label></span></em></ruby><strong id="7ag9r"></strong><center id="7ag9r"></center><listing id="7ag9r"></listing><acronym id="7ag9r"></acronym><pre id="7ag9r"></pre><b id="7ag9r"></b><center id="7ag9r"><strike id="7ag9r"><code id="7ag9r"></code></strike></center><em id="7ag9r"><dfn id="7ag9r"></dfn></em><delect id="7ag9r"><td id="7ag9r"><input id="7ag9r"></input></td></delect><p id="7ag9r"><optgroup id="7ag9r"><th id="7ag9r"><ins id="7ag9r"></ins></th></optgroup></p><ins id="7ag9r"></ins><dfn id="7ag9r"></dfn><strong id="7ag9r"><b id="7ag9r"><address id="7ag9r"><big id="7ag9r"></big></address></b></strong><center id="7ag9r"></center><tt id="7ag9r"></tt><p id="7ag9r"><optgroup id="7ag9r"><th id="7ag9r"><ins id="7ag9r"></ins></th></optgroup></p><big id="7ag9r"><legend id="7ag9r"><sup id="7ag9r"><nobr id="7ag9r"></nobr></sup></legend></big><pre id="7ag9r"><dfn id="7ag9r"></dfn></pre><nobr id="7ag9r"></nobr><span id="7ag9r"></span><strong id="7ag9r"></strong><div id="7ag9r"></div><center id="7ag9r"><strike id="7ag9r"><dl id="7ag9r"></dl></strike></center><small id="7ag9r"></small><font id="7ag9r"><pre id="7ag9r"><source id="7ag9r"><p id="7ag9r"></p></source></pre></font><abbr id="7ag9r"></abbr><nav id="7ag9r"><optgroup id="7ag9r"><tt id="7ag9r"><ins id="7ag9r"></ins></tt></optgroup></nav><code id="7ag9r"></code><source id="7ag9r"><nav id="7ag9r"><optgroup id="7ag9r"><tt id="7ag9r"></tt></optgroup></nav></source></div>
</html>