Browse Source

产品详情页,搜索页,店铺首页商品列表修改还原。

yangc 8 years ago
parent
commit
4dc199f0a2
3 changed files with 338 additions and 379 deletions
  1. 14 39
      components/product/component/StoreInfo.vue
  2. 13 22
      components/search/GoodList.vue
  3. 311 318
      components/store/CommodityList.vue

+ 14 - 39
components/product/component/StoreInfo.vue

@@ -4,7 +4,7 @@
       <div class="storeIns">
         <div class="sign">选择商家:</div>
         <div class="storeInList" v-for="storeIn in store">
-          <div class="choose" :class="{'storeIn-active' : storeIn.isSelected, 'storeIn' : !storeIn.isSelected}" @click="store.length==1?'':addStore(storeIn)">
+          <div class="choose" :class="{'storeIn-active' : storeIn.isSelected, 'storeIn' : !storeIn.isSelected}" @click="addStore(storeIn)">
             <a class="storeLogo">
               <img :src="storeIn.logoUrl || '/images/component/default.png'" :alt="storeIn.storeName" :title="storeIn.storeName">
             </a>
@@ -46,32 +46,20 @@
           </tr>
         </thead>
         <tbody class="text-center">
-          <tr style="cursor: pointer;" v-for="list in storeList.content" @click="goProductDetail(list.storeid, list.batchCode)">
-            <td>
-              <a v-if="list.code">{{list.code}}</a>
-              <a v-if="!list.code">—</a>
-            </td>
-            <td>
-              <a v-if="list.produceDate">{{list.produceDate}}</a>
-              <a v-if="!list.produceDate">—</a>
-            </td>
-            <td>
-              <a v-if="list.packaging">{{list.packaging}}</a>
-              <a v-if="!list.packaging">—</a>
-            </td>
+          <tr style="cursor: pointer;" v-for="list in storeList.content">
+            <td><a :href="'/store/' + list.storeid + '/' + list.batchCode">{{list.code}}</a></td>
+            <td><a :href="'/store/' + list.storeid + '/' + list.batchCode">{{list.produceDate}}</a></td>
+            <td><a :href="'/store/' + list.storeid + '/' + list.batchCode">{{list.packaging || '暂无包装方式'}}</a></td>
             <td style="text-align: left;padding-left: 25px;">
-              <a>
+              <a :href="'/store/' + list.storeid + '/' + list.batchCode">
                 <div>
                   <span>库存:</span>
-                  <span v-if="list.reserve">{{list.reserve}}</span>
-                  <span v-if="!list.reserve">—</span>
+                  <span>{{list.reserve}}</span>
                 </div>
-                <div >
+                <div>
                   <span>起拍:</span>
-                  <span v-if="list.minBuyQty">{{list.minBuyQty}}</span>
-                  <span v-if="!list.minBuyQty">—</span>
+                  <span>{{list.minBuyQty}}</span>
                 </div>
-
                 <!--<div>-->
                   <!--<span>倍数:</span>-->
                   <!--<span>{{list.minPackQty}}</span>-->
@@ -79,15 +67,14 @@
               </a>
             </td>
             <td>
-              <a>
+              <a :href="'/store/' + list.storeid + '/' + list.batchCode">
                 <div v-for="price in list.prices">
-                  <span v-if="list.prices">{{price.start}}</span>+
-                  <span v-if="!list.prices">—</span>
+                  <span>{{price.start}}</span>+
                 </div>
               </a>
             </td>
             <td>
-              <a>
+              <a :href="'/store/' + list.storeid + '/' + list.batchCode">
                 <div v-show="list.currencyName.indexOf('USD')==-1 || !list.prices">
                   <span>—</span>
                 </div>
@@ -97,7 +84,7 @@
               </a>
             </td>
             <td>
-              <a>
+              <a :href="'/store/' + list.storeid + '/' + list.batchCode">
                 <div v-show="list.currencyName.indexOf('RMB')==-1 || !list.prices">
                   <span>—</span>
                 </div>
@@ -107,16 +94,13 @@
               </a>
             </td>
             <td>
