陶杰
2024-12-18 210866e6342fe6b0beee90171e6373b880a1f7b9
pages/order/comment/order-comment.vue
@@ -113,6 +113,20 @@
      },
      methods: {
         // 改变匿名状态
         changeAnonyMity(item){
            //如果item.anonymityFalg 不存在,则为0,如果点击则为相反数
            item.anonymityFalg=item.anonymityFalg==1?0:1
            return item.anonymityFalg
            // if(item.anonymityFalg){
            //    item.anonymityFalg=!item.anonymityFalg
            //    return item.anonymityFalg
            // }else{
            //    item.anonymityFalg=0
            //    item.anonymityFalg=!item.anonymityFalg
            //    return item.anonymityFalg
            // }
         },
         
         async submitCommit(){
            console.log("提交评价")
@@ -497,6 +511,7 @@
                        }).catch(res => {
                           that.$message.hideLoading()
                           console.error(res)
                           that.$message.showToast('文件上传失败,请联系管理员')
                        })
                     }
                  }
@@ -535,6 +550,7 @@
                        }).catch(res => {
                           that.$message.hideLoading()
                           console.error(res)
                           that.$message.showToast('文件上传失败,请联系管理员')
                        })
                     }
                  }
@@ -601,6 +617,11 @@
               // }, 1200)
            }
         },
         toggleAnonymity(item) {
               // 切换 anonymityFalg 值,1 表示匿名,0 表示非匿名
            item.anonymityFalg = 1
         },
      },
   }
</script>
@@ -630,23 +651,42 @@
                     </view>
                  </u-col>
                  <u-col span="2">
                     <u-rate count="5" v-model="item.commentGrade"></u-rate>
                  </u-col>
               </u-row>
               <u-row justify="space-between">
                  <u-col span="2">
                  </u-col>
                  <u-col >
                     <view><u-rate count="5" v-model="item.commentGrade" size="30"></u-rate></view>
                  </u-col>
               </u-row>
               <u-row  v-if=" item.commentGrade>0 ">
                  <u-col span="12">
                     <u-radio-group v-model="item.anonymityFalg" :labelSize="10">
                        <u-radio  label="匿名" :name="1"></u-radio>
                     </u-radio-group>
                     <u--textarea v-model="item.comment" placeholder="请输入内容"  count></u--textarea>
                     <view class="component-button-upload" @click="uploadIcon(item,'image')"></view>
                     <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
                        v-if="item.pictureList&&item.pictureList.length>0">
                        <view class="m-t-12 m-r-10 " v-for="(tBanner,index2) of item.pictureList" :key="index2">
                           <!-- <image :src="tBanner" @click.stop="previewImg(tBanner)" width="30px" height="30px" style=  ></image> -->
                           <u--image :showLoading="true" :src="tBanner" width="50px" height="50px"></u--image>
                           <view class="t-red text-center" @click.stop="deleteImg(item,index2)">删除</view>
                  <u-col span="12" >
                     <view class="comment-content-div">
                        <view  class="comment-content-div flex ">
                           <!-- <u-radio-group v-model="item.anonymityFalg" :labelSize="10">
                              <u-radio  label="匿名" :name="1"></u-radio>
                           </u-radio-group> -->
                           <view :style="{'margin-top': '5rpx','margin-right': '12rpx','font-size':'24rpx'}"
                              @click="changeAnonyMity(item)" class="component-radio" :class="[item.anonymityFalg?'cur':'']" ></view>
                              匿名
                        </view>
                        <view  class="comment-content-div">
                           <u--textarea v-model="item.comment" placeholder="请输入内容"  count autoHeight  :height="150" ></u--textarea>
                        </view>
                        <view  class="comment-content-div">
                           <view class="component-button-upload" @click="uploadIcon(item,'image')"></view>
                           <view class="flex p20" style="padding-top: 0rpx;padding-bottom: 10rpx"
                              v-if="item.pictureList&&item.pictureList.length>0">
                              <view class="m-t-12 m-r-10 " v-for="(tBanner,index2) of item.pictureList" :key="index2">
                                 <!-- <image :src="tBanner" @click.stop="previewImg(tBanner)" width="30px" height="30px" style=  ></image> -->
                                 <u--image :showLoading="true" :src="tBanner" width="50px" height="50px"></u--image>
                                 <view class="t-red text-center" @click.stop="deleteImg(item,index2)">删除</view>
                              </view>
                           </view>
                        </view>
                     </view>
                  </u-col>
@@ -896,6 +936,10 @@
         }
      }
      .comment-content-div{
         margin: 10rpx;
      }
   }
</style>