参数列表样式

src/main/resources/static/css/encyclopedia/detail.css

@@ -34,7 +34,7 @@ img{cursor: pointer;}
 .article .section.params .content tr td:last-child{border-right:1px solid}
 .article .section.params .content tr:last-child td{border-bottom:1px solid}
 .article .section.params .content tr .th{width:18%;background:#f4f5f8}
-
+.article .section.params .content tr .td a { color:#e15616 }
 .article .section.approve .content .name{font-size:14px;line-height:24px}
 .article .section.approve .content a{color:#e15616}
 .article .section.approve .content .img-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

src/main/resources/templates/encyclopedia/instrument-detail.html

@@ -59,6 +59,15 @@
             <h2>仪器参数</h2>
             <div class="line"></div>
         </div>
+        <table class="content">
+            <tr th:each="params: *{paramList}">
+                <td class="th" th:text="${params[0].name}"></td>
+                <td class="td" th:text="${params[0].content}"></td>
+                <td class="th" th:text="${params[1].name}"></td>
+                <td class="td" th:text="${params[1].content}"></td>
+            </tr>
+        </table>
+        <!--
         <div class="content">
             <div class="tr">
                 <div class="group" th:each="params: *{paramList}">
@@ -67,6 +76,7 @@
                 </div>
             </div>
         </div>
+        -->
     </section>
     <!-- 仪器优点 -->
     <section class="section" th:if="*{advantage != ''}">
@@ -98,6 +108,29 @@
             <h2>仪器档案</h2>
             <div class="line"></div>
         </div>
+        <table class="content">
+            <tr>
+                <td class="th">品牌</td>
+                <td class="td" th:text="*{brand}"></td>
+                <td class="th">产地</td>
+                <td class="td" th:text="*{producePlace}"></td>
+            </tr>
+            <tr>
+                <td class="th">上市时间</td>
+                <td class="td" th:text="*{marketTime}"></td>
+                <td class="th">供应商</td>
+                <td class="td" th:text="*{company}"></td>
+            </tr>
+            <tr>
+                <td class="th">NMPA认证时间</td>
+                <td class="td" th:text="*{nmpaTime}"></td>
+                <td class="th">价格区间</td>
+                <td class="td">
+                    <a href="javascript:void(0);" id="contactPopupBtn">点击查询</a>
+                </td>
+            </tr>
+        </table>
+        <!--
         <div class="content">
             <div class="tr">
                 <div class="group">
@@ -130,6 +163,7 @@
                 </div>
             </div>
         </div>
+        -->
     </section>
     <!-- 仪器认证 -->
     <section class="section approve" th:unless="*{#arrays.isEmpty(authImageList)}">

src/main/resources/templates/encyclopedia/product-detail.html

@@ -91,6 +91,29 @@
             <h2>产品档案</h2>
             <div class="line"></div>
         </div>
+        <table class="content">
+            <tr>
+                <td class="th">品牌</td>
+                <td class="td" th:text="*{brand}"></td>
+                <td class="th">产地</td>
+                <td class="td" th:text="*{producePlace}"></td>
+            </tr>
+            <tr>
+                <td class="th">上市时间</td>
+                <td class="td" th:text="*{marketTime}"></td>
+                <td class="th">供应商</td>
+                <td class="td" th:text="*{company}"></td>
+            </tr>
+            <tr>
+                <td class="th">NMPA认证时间</td>
+                <td class="td" th:text="*{nmpaTime}"></td>
+                <td class="th">价格区间</td>
+                <td class="td">
+                    <a href="javascript:void(0);" id="contactPopupBtn">点击查询</a>
+                </td>
+            </tr>
+        </table>
+        <!--
         <div class="content">
             <div class="tr">
                 <div class="group">
@@ -123,6 +146,7 @@
                 </div>
             </div>
         </div>
+        -->
     </section>
     <!-- 产品认证 -->
     <section class="section approve" th:unless="*{#arrays.isEmpty(authImageList)}">