diff --git a/js/pages/home/navigation.js b/js/pages/home/navigation.js
index 642423c..c179ee3 100644
--- a/js/pages/home/navigation.js
+++ b/js/pages/home/navigation.js
@@ -131,5 +131,10 @@ function goBackground() {
         .map(key => encodeURIComponent(key) + '=' + encodeURIComponent(encryptCBC(params[key])))
         .join('&');
     const hrefUrl = "http://10.40.92.113:9527/#/sso" + "?" + queryString;
-    const newWindow = window.open(hrefUrl,'newwindow');
+    const newWindow = window.open(hrefUrl, 'newwindow');
+}
+
+/* 对讲 */
+function talk() {
+    return layer.msg('网络异常', { icon: 2 });
 }
\ No newline at end of file
diff --git a/pages/home/navigation.html b/pages/home/navigation.html
index e852b23..6b85563 100644
--- a/pages/home/navigation.html
+++ b/pages/home/navigation.html
@@ -20,13 +20,13 @@
 <body>
     <div id="nav-box" class="layout">
         <div id="nav-icon">
-            <img src="../../img/navigation/talk.png" alt="对讲" data-mtpis="对讲">
+            <img src="../../img/navigation/talk.png" alt="对讲" onclick="talk()" data-mtpis="对讲">
             <img src="../../img/navigation/logout.png" onclick="loginout()" alt="退出" data-mtpis="退出">
         </div>
         <div id="nav-left" class="layout">
             <button style="display: none;">返回省侧</button>
             <form class="layui-form layout">
-                <select class="layui-form" lay-search id="bidPro" lay-filter="bidPro">
+                <select class="layui-form-select" lay-search id="bidPro" lay-filter="bidPro">
                 </select>
             </form>
         </div>
diff --git a/pages/web/css/main.css b/pages/web/css/main.css
index 2a2f314..b61267f 100644
--- a/pages/web/css/main.css
+++ b/pages/web/css/main.css
@@ -378,4 +378,26 @@ input:-moz-placeholder {
 input:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: rgb(191, 191, 191) !important;
+}
+
+#quality-ranking-title {
+    width: 100%;
+    height: 40px;
+    margin-bottom: 10px;
+    background-color: rgba(52, 231, 254, 0.1);
+    color: #8BFFFF;
+}
+
+#quality-ranking-title p {
+    width: 18%;
+    text-align: center;
+}
+
+#quality-ranking-title p:nth-child(1) {
+    width: 28%;
+}
+
+#quality-ranking-table {
+    width: 100%;
+    height: calc(100% - 50px);
 }
\ No newline at end of file
diff --git a/pages/web/js/main.js b/pages/web/js/main.js
index c820a56..0355760 100644
--- a/pages/web/js/main.js
+++ b/pages/web/js/main.js
@@ -86,6 +86,7 @@ layui.use(['form','layer', 'element', 'table'], function () {
         let valueArr = value.split('@');
         loadBidProTower(valueArr[0],valueArr[1]);
     });
+    $("#quality-ranking").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
 });
 
 $('#indexIframe').attr('src', './views/main.html');
@@ -142,6 +143,10 @@ function initQualityRanking() {
                         <div title="${score}">${score}</div>
                     </li>`;
             $("#quality-ranking-table").append(newRow);
+            $("#quality-ranking-table").myScroll({
+                speed: 40, //数值越大，速度越慢
+                rowHeight: 41 //li的高度
+            });
         })
         if (res.data.length) {
             $('.quality-ranking__empty').hide()
diff --git a/pages/web/views/main.html b/pages/web/views/main.html
index 4c3e2ff..d686144 100644
--- a/pages/web/views/main.html
+++ b/pages/web/views/main.html
@@ -12,6 +12,7 @@
     <script src="../js/loader.js" type="text/javascript"></script>
     <script src="../../../js/publics/public.js"></script>
     <script src="../../../plugin/scroll/jquery.nicescroll.min.js"></script>
+    <script src="../../../plugin/scrollNum/scroll.js"></script>
     <script src="../../../js/publics/echarts.js"></script>
     <script src="../../../plugin/layui-v2.9.7/layui/layui.js"></script>
     <script src="../../../js/publics/aes.js"></script>
@@ -70,8 +71,8 @@
                     </div>
                 </div>
             </div>
-            <div id="quality-ranking" style="padding: 10% 3% 3% 3%;">
-                <ul id="quality-ranking-table" class="custom-table">
+            <div id="quality-ranking" style="padding: 7% 3% 3% 3%;">
+                <!-- <ul id="quality-ranking-table" class="custom-table">
                     <li class="custom-table__title">
                         <div style="padding-left: 10px">排名</div>
                         <div>工程名称</div>
@@ -79,8 +80,18 @@
                         <div>班组长</div>
                         <div>施工质量</div>
                     </li>
+                </ul> -->
+                <div id="quality-ranking-title" class="layout">
+                    <p>排名</p>
+                    <p>工程名称</p>
+                    <p>班组名称</p>
+                    <p>班组长</p>
+                    <p>施工质量</p>
+                </div>
+                <ul id="quality-ranking-table" class="custom-table">
+                    
                 </ul>
-                <div style="text-align: center; line-height: 32px;" class="quality-ranking__empty">暂无数据</div>
+                <!-- <div style="text-align: center; line-height: 32px;" class="quality-ranking__empty">暂无数据</div> -->
             </div>
             <div id="environment-analysis">
                 <div id="environment-analysis-1" class="environment-analysis-item">
