From 4b3dbf6c30057f7023f466d67d1c22190bf55d21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Fri, 29 Dec 2023 14:35:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8D=A3=E6=88=90=E4=BA=A7=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/index.css                        |  1 +
 static/css/listingItems/items.css           | 60 +++++++++++++++++++++
 static/js/project/listingItems/itemsList.js | 43 ++++++++++++++-
 view/listingItems/itemsList.html            | 12 ++---
 4 files changed, 109 insertions(+), 7 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 0a455cd..b4c3532 100644
--- a/static/css/index.css
+++ b/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 {
diff --git a/static/css/listingItems/items.css b/static/css/listingItems/items.css
index 0b11f90..17b5924 100644
--- a/static/css/listingItems/items.css
+++ b/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;
+}
diff --git a/static/js/project/listingItems/itemsList.js b/static/js/project/listingItems/itemsList.js
index 4ae48aa..ec48f44 100644
--- a/static/js/project/listingItems/itemsList.js
+++ b/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;
diff --git a/view/listingItems/itemsList.html b/view/listingItems/itemsList.html
index 4c8f8a9..064a786 100644
--- a/view/listingItems/itemsList.html
+++ b/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>