-              <a>
+              <a :href="'/store/' + list.storeid + '/' + list.batchCode">
                 <div v-show="list.b2cMinDelivery">
                   <span>交期:</span>
                   <span>{{list.b2cMinDelivery}}</span>
                   <span v-if="list.b2cMaxDelivery && list.b2cMaxDelivery !== list.b2cMinDelivery">-</span>
                   <span v-if="list.b2cMaxDelivery && list.b2cMaxDelivery !== list.b2cMinDelivery">{{list.b2cMaxDelivery}}</span>
                 </div>
-                <div v-if="!list.b2cMinDelivery">
-                  <span>—</span>
-                </div>
               </a>
             </td>
             <td>
@@ -232,9 +216,6 @@
           this.params.filter.ignoreStore = !this.params.filter.ignoreStore
         }
         this.$store.dispatch('loadComponentInformation', this.params)
-      },
-      goProductDetail: function (storeid, batchcode) {
-        window.location.href = '/store/' + storeid + '/' + batchcode
       }
     }
   }
@@ -270,8 +251,6 @@
   }
   .storeInfo .storeIn-active {
     width: 98px;
-    height: 49px;
-    line-height: 49px;
     float: left;
     border: 1px solid #5078cb;
     text-align: center;
@@ -286,10 +265,6 @@
     text-align: center;
     vertical-align: middle;
   }
-  .storeInList .choose a img{
-    max-width: 95px;
-    max-height: 46px;
-  }
   a.storeLogo>img,.storeIn-active a.storeLogo>img {
     max-width: 95px;
     max-height: 46px;

+ 13 - 22
components/search/GoodList.vue

@@ -55,38 +55,33 @@
           <tbody id="productList-content">
           <tr v-for="item in good_list.components">
             <td>
-              <nuxt-link class="component-img-box" :to="`/product/component/${item.uuid}`">
-                <img :src="item.img?item.img:item.brand.logoUrl?item.brand.logoUrl:'/images/component/default.png'">
+              <nuxt-link :to="`/product/component/${item.uuid}`">
+                <img width="80px" height="80px" :src="item.img?item.img:'/images/component/default.png'">
               </nuxt-link>
             </td>
             <td class="brand-code">
-              <div class="brand" v-if="item.brand.nameEn"><nuxt-link :to="`/product/brand/${item.brand.uuid}`" class="text-num" v-text="item.brand.nameEn"></nuxt-link></div>
-              <div class="brand" v-if="!item.brand.nameEn">—</div>
-              <div class="code"  v-if="item.code"><nuxt-link :to="`/product/component/${item.uuid}`" class="f16 text-bold text-num" v-text="item.code"></nuxt-link></div>
-              <div class="brand" v-if="!item.code">—</div>
-              <div class="brand"  v-if="item.kind.nameCn"><nuxt-link :to="`/product/kind/${item.kindid}`" v-text="item.kind.nameCn"></nuxt-link></div>
-              <div class="brand" v-if="!item.kind.nameCn">—</div>
+              <div class="brand"><nuxt-link :to="`/product/brand/${item.brand.uuid}`" class="text-num" v-text="item.brand.nameEn"></nuxt-link></div>
+              <div class="code"><nuxt-link :to="`/product/component/${item.uuid}`" class="f16 text-bold text-num" v-text="item.code"></nuxt-link></div>
+              <div class="brand"><nuxt-link :to="`/product/kind/${item.kindid}`" v-text="item.kind.nameCn">
+              </nuxt-link></div>
             </td>
             <td>
-              <div class="package" v-text="item.packaging"></div>
+              <div class="package" v-text="item.packaging?item.packaging:'暂无包装方式信息'"></div>
               <div class="date" v-text="item.produceDate"></div>
-              <div v-if="!item.packaging && !item.produceDate">—</div>
             </td>
             <td>
-              <div v-if="item.storeName">
+              <div>
                 <nuxt-link :to="'/store/' + item.storeId" v-text="item.storeName">
                 </nuxt-link>
+                <span v-if="!item.storeName">—</span>
               </div>
-              <div v-if="!item.storeName">—</div>
             </td>
             <td class="text-left">
               <div class="goods">
-                库存:<span v-text="item.reserve"  v-if="item.reserve"></span>
-                <span v-if="!item.reserve">—</span>
+                库存:<span v-text="item.reserve || '暂无库存'"></span>
               </div>
               <div class="from" v-if="item.reserve > 0">
-                起拍:<span v-text="item.minBuyQty" v-if="item.minBuyQty"></span>
-                <span v-if="!item.minBuyQty">—</span>
+                起拍:<span v-text="item.minBuyQty"></span>
               </div>
              <!-- <div class="multiple" v-if="item.reserve > 0">
                 倍数:<span v-text="item.minPackQty"></span>
@@ -404,15 +399,11 @@
     border: 1px solid #e8e8e8;
   }
 
