From c754e1304799c932b1aabe7a85960d29274791b7 Mon Sep 17 00:00:00 2001
From: 陶杰 <1378534974@qq.com>
Date: 星期三, 18 十二月 2024 09:50:28 +0800
Subject: [PATCH] 1.售后图片可以选择多张，并发向服务器请求上传功能，避免响应过长服务器假死
---
pages/order/comment/order-comment.vue | 72 +++++++++++++++++++++++++++++-------
1 files changed, 58 insertions(+), 14 deletions(-)
diff --git a/pages/order/comment/order-comment.vue b/pages/order/comment/order-comment.vue
index c595b6c..defd604 100644
--- a/pages/order/comment/order-comment.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3