xuxueyang
2024-07-23 89de2bbaf2e81ab3fa7a8c2aad3b76bc81033d3d
sub_pages/customer/trade/detail.vue
@@ -1,7 +1,7 @@
<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>
@@ -11,28 +11,28 @@
         </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>
@@ -40,20 +40,20 @@
      <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">
@@ -64,13 +64,13 @@
         <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">
@@ -90,7 +90,7 @@
      <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">
@@ -121,12 +121,36 @@
   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 || '')
@@ -140,7 +164,7 @@
   .trade-detail {
      background-color: #FFFFFF;
      .info-container {
  .trade-info-container {
         padding: 46rpx 30rpx;
         border-radius: 40rpx 40rpx 0rpx 0rpx;
@@ -243,8 +267,7 @@
               line-height: 40rpx;
               .level {
                  color: #20613D;
                  ;
          color: #20613D;;
               }
            }
         }