-  .product-list tbody>tr .component-img-box {
-    width: 80px;
-    height: 80px;
-  }
   .product-list tbody>tr img {
     border: 1px solid #e8e8e8;
     margin: 10px 0 5px 0;
-    max-width: 80px;
-    max-height: 80px;
+    width: 80px;
+    height: 80px;
   }
   .product-list tbody>tr .contact{
     font-size: 14px;

+ 311 - 318
components/store/CommodityList.vue

@@ -49,25 +49,19 @@
               </a>
             </td>
             <td class="brand-code">
-              <div class="brand" v-if="commodity.brandNameEn" v-text="commodity.brandNameEn"></div>
-              <div class="brand" v-if="!commodity.brandNameEn">—</div>
-              <div class="code" v-if="commodity.code" v-text="commodity.code"></div>
-              <div class="code" v-if="!commodity.code">—</div>
+              <div class="brand" v-text="commodity.brandNameEn"></div>
+              <div class="code" v-text="commodity.code"></div>
             </td>
             <td>
-              <div class="package" v-if="commodity.packaging" v-text="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">—</div>
+              <div class="package" v-text="commodity.packaging || '暂无包装信息'"></div>
+              <div class="date" v-text="commodity.produceDate">2016-12-01</div>
             </td>
             <td style="text-align: left;vertical-align: middle;">
               <div class="goods">
-                库存:<span v-if="commodity.reserve" v-text="commodity.reserve">31500</span>
-                <span v-if="!commodity.reserve">—</span>
+                库存:<span v-text="commodity.reserve">31500</span>
               </div>
               <div class="from">
-                起拍:<span v-if="commodity.minBuyQty" v-text="commodity.minBuyQty">300</span>
-                <span v-if="!commodity.minBuyQty">—</span>
+                起拍:<span v-text="commodity.minBuyQty">300</span>
               </div>
               <!--<div class="multiple">
                 倍数:<span>1</span>
@@ -94,7 +88,6 @@
                 <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>
               </div>
-              <div v-if="!commodity.b2cMinDelivery"><span>—</span></div>
             </td>
             <td>
               <buy :item="commodity"></buy>
@@ -124,102 +117,102 @@
   </div>
 </template>
 <script>
-function getAllLeafIds (kind) {
-  if (!kind) {
-    return null
-  }
-  if (kind.isLeaf === 1) {
-    return kind.id
-  } else {
-    if (!kind.children || kind.children.length === 0) {
+  function getAllLeafIds (kind) {
+    if (!kind) {
       return null
     }
-    let ids = []
-    for (let i = 0; i < kind.children.length; i++) {
-      ids.push(getAllLeafIds(kind.children[i]))
-    }
-    return ids.join('-')
-  }
-}
-import Buy from '~components/common/buyOrCar/buyComponent.vue'
-import Page from '~components/common/page/pageComponent.vue'
-export default {
-  name: 'commodity-list',
-  props: ['kinds'],
-  components: {
-    Buy,
-    Page
-  },
-  data () {
-    return {
-      defaultProps: {
-        children: 'children',
-        label: 'nameCn'
-      },
-      pageParams: {
-        page: 1,
-        count: 6
-      },
-      searchCode: '',
-      parentKindId: 0,
-      ids: null
-    }
-  },
-  computed: {
-    commodities () {
-      return this.$store.state.shop.storeInfo.storeCommodity.data
+    if (kind.isLeaf === 1) {
+      return kind.id
+    } else {
+      if (!kind.children || kind.children.length === 0) {
+        return null
+      }
+      let ids = []
+      for (let i = 0; i < kind.children.length; i++) {
+        ids.push(getAllLeafIds(kind.children[i]))
+      }
+      return ids.join('-')
     }
-  },
-  methods: {
-    handlerCurrentNode (data, node) {
-      this.searchCode = ''
-      if (this.parentKindId === data.id) {
-        this.parentKindId = 0
-        this.ids = null
-      } else {
-        if (data.level === 1) {
-          this.parentKindId = data.id
-        }
-        this.ids = getAllLeafIds(data)
+  }
+  import Buy from '~components/common/buyOrCar/buyComponent.vue'
+  import Page from '~components/common/page/pageComponent.vue'
+  export default {
+    name: 'commodity-list',
+    props: ['kinds'],
+    components: {
+      Buy,
+      Page
+    },
+    data () {
+      return {
+        defaultProps: {
+          children: 'children',
+          label: 'nameCn'
+        },
+        pageParams: {
+          page: 1,
+          count: 6
+        },
+        searchCode: '',
+        parentKindId: 0,
+        ids: null
       }
-      this.pageParams.page = 1
-
-      this.pageCommodity(this.pageParams, this.ids)
     },
-    goodsSearch (keyword) {
-      this.pageParams.page = 1
-      this.pageCommodity(this.pageParams, this.ids, keyword)
+    computed: {
+      commodities () {
+        return this.$store.state.shop.storeInfo.storeCommodity.data
+      }
     },
-    async pageCommodity (pageParams, kindId, keyword) {
+    methods: {
+      handlerCurrentNode (data, node) {
+        this.searchCode = ''
+        if (this.parentKindId === data.id) {
+          this.parentKindId = 0
+          this.ids = null
+        } else {
+          if (data.level === 1) {
+            this.parentKindId = data.id
+          }
+          this.ids = getAllLeafIds(data)
+        }
+        this.pageParams.page = 1
+
+        this.pageCommodity(this.pageParams, this.ids)
+      },
+      goodsSearch (keyword) {
+        this.pageParams.page = 1
+        this.pageCommodity(this.pageParams, this.ids, keyword)
+      },
+      async pageCommodity (pageParams, kindId, keyword) {
 //    pageCommodity (pageParams, kindId, keyword) {
-      let params = { storeid: this.$route.params.uuid, origin: 'store', kindUuid: kindId, code: keyword }
-      params.page = pageParams.page
-      params.count = pageParams.count
+        let params = { storeid: this.$route.params.uuid, origin: 'store', kindUuid: kindId, code: keyword }
+        params.page = pageParams.page
+        params.count = pageParams.count
 
-      try {
-        let { data } = await this.$http.get('/api/commodity/commodities', { params })
-        this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_SUCCESS', data)
-      } catch (err) {
-        this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_FAILURE', err)
-      }
+        try {
+          let { data } = await this.$http.get('/api/commodity/commodities', { params })
+          this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_SUCCESS', data)
+        } catch (err) {
+          this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_FAILURE', err)
+        }
 //      this.$http.get('/api/commodity/commodities', { params }).then(response => {
 //        this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_SUCCESS', response)
 //      }, err => {
 //        this.$store.commit('shop/storeInfo/GET_STORE_COMMODITY_FAILURE', err)
 //      })
-    },
-    handleCurrentChange (page) {
-      this.pageParams.page = page
-      this.pageCommodity(this.pageParams, this.ids, this.searchCode)
-    }
+      },
+      handleCurrentChange (page) {
+        this.pageParams.page = page
+        this.pageCommodity(this.pageParams, this.ids, this.searchCode)
+      }
 //    goBack () {
 //      this.$router.back(-1)
 //    }
+    }
   }
-}
 </script>
 <style>
-/*  产品分类调整*/
+  /*  产品分类调整*/
   .category-content .el-tree{
     border: none;
   }
@@ -236,260 +229,260 @@ export default {
     background-color: #5078cb;
     border-color: #337ab7;
   }
-.el-tree-node__expand-icon{
-  font-family: "iconfont" !important;
-  font-size: 14px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  width: inherit;
-  height: inherit;
-  border: inherit;
-  font-weight: bold;
-  text-shadow: -1px 0px 0 #333;
-  margin-right: 3px !important;
-}
-.el-tree-node__content{
-  line-height: 30px;
-  height: 30px;
-}
-.el-tree-node__expand-icon.is-leaf{
-  visibility: hidden;
-}
-.el-tree-node__expand-icon:before{
-  content: "\E621";
-}
-	#goods-list-fragment .category-title {
-		height: 34px;
-		background-color: #5078cb;
-		font-size: 14px;
-		color: rgb(255,255,255);
-		font-weight: 600;
-		text-align: center;
-	}
+  .el-tree-node__expand-icon{
+    font-family: "iconfont" !important;
+    font-size: 14px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    width: inherit;
+    height: inherit;
+    border: inherit;
+    font-weight: bold;
+    text-shadow: -1px 0px 0 #333;
+    margin-right: 3px !important;
+  }
+  .el-tree-node__content{
+    line-height: 30px;
+    height: 30px;
+  }
+  .el-tree-node__expand-icon.is-leaf{
+    visibility: hidden;
+  }
+  .el-tree-node__expand-icon:before{
+    content: "\E621";
+  }
+  #goods-list-fragment .category-title {
+    height: 34px;
+    background-color: #5078cb;
+    font-size: 14px;
+    color: rgb(255,255,255);
+    font-weight: 600;
+    text-align: center;
+  }
 
-	#goods-list-fragment .category-content li {
-		line-height: 33px;
-		font-size: 14px;
-		color: #333;
-		float: left;
-		width: 100%;
-		padding-left: 10px;
-	}
+  #goods-list-fragment .category-content li {
+    line-height: 33px;
+    font-size: 14px;
+    color: #333;
+    float: left;
+    width: 100%;
+    padding-left: 10px;
+  }
 
-	#goods-list-fragment .category-content li a {
-		display: block;
-		padding-left: 15px;
-		text-decoration: none;
-		color: #333;
-		/* background:url("static/img/store/default/openblackR.png") no-repeat left; */
-	}
+  #goods-list-fragment .category-content li a {
+    display: block;
+    padding-left: 15px;
+    text-decoration: none;
+    color: #333;
+    /* background:url("static/img/store/default/openblackR.png") no-repeat left; */
+  }
 
-	#goods-list-fragment .category-content li a:hover{
-		color: #5078cb;
-		cursor: pointer;
-	}
+  #goods-list-fragment .category-content li a:hover{
+    color: #5078cb;
+    cursor: pointer;
+  }
 
