mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-19 07:46:43 +08:00
feat(messages): 添加点踩反馈功能并优化交互逻辑
This commit is contained in:
@@ -44,6 +44,7 @@
|
|||||||
<img :src="messageData.isLike == 1 ? require('@/assets/images/case/zan-yes.svg') : require('@/assets/images/case/zan.svg')"
|
<img :src="messageData.isLike == 1 ? require('@/assets/images/case/zan-yes.svg') : require('@/assets/images/case/zan.svg')"
|
||||||
@click="toggleStar(1)" alt="zan" class="zan_img">
|
@click="toggleStar(1)" alt="zan" class="zan_img">
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
<el-tooltip class="item" effect="dark" content="点踩" placement="bottom">
|
||||||
<el-popover placement="bottom" trigger="manual" v-model="caiDialogShow">
|
<el-popover placement="bottom" trigger="manual" v-model="caiDialogShow">
|
||||||
<div class="feedback-class">
|
<div class="feedback-class">
|
||||||
<span>反馈</span>
|
<span>反馈</span>
|
||||||
@@ -58,11 +59,11 @@
|
|||||||
<div style="text-align: right; margin: 0">
|
<div style="text-align: right; margin: 0">
|
||||||
<el-button style="margin-top: 10px;" type="primary" size="mini" @click="handleSure">确定</el-button>
|
<el-button style="margin-top: 10px;" type="primary" size="mini" @click="handleSure">确定</el-button>
|
||||||
</div>
|
</div>
|
||||||
<!-- 修改为根据 isLike 值判断状态,使用 == 而不是 === -->
|
|
||||||
<img slot="reference"
|
<img slot="reference"
|
||||||
:src="messageData.isLike == -1 ? require('@/assets/images/case/cai-yes.svg') : require('@/assets/images/case/cai.svg')"
|
:src="messageData.isLike == -1 ? require('@/assets/images/case/cai-yes.svg') : require('@/assets/images/case/cai.svg')"
|
||||||
@click="toggleStar(-1)" alt="cai" class="zan_img" style="margin-left:10px">
|
@click="toggleStar(-1)" alt="cai" class="zan_img" style="margin-left:10px">
|
||||||
</el-popover>
|
</el-popover>
|
||||||
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -195,6 +196,7 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
newIsLike = type;
|
newIsLike = type;
|
||||||
if (type === -1) {
|
if (type === -1) {
|
||||||
|
this.feedbackText = ''
|
||||||
this.caiDialogShow = true;
|
this.caiDialogShow = true;
|
||||||
} else {
|
} else {
|
||||||
this.caiDialogShow = false;
|
this.caiDialogShow = false;
|
||||||
@@ -221,6 +223,10 @@ export default {
|
|||||||
},
|
},
|
||||||
// 确定
|
// 确定
|
||||||
handleSure() {
|
handleSure() {
|
||||||
|
if(this.feedbackText == ''){
|
||||||
|
this.$message({ type: "error", message: "请输入反馈内容"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
let params = {
|
let params = {
|
||||||
docId: this.messageData.docId,
|
docId: this.messageData.docId,
|
||||||
feedback: this.feedbackText
|
feedback: this.feedbackText
|
||||||
|
|||||||
Reference in New Issue
Block a user