second-attributes.vue 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template name="cm-attributes">
  2. <!-- 二手商品详情-->
  3. <view class="cm-attributes">
  4. <view class="wrap-info">
  5. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''">
  6. <view class="info-viewL tui-skeleton-fillet">品牌:<text>{{product.brandName}}</text></view>
  7. <view class="info-viewL tui-skeleton-fillet">分类:<text>{{product.typeStr}}</text></view>
  8. <view class="info-viewL tui-skeleton-fillet">商品成色:<text>{{product.productQuality}}</text></view>
  9. <view class="info-viewL tui-skeleton-fillet" v-if="product.fixedYears!=''">出厂日期:<text>{{product.fixedYears}}</text></view>
  10. <view class="info-viewL tui-skeleton-fillet" v-if="product.showContactFlag==2">联系人:<text>{{product.contactName}}</text></view>
  11. <view class="info-viewL tui-skeleton-fillet" v-if="product.showContactFlag==2">联系方式:<text>{{product.contactMobile}}</text></view>
  12. <view class="info-viewL tui-skeleton-fillet" v-if="product.productType!=null||product.productType!=''">商品类型:<text v-if="product.productType==1">医美</text><text v-else>非医美</text></view>
  13. </view>
  14. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''" v-if="product.secondHandType==2">
  15. <view class="info-viewL tui-skeleton-fillet">市场价:<text>{{product.normalPriceStr}}</text></view>
  16. <view class="info-viewL tui-skeleton-fillet">采购价/原价:<text>{{product.originalPriceStr}}</text></view>
  17. <view class="info-viewL tui-skeleton-fillet">产品到期日:<text>{{product.maturityYears}}</text></view>
  18. <view class="info-viewL tui-skeleton-fillet">库存:<text>{{product.stock}}</text></view>
  19. </view>
  20. <view class="info-viewT" :class="goodsData.isNoneDisabled ? 'none' : ''">
  21. <view class="info-viewL tui-skeleton-fillet">所在地:<text>{{product.provinceCityDistrict}}</text></view>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default{
  28. name:'cm-attributes',
  29. props:{
  30. product:{
  31. type:Object,
  32. default: {}
  33. },
  34. goodsData:{
  35. type:Object,
  36. default: {}
  37. },
  38. },
  39. data() {
  40. return{
  41. }
  42. },
  43. created() {
  44. },
  45. methods:{
  46. },
  47. }
  48. </script>
  49. <style lang="scss">
  50. .bmCode{
  51. float: left;
  52. width: 702rpx;
  53. padding: 20rpx 24rpx 0 24rpx;
  54. border-bottom: 1px solid #F8F8F8
  55. }
  56. .tui-skeleton-fillet{
  57. color:#999999 ;
  58. }
  59. .tui-skeleton-fillet text{
  60. color: #333333;
  61. }
  62. </style>