-	#goods-list-fragment .category-content ul.list-body {
-		display: none;
-		color: #666;
-	}
+  #goods-list-fragment .category-content ul.list-body {
+    display: none;
+    color: #666;
+  }
 
-	#goods-list-fragment .category-content ul.list-body.active {
-		display: block;
-	}
+  #goods-list-fragment .category-content ul.list-body.active {
+    display: block;
+  }
 
-	#goods-list-fragment .category-content ul.list-body li {
-		float: none;
-		background-image: none;
-		min-height: 26px;
-		line-height: 26px;
-		font-size: 12px;
-	}
+  #goods-list-fragment .category-content ul.list-body li {
+    float: none;
+    background-image: none;
+    min-height: 26px;
+    line-height: 26px;
+    font-size: 12px;
+  }
 
-	#goods-list-fragment .category-content ul.list-body li a {
-		padding-left: 15px;
-		display: block;
-		color: rgb(50,50,50);
-		background: none;
-	}
+  #goods-list-fragment .category-content ul.list-body li a {
+    padding-left: 15px;
+    display: block;
+    color: rgb(50,50,50);
+    background: none;
+  }
 
-	#goods-list-fragment .category-content ul.list-body li a:hover {
-		color: #5078cb;
-		cursor: pointer;
-	}
+  #goods-list-fragment .category-content ul.list-body li a:hover {
+    color: #5078cb;
+    cursor: pointer;
+  }
 
