排污許可證證后管理-巢湖市亞慶環?？萍加邢挢熑喂?/title> <link rel="stylesheet" type="text/css" href="/index/js/layui/css/layui.css"/> <link rel="stylesheet" type="text/css" href="/index/css/iconfont.css" />  <link rel="stylesheet" type="text/css" href="/index/css/swiper.min.css"/> <link rel="stylesheet" type="text/css" href="/index/css/basic.css" /> <link rel="stylesheet" type="text/css" href="/index/js/wow/animate.min.css"> <link rel="stylesheet" type="text/css" href="/index/css/layout.css"/> <script src="/index/js/jquery.js"></script> <script src="/index/js/iphone.js"></script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body onmousemove=\HideMenu()\ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()"> <div style="position:fixed;left:-9000px;top:-9000px;"><code id="cezto"></code><sup id="cezto"></sup><noframes id="cezto"></noframes><strong id="cezto"><noscript id="cezto"><var id="cezto"><var id="cezto"></var></var></noscript></strong><strong id="cezto"><u id="cezto"><small id="cezto"></small></u></strong><kbd id="cezto"></kbd><code id="cezto"><li id="cezto"><samp id="cezto"><del id="cezto"></del></samp></li></code><meter id="cezto"><meter id="cezto"></meter></meter><acronym id="cezto"></acronym><em id="cezto"><div id="cezto"><u id="cezto"><sub id="cezto"></sub></u></div></em><var id="cezto"><track id="cezto"><object id="cezto"><ruby id="cezto"></ruby></object></track></var><video id="cezto"><mark id="cezto"><object id="cezto"></object></mark></video><output id="cezto"><table id="cezto"><nav id="cezto"></nav></table></output><acronym id="cezto"><bdo id="cezto"></bdo></acronym><menu id="cezto"><ins id="cezto"><big id="cezto"><i id="cezto"></i></big></ins></menu><center id="cezto"></center><div id="cezto"></div><dl id="cezto"><dfn id="cezto"></dfn></dl><nav id="cezto"></nav><noscript id="cezto"><del id="cezto"><dd id="cezto"><ruby id="cezto"></ruby></dd></del></noscript><nobr id="cezto"></nobr><input id="cezto"></input><p id="cezto"><option id="cezto"><strong id="cezto"></strong></option></p><small id="cezto"></small><ins id="cezto"><progress id="cezto"><p id="cezto"></p></progress></ins><mark id="cezto"><noframes id="cezto"></noframes></mark><input id="cezto"><div id="cezto"><table id="cezto"><p id="cezto"></p></table></div></input><td id="cezto"></td><center id="cezto"></center><label id="cezto"></label><div id="cezto"><b id="cezto"><small id="cezto"></small></b></div><table id="cezto"></table><meter id="cezto"></meter><legend id="cezto"></legend><small id="cezto"><ol id="cezto"><pre id="cezto"><var id="cezto"></var></pre></ol></small><th id="cezto"><output id="cezto"><progress id="cezto"><p id="cezto"></p></progress></output></th><table id="cezto"><meter id="cezto"><strike id="cezto"></strike></meter></table><delect id="cezto"><sup id="cezto"><dd id="cezto"></dd></sup></delect><menuitem id="cezto"></menuitem><input id="cezto"><div id="cezto"><u id="cezto"></u></div></input><big id="cezto"><u id="cezto"></u></big><bdo id="cezto"></bdo><source id="cezto"><mark id="cezto"><ins id="cezto"><table id="cezto"></table></ins></mark></source><ins id="cezto"><big id="cezto"><acronym id="cezto"></acronym></big></ins><i id="cezto"><sub id="cezto"></sub></i><small id="cezto"></small><meter id="cezto"></meter><meter id="cezto"></meter><sub id="cezto"><kbd id="cezto"><dfn id="cezto"><samp id="cezto"></samp></dfn></kbd></sub><delect id="cezto"><th id="cezto"><output id="cezto"></output></th></delect> <mark id="cezto"><legend id="cezto"><b id="cezto"></b></legend></mark><span id="cezto"></span><small id="cezto"><kbd id="cezto"><dfn id="cezto"></dfn></kbd></small><ruby id="cezto"></ruby><legend id="cezto"></legend><b id="cezto"><address id="cezto"><bdo id="cezto"><pre id="cezto"></pre></bdo></address></b><center id="cezto"><ruby id="cezto"><meter id="cezto"><menu id="cezto"></menu></meter></ruby></center><xmp id="cezto"><source id="cezto"><mark id="cezto"></mark></source></xmp><dfn id="cezto"></dfn><noframes id="cezto"><b id="cezto"></b></noframes><option id="cezto"></option><u id="cezto"></u><pre id="cezto"><samp id="cezto"><track id="cezto"><center id="cezto"></center></track></samp></pre><b id="cezto"><address id="cezto"></address></b><center id="cezto"><s id="cezto"><meter id="cezto"></meter></s></center><option id="cezto"><strong id="cezto"><form id="cezto"></form></strong></option><p id="cezto"><thead id="cezto"></thead></p><label id="cezto"><center id="cezto"></center></label><source id="cezto"><track id="cezto"></track></source><wbr id="cezto"><th id="cezto"><output id="cezto"><progress id="cezto"></progress></output></th></wbr><span id="cezto"><delect id="cezto"><ol id="cezto"><dd id="cezto"></dd></ol></delect></span><small id="cezto"><dl id="cezto"><dfn id="cezto"></dfn></dl></small><em id="cezto"></em><span id="cezto"><form id="cezto"><sup id="cezto"><dd id="cezto"></dd></sup></form></span><video id="cezto"><mark id="cezto"><object id="cezto"></object></mark></video><font id="cezto"></font><delect id="cezto"></delect><bdo id="cezto"><font id="cezto"></font></bdo><optgroup id="cezto"><menu id="cezto"><noframes id="cezto"></noframes></menu></optgroup><tbody id="cezto"></tbody><i id="cezto"></i><button id="cezto"><code id="cezto"><span id="cezto"></span></code></button><ol id="cezto"></ol><dl id="cezto"></dl><kbd id="cezto"><xmp id="cezto"><var id="cezto"></var></xmp></kbd><button id="cezto"><code id="cezto"><pre id="cezto"><noscript id="cezto"></noscript></pre></code></button><dd id="cezto"><rt id="cezto"><menuitem id="cezto"><input id="cezto"></input></menuitem></rt></dd><tt id="cezto"></tt><wbr id="cezto"><th id="cezto"></th></wbr><samp id="cezto"></samp><noscript id="cezto"><label id="cezto"><center id="cezto"><listing id="cezto"></listing></center></label></noscript><thead id="cezto"><pre id="cezto"><samp id="cezto"></samp></pre></thead><tt id="cezto"></tt><legend id="cezto"><tt id="cezto"></tt></legend><strike id="cezto"></strike><strong id="cezto"><span id="cezto"><label id="cezto"></label></span></strong><tt id="cezto"></tt><sup id="cezto"><nobr id="cezto"><rt id="cezto"><video id="cezto"></video></rt></nobr></sup><strong id="cezto"></strong><table id="cezto"><acronym id="cezto"><option id="cezto"></option></acronym></table> <nav id="cezto"><option id="cezto"><strong id="cezto"></strong></option></nav><address id="cezto"><kbd id="cezto"><pre id="cezto"><blockquote id="cezto"></blockquote></pre></kbd></address><nobr id="cezto"><rt id="cezto"><video id="cezto"><mark id="cezto"></mark></video></rt></nobr><object id="cezto"><ruby id="cezto"><meter id="cezto"></meter></ruby></object><dd id="cezto"></dd><strong id="cezto"><form id="cezto"><label id="cezto"></label></form></strong><delect id="cezto"></delect><bdo id="cezto"><font id="cezto"><span id="cezto"><delect id="cezto"></delect></span></font></bdo><tt id="cezto"></tt><form id="cezto"></form><code id="cezto"></code><small id="cezto"><code id="cezto"><pre id="cezto"><samp id="cezto"></samp></pre></code></small><address id="cezto"></address><mark id="cezto"><div id="cezto"><u id="cezto"><small id="cezto"></small></u></div></mark><address id="cezto"></address><menuitem id="cezto"></menuitem><delect id="cezto"></delect><optgroup id="cezto"><button id="cezto"><em id="cezto"></em></button></optgroup><th id="cezto"></th><button id="cezto"></button><object id="cezto"><table id="cezto"><nav id="cezto"></nav></table></object><tr id="cezto"><span id="cezto"><delect id="cezto"><center id="cezto"></center></delect></span></tr><object id="cezto"><table id="cezto"><p id="cezto"><option id="cezto"></option></p></table></object><xmp id="cezto"></xmp><ruby id="cezto"><source id="cezto"></source></ruby><legend id="cezto"></legend><code id="cezto"></code><span id="cezto"></span><source id="cezto"></source><nav id="cezto"></nav><blockquote id="cezto"></blockquote><li id="cezto"><delect id="cezto"><th id="cezto"></th></delect></li><p id="cezto"><bdo id="cezto"><tr id="cezto"><span id="cezto"></span></tr></bdo></p><div id="cezto"><u id="cezto"></u></div><td id="cezto"><dd id="cezto"><rp id="cezto"></rp></dd></td><meter id="cezto"><strike id="cezto"></strike></meter><rt id="cezto"></rt><wbr id="cezto"><ins id="cezto"><big id="cezto"></big></ins></wbr><s id="cezto"></s><i id="cezto"><cite id="cezto"><tbody id="cezto"><sup id="cezto"></sup></tbody></cite></i><menu id="cezto"></menu><bdo id="cezto"></bdo><track id="cezto"></track><sup id="cezto"><nobr id="cezto"></nobr></sup><strong id="cezto"></strong><center id="cezto"><s id="cezto"><optgroup id="cezto"></optgroup></s></center><wbr id="cezto"></wbr><form id="cezto"></form><option id="cezto"></option><form id="cezto"><del id="cezto"><dl id="cezto"></dl></del></form></div>  <div id="header" class="layui-clear">  <div class="top layui-hide-xs"> <div class="layui-container"> <div class="float-left">歡迎進入巢湖市亞慶環?？萍加邢挢熑喂竟俜骄W站！</div> <div class="top-right float-right"> <a href="/singlepage/about.html">關于我們</a>|<a href="/sitemap.html">網站地圖</a>|<a href="/otherweb.html">企業分站</a>|<a href="/singlepage/contact.html">聯系我們</a> </div> </div> </div>  <div class="logobox layui-clear"> <div class="layui-container layui-row"> <div class="logo layui-col-lg9 layui-col-xs12"> <div class="meida logoL"> <a href="/" title="巢湖市亞慶環?？萍加邢挢熑喂?><img src="/index/images/logo.jpg" class="float-left" alt="巢湖市亞慶環?？萍加邢挢熑喂? /></a> <div class="media-body logori layui-hide-xs"> <strong>收集廢礦物油及含礦物油廢物（HW08類）</strong> <p>致力于環保產業精耕細作20多年</p> </div> </div> <div class="head-icon"><span></span></div> </div> <div class="logoright float-right layui-hide-xs"> <p>13855179263</p> </div> </div> </div> <div id="nav" class="navbar"> <div class="layui-container navbar-nav"> <ul> <li class="first hidden-l"><a href="/index.html" target="_self">網站首頁</a></li><li><a href="/singlepage/about.html" target="_self">關于我們</a><div class="submenu hidden-l"><ol><li><a href="/singlepage/about.html" target="_self">企業簡介</a></li><li><a href="/singlepage/qywh.html" target="_self">企業文化</a></li><li><a href="/photo/cfhj.html" target="_self">廠房環境</a></li><li><a href="/photo/zzry.html" target="_self">資質榮譽</a></li></ol></div></li><li><a href="/photo/ygpx.html" target="_self">員工培訓</a><div class="submenu hidden-l"><ol><li><a href="/photo/yjyl.html" target="_self">應急演練</a></li><li><a href="/photo/wfpx.html" target="_self">危廢培訓</a></li></ol></div></li><li><a href="/product.html" target="_self">廢油回收項目</a></li><li><a href="/singlepage/hbgjxm.html" target="_self">環保管家項目</a><div class="submenu hidden-l"><ol><li><a href="/article/hpys.html" target="_self">環評驗收</a></li></ol></div></li><li><a href="/article/zxdt.html" target="_self">資訊動態</a><div class="submenu hidden-l"><ol><li><a href="/article/gsdt.html" target="_self">公司動態</a></li><li><a href="/article/cjwt.html" target="_self">常見問題</a></li></ol></div></li><li><a href="/photo/hzal.html" target="_self">合作案例</a></li><li><a href="/article/hjxxgk.html" target="_self">環境信息公開</a><div class="submenu hidden-l"><ol><li><a href="/article/gshjxxgk.html" target="_self">公司環境信息公開</a></li><li><a href="/article/trhjyhpchjcjggb.html" target="_self">土壤環境隱患排查和監測結果公布</a></li></ol></div></li> </ul> </div> </div> </div>  <div class="search-box layui-clear"> <div class="layui-container"> <div class="float-left link layui-hide-xs"> <span>熱門關鍵詞:</span> <a href="/search/%E5%8F%B0%E8%B4%A6%E7%AE%A1%E7%90%86.html" title="臺賬管理">臺賬管理</a> <a href="/search/%E7%8E%AF%E8%AF%84%E5%92%A8%E8%AF%A2.html" title="環評咨詢">環評咨詢</a> <a href="/search/%E6%8E%92%E6%B1%A1%E8%AE%B8%E5%8F%AF%E8%AF%81%E7%94%B3%E6%8A%A5.html" title="排污許可證申報">排污許可證申報</a> <a href="/search/%E8%AF%81%E5%90%8E%E7%AE%A1%E7%90%86.html" title="證后管理">證后管理</a> </div> <div class="float-right search"> <form action="/search.html" method="post"> <div class="box"> <input type="text" title="" name="keyword" id="key" placeholder=" 請輸入搜索關鍵詞" class="sousu float-left"> <button class="float-right sou-zi" lay-submit="" lay-filter="search"></button> </div> </form> </div> </div> </div>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image:url(/uploads/attach/20201218/5fdc508cb3261.jpg);"></div> <div class="swiper-slide" style="background-image:url(/uploads/attach/20201230/5fec3d1c3bf33.jpg);"></div> <div class="swiper-slide" style="background-image:url(/uploads/attach/20201218/5fdc508de4453.jpg);"></div> </div> <div class="swiper-pagination"></div>  </div>    <link rel="stylesheet" type="text/css" href="/index/css/neiye.css"> <div class="mainWrap layui-container mt60 layui-clear"> <div class="main-left"> <div class="left-category"> <div class="mainLeft-Title">欄目導航</div> <ul> <li><a href="/singlepage/about.html" target="_self">企業簡介</a></li><li><a href="/singlepage/qywh.html" target="_self">企業文化</a></li><li><a href="/photo/cfhj.html" target="_self">廠房環境</a></li><li><a href="/photo/zzry.html" target="_self">資質榮譽</a></li> </ul> </div> <div class="left-news mt20 layui-hide-xs"> <div class="mainLeft-Title">最新新聞</div> <ul> <li class="text-more layui-icon layui-icon-right"><a href="/art/gshjxxgk223.html">2024年排污許可一度度執行報告</a></li> <li class="text-more layui-icon layui-icon-right"><a href="/art/trhjyhpchjcjggb224.html">2023年危險廢物經營情況報告</a></li> <li class="text-more layui-icon layui-icon-right"><a href="/art/gshjxxgk222.html">2023年度排污許可年度執行報告</a></li> <li class="text-more layui-icon layui-icon-right"><a href="/art/gshjxxgk221.html">2023年排污許可四季度執行報告</a></li> <li class="text-more layui-icon layui-icon-right"><a href="/art/trhjyhpchjcjggb219.html">2023年土壤隱患排查和自行監測報告</a></li> <li class="text-more layui-icon layui-icon-right"><a href="/art/gshjxxgk220.html">2023年排污許可三季度執行報告</a></li> </ul> </div> <div class="left-contact mt20 layui-hide-xs"> <div class="mainLeft-Title">聯系我們</div> <ul> <li><span class="layui-icon layui-icon-website"></span>郵編：238054</li> <li><span class="layui-icon layui-icon-cellphone"></span>電話：13855179263</li> <li><span class="layui-icon layui-icon-location"></span>地址：安徽省巢湖市槐林鎮潘付行政村花山自然村</li> </ul> </div> </div> <div class="main-right"> <div class="nav-position"> <a href="/index.html" class="icon-home"> 首頁</a>/<a href="/singlepage/about.html">關于我們</a>/<a href="/singlepage/qywh.html">企業文化</a> </div> <div class="right-content mt20"> <div class="proinfo"> <p>　　企業精神：誠樸取信，勇擔責任，愛崗敬業，精誠團結。</p><p>　　企業愿景：致力環保，還地球一片凈土藍天。</p><p>　　企業價值觀：誠信，創新，責任，團結</p><p>　　誠信：誠信是企業的立身之本。誠以致遠，信立天下，以信用做事，以真誠合作，亞慶秉持對客戶、對員工、對合作伙伴的誠信與責任，做良心企業，做放心企業。</p><p>　　創新：創新是亞慶發展的動力。我們不斷采取改進設計，用好的技術減少危險廢物的產生量和危害性，把對環境的危害降低。</p><p>　　責任：責任是企業的生存之根。今天的發展為明天負責，個人的發展為他人負責，企業的發展為社會負責。責任是一種精神更是一種品格，不言代價不計回報，全身心的投入，我們的生活才更加安（全），更加多彩，更加溫暖，更加充滿希望，這也是自我價值的實現。</p><p>　　團結：團結是亞慶成功的基石，一滴水只有放進大海里才不會干涸，一個人只有當他把自己和集體事業融合在一起的時候才能最有力量。每一個人都是集體的一份子，大家團結在一起，用強大的凝聚力創造更大的效益。</p><p><br/></p> </div> </div> </div> </div> <div class="mt20"></div>  <div id="footer" class="mt70"> <div class="layui-container"> <div class="foot layui-clear layui-hide-xs"> <div class="f-nav"> <a href="/index.html" target="_self">網站首頁</a><a href="/singlepage/about.html" target="_self">關于我們</a><a href="/photo/ygpx.html" target="_self">員工培訓</a><a href="/product.html" target="_self">廢油回收項目</a><a href="/singlepage/hbgjxm.html" target="_self">環保管家項目</a><a href="/article/zxdt.html" target="_self">資訊動態</a><a href="/photo/hzal.html" target="_self">合作案例</a><a href="/article/hjxxgk.html" target="_self">環境信息公開</a> </div> <div class="f-txt"> <p>電話：0551-88751097</p> <p>手機：13855179263</p> <p>地址：安徽省巢湖市槐林鎮潘付行政村花山自然村</p> </div> <div class="f-ewm"> <img src="/index/images/ewm.jpg" alt="" width="90" height="90"> <p>掃一掃微信關注</p> </div> </div> <div class="friendlink text-center layui-hide-xs"> 友情鏈接: 暫無數據 </div> <div class="copyright text-center"> <p class="text-center"> 主營城市： <span class="layui-breadcrumb" lay-separator=" | "> <a href="/index/Ningguo.html">寧國</a> <a href="/index/Wuwei.html">無為</a> <a href="/index/Suzh.html">宿州</a> <a href="/index/Chaohu.html">巢湖</a> <a href="/index/Tongling.html">銅陵</a> <a href="/index/Huaibei.html">淮北</a> <a href="/index/Maanshan.html">馬鞍山</a> <a href="/index/Wuhu.html">蕪湖</a> <a href="/index/Hefei.html">合肥</a> <a href="/index/Anhui.html">安徽</a> </span> </p> <p>版權所有巢湖市亞慶環?？萍加邢挢熑喂?nbsp;| 技術支持：<a target="_black">希望科技</a> | <a target="_blank">免責聲明</a> | <a target="_black">皖ICP備2020020769號-1</a> <a target="_black"></a> </p> <div class="layui-container text-center">  <script src="http://www.ahxwkj.com/Public/Home/js/footer.js"></script>  <script type="text/javascript" src="https://s9.#/z_stat.php?id=1280584728&web_id=1280584728"></script>  <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function() { var u="http://#ahxwkj.com/"; _paq.push(["setTrackerUrl", u+"matomo.php"]); _paq.push(["setSiteId", "114"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.async=true; g.src=u+"matomo.js"; s.parentNode.insertBefore(g,s); })();  </script> <span><a href="/admin/Login/index.html" target="_blank" title="站長統計">站長統計</a></span>  <script src="http://xunpan.ahxwkj.com/assets/layer/cgwl_1.js?v=1634518156"></script> </div>  </div> </div> </div>  <div class="footer-tools layui-hide-lg layui-show-xs-block"> <ul> <li><a href="/" title=""><img src="/index/images/f_01.png"><p>返回首頁</p></a></li> <li><a href="tel:13855179263" title=""><img src="/index/images/f_04.png"><p>一鍵撥號</p></a></li> <li><a title=""><img src="/index/images/f_02.png"><p>一鍵導航</p></a></li> <li><a href="/guestbook.html" title=""><img src="/index/images/f_03.png"><p>在線留言</p></a></li> </ul> </div>   <script src="/index/js/layui/layui.js"></script> <script src="/index/js/swiper.min.js"></script> <script src="/index/js/jquery.SuperSlide.2.1.1.js"></script> <script src="/index/js/common.js"></script> <script src="/index/js/wow/wow.min.js"></script> <script src="/index/js/jquery.imagezoom.min.js"></script> <script type="text/javascript"> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; return false; } }; </script>  <script src="https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba" id="sozz"></script><script>// 百度搜索自動提交代碼(function(){var bp = document.createElement('script');bp.src = '//push.zhanzhang.baidu.com/push.js';var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();</script> <a href="http://www.erolijn.com/">91亚洲精品自产拍在线观看_免费无码av一区二区_日韩欧美国产手机在线观看_国产一级婬片A视频免费观看</a> <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> </html>   <link rel="stylesheet" type="text/css" href="/index/css/right.css"> <script type="text/javascript" src="/index/js/right.js"></script> <style> .kefu-left {background:#4499EE;} /* 風格1 */ .kefu-backtop a {background:#4499EE;} /* 風格2 */ .suspension .a {background-color:#4499EE;} .suspension .a.active, .suspension .a:hover {background:#4499EE;} </style>  <div class="suspension layui-hide-xs"> <div class="suspension-box"> <a href="#" class="a a-service"><i class="i"></i></a> <a href="javascript:;" class="a a-service-phone "><i class="i"></i></a> <a href="javascript:;" class="a a-qrcode"><i class="i"></i></a> <a href="javascript:;" class="a a-top" style="display: block;"><i class="i"></i></a> <div class="d d-service" style="display: none;"> <i class="arrow"></i> <div class="inner-box"> </div> </div> <div class="d d-service-phone" style="display: none;"> <i class="arrow"></i> <div class="inner-box"> <div class="d-service-item layui-clear"> <p>聯系人：王經理</p> <p>固話：0551-88751097</p> <p>手機：13855179263</p> </div> </div> </div> <div class="d d-qrcode" style="display: none;"> <i class="arrow"></i> <div class="inner-box"> <div class="qrcode-img"><img src="" width="120" height="120" alt=""></div> <p>微信公眾號</p> </div> </div> </div> </div>   <style> .chat1 { position: fixed; bottom: 0; right: 60px; z-index: 9999999; padding: 0 20px; height: 40px; background: #007AFF; color: #fff; text-align: center; line-height: 40px; font-size: 17px; width: 180px; cursor: pointer; } .chat1 i { font-size: 24px; margin-right: 10px; } .chat2 { position: fixed; bottom: 0; right: 60px; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.16) 0 5px 40px; width: 330px; height: 480px; border-radius: 8px; background: #fff; display: none; } .chat2-title { display: flex; justify-content: space-between; align-items: center; background: #007AFF; height: 60px; line-height: 60px; border-radius: 8px 8px 0 0; padding: 0 15px; color: #fff; } .chat2-title .avatar { display: flex; align-items: center; } .chat2-title .avatar p { font-size: 18px; margin-left: 10px; } .chat2-title .avatar img { width: 40px; height: 40px; border-radius: 100%; } .chat2-text { height: 290px; overflow-y: auto; padding: 15px; position: relative; } .chatText-left { margin: 5px 0; } .chat2-text p { color: #999; } .chat2-text .chatText-desc { border: 1px solid #e1e1e1; border-radius: 3px; padding: 10px; font-size: 13px; line-height: 1.2; display: inline-block; } .chatText-right { margin: 5px 0; text-align: right; } .chat-textarea { border-top: 1px solid #e1e1e1; } .chat-textarea textarea { border: none; width: 100%; padding: 5px; height: 50px; color: #888; font-family: "宋體"; box-sizing: border-box; } .chat-click { float: right; cursor: pointer; } .chat-click span { width: 62px; height: 32px; background: #007AFF; color: #fff; text-align: center; line-height: 32px; display: block; border-radius: 4px; margin: 0 10px 10px 0; } .chatText-right .chatText-desc { background: #007AFF; color: #fff; border: 1px solid #007AFF; } @media only screen and (min-width: 320px) and (max-width: 640px){ .chat1{right:10px;width:24px;height:24px;bottom:1.15rem;border-radius:100%;padding:5px;line-height: 26px;} .chat2{width:100%;height:100vh;right:0;border-radius: 0;} .chat-textarea textarea{height: 120px} } </style> <script> //在線懸浮框 $(".chat1").click(function () { $(".chat2").slideDown(100); $(".chat1").hide(); }); $(".chat2 .chat2-down").click(function () { $(".chat2").slideUp(100); $(".chat1").show(100); }); //調取所有的聊天記錄 $(document).ready(function () { getMsgNum(); }); //請求指定的接口，獲取當前用戶的所有聊天記錄 function getMsgNum() { $.ajax({ url: "/api/msg/get_meassage.html", type: 'get', dataType: 'json', success: function (data) { var obj = data.data; //判斷回調的數據是否為空，為空的，則data字段不存在，obj為undefined if (obj !== undefined) { $.each(obj, function (name, value) { //用戶發送過的聊天內容 $('#message_list').append('<div class="chatText-right"><p>' + this.send_time + '</p><div class="chatText-desc">' + this.send_content + '</div></div>'); //客服回復的內容 if (this.reply_time != null && this.reply_content != null) { $('#message_list').append('<div class="chatText-left"><p>' + this.reply_time + '</p><div class="chatText-desc">' + this.reply_content + '</div></div>'); } }); } } }); } //回車觸發點擊事件，提交聊天記錄 $(document).keyup(function (event) { if (event.keyCode == 13) { sendcontent(); } }); //發送留言信息 function sendcontent() { //獲取發送的內容 let send_content = $("#askContent").val().replace(/[\n\r]/g, '<br>'); //發送內容不為空時執行發送請求 if (send_content != "") { //生成隨機數 let num = parseInt(Math.random() * 1000); let sender = `user${num}`; //發送后清空輸入框 document.getElementById("askContent").value = ""; $.ajax({ url: "/api/msg/sendMessage.html", type: 'post', dataType: 'json', data: { "send_content": send_content, "sender": sender }, success: function (data) { //實時追加用戶發送的每一條記錄 $('#message_list').append('<div class="chatText-right"><p>' + data.data[0].send_time + '</p><div class="chatText-desc">' + data.data[0].send_content + '</div></div>'); //延遲回復指定的客服信息 let timeId = setTimeout(function () { $('#message_list').append('<div class="chatText-left"><p>' + data.data[0].reply_time + '</p><div class="chatText-desc">' + data.data[0].reply_content + '</div></div>'); }, 5000); } }); } } //時間戳轉化成具體的日期2020-08-12 09:15:00 function timestampToTime(timestamp) { var date = new Date();//時間戳為10位需*1000，時間戳為13位的話不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'; var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()); strDate = Y + M + D + h + m + s; return strDate; } </script>