商品详情页评价图片，添加评价，评价列表

yvan.ni
1 parent c449590c
Showing 5 changed files with 50 additions and 201 deletions
pages/goods/goodsInfo/goodsInfo.js
pages/goods/goodsInfo/goodsInfo.wxml
pages/user/add_comment/add_comment.wxml
pages/user/add_comment/add_comment.wxss
pages/user/comment/comment.wxml
@@ -385,8 +385,9 @@ Page({
     if(fir_com){
         for(var ind in fir_com){
-            if(fir_com[ind].head_pic=="") fir_com[ind].head_pic= ee.data.iurl+"/miniapp/images/hui_hear_pic.png";
-             if (fir_com[ind].img) fir_com[ind].img = ut.unserialize(fir_com[ind].img);
+              if(fir_com[ind].head_pic=="") fir_com[ind].head_pic= ee.data.iurl+"/miniapp/images/hui_hear_pic.png";
+              if (fir_com[ind].img) fir_com[ind].img = ut.unserialize(fir_com[ind].img);
+              if (fir_com[ind].weapp_img) fir_com[ind].weapp_img = JSON.parse(fir_com[ind].weapp_img);
         }
     }
@@ -774,6 +775,7 @@ Page({
                 data: updata,
                 success: function(t) {
                    getApp().my_warnning('加入购物车成功', 1, th,450);
+                   th.closeSpecModal();
                 }
               });
             } else {
@@ -781,6 +783,7 @@ Page({
                 data: newd,
                 success: function(t) {
                    getApp().my_warnning('加入购物车成功', 1, th,450);
+                   th.closeSpecModal();
                 }
               });
             }
@@ -1349,6 +1352,9 @@ Page({
                    if(res.data.data.pageData && res.data.data.pageData.length>0){
                      cda[ind].replay_list=res.data.data.pageData;
                    }
+                   if(ep.weapp_img!="" && ut.isString(ep.weapp_img)){
+                      cda[ind].weapp_img=JSON.parse(ep.weapp_img);
+                   }
               })
         }
       }