-	#goods-list-fragment .category-content ul.list-body li a.cur {
-		text-decoration: none;
-		font-size: 14px;
-		/* background:url("static/img/store/default/openblackR.png") no-repeat left; */
-	}
+  #goods-list-fragment .category-content ul.list-body li a.cur {
+    text-decoration: none;
+    font-size: 14px;
+    /* background:url("static/img/store/default/openblackR.png") no-repeat left; */
+  }
 
-	#goods-list-fragment .title-area {
-		margin-bottom: 30px;
-		width: 200px;
-		float: left;
-	}
-	#goods-list-fragment .category-content{
-		border: 1px solid #e8e8e8;
-	}
-	/* goods-area */
-	#goods-list-fragment .goods-area {
-		margin-left: 20px;
-		float: left;
-		margin-bottom: 30px;
-	}
+  #goods-list-fragment .title-area {
+    margin-bottom: 30px;
+    width: 200px;
+    float: left;
+  }
+  #goods-list-fragment .category-content{
+    border: 1px solid #e8e8e8;
+  }
+  /* goods-area */
+  #goods-list-fragment .goods-area {
+    margin-left: 20px;
+    float: left;
+    margin-bottom: 30px;
+  }
 
-	#goods-list-fragment .goods-area .btn-line {
-		border-radius: 0;
-	}
+  #goods-list-fragment .goods-area .btn-line {
+    border-radius: 0;
+  }
 
 
-	#goods-list-fragment .btn-info.btn-line {
-		background-color: #5078CB;
-		color: #fff;
-		font-weight: 600;
-	}
+  #goods-list-fragment .btn-info.btn-line {
+    background-color: #5078CB;
+    color: #fff;
+    font-weight: 600;
+  }
 
