Просмотр исходного кода

可拆卖、不可拆卖页面调整。

yangc 8 лет назад
Родитель
Сommit
09eb87e3a5

+ 4 - 0
components/product/ComponentGoods.vue

@@ -53,6 +53,7 @@
           <!--<div class="multiple" v-if="compGoods.reserve > 0">
           <!--<div class="multiple" v-if="compGoods.reserve > 0">
             倍数:<span>{{compGoods.minPackQty}}</span>
             倍数:<span>{{compGoods.minPackQty}}</span>
           </div>-->
           </div>-->
+          <div class="can-div-sell" v-if="compGoods.reserve" v-text="compGoods.breakUp?'可拆卖':'不可拆卖'"></div>
         </td>
         </td>
         <td>
         <td>
           <div v-if="!compGoods.prices">
           <div v-if="!compGoods.prices">
@@ -273,6 +274,9 @@
   .product-list tbody tr td{
   .product-list tbody tr td{
     padding: 10px 0;
     padding: 10px 0;
   }
   }
+  .product-list tbody tr td .can-div-sell {
+    color: #808080;
+  }
   .search-record{
   .search-record{
     width: 100%;
     width: 100%;
     margin: 0 auto;
     margin: 0 auto;

+ 5 - 1
components/product/component/StoreInfo.vue

@@ -70,6 +70,7 @@
                   <span>起拍:</span>
                   <span>起拍:</span>
                   <span v-if="list.minBuyQty">{{list.minBuyQty}}</span>
                   <span v-if="list.minBuyQty">{{list.minBuyQty}}</span>
                 </div>
                 </div>
+                <div class="can-div-sell" v-text="list.breakUp?'可拆卖':'不可拆卖'"></div>
 
 
                 <!--<div>-->
                 <!--<div>-->
                   <!--<span>倍数:</span>-->
                   <!--<span>倍数:</span>-->
@@ -365,7 +366,6 @@
     border-right: #ddd 1px solid;
     border-right: #ddd 1px solid;
   }
   }
   .storeInfo .table tbody td div{
   .storeInfo .table tbody td div{
-    text-align: center;
     margin-left: 10%;
     margin-left: 10%;
   }
   }
   .storeInfo .table tbody tr:hover{
   .storeInfo .table tbody tr:hover{
@@ -374,4 +374,8 @@
   .storeInfo .table tbody tr:hover{
   .storeInfo .table tbody tr:hover{
     background: #f5f5f5;
     background: #f5f5f5;
   }
   }
+  .storeInfo .goodsList .can-div-sell {
+    text-align: left;
+    color: #808080;
+  }
 </style>
 </style>

+ 34 - 1
components/store/CommodityInfo.vue

@@ -48,9 +48,10 @@
             <div class="com-info">
             <div class="com-info">
               <span class="name">库&nbsp;存</span>:<span v-text="commodity.reserve || 0"></span>
               <span class="name">库&nbsp;存</span>:<span v-text="commodity.reserve || 0"></span>
               (<span v-text="commodity.minBuyQty || 1"></span>个起订)
               (<span v-text="commodity.minBuyQty || 1"></span>个起订)
+              <span :class="commodity.breakUp?'div-sell can-div-sell':'div-sell not-div-sell'" v-text="commodity.breakUp?'可拆卖':'不可拆卖'" ></span>
             </div>
             </div>
             <div class="com-info">
             <div class="com-info">
-              <span class="name">&nbsp;期</span>:
+              <span class="name">&nbsp;期</span>:
               <div class="delivery">
               <div class="delivery">
                 <span v-text="commodity.b2cMinDelivery || 0"></span>
                 <span v-text="commodity.b2cMinDelivery || 0"></span>
                 <span v-if="commodity.b2cMaxDelivery && commodity.b2cMaxDelivery !== commodity.b2cMinDelivery">-</span>
                 <span v-if="commodity.b2cMaxDelivery && commodity.b2cMaxDelivery !== commodity.b2cMinDelivery">-</span>
@@ -612,4 +613,36 @@ export default {
 	#commodity-info-fragment{
 	#commodity-info-fragment{
 		margin-bottom: 20px;
 		margin-bottom: 20px;
 	}
 	}
+
+  .commodity-detail .content .com-info .div-sell {
+    font-size: 14px;
+    height: 16px;
+    line-height: 16px;
+    color: #fff;
+    padding: 0 5px;
+    display: inline-block;
+    position: relative;
+  }
+  .commodity-detail .content .com-info .can-div-sell {
+    background: #5078cb;
+  }
+  .commodity-detail .content .com-info .not-div-sell {
+    background: #fc8200;
+  }
+  .commodity-detail .content .com-info .can-div-sell:before {
+    content: '';
+    position: absolute;
+    left: -8px;
+    top: 10px;
+    border-left: 8px solid transparent;
+    border-bottom: 6px solid #5078cb;
+  }
+  .commodity-detail .content .com-info .not-div-sell:before {
+    content: '';
+    position: absolute;
+    left: -8px;
+    top: 10px;
+    border-left: 8px solid transparent;
+    border-bottom: 6px solid #fc8200;
+  }
 </style>
 </style>

+ 4 - 0
components/store/CommodityList.vue

@@ -70,6 +70,7 @@
               <!--<div class="multiple">
               <!--<div class="multiple">
                 倍数:<span>1</span>
                 倍数:<span>1</span>
               </div>-->
               </div>-->
+              <div class="can-div-sell" v-if="commodity.reserve" v-text="commodity.breakUp?'可拆卖':'不可拆卖'"></div>
             </td>
             </td>
             <td>
             <td>
               <div v-for="price in commodity.prices" v-text="price.start + '+'"></div>
               <div v-for="price in commodity.prices" v-text="price.start + '+'"></div>
@@ -420,6 +421,9 @@ export default {
 		text-align: center;
 		text-align: center;
 		line-height: 20px;
 		line-height: 20px;
 	}
 	}
+  #goods-list-fragment .goodslist tbody>tr td .can-div-sell {
+    color: #808080;
+  }
 
 
 	/* 物品列表按钮 */
 	/* 物品列表按钮 */
 	#goods-list-fragment .btn-buy-now {
 	#goods-list-fragment .btn-buy-now {