mobile/pages3/release/project/detail.vue
@@ -19,14 +19,14 @@
         <!--基本信息-->
         <view class="bg-white p30 mb22">
            <view class="product-name text-ellipsis-2">
               标题:{{ detail.name }}
               <span class="category">{{  detail.category.name }}</span>{{ detail.name }}
            </view>
            <view class="product-describe"><text v-if="detail.product_type == 0">预算</text><text v-else>价格</text>:¥{{ detail.price }}</view>
            <view class="product-describe"><text v-if="detail.product_type == 0">期望完成时间</text><text v-else>交付时间</text>:{{ detail.finish_time }}</view>
            <view class="product-describe"><text v-if="detail.product_type == 0">期望地点</text><text v-else>服务地区</text>:{{ detail.detail }}</view>
            <view class="product-describe" v-if="detail.product_type == 0 && detail.show_phone == 1">电话:{{ user.mobile }}</view>
            <view class="product-describe"><text v-if="detail.product_type == 0">预算</text><text v-else>价格</text>一 ¥{{ detail.price }}</view>
            <view class="product-describe"><text v-if="detail.product_type == 0">期望完成时间</text><text v-else>交付时间</text>一 {{ detail.finish_time }}</view>
            <view class="product-describe"><text v-if="detail.product_type == 0">期望地点</text><text v-else>服务地区</text>一 {{ detail.detail }}</view>
            <view class="product-describe" v-if="detail.product_type == 0 && detail.show_phone == 1"><text>电话</text>一 {{ user.mobile }}</view>
            <view class="product-describe" v-if="detail.tag_list.length > 0">
                   标签:<text v-for="(item, index) in detail.tag_list" :key="index">{{ item.name}};</text>
                   <text>标签</text>一 <span class="tag" v-for="(item, index) in detail.tag_list" :key="index">{{ item.name}}</span>
            </view>
         </view>
@@ -38,7 +38,52 @@
            </view>
            <view class="content-box" v-html="detail.content"></view>
         </view>
         <!--产品介绍-->
         <view class="product-content">
            <view class="p-0-30  border-b-e">
               <view class="group-hd d-s-c"><text class="min-name f28">产品介绍</text></view>
            </view>
            <view class="content-box" v-html="detail.product_content"></view>
         </view>
         <!--产品案例-->
         <view class="product-content">
            <view class="p-0-30  border-b-e">
               <view class="group-hd d-s-c"><text class="min-name f28">产品应用案例</text></view>
            </view>
            <view class="content-box" v-html="detail.product_case"></view>
         </view>
         <!--评论-->
         <view class="product-comment">
            <view class="p-0-30 d-b-c">
               <view class="group-hd left">
                  <text class="min-name f28">评论</text>
               </view>
               <view class="right" @click="lookEvaluate(detail.project_id)">
                  <text class="more">查看全部</text>
                  <text class="icon iconfont icon-jiantou" style="font-size: 22rpx;color: #9A9A9A;"></text>
               </view>
            </view>
            <view class="comment-list" v-if="detail.evaluate.length > 0">
               <view class="item" v-if="index<=2" v-for="(item, index) in detail.evaluate" :key="index">
                  <view class="cmt-user">
                     <view class="left">
                        <image class="photo" :src="item.user.avatarUrl" mode="aspectFill"></image>
                        <text class="name">{{ item.user.nickName }}</text>
                     </view>
                     <text class="datetime">{{ item.create_time }}</text>
                  </view>
                  <view class="mt20 lh150 f24">{{ item.evaluate_content }}</view>
               </view>
            </view>
         </view>
         <view class="sage-bottom"></view>
      </scroll-view>
      <!--底部按钮-->
@@ -49,18 +94,22 @@
               <text class="f22 gray3" style="height: 50rpx;line-height: 40rpx;">首页</text>
            </button>
         </view>
         <!-- <view class="icon-box d-c-c">
            <button class="d-c-c d-c bg-white">
          <view class="icon-box d-c-c">
            <button class="d-c-c d-c bg-white" @click="jump()">
               <text class="icon iconfont icon-kefu2 gray3" style="height: 50rpx;line-height: 60rpx;"></text>
               <text class="f22 gray3" style="height: 50rpx;line-height: 40rpx;">联系他</text>
               <text class="f22 gray3" style="height: 50rpx;line-height: 40rpx;">咨询</text>
            </button>
         </view> -->
         </view>
         <template>
            <template>
               <button class="buy" @click="onPayOrder()">创建订单</button>
               <button class="buy" @click="onEva()">我要评论</button>
            </template>
         </template>
      </view>
      <!-- 评论 -->
      <Evaluate :isEva="isEva" :project_id="detail.project_id" @close="closeEva"></Evaluate>
      
      <!--支付选择-->
      <Popup :show="isPayPopup" msg="支付方式" @hidePopup="hidePopupFunc">
@@ -97,12 +146,14 @@
<script>
   import utils from '@/common/utils.js';
   import Popup from '@/components/uni-popup.vue';
   import Evaluate from './popup/evaluate';
   import {
         pay
      } from '@/common/pay.js';
   export default {
      components: {
         Popup,
         Evaluate,
      },
      data() {
         return {
@@ -135,6 +186,7 @@
            pay_type: 20,
            payData:[],
            topay:false,
            isEva:false,
      };
   },
   onLoad(e) {
@@ -227,6 +279,24 @@
               uni.hideLoading();
            });
         },
         /*评论*/
         onEva: function(e) {
            let self = this;
            self.isEva = true;
         },
         /*关闭评论*/
         closeEva: function(e) {
            let self = this;
            self.getData();
            self.isEva = false;
         },
         /*查看更多评论*/
         lookEvaluate(project_id) {
            this.gotoPage('/pages3/release/project/look-evaluate/look-evaluate?project_id=' + project_id);
         },
   
      /*隐藏支付方式*/
@@ -304,6 +374,14 @@
            
         }
         
      },
      jump() {
         let self = this;
         let you_user_id = self.user.user_id;
         let nickname = self.user.user.nickName;
         let avatarurl = self.user.user.avatarUrl;
         this.gotoPage('/pages3/release/chat/chat?you_user_id='+you_user_id+'&nickname='+nickname+'&avatarurl='+avatarurl);
      },
         
@@ -417,8 +495,8 @@
   }
   .product-content .content-box {
      padding:5rpx 10rpx;
      font-size: 36rpx;
      padding:5rpx 40rpx;
      font-size: 30rpx;
   }
   .sage-bottom {
@@ -1020,4 +1098,17 @@
      width: 108rpx;
      height: 108rpx;
   }
   .tag{
      padding:2rpx 5rpx;
      margin-right: 5rpx;
      border:1px solid red;
      color:red;
   }
   .category{ padding:4rpx 5rpx; margin-right: 5rpx; background: red; color: #fff;}
   .product-describe text{
      font-size: 25rpx;
      display: block;
      font-weight: bold;
      margin-bottom: 5rpx;
   }
</style>