-	#goods-list-fragment .btn-line {
-		height: 34px;
-		width: 150px;
-		border: 1px solid #5078cb;
-		background-color: #fff;
-		color: rgb(80,120,203);
-		font-weight: 600;
-	}
+  #goods-list-fragment .btn-line {
+    height: 34px;
+    width: 150px;
+    border: 1px solid #5078cb;
+    background-color: #fff;
+    color: rgb(80,120,203);
+    font-weight: 600;
+  }
 
-	#goods-list-fragment .btn-line:hover {
-		background-color: #5078CB;
-		color: #fff;
-	}
+  #goods-list-fragment .btn-line:hover {
+    background-color: #5078CB;
+    color: #fff;
+  }
 
-	/* 物品列表 */
-	#goods-list-fragment .goodslist .brand-code {
-		font-size: 14px;
-		text-align: center;
-	}
+  /* 物品列表 */
+  #goods-list-fragment .goodslist .brand-code {
+    font-size: 14px;
+    text-align: center;
+  }
 
-	#goods-list-fragment #search_btn {
-		background: #5078CB;
-		color: #FFFFFF;
-	}
+  #goods-list-fragment #search_btn {
+    background: #5078CB;
+    color: #FFFFFF;
+  }
 
-	#goods-list-fragment #search_input {
-		font-size: 14px;
-	}
+  #goods-list-fragment #search_input {
+    font-size: 14px;
+  }
 
-	#goods-list-fragment .brand-code .code {
-		font-weight: 600;
-	}
+  #goods-list-fragment .brand-code .code {
+    font-weight: 600;
+  }
 
-	#goods-list-fragment .goodslist th {
-		color: rgb(50,50,50);
-		font-size: 14px;
-		font-weight: 600;
-		background-color: #f7f7f7;
-		text-align: center;
-	}
+  #goods-list-fragment .goodslist th {
+    color: rgb(50,50,50);
+    font-size: 14px;
+    font-weight: 600;
+    background-color: #f7f7f7;
+    text-align: center;
+  }
 
-	#goods-list-fragment .category-content a.selected-node,
-	#goods-list-fragment .category-content ul.list-body li a.selected-node {
-		color: #5078cb;
-	}
+  #goods-list-fragment .category-content a.selected-node,
+  #goods-list-fragment .category-content ul.list-body li a.selected-node {
+    color: #5078cb;
+  }
 
-	#goods-list-fragment .category-content a.selected-parent-node,
-	#goods-list-fragment .category-content ul.list-body li a.selected-parent-node {
-		/* background:url("static/img/store/default/openblack.png") no-repeat left; */
-	}
+  #goods-list-fragment .category-content a.selected-parent-node,
+  #goods-list-fragment .category-content ul.list-body li a.selected-parent-node {
+    /* background:url("static/img/store/default/openblack.png") no-repeat left; */
+  }
 
-	#goods-list-fragment .goodslist tbody>tr {
-		border: 1px solid #e8e8e8;
-	}
-	#goods-list-fragment .goodslist tbody>tr td.commodity-icon .img{
-		border: 1px solid #e8e8e8;
-		margin: 10px;
-		width: 80px;
-		height: 80px;
-		overflow: hidden;
-		line-height: 75px;
-	}
-	#goods-list-fragment .goodslist tbody>tr td.commodity-icon .img>img {
-		width: 80px;
-		height: 80px;
-	}
-	#goods-list-fragment .goodslist td {
-		font-size: 12px;
-		color: #333;
-		text-align: center;
-		line-height: 20px;
-	}
+  #goods-list-fragment .goodslist tbody>tr {
+    border: 1px solid #e8e8e8;
+  }
+  #goods-list-fragment .goodslist tbody>tr td.commodity-icon .img{
+    border: 1px solid #e8e8e8;
+    margin: 10px;
+    width: 80px;
+    height: 80px;
+    overflow: hidden;
+    line-height: 75px;
+  }
+  #goods-list-fragment .goodslist tbody>tr td.commodity-icon .img>img {
+    width: 80px;
+    height: 80px;
+  }
+  #goods-list-fragment .goodslist td {
+    font-size: 12px;
+    color: #333;
+    text-align: center;
+    line-height: 20px;
+  }
 
