| | |
| | | <!--基本信息--> |
| | | <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> |
| | | |
| | |
| | | </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> |
| | | |
| | | <!--底部按钮--> |
| | |
| | | <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"> |
| | |
| | | <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 { |
| | |
| | | pay_type: 20, |
| | | payData:[], |
| | | topay:false, |
| | | isEva:false, |
| | | }; |
| | | }, |
| | | onLoad(e) { |
| | |
| | | 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); |
| | | }, |
| | | |
| | | |
| | | /*隐藏支付方式*/ |
| | |
| | | |
| | | } |
| | | |
| | | }, |
| | | |
| | | 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); |
| | | }, |
| | | |
| | | |
| | |
| | | } |
| | | |
| | | .product-content .content-box { |
| | | padding:5rpx 10rpx; |
| | | font-size: 36rpx; |
| | | padding:5rpx 40rpx; |
| | | font-size: 30rpx; |
| | | } |
| | | |
| | | .sage-bottom { |
| | |
| | | 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> |