店铺字段增加title以及产品详情页code样式调整

components/store/CommodityInfo.vue

@@ -554,6 +554,9 @@
     border-bottom: 1px solid #D6D3CE;
     line-height: 40px;
   }
+  .commodity-detail .content .code span{
+    word-break: break-all;
+  }
 
 	.commodity-detail .content .com-info {
 		font-size: 14px;
@@ -585,8 +588,12 @@
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
-
+  .content .com-info span {
+    float: left;
+  }
   .content .com-info .name {
+    display: inline-block;
+    width: 80px;
     letter-spacing: 15px;
   }
   .content .com-info .no-letter {

components/store/home/CommodityList.vue

@@ -53,33 +53,33 @@
               <img class="sellout-store-commodity" v-if="commodity.status === 602" src="/images/search/sellout-search.png" alt="">
               <img class="specific-price-tag" v-if="isSpecificPriceTag(commodity.tag) && isConsignment" src="/images/floor/specificPrice-store.png" alt="">
               <div class="brand" v-if="commodity.brandNameEn || commodity.brandEn">
-                <a v-if="commodity.brandNameEn && commodity.branduuid" @click="goBrandDetail('/product/brand/' + commodity.branduuid, $event)" v-text="commodity.brandNameEn"></a>
-                <span v-if="commodity.brandNameEn && !commodity.branduuid" v-text="commodity.brandNameEn"></span>
-                <span v-if="commodity.brandEn && !commodity.branduuid">{{commodity.brandEn}}</span>
+                <a v-if="commodity.brandNameEn && commodity.branduuid" @click="goBrandDetail('/product/brand/' + commodity.branduuid, $event)" v-text="commodity.brandNameEn" :title="commodity.brandNameEn"></a>
+                <span v-if="commodity.brandNameEn && !commodity.branduuid" v-text="commodity.brandNameEn" :title="commodity.brandNameEn"></span>
+                <span v-if="commodity.brandEn && !commodity.branduuid" :title="commodity.brandEn">{{commodity.brandEn}}</span>
               </div>
               <div class="brand" v-if="!commodity.brandNameEn && !commodity.brandEn && commodity.kindNameCn">—</div>
-              <a v-if="commodity.kindNameCn && commodity.kindUuid" @click="goBrandDetail('/product/kind/' + commodity.kindUuid, $event)" v-text="commodity.kindNameCn"></a>
-              <span v-if="commodity.kindNameCn && !commodity.kindUuid" v-text="commodity.kindNameCn"></span>
+              <a v-if="commodity.kindNameCn && commodity.kindUuid" @click="goBrandDetail('/product/kind/' + commodity.kindUuid, $event)" v-text="commodity.kindNameCn" :title="commodity.kindNameCn"></a>
+              <span v-if="commodity.kindNameCn && !commodity.kindUuid" v-text="commodity.kindNameCn" :title="commodity.kindNameCn"></span>
               <div class="brand" v-if="!commodity.kindNameCn && (commodity.brandNameEn || commodity.brandEn)">—</div>
               <div class="brand" v-if="!commodity.brandNameEn && !commodity.brandEn && !commodity.kindNameCn">—</div>
             </td>
             <td class="brand-code">
-              <div class="code" v-if="commodity.code" v-text="commodity.code"></div>
+              <div class="code" v-if="commodity.code" v-text="commodity.code" :title="commodity.code"></div>
               <div class="code" v-if="!commodity.code">—</div>
-              <div class="brand spec" v-text="commodity.spec || '—'"></div>
+              <div class="brand spec" v-text="commodity.spec || '—'" :title="commodity.spec"></div>
             </td>
             <td>
-              <div class="package" v-if="commodity.packaging" v-text="commodity.packaging"></div>
+              <div class="package" v-if="commodity.packaging" v-text="commodity.packaging" :title="commodity.packaging"></div>
               <div class="package" v-if="!commodity.packaging && !commodity.produceDate">—</div>
-              <div class="date" v-if='commodity.produceDate' v-text="commodity.produceDate">2016-12-01</div>
+              <div class="date" v-if='commodity.produceDate' v-text="commodity.produceDate" :title="commodity.produceDate">2016-12-01</div>
             </td>
             <td style="text-align: left;vertical-align: middle;">
               <div class="goods" v-if="commodity.reserve">
-                库存：<span v-text="commodity.reserve">31500</span>
+                库存：<span v-text="commodity.reserve" :title="commodity.reserve">31500</span>
               </div>
               <div v-if="!commodity.reserve" style="text-align: center;margin-left: 0;"><span>—</span></div>
               <div class="from" v-if="commodity.reserve && commodity.reserve>0">
-                起拍：<span v-if="commodity.minBuyQty" v-text="commodity.minBuyQty">300</span>
+                起拍：<span v-if="commodity.minBuyQty" v-text="commodity.minBuyQty" :title="commodity.minBuyQty">300</span>
               </div>
               <!--<div class="multiple">
                 倍数：<span>1</span>
@@ -109,8 +109,8 @@
             <td>
               <div v-if="commodity.b2cMinDelivery">
                 <!--{{commodity.b2cMinDelivery || 0}}-{{commodity.b2cMaxDelivery || 0}}天-->
-                <span v-if="commodity.b2cMinDelivery != commodity.b2cMaxDelivery" v-text="commodity.b2cMinDelivery + '-' + commodity.b2cMaxDelivery"></span>
-                <span v-if="commodity.b2cMinDelivery == commodity.b2cMaxDelivery" v-text="commodity.b2cMinDelivery"></span>
+                <span v-if="commodity.b2cMinDelivery != commodity.b2cMaxDelivery" v-text="commodity.b2cMinDelivery + '-' + commodity.b2cMaxDelivery" :title="commodity.b2cMinDelivery + '-' + commodity.b2cMaxDelivery"></span>
+                <span v-if="commodity.b2cMinDelivery == commodity.b2cMaxDelivery" v-text="commodity.b2cMinDelivery" :title="commodity.b2cMinDelivery"></span>
               </div>
               <div v-if="!commodity.b2cMinDelivery"><span>—</span></div>
             </td>