-	/* 物品列表按钮 */
-	#goods-list-fragment .btn-buy-now {
-		background-color: #5078CB;
-		color: #fff;
-		width: 80px;
-		height: 30px;
-		font-size: 12px;
-		border: 1px solid #5078cb;
-	}
+  /* 物品列表按钮 */
+  #goods-list-fragment .btn-buy-now {
+    background-color: #5078CB;
+    color: #fff;
+    width: 80px;
+    height: 30px;
+    font-size: 12px;
+    border: 1px solid #5078cb;
+  }
 
-	#goods-list-fragment .btn-add-cart {
-		margin-top: 10px;
-		color: #214797;
-		width: 80px;
-		height: 30px;
-		font-size: 12px;
-		background-color: #fff;
-		border: 1px solid #e8e8e8;
-	}
-	#goods-list-fragment .btn-buy-now:hover{
-		background: #214797;
-	}
-	#goods-list-fragment .btn-add-cart:hover{
-		background-color: #5078CB;
-		color: #fff;
-	}
-	.category-content{
-		min-height: 243px;
-	}
-	.no-record{
-		font-size: 14px;
-		color: #999;
-		text-align: center;
-		line-height: 200px;
-	}
-	.no-record i{
-		margin-right: 5px;
-	}
-	.text-center{
-		text-align: center;
-		margin-top: 30px;
-	}
-	.text-center  .col-xs-2  img{
-		margin: 50px 0 50px 95px;
-		vertical-align: middle;
-	}
-	.text-center .txt-info{
-		font-size: 14px;
-		margin-top: 70px;
-	}
-	.text-center  .col-xs-4  p{
-		color: #999;
-		margin-top: 3px;
-		margin-bottom: 2px;
-	}
-	.text-center  .txt-info a{
-		font-size: 14px;
-	}
-	.text-center  .col-xs-4 i{
-		color: #5078cb;
-		font-size: 14px;
-	}
-	.goodslist{
-		margin-bottom: 16px;
-	}
+  #goods-list-fragment .btn-add-cart {
+    margin-top: 10px;
+    color: #214797;
+    width: 80px;
+    height: 30px;
+    font-size: 12px;
+    background-color: #fff;
+    border: 1px solid #e8e8e8;
+  }
+  #goods-list-fragment .btn-buy-now:hover{
+    background: #214797;
+  }
+  #goods-list-fragment .btn-add-cart:hover{
+    background-color: #5078CB;
+    color: #fff;
+  }
+  .category-content{
+    min-height: 243px;
+  }
+  .no-record{
+    font-size: 14px;
+    color: #999;
+    text-align: center;
+    line-height: 200px;
+  }
+  .no-record i{
+    margin-right: 5px;
+  }
+  .text-center{
+    text-align: center;
+    margin-top: 30px;
+  }
+  .text-center  .col-xs-2  img{
+    margin: 50px 0 50px 95px;
+    vertical-align: middle;
+  }
+  .text-center .txt-info{
+    font-size: 14px;
+    margin-top: 70px;
+  }
+  .text-center  .col-xs-4  p{
+    color: #999;
+    margin-top: 3px;
+    margin-bottom: 2px;
+  }
+  .text-center  .txt-info a{
+    font-size: 14px;
+  }
+  .text-center  .col-xs-4 i{
+    color: #5078cb;
+    font-size: 14px;
+  }
+  .goodslist{
+    margin-bottom: 16px;
+  }
 
-	@font-face {
+  @font-face {
     font-family: 'iconfont';  /* project id 357960 */
     src: url('//at.alicdn.com/t/font_27kjyd082ezpk3xr.eot');
     src: url('//at.alicdn.com/t/font_27kjyd082ezpk3xr.eot?#iefix') format('embedded-opentype'),