@@ -2712,7 +2718,7 @@ Page({
   // 选择门店
  choice_store:function(ee){
    var th=this;
-   var ind=ee.currentTarget.dataset.ind;
+   //var ind=ee.currentTarget.dataset.ind;
    var bconfig = th.data.bconfig;
    if (bconfig.is_sort_storage){
@@ -2744,7 +2750,7 @@ Page({
    })
    }
    this.setData({
-     open_ind_store: ind,
+     //open_ind_store: ind,
      store:1,
      openSpecModal: !1,
      openSpecModal_pt: !1
@@ -387,7 +387,8 @@
                 </view>
               </view>
               <view class="xc_goods-img-frame">
-                    <image wx:if="{{item.img[0]!=undefined && item.img[0]!=null}}" class="xc_goods-img" src='{{iurl+item.img[0]}}'></image>
+                  <image wx:if="{{item.img[0]!=undefined && item.img[0]!=null}}" class="xc_goods-img" src='{{iurl+item.img[0]}}'></image>
+                  <image wx:elif="{{item.weapp_img[0]!=undefined && item.weapp_img[0]!=null}}" class="xc_goods-img" src='{{item.weapp_img[0]}}'></image>
                   <image wx:else class="xc_goods-img" src='{{gallery[0].image_url}}'></image>
               </view>
             </view>
@@ -621,8 +622,13 @@
               </view>
             </view>
-            <view class="iddle-goods-img">
-              <image bindtap="previewCommentImgs" class="goods-img" wx:for="{{item.img}}" wx:key="{{index}}" data-cidx="{{cIdx}}" data-id="{{index}}" src="{{iurl}}{{item}}"></image>
+            <view class="iddle-goods-img" wx:if="{{item.source_type==0}}">
+                <image bindtap="previewCommentImgs" class="goods-img" wx:for="{{item.img}}"  data-cidx="{{cIdx}}" data-id="{{index}}" src="{{iurl}}{{item}}"></image>
+            </view>
+            <view class="iddle-goods-img" wx:else>
+               <image bindtap="previewCommentImgs" class="goods-img"
+                      wx:for="{{item.weapp_img}}" wx:if="{{aitem.length>10}}"
+                      wx:for-item="aitem"  data-cidx="{{cIdx}}" data-id="{{index}}" src="{{aitem}}"></image>
             </view>
             <view class="z_parameter">
-<!-- <view class="goods-mes pd-bg-fff">
-    <view class="goods-img">
-        <image class="wh100" src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image>
-    </view>
-    <view class="goods-des">
-        <view class="goods-name ellipsis-1">{{options.goods_name}}</view>
-        <view class="goods-package ellipsis-1">￥{{options.price}}</view>
-    </view>
-</view>
-<view class="evaluation">
-    <textarea bindinput="keyUpChangeNum" class="word-box" maxlength="500" placeholder="写下购买体会和使用感受来帮助其他小伙伴吧~"></textarea>
-    <view class="words-num">{{maxWord}}/500</view>
-</view>
-
-<!------
-<view class="pic-list pd-bg-fff">
-    <view class="share-pic" wx:for="{{5}}" wx:key="{{index}}">
-        <image bindlongtap="removePhoto" bindtap="selectPhotos" class="wh100" data-idx="{{index}}" src="{{filePaths[index]?filePaths[index]:defaultPhoto}}"></image>
-    </view>
-</view>------->
-
-<!-- <view class="anonymous">
-    <icon bindtap="checkAnonymous" color="{{is_anonymous?'red':'gray'}}" size="20" type="success"></icon> 匿名评价
-</view> -->
-<!-- <view class="score-list pd-bg-fff">
-    <view class="score-title">
-        <view>评分</view>
-        <view>满意请给5分哦</view>
-    </view>
-    <view class="score-item">
-        <view>商品符合度</view>
-        <view class="stars">
-            <image bindtap="checkGoodsRank" data-i="{{index}}" src="{{index<goods_rank?iurl+'/miniapp/images/star-red.png':iurl+'/miniapp/images/star-gray.png'}}" wx:for="{{5}}" wx:key="{{index}}"></image>
-        </view>
-    </view>
-    <view class="score-item">
-        <view>店家服务态度</view>
-        <view class="stars">
-            <image bindtap="checkServiceRank" data-i="{{index}}" src="{{index<service_rank?iurl+'/miniapp/images/star-red.png':iurl+'/miniapp/images/star-gray.png'}}" wx:for="{{5}}" wx:key="{{index}}"></image>
-        </view>
-    </view>
-    <view class="score-item">
-        <view>物流发货速度</view>
-        <view class="stars">
-            <image bindtap="checkDeliverRank" data-i="{{index}}" src="{{index<deliver_rank?iurl+'/miniapp/images/star-red.png':iurl+'/miniapp/images/star-gray.png'}}" wx:for="{{5}}" wx:key="{{index}}"></image>
-        </view>
-    </view>
-</view>
-<view class="btn-wrap">
-    <view bindtap="submitComment" class="submit-btn">提 交</view>
-</view> -->
-<view>
+<view class="commoditymax">
   <!-- 商品评价 -->
   <view class='commodity'>
     <!-- 商品信息 -->
-    <view class='information flex-vertical'>
-      <image  src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image>
+    <navigator class='information flex-vertical' url="{{'/pages/goods/goodsInfo/goodsInfo?goods_id='+options.goods_id}}">
+      <image src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image>
       <view class="goods_name xc-black">
         <!-- 商品名称 -->
-        <view class='ellipsis-2 fs32'>{{options.goods_name}}我弄饭v的v哦女v绝我弄饭v的v哦女v绝望愤怒冻死我弄饭v的v哦女v绝望愤怒冻死望愤怒冻死</view>
+        <view class='ellipsis-2 fs32'>{{options.goods_name}}</view>
         <!-- 商品价格，数量 -->
         <view class='flex jc_sb balin'>
           <!-- 价格 -->
@@ -76,14 +25,12 @@
       </view>
-    </view>
+    </navigator>
     <!-- 商品评价信息 -->
     <view class="addComment">
-      <textarea class="fs24" placeholder="已经收到商品,快跟大家分享一下宝贝吧!"
-                bindinput="txtInpt"
-                placeholder-class="fs24" maxlength="500" value="{{content}}"></textarea>
+      <textarea class="fs24" placeholder="已经收到商品,快跟大家分享一下宝贝吧!" bindinput="txtInpt" placeholder-class="fs24" maxlength="500" value="{{content}}"></textarea>
       <view class="flex addimages">
         <!-- 评论图片集合 -->
         <view class="images">
@@ -122,23 +69,26 @@
       <view class="score-item flex-vertical">
         <view class="fs24">描述相符</view>
         <view class="stars flex-vertical">
-          <image data-i="{{index}}" src="{{index<goods_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"
-                 wx:for="{{5}}" wx:key="{{index}}" bindtap="checkGoodsRank"></image>
+          <view class="flex-vertical" data-i="{{index}}" wx:for="{{5}}" wx:key="{{index}}" bindtap="checkGoodsRank">
+            <image src="{{index<goods_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"></image>
+          </view>
         </view>
       </view>
       <view class="score-item flex-vertical">
         <view class="fs24">物流服务</view>
         <view class="stars flex-vertical">
-          <image bindtap="checkDeliverRank" data-i="{{index}}" src="{{index<deliver_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"
-                 wx:for="{{5}}" wx:key="{{index}}"></image>
+          <view class="flex-vertical" bindtap="checkDeliverRank" data-i="{{index}}" wx:for="{{5}}" wx:key="{{index}}">
+            <image src="{{index<deliver_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"></image>
+          </view>
         </view>
       </view>
       <view class="score-item flex-vertical">
         <view class="fs24">服务态度</view>
         <view class="stars flex-vertical">
-          <image src="{{index<service_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"
-                 bindtap="checkServiceRank" data-i="{{index}}" wx:for="{{5}}" wx:key="{{index}}"></image>
+          <view class="flex-vertical" bindtap="checkServiceRank" data-i="{{index}}" wx:for="{{5}}" wx:key="{{index}}">
+            <image src="{{index<service_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}"></image>
+          </view>
         </view>
       </view>
@@ -152,7 +102,7 @@
 <view class=" Whether ">
   <!-- 选择是否匿名 -->
   <view class="allClick flex-right-vertical" bindtap="checkAnonymous">
-    <icon class="radio"  size="15" type="success"  color="{{is_anonymous?'red':'gainsboro'}}"></icon>
+    <icon class="radio" size="15" type="success" color="{{is_anonymous?'red':'gainsboro'}}"></icon>
     <view class="fs24 ">匿名评价</view>
   </view>
-/* .goods-mes {
-    height: 100rpx;
-    display: flex;
-    padding: 30rpx;
-    justify-content: space-between;
+page{
+  overflow-x: hidden;
+   overflow-y: hidden;
 }
-
-.goods-img {
-    width: 100rpx;
-    height: 100rpx;
-    overflow: hidden;
-}
-
-.goods-des {
-    width: 560rpx;
-}
-
-.goods-des>view {
-    width: 100%;
-    height: 32rpx;
-    line-height: 1;
-    font-size: 32rpx;
-    color: #444;
-}
-
-.goods-package {
-    margin-top: 36rpx;
-}
-
-.evaluation {
-    padding: 30rpx 30rpx;
-    position: relative;
-    font-size: 28rpx;
-}
-
-.word-box {
-    color: #444;
-    line-height: 40rpx;
-    width: 100%;
-    height: 200rpx;
-}
-
-.words-num {
-    position: absolute;
-    right: 30rpx;
-    bottom: 30rpx;
-    color: #777;
-}
-
-.pic-list {
-    padding: 40rpx 20rpx 20rpx;
-    display: flex;
-    justify-content: space-around;
-}
-
-.share-pic {
-    width: 126rpx;
-    height: 126rpx;
-    border: 1px solid #ddd;
-    overflow: hidden;
-}
-
-.anonymous {
-    height: 60rpx;
-    padding: 0 20rpx 20rpx;
-    background-color: #fff;
-    display: flex;
-    align-items: center;
-    font-size: 30rpx;
-    color: #777;
-}
-
-.anonymous>icon {
-    margin-right: 20rpx;
-}
-
-.score-list {
-    margin-top: 20rpx;
-}
-
-.score-list>view {
-    display: flex;
-    justify-content: space-between;
-    font-size: 30rpx;
-    color: #444;
-}
-
-.score-title {
-    height: 90rpx;
-    line-height: 90rpx;
-    border-bottom: 1px solid #eee;
-}
-
-.score-item {
-    align-items: center;
-    height: 80rpx;
-}
-
-.stars {
-    display: flex;
-}
-
-.stars image {
-    width: 44rpx;
-    height: 40rpx;
-}
-
-.btn-wrap {
-    padding: 20rpx 0;
-    background-color: #fff;
-    border-top: 1px solid #eee;
-}
-
-.submit-btn {
-    width: 320rpx;
-    height: 80rpx;
-    line-height: 80rpx;
-    text-align: center;
-    background-color: #f15353;
-    color: #fff;
-    margin: auto;
-} */
-
 /* 商品详情和评价 */
-
+.commoditymax{
+  overflow: hidden;
+}
 .commodity {
   height: 715rpx;
   border-top: 6rpx solid rgb(245, 245, 245);
@@ -245,16 +128,20 @@
 .Grade .score-item .stars {
   margin-left: 83rpx;
 }
+.Grade .score-item .stars view{
+    width: 60rpx;
+    height: 55rpx;
+}
 .Grade .score-item .stars image {
   width: 35rpx;
   height: 35rpx;
-  margin-right: 28rpx;
 }
-
+.Whether {
+  padding:0rpx 31rpx;
+}
 .Whether .flex-right-vertical {
   height: 67rpx;
-  padding-right: 31rpx;
 }
 .Whether .flex-right-vertical .radio {
@@ -34,7 +34,7 @@
     <view class="detail_commoditys">
       <!-- 单个商品 -->
       <view>
-        <view class="detail_commodity flex-vertical padding border_bottom">
+        <navigator class="detail_commodity flex-vertical padding border_bottom" url="{{'/pages/goods/goodsInfo/goodsInfo?goods_id='+item.goods_id}}">
           <!-- 商品图片 -->
           <image src="{{item.original_img}}" binderror="bind_bnerr2" data-errorimg="comments[{{index}}].original_img"></image>
           <!-- 商品内容 -->
@@ -57,7 +57,7 @@
               <view class="fs26">x{{item.goods_num}}</view>
             </view>
           </view>
-        </view>
+        </navigator>
         <!-- 评论信息 -->
         <view class="Commodity_evaluation padding border_bottom" wx:if="{{item.comment_id>0}}">
           <!-- 评价星级 -->