荣成产交

static/css/index.css

@@ -461,6 +461,7 @@
 
 .centerLeft .centerLeft-center .tableList table tr td{
   border-bottom: 1px dashed #e3e3e3;
+  border-top: 1px dashed transparent;
 }
 
 .centerLeft-center .centerleft-center-tit01 {

static/css/listingItems/items.css

@@ -843,3 +843,63 @@ input::-webkit-inner-spin-button {
 .tableHead tr td:last-child{
     width: 5%;
 }
+.centerLeft .centerLeft-center .tableList table tr:hover td{
+    border-top: 1px solid #8a8eb3;
+    border-bottom: 1px solid #8a8eb3;
+}
+.centerLeft .centerLeft-center .tableList table tr:hover td:first-child{
+    border-left: 1px solid #8a8eb3;
+}
+.centerLeft .centerLeft-center .tableList table tr:hover td:last-child{
+    border-right: 1px solid #8a8eb3;
+}
+
+.color-d7d7d7{
+    background: #d7d7d7;
+    color: #626262;
+}
+
+.color-ffe5d5{
+    background: #ffe5d5;
+    color: #ff7b2b;
+}
+
+.color-d0e1f6{
+    background: #d0e1f6;
+    color: #1269d3;
+}
+
+.color-d1f1e1{
+    background: #d1f1e1;
+    color: #19b867;
+}
+
+.color-fad3d3{
+    background: #fad3d3;
+    color: #e62121;
+}
+
+.color-d7d7d7-hover{
+    background: #626262;
+    color: #ffffff;
+}
+
+.color-ffe5d5-hover{
+    background: #ff7b2b;
+    color: #ffffff;
+}
+
+.color-d0e1f6-hover{
+    background: #1269d3;
+    color: #ffffff;
+}
+
+.color-d1f1e1-hover{
+    background: #19b867;
+    color: #ffffff;
+}
+
+.color-fad3d3-hover{
+    background: #e62121;
+    color: #ffffff;
+}

static/js/project/listingItems/itemsList.js

@@ -137,7 +137,6 @@ define(['jquery', "template", "Tools", "itemsApi", "paging", 'dateTime', 'swiper
             }
         })
 
-
     };
 
     //焦点图数据
@@ -217,6 +216,48 @@ define(['jquery', "template", "Tools", "itemsApi", "paging", 'dateTime', 'swiper
         }
     }
 
+    trHover = function(status,i,type){
+
+        if (type == 'over'){
+            if (status == '已经成交'||status == '项目公示'){
+                $('#span'+i).attr('class','color-d7d7d7-hover')
+            }
+            if (status == '正在报名'){
+                $('#span'+i).attr('class','color-ffe5d5-hover')
+            }
+            if (status == '等待竞价'){
+                $('#span'+i).attr('class','color-d0e1f6-hover')
+            }
+            if (status == '等待成交'){
+                $('#span'+i).attr('class','color-d1f1e1-hover')
+            }
+            if (status == '正在竞价'){
+                $('#span'+i).attr('class','color-fad3d3-hover')
+            }
+        }
+
+        if (type == 'out'){
+            if (status == '已经成交'||status == '项目公示'){
+                $('#span'+i).attr('class','color-d7d7d7')
+            }
+            if (status == '正在报名'){
+                $('#span'+i).attr('class','color-ffe5d5')
+            }
+            if (status == '等待竞价'){
+                $('#span'+i).attr('class','color-d0e1f6')
+            }
+            if (status == '等待成交'){
+                $('#span'+i).attr('class','color-d1f1e1')
+            }
+            if (status == '正在竞价'){
+                $('#span'+i).attr('class','color-fad3d3')
+            }
+        }
+
+
+
+    }
+
     module.itemLists = function (data) {
         if (data.code == 200) {
             module.data.serverApi = serverApi;

view/listingItems/itemsList.html

@@ -203,7 +203,7 @@
                 <div class="tableList">
                     <script id="ItemsInformationData" type="text/html">
                         {{each itemsInformationList as value i}}
-                        <tr onclick="goDetail({{value.id}})">
+                        <tr onclick="goDetail({{value.id}})" onmouseover="trHover('{{value.projectShowStatus}}','{{i}}','over')" onmouseout="trHover('{{value.projectShowStatus}}','{{i}}','out')">
                             <td title="{{value.projectName}}" style="text-align: left;">
                                 {{# value.projectName}}
                             </td>
@@ -213,19 +213,19 @@
                             <td>{{# value.biddingStopTime}}</td>
                             <td>
                                 {{if value.projectShowStatus == '已经成交' || value.projectShowStatus == '项目公示'}}
-                                <span style="background: #d7d7d7;color: #626262">
+                                <span id="span{{i}}" class="color-d7d7d7">
                                 {{/if}}
                                 {{if value.projectShowStatus == '正在报名'}}
-                                <span style="background: #ffe5d5;color: #ff7b2b">
+                                <span id="span{{i}}" class="color-ffe5d5">
                                 {{/if}}
                                 {{if value.projectShowStatus == '等待竞价'}}
-                                <span style="background: #d0e1f6;color: #1269d3">
+                                <span id="span{{i}}" class="color-d0e1f6">
                                 {{/if}}
                                 {{if value.projectShowStatus == '等待成交'}}
-                                <span style="background: #d1f1e1;color: #19b867">
+                                <span id="span{{i}}" class="color-d1f1e1">
                                 {{/if}}
                                 {{if value.projectShowStatus == '正在竞价'}}
-                                <span style="background: #fad3d3;color: #e62121">
+                                <span id="span{{i}}" class="color-fad3d3">
                                 {{/if}}
                                     {{# value.projectShowStatus}}
                                 </span>