供应商商铺首页init

src/main/java/com/caimei/www/pojo/content/SupplierDetail.java

@@ -25,6 +25,7 @@ public class SupplierDetail implements Serializable {
     private String address;
     /** 经营范围 */
     private String businessScope;
+    private String[] businessScopeArr;
     /** 营业执照 */
     private String businessLicense;
     /** 税务登记证 */

src/main/java/com/caimei/www/service/impl/SupplierServiceImpl.java

@@ -34,7 +34,10 @@ public class SupplierServiceImpl implements SupplierService {
      */
     @Override
     public SupplierDetail getSupplierById(Integer supplierId) {
-        return supplierDao.getSupplierById(supplierId);
+        SupplierDetail supplier = supplierDao.getSupplierById(supplierId);
+        String[] businessScope = supplier.getBusinessScope().split("/");
+        supplier.setBusinessScopeArr(businessScope);
+        return supplier;
     }
 
     /**

src/main/resources/static/css/supplier/index.css

@@ -32,26 +32,14 @@ li{list-style:none}
 .supplierInfo .tabTit span:hover{color:#E15621}
 .supplierInfo .tabTit span.on,.supplierInfo .tabTit span.on:hover{background:#E15621;color:#FFF}
 .supplierInfo .tabCon{width:100%;background:#FFF;}
-.supplierInfo .infoBox{
-    box-sizing: border-box;
-    padding:16px;
-    font-size: 16px;
-    line-height: 22px;
-    color: #4A4F58;
-}
-.supplierInfo .infoBox .part{margin-top:30px;}
-.supplierInfo .infoBox .part:first-child{margin-top:0;}
-.supplierInfo .infoBox .title{height:24px;line-height:24px;padding-left:10px;border-left:4px solid #E15616;font-size:24px;color:#4A4F58;font-weight:bold;text-align:left;margin-bottom:20px;}
-.supplierInfo .infoBox .cont{text-indent: 2em;}
-.supplierInfo .infoBox .photo img{
-    width:240px;
-    height:180px;
-}
-.supplierInfo .infoBox p{
-    margin:5px 0;
-}
-
-
+.supplierInfo .infoBox{box-sizing:border-box;padding:16px;font-size:16px;line-height:22px;color:#4A4F58}
+.supplierInfo .infoBox .part{margin-top:30px}
+.supplierInfo .infoBox .part:first-child{margin-top:0}
+.supplierInfo .infoBox .title{height:24px;line-height:24px;padding-left:10px;border-left:4px solid #E15616;font-size:24px;color:#4A4F58;font-weight:bold;text-align:left;margin-bottom:20px}
+.supplierInfo .infoBox .cont{text-indent:2em}
+.supplierInfo .infoBox .photo img{width:240px;height:180px}
+.supplierInfo .infoBox p{margin:5px 0}
+.supplierInfo .tabCon .tag{display:inline-block;height:20px;line-height:20px;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:10px;padding:0 5px}
 
 
 }
@@ -77,26 +65,18 @@ li{list-style:none}
 .supplierTit .search input{border:none;outline:none;width:100%;height:9.6vw;line-height:9.2vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}
 .supplierTit .searchBtn{position:absolute;right:1.2vw;top:0}
 .supplierTit .searchBtn:before{content:'';display:block;width:9.6vw;height:9.6vw;background-position:33% -1%}
-
 .supplierInfo{background:#FFF;margin-bottom: 2.7vw;}
 .supplierInfo .tabTit{padding:1.5vw 3.3vw;position:relative;}
 .supplierInfo .tabTit span{display:inline-block;height:7.5vw;line-height:7.5vw;border-bottom:2px solid transparent;color:#93979F;font-size:3.4vw;margin-left:8vw;}
 .supplierInfo .tabTit span.on{color:#E15621;border-color:#E15621}
 .supplierInfo .tabTit span:first-child{margin-left:0;}
-.supplierInfo .showSearch{
-    position: absolute;
-    right: 3.3vw;
-    bottom: 1.5vw;
-    padding: 0 2vw;
-    height: 7.5vw;
-    line-height: 7.5vw;
-    background: #E15621;
-    color: #FFF;
-    font-weight: normal;
-    font-size: 3.1vw;
-    border-radius: 2px;
-}
-.supplierInfo .tabCon{padding:1.2vw 3.3vw 3.3vw;text-align:center;font-size:3.4vw;}
+.supplierInfo .showSearch{position:absolute;right:3.3vw;bottom:1.5vw;padding:0 2vw;height:7.5vw;line-height:7.5vw;background:#E15621;color:#FFF;font-weight:normal;font-size:3.1vw;border-radius:2px}
+.supplierInfo .tabCon{padding:1.2vw 3.3vw 3.3vw;text-align:center;font-size:3.4vw}
+
+
+
+.supplierInfo .tabCon .tag{display:inline-block;height:4.4vw;line-height:4.4vw;font-size:2.6vw;font-style:normal;background:#86B2FB;color:#FFF;border-radius:2px;margin-right:2.2vw;padding:0 1vw}
+
 
 
 }

src/main/resources/templates/supplier/index.html

@@ -48,7 +48,7 @@
                     <div class="title">公司基本信息</div>
                     <p>公司：<span th:text="${supplier.name}"></span></p>
                     <p>满意度：<span><i v-for="i in 5" class="icon mIcon heart"></i></span></p>
-                    <p>经营范围：<span><em class="tag" th:text="${supplier.businessScope}"></em></span></p>
+                    <p>经营范围：<span><em class="tag" th:each="bus: ${supplier.businessScopeArr}" th:text="${bus}"></em></span></p>
                 </div>
                 <div class="part">
                     <div class="title">公司介绍</div>