荣成产交

static/css/listingItems/items.css

@@ -317,6 +317,16 @@ input[type=text]{
     margin-top: 18px;
     margin-bottom: 20px;
 }
+
+.swiperTit span{
+    font-size: 14px;
+    border: none;
+    font-weight: normal;
+    padding: 2px 6px;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+}
 .swiperTable{
     border-collapse: collapse;
 }

view/listingItems/itemsDetail.html

@@ -96,7 +96,26 @@
             <p class="importantText" id="importantTitle">{{importantTitle}}</p>
 
             <div class="swiperDiv">
-                <p class="swiperTit">{{outProjectInformationDetail.projectName}}</p>
+                <p class="swiperTit">
+                    {{if outProjectInformationDetail.projectShowStatus == '已经成交' || outProjectInformationDetail.projectShowStatus == '项目公示'}}
+                    <span style="background: #d7d7d7;color: #626262">
+                    {{/if}}
+                    {{if outProjectInformationDetail.projectShowStatus == '正在报名'}}
+                    <span style="background: #ffe5d5;color: #ff7b2b">
+                    {{/if}}
+                    {{if outProjectInformationDetail.projectShowStatus == '等待竞价'}}
+                    <span style="background: #d0e1f6;color: #1269d3">
+                    {{/if}}
+                    {{if outProjectInformationDetail.projectShowStatus == '等待成交'}}
+                    <span style="background: #d1f1e1;color: #19b867">
+                    {{/if}}
+                    {{if outProjectInformationDetail.projectShowStatus == '正在竞价'}}
+                    <span style="background: #fad3d3;color: #e62121">
+                    {{/if}}
+                        {{# outProjectInformationDetail.projectShowStatus}}
+                    </span>
+                    {{outProjectInformationDetail.projectName}}
+                </p>
                 <div class="pc-slide fl">
                     <div class="view">
                         <div class="swiper-container">