| | |
| | | <template>
|
| | | <view class="trade-detail">
|
| | | <view class="top-img-container">
|
| | | <image src="" class="top-img"></image>
|
| | | <image :src="dto.cover" class="top-img"></image>
|
| | | <view class="icon-container">
|
| | | <image src="../../../static/common/icon-sc.png" class="icon-sc"></image>
|
| | | <view class="num">12</view>
|
| | |
| | |
|
| | | </view>
|
| | | </view>
|
| | | <view class="info-container">
|
| | | <view class="trade-info-container">
|
| | | <view class="title">
|
| | | <view class="level m-r-15">B级</view>
|
| | | <view class="level m-r-15">{{ dto.levelStr || '-' }}级</view>
|
| | | <view class="">
|
| | | {{dto.name || '-'}}
|
| | | </view>
|
| | | </view>
|
| | | <view class="desc m-t-12">
|
| | | <view class="m-r-15">已售:7</view>
|
| | | <view class="m-r-15">剩余:13</view>
|
| | | <view class=" ">10支/扎</view>
|
| | | <view class="m-r-15">已售:{{ dto.sales || 0 }}</view>
|
| | | <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
|
| | | <view class=" ">{{ dto.unit || '-' }}支/扎</view>
|
| | | </view>
|
| | | <view class="flex m-t-12">
|
| | | <view class="price m-r-a">
|
| | | <span class="num">28.01</span>
|
| | | <span class="num">{{ dto.price || '-' }}</span>
|
| | | 元/扎
|
| | | </view>
|
| | | <view class="m-l-a m-r-15">
|
| | | <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
|
| | |
|
| | | </view>
|
| | | <view class="m-r-0 gwc">
|
| | | <view class="m-r-0 gwc" @click="submitShopping(dto)">
|
| | | + 购物车
|
| | | </view>
|
| | | </view>
|
| | |
| | | <view class="line">
|
| | |
|
| | | </view>
|
| | | <view class="info-detail">
|
| | | <view class="info-detail" v-if="dto.params">
|
| | | <view class="title-before-blue" style="padding-top: 0rpx;padding-bottom: 0rpx;">详情</view>
|
| | | <view class="flex m-t-8">
|
| | | <view class="label">枝长:</view>
|
| | | <view class="value">70-75cm</view>
|
| | | <view class="flex m-t-8" v-for="(param,index) of dto.params" :key="index">
|
| | | <view class="label">{{ param.name}}:</view>
|
| | | <view class="value">{{ param.value || '-'}}</view>
|
| | | </view>
|
| | | <view class="flex m-t-8">
|
| | | <view class="label">枝粗:</view>
|
| | | <view class="value">中等粗细</view>
|
| | | </view>
|
| | | <view class="flex m-t-8">
|
| | | <view class="label">均匀度:</view>
|
| | | <view class="value">1-2支不均匀</view>
|
| | | </view>
|
| | | <!-- <view class="flex m-t-8">-->
|
| | | <!-- <view class="label">枝粗:</view>-->
|
| | | <!-- <view class="value">中等粗细</view>-->
|
| | | <!-- </view>-->
|
| | | <!-- <view class="flex m-t-8">-->
|
| | | <!-- <view class="label">均匀度:</view>-->
|
| | | <!-- <view class="value">1-2支不均匀</view>-->
|
| | | <!-- </view>-->
|
| | | </view>
|
| | | <view class="line">
|
| | |
|
| | |
| | | <view class="flex">
|
| | | <image class="store-logo"></image>
|
| | | <view>
|
| | | <view class="store-name">花仙子</view>
|
| | | <view class="store-address">云南省-昆明市-官渡区</view>
|
| | | <view class="store-name">{{dto.supplierName||'-'}}</view>
|
| | | <view class="store-address">{{dto.supplierStation||'-'}}</view>
|
| | | </view>
|
| | | <view class="store-to m-l-a m-r-0">进入店铺</view>
|
| | | </view>
|
| | | </view>
|
| | | <view class="m-t-20 shop-recommend-container">
|
| | | <view class="m-t-20 shop-recommend-container" v-if="false">
|
| | | <view class="shop-recommend-title">店铺推荐</view>
|
| | | <view class="flex">
|
| | | <view v-for="i in 3" :key="i" class="shop-recommend">
|
| | |
| | | <view class="line">
|
| | |
|
| | | </view>
|
| | | <view class="comment-container m-t-12">
|
| | | <view class="comment-container m-t-12" v-if="false">
|
| | | <view class="title-before-blue" style="padding-top: 0rpx;padding-bottom: 0rpx;">
|
| | | <view>评价</view>
|
| | | <view class="desc">
|
| | |
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | dto: {
|
| | |
|
| | | id: '',
|
| | | dto: {}
|
| | | }
|
| | | },
|
| | | onLoad(options) {
|
| | | this.id = options.id || ''
|
| | | if (this.id) {
|
| | | this.getDetail()
|
| | | }
|
| | | },
|
| | | methods: {
|
| | | async getDetail() {
|
| | | this.$message.showLoading()
|
| | | const {
|
| | | code,
|
| | | data
|
| | | } = await this.$http.request('get', '/api/customer/flower/list/view', {
|
| | | params: {
|
| | | id: this.id
|
| | | }
|
| | | })
|
| | | if (code === 0) {
|
| | | this.dto = {
|
| | | ...data,
|
| | | }
|
| | | }
|
| | |
|
| | | this.$message.hideLoading()
|
| | |
|
| | | },
|
| | | openbrand() {
|
| | | uni.navigateTo({
|
| | | url: '/sub_pages/customer/shop/shop?id=' + (this.dto.id || '')
|
| | |
| | | .trade-detail {
|
| | | background-color: #FFFFFF;
|
| | |
|
| | | .info-container {
|
| | | .trade-info-container {
|
| | | padding: 46rpx 30rpx;
|
| | | border-radius: 40rpx 40rpx 0rpx 0rpx;
|
| | |
|
| | |
| | | line-height: 40rpx;
|
| | |
|
| | | .level {
|
| | | color: #20613D;
|
| | | ;
|
| | | color: #20613D;;
|
| | | }
|
| | | }
|
| | | }
|