Kaynağa Gözat

feat: 表格样式优化

zhangyuhan 4 yıl önce
ebeveyn
işleme
7b78df5361

+ 21 - 14
src/jfw/modules/app/src/web/staticres/jyapp/js/searchindex.js

@@ -1544,6 +1544,13 @@ var SuperSearch = {
       if(i>=20||pageNum!=1){
         continue
       }
+      var getDefaultLine = function (key) {
+        if (key || key.length) {
+          return key
+        } else {
+          return '<span class="one-line">-</span>'
+        }
+      }
       //拟建项目
       if(SuperSearch.subtype_proposed==SuperSearch.reqParam.subtype){
         var projectinfo = list[i].projectinfo;
@@ -1572,25 +1579,25 @@ var SuperSearch = {
         }
         TableHtml +='<tr s="'+href+'"  sid="'+list[i]._id+'" i="'+industry+'">'+
           '<td><div>'+index+'</div></td>'+
-          '<td><div style="width: 100px;text-align: center;">'+approvecode+'</div></td>'+
-          '<td><div style="width: 207px;text-align: left;">'+projectname+'</div></td>'+
-          '<td><div style="width: 200px;text-align: left;">'+approvecontent+'</div></td>'+
-          '<td><div style="width: 75px;text-align: left;">'+approvestatus+'</div></td>'+
-          '<td><div style="width: 75px;text-align: center;">'+approvetime+'</div></td>'+
-          '<td><div style="width: 75px;text-align: center;">'+diff+'</div></td>'+
+          '<td><div style="width: 100px;text-align: center;">'+getDefaultLine(approvecode)+'</div></td>'+
+          '<td><div style="width: 207px;text-align: left;">'+getDefaultLine(projectname)+'</div></td>'+
+          '<td><div style="width: 200px;text-align: left;">'+getDefaultLine(approvecontent)+'</div></td>'+
+          '<td><div style="width: 75px;text-align: left;">'+getDefaultLine(approvestatus)+'</div></td>'+
+          '<td><div style="width: 75px;text-align: center;">'+getDefaultLine(approvetime)+'</div></td>'+
+          '<td><div style="width: 75px;text-align: center;">'+getDefaultLine(diff)+'</div></td>'+
           '</tr>';
         //}
       }else{
         TableHtml +='<tr s="'+href+'"  sid="'+list[i]._id+'" i="'+(list[i].industry?list[i].industry:"")+'">'+
           '<td><div>'+index+'</div></td>'+
-          '<td><div>'+projectname+'</div></td>'+
-          '<td><div>'+(datatype==""?"":datatype+"公告")+'</div></td>'+
-          '<td><div>'+budget+'</div></td>'+
-          '<td><div>'+buyer+'</div></td>'+
-          '<td><div>'+bidopentime+'</div></td>'+
-          '<td><div>'+winner+'</div></td>'+
-          '<td><div>'+bidamount+'</div></td>'+
-          '<td><div>'+fullTime+'</div></td>'+
+          '<td><div>'+getDefaultLine(projectname)+'</div></td>'+
+          '<td><div>'+getDefaultLine(datatype==""?"":datatype+"公告")+'</div></td>'+
+          '<td><div>'+getDefaultLine(budget)+'</div></td>'+
+          '<td><div>'+getDefaultLine(buyer)+'</div></td>'+
+          '<td><div>'+getDefaultLine(bidopentime)+'</div></td>'+
+          '<td><div>'+getDefaultLine(winner)+'</div></td>'+
+          '<td><div>'+getDefaultLine(bidamount)+'</div></td>'+
+          '<td><div>'+getDefaultLine(fullTime)+'</div></td>'+
           '</tr>';
       }
     }

+ 46 - 0
src/web/staticres/common-module/ent-search/ent-search-template.prefixer.css

@@ -621,3 +621,49 @@
     z-index: 2051 !important;
 }
 
+
+#table tr:first-child div {
+    font-size: 0.26rem;
+    color: inherit;
+}
+#table tr:first-child {
+    background: #F5F6F7;
+    font-weight: 500;
+    font-size: 0.26rem;
+    color: #9B9CA3;
+}
+#table tr:first-child  td {
+    padding: 0.1rem;
+    text-align: center;
+}
+#table tr td {
+    padding: 0.24rem;
+    vertical-align:middle;
+    border: 1px solid #E5E5E5;
+}
+#table tr>td:first-child {
+    display: none;
+}
+#table tr div {
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #171826;
+    margin: 0 auto;
+}
+#table table tr>td:nth-child(2) div {
+    width: 3.4rem;
+}
+#table table tr>td:nth-child(6) div {
+    width: 2rem;
+}
+#table .one-line {
+    font-weight: 500;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+    color: #C0C4CC;
+    display: inline-block;
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+}

+ 21 - 14
src/web/staticres/js/wxSupersearch.js

@@ -1514,6 +1514,13 @@ var SuperSearch = {
       if(i>=20||pageNum!=1){
         continue
       }
+              var getDefaultLine = function (key) {
+                if (key || key.length) {
+                  return key
+                } else {
+                  return '<span class="one-line">-</span>'
+                }
+              }
       //拟建项目
       if(SuperSearch.subtype_proposed==SuperSearch.reqParam.subtype){
         var projectinfo = list[i].projectinfo;
@@ -1542,25 +1549,25 @@ var SuperSearch = {
         }
         TableHtml +='<tr s="'+href+'"  sid="'+list[i]._id+'" i="'+industry+'">'+
           '<td><div>'+index+'</div></td>'+
-          '<td><div style="width: 100px;text-align: center;">'+approvecode+'</div></td>'+
-          '<td><div style="width: 207px;text-align: left;">'+projectname+'</div></td>'+
-          '<td><div style="width: 200px;text-align: left;">'+approvecontent+'</div></td>'+
-          '<td><div style="width: 75px;text-align: left;">'+approvestatus+'</div></td>'+
-          '<td><div style="width: 75px;text-align: center;">'+approvetime+'</div></td>'+
-          '<td><div style="width: 75px;text-align: center;">'+diff+'</div></td>'+
+                  '<td><div style="width: 100px;text-align: center;">'+getDefaultLine(approvecode)+'</div></td>'+
+                  '<td><div style="width: 207px;text-align: left;">'+getDefaultLine(projectname)+'</div></td>'+
+                  '<td><div style="width: 200px;text-align: left;">'+getDefaultLine(approvecontent)+'</div></td>'+
+                  '<td><div style="width: 75px;text-align: left;">'+getDefaultLine(approvestatus)+'</div></td>'+
+                  '<td><div style="width: 75px;text-align: center;">'+getDefaultLine(approvetime)+'</div></td>'+
+                  '<td><div style="width: 75px;text-align: center;">'+getDefaultLine(diff)+'</div></td>'+
           '</tr>';
         //}
       }else{
         TableHtml +='<tr s="'+href+'"  sid="'+list[i]._id+'" i="'+(list[i].industry?list[i].industry:"")+'">'+
           '<td><div>'+index+'</div></td>'+
-          '<td><div>'+projectname+'</div></td>'+
-          '<td><div>'+(datatype==""?"":datatype+"公告")+'</div></td>'+
-          '<td><div>'+budget+'</div></td>'+
-          '<td><div>'+buyer+'</div></td>'+
-          '<td><div>'+bidopentime+'</div></td>'+
-          '<td><div>'+winner+'</div></td>'+
-          '<td><div>'+bidamount+'</div></td>'+
-          '<td><div>'+fullTime+'</div></td>'+
+                  '<td><div>'+getDefaultLine(projectname)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(datatype==""?"":datatype+"公告")+'</div></td>'+
+                  '<td><div>'+getDefaultLine(budget)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(buyer)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(bidopentime)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(winner)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(bidamount)+'</div></td>'+
+                  '<td><div>'+getDefaultLine(fullTime)+'</div></td>'+
           '</tr>';
       }
     }