xuxueyang
2024-07-29 d89c495a7da517d653e9ea42b8e6405eef823ef6
pages/order/order-detail.vue
@@ -24,7 +24,7 @@
         }
      },
      methods: {
         async getDetail() {
            this.$message.showLoading()
            const {
@@ -141,8 +141,9 @@
               }
               break
               case 'evaluate': {
                  const res = await this.$message.confirm('请输入评价信息', {
                     editable: true
                  const res = await this.$message.confirm('', {
                     editable: true,
                     title:'请输入评价信息'
                  })
                  if (res.content && res.confirm) {
                     // 发送请求
@@ -190,9 +191,8 @@
      </view>
      <view class="address-container bg-white br-4 m-t-12">
         <view class="flex">
            <view class="icon-loc m-r-10">
               <image src="/static/common/icon-loc.png" class="image"></image>
            </view>
            <image src="/static/common/icon-loc.png" class="image  m-r-10"></image>
            <view class="info">
               <view class="title">
                  {{ dto.customer }}
@@ -212,7 +212,8 @@
            </image>
            <view class="flex1">
               <view class=" flex">
                  <view class="title"><span class="level">{{ item.flowerCategory }}</span><span class="level">{{ item.flowerLevelStr }}</span>{{ item.flowerName }}
                  <view class="title"><span class="level">{{ item.flowerCategory }}</span><span
                        class="level">{{ item.flowerLevelStr }}</span>{{ item.flowerName }}
                  </view>
                  <!--            <view class="m-l-a m-r-0">-->
                  <!--              {{item.flowerCategory || '-'}}-->
@@ -351,8 +352,6 @@
         </view>
         <view class="button button-1" @click="buttonClick('evaluate')" v-if=" dto.status === 'EVALUATE'"> 评价
         </view>
         <view class="button button-1" @click="buttonClick('evaluate')" v-if=" dto.status === 'EVALUATE'"> 评价
         </view>
         <!--      <view class="button button-1" @click="buttonClick('couldRefund')"
           v-if="dto.couldRefund"> 退款
     </view> -->
@@ -370,10 +369,42 @@
      background: #F7F7F7;
      padding: 30rpx;
      .info-container {
         .button-space {
            min-height: 140rpx;
      .button-space {
         min-height: 140rpx;
      }
      .buttons-bottom {
         position: fixed;
         left: 0;
         bottom: 0;
         right: 0;
         height: 120rpx;
         background-color: #FFFFFF;
         box-shadow: 0 2rpx 30rpx rgba(0, 0, 0, .3);
         .button {
            border-radius: 42rpx;
            border: 2rpx solid #CECECE;
            font-weight: 400;
            font-size: 30rpx;
            color: #999999;
            text-align: center;
            line-height: 60rpx;
            height: 60rpx;
            padding: 10rpx 30rpx;
            background-color: #FFFFFF;
            margin: 0 auto;
            display: inline-block;
            vertical-align: middle;
            margin-top: 20rpx;
            min-width: 120rpx;
         }
         .button-1 {}
      }
      .info-container {
         .icon-kf {
            width: 44rpx;
@@ -394,25 +425,6 @@
            }
         }
         .buttons-bottom {
            position: fixed;
            left: 0;
            bottom: 0;
            right: 0;
            height: 120rpx;
            .button {
               border-radius: 42rpx;
               border: 2rpx solid #CECECE;
               font-weight: 400;
               font-size: 28rpx;
               color: #999999;
               text-align: center;
               line-height: 76rpx;
            }
            .button-1 {}
         }
      }
      .info-container {
@@ -450,18 +462,14 @@
      .address-container {
         padding: 28rpx;
         .icon-loc {
            width: 48rpx;
            height: 48rpx;
            background: #20613D;
         .image {
            // background-color: #20613D;
            border-radius: 50%;
            .image {
               margin-top: 8rpx;
               margin-left: 8rpx;
               width: 32rpx;
               height: 32rpx;
            }
            margin-top: 8rpx;
            margin-left: 8rpx;
            width: 32rpx;
            height: 32rpx;
            // padding: 8rpx;
         }
         .info {