|
@@ -33,35 +33,33 @@
|
|
|
:margin="10" @change="navChange"></graceNavBar>
|
|
|
</view>
|
|
|
<!-- 详情 请根据项目情况自行改进 可以使用 富文本-->
|
|
|
- <view class="grace-product-padding" :hidden="active != 0">
|
|
|
+ <view class="grace-product-padding" v-if="active == 0">
|
|
|
<dever-content :item="item.goods.content_array" :pics="item.goods.content_pic" :skeleton="false"></dever-content>
|
|
|
</view>
|
|
|
<!-- 评论区 -->
|
|
|
- <view class="grace-comments grace-product-padding" :hidden="active != 2">
|
|
|
- <view class="grace-comments-items" v-for="(v, k) in fetch.info" :key="k">
|
|
|
- <image :src="v.user.avatar" class="grace-comments-face"></image>
|
|
|
- <view class="grace-comments-body">
|
|
|
- <view class="grace-comments-header">
|
|
|
- <text class="grace-comments-header-text">{{v.user.username}}</text>
|
|
|
- <text class="grace-comments-info-text">{{v.cdate_string}}</text>
|
|
|
- </view>
|
|
|
- <text class="grace-comments-content">{{v.content}}</text>
|
|
|
- <view class="grace-comments-imgs" v-if="v.pic">
|
|
|
- <view class="grace-comments-image" v-for="(v1, k1) in v.pic" :key="k1">
|
|
|
- <image :src="v1" mode="widthFix" class="grace-comments-img" @click="Dever.viewPic(v.pic, v1)" style="height:auto"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="cu-list menu-avatar" v-if="active == 1">
|
|
|
+ <view class="cu-item " v-for="(v, k) in fetch.order" :key="k">
|
|
|
+ <view class="cu-avatar radius lg" :style="{backgroundImage:'url('+v.user.avatar+')'}"></view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="text-pink"><view class="text-cut"><text v-if="v.user.author" style="margin-right:10rpx;color: #00B3FF;">[{{v.user.author}}]</text>{{v.user.username}}</view><text v-if="v.user.title" style="margin-left:10rpx">({{v.user.title}})</text></view>
|
|
|
+ <view class="text-gray text-sm flex"> <view class="text-cut">{{v.date}}</view></view>
|
|
|
+ </view>
|
|
|
+ <view class="action">
|
|
|
+ <view class="text-grey text-xs">{{v.price}}</view>
|
|
|
+ <view class="cu-tag round bg-red sm" v-if="v.status == 1">{{v.status_name}}</view>
|
|
|
+ <view class="cu-tag round bg-blue sm" v-if="v.status == 2 || v.status > 3">{{v.status_name}}</view>
|
|
|
+ <view class="cu-tag round bg-black sm" v-if="v.status == 3">{{v.status_name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 评论区 -->
|
|
|
- <view class="grace-comments grace-product-padding" :hidden="active != 1">
|
|
|
+ <view class="grace-comments grace-product-padding" v-if="active == 2">
|
|
|
<view class="grace-comments-items" v-for="(v, k) in fetch.info" :key="k">
|
|
|
<image :src="v.user.avatar" class="grace-comments-face"></image>
|
|
|
<view class="grace-comments-body">
|
|
|
<view class="grace-comments-header">
|
|
|
- <text class="grace-comments-header-text">{{v.user.username}}</text>
|
|
|
+ <text class="grace-comments-header-text"><text v-if="v.user.author" style="margin-right:10rpx;color: #00B3FF;">[{{v.user.author}}]</text>{{v.user.username}}<text v-if="v.user.title" style="margin-left:10rpx">({{v.user.title}})</text></text>
|
|
|
<text class="grace-comments-info-text">{{v.cdate_string}}</text>
|
|
|
</view>
|
|
|
<text class="grace-comments-content">{{v.content}}</text>
|
|
@@ -129,11 +127,16 @@
|
|
|
<block v-for="(v, k) in item.goods.sell_attr" :key="k" v-if="item.goods.price_type == 2">
|
|
|
<view class="grace-title grace-margin-top">{{v.name}}</view>
|
|
|
<view><graceSelectTags selectedColor="#FF0036" :items="v.option_sku" type="radio" @change="change"></graceSelectTags></view>
|
|
|
+ </block>
|
|
|
+ <block v-if="kuNum > 0">
|
|
|
+ <view class="grace-margin-top"><text class="grace-title">购买数量</text></view>
|
|
|
+ <view style="margin-bottom: 40rpx;">
|
|
|
+ <graceNumberBox :minNum="1" :maxNum="kuNum" :value="buyNum" v-on:change="buyNumChange"></graceNumberBox>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block else>
|
|
|
+ <view class="grace-margin-top"><text class="grace-title">已售空</text></view>
|
|
|
</block>
|
|
|
- <view class="grace-margin-top"><text class="grace-title">购买数量</text></view>
|
|
|
- <view style="margin-bottom: 40rpx;">
|
|
|
- <graceNumberBox :minNum="1" :maxNum="kuNum" :value="buyNum" v-on:change="buyNumChange"></graceNumberBox>
|
|
|
- </view>
|
|
|
</scroll-view>
|
|
|
<view class="grace-product-attr-btn">
|
|
|
<button type="warn" style="background-color:#FF0036;" class="grace-button grace-border-radius" formType="submit">立即购买</button>
|
|
@@ -218,7 +221,7 @@ export default {
|
|
|
api : 'app/community/?l=api.addComment',
|
|
|
key : 'content/product',
|
|
|
// 切换导航
|
|
|
- navItems : ['商品详情', '订单列表', '最新评价'],
|
|
|
+ navItems : ['商品详情', '跟单列表', '最新评价'],
|
|
|
active:0,
|
|
|
// 购买选择属性层展示
|
|
|
attrIsShow : false,
|
|
@@ -228,7 +231,7 @@ export default {
|
|
|
attrSelect : {},
|
|
|
payPrice : 0,
|
|
|
buyNum : 1,
|
|
|
- kuNum : 9999,
|
|
|
+ kuNum : 0,
|
|
|
showComment : false,
|
|
|
fetch : {
|
|
|
info : [],
|
|
@@ -323,17 +326,21 @@ export default {
|
|
|
getData : function(page) {
|
|
|
if (this.active == 0) {
|
|
|
return;
|
|
|
+ }
|
|
|
+ if (this.active == 1) {
|
|
|
+ //跟单列表
|
|
|
+ this.Dever.page([page, 'order'], this, 'app/user/?l=api.goods_order', {info_id:this.item.goods.id, code:this.Dever.config.code});
|
|
|
+ } else {
|
|
|
+ //评价列表
|
|
|
+ this.Dever.page([page, 'info'], this, 'app/community/?l=api.comment', {type:this.key,type_id:this.item.goods.id,user:true, code:this.Dever.config.code});
|
|
|
}
|
|
|
- this.Dever.page([page, 'info'], this, 'app/community/?l=api.comment', {type:this.key,type_id:this.item.goods.id,user:true});
|
|
|
+
|
|
|
},
|
|
|
// 导航切换
|
|
|
navChange : function(e){
|
|
|
this.active = e;
|
|
|
- if (e == 1) {
|
|
|
+ if (e == 1 || e == 2) {
|
|
|
// 获取下单列表
|
|
|
- //this.getData(1);
|
|
|
- }
|
|
|
- if (e == 2) {
|
|
|
this.getData(1);
|
|
|
}
|
|
|
},
|
|
@@ -404,6 +411,11 @@ export default {
|
|
|
}
|
|
|
var store = this.fetch.store[this.store_relation[this.store_index]].id;
|
|
|
data.store_id = store;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.kuNum <= 0) {
|
|
|
+ this.Dever.alert('商品已售空');
|
|
|
+ return;
|
|
|
}
|
|
|
|
|
|
//如果想关闭属性
|