|
|
@ -8,7 +8,7 @@ |
|
|
<view class="flex justify-between align-start" style="padding: 32rpx 32rpx 30rpx 32rpx;"> |
|
|
<view class="flex justify-between align-start" style="padding: 32rpx 32rpx 30rpx 32rpx;"> |
|
|
<image :src="applyDetails.order.goods.cover" mode="aspectFill" style="width: 240rpx; height: 240rpx;border-radius: 10rpx;"></image> |
|
|
<image :src="applyDetails.order.goods.cover" mode="aspectFill" style="width: 240rpx; height: 240rpx;border-radius: 10rpx;"></image> |
|
|
<view class="flex-sub padding-left-sm"> |
|
|
<view class="flex-sub padding-left-sm"> |
|
|
<view class="bref-box text-black1 lf-font-32 lf-font-bold" style="height: 88rpx;line-height: 44rpx;" v-if="applyDetails.order.goods.name"> |
|
|
|
|
|
|
|
|
<view class="bref-box text-black1 lf-line-2 lf-font-32 lf-font-bold" style="height: 88rpx;line-height: 44rpx;" v-if="applyDetails.order.goods.name"> |
|
|
{{applyDetails.order.goods.name}} |
|
|
{{applyDetails.order.goods.name}} |
|
|
</view> |
|
|
</view> |
|
|
<text class="block text-gray lf-font-28" style="margin-top: 20rpx;line-height: 40rpx;">数量 <text class="margin-left margin-right-xs text-gray">x</text>{{applyDetails.order.number}}</text> |
|
|
<text class="block text-gray lf-font-28" style="margin-top: 20rpx;line-height: 40rpx;">数量 <text class="margin-left margin-right-xs text-gray">x</text>{{applyDetails.order.number}}</text> |
|
|
@ -77,8 +77,9 @@ |
|
|
<view class="cu-self menu"> |
|
|
<view class="cu-self menu"> |
|
|
<view class="lf-font-32 text-black1">退款说明</view> |
|
|
<view class="lf-font-32 text-black1">退款说明</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="cu-self menu" style="margin-top: 30rpx;"> |
|
|
|
|
|
<textarea :cursor-spacing="120" :adjust-position="true" type="text" v-model="applyInfo" class="text-left lf-font-32 area-self" placeholder="请输入反馈信息" /> |
|
|
|
|
|
|
|
|
<view class="cu-self menu" style="margin-top: 30rpx;position: relative;"> |
|
|
|
|
|
<textarea :cursor-spacing="120" maxlength="300" :adjust-position="true" type="text" v-model="applyInfo" class="text-left lf-font-32 area-self" placeholder="请输入反馈信息" /> |
|
|
|
|
|
<view class="font-change">{{ dynamicLength() }}/300</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="cu-form-group"> |
|
|
<view class="cu-form-group"> |
|
|
@ -143,6 +144,9 @@ |
|
|
},1000) |
|
|
},1000) |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
dynamicLength(){ |
|
|
|
|
|
return parseInt(this.applyInfo.length); |
|
|
|
|
|
}, |
|
|
getApplyDetails() { |
|
|
getApplyDetails() { |
|
|
this.$http(this.API.API_APPLY_DETAILS, {order_id: this.order_id}).then(res => { |
|
|
this.$http(this.API.API_APPLY_DETAILS, {order_id: this.order_id}).then(res => { |
|
|
if(res.code == 0) { |
|
|
if(res.code == 0) { |
|
|
@ -339,10 +343,17 @@ |
|
|
} |
|
|
} |
|
|
.area-self { |
|
|
.area-self { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 30rpx 0 0 30rpx; |
|
|
|
|
|
color: #999999; |
|
|
|
|
|
|
|
|
padding: 30rpx; |
|
|
|
|
|
padding-bottom: 36rpx; |
|
|
|
|
|
color: #333; |
|
|
border: 1px solid #D0D0D0; |
|
|
border: 1px solid #D0D0D0; |
|
|
border-radius: 10rpx; |
|
|
border-radius: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.font-change{ |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
right: 10rpx; |
|
|
|
|
|
bottom: 10rpx; |
|
|
|
|
|
width: max-content; |
|
|
|
|
|
color: #777777; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |