zhangjiabao
8 months ago
parent
b44f6950b2
commit
d88bef6ca9
@ -0,0 +1,279 @@
|
||||
<!--
|
||||
* @Author: zhangjiabao
|
||||
* @Date: 2024-02-06 09:41:22
|
||||
* @LastEditors: zhangjiabao
|
||||
* @LastEditTime: 2024-02-07 00:31:46
|
||||
* @FilePath: /luoo_manage_fe/src/views/comment/commentReportDetail.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="card-header clearfix">
|
||||
<span class="card-header-text">{{
|
||||
["举报详情", "举报处理"][type]
|
||||
}}</span>
|
||||
<el-button
|
||||
style="float: right; margin-top: -5px;"
|
||||
type="primary"
|
||||
icon="el-icon-back"
|
||||
size="small"
|
||||
@click="jumpToCommentReport"
|
||||
>返回列表</el-button
|
||||
>
|
||||
</div>
|
||||
<el-descriptions :column="1" size="medium" border v-loading="loading">
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
编号
|
||||
</template>
|
||||
{{ data.d_index }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报类型
|
||||
</template>
|
||||
{{ data.d_type }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报人
|
||||
</template>
|
||||
{{ data.d_report_user }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报时间
|
||||
</template>
|
||||
{{ data.d_report_time }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报对象
|
||||
</template>
|
||||
{{ data.d_report_be_user }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报状态
|
||||
</template>
|
||||
{{ data.d_report_status }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
举报内容
|
||||
</template>
|
||||
{{ data.d_report_content }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-descriptions
|
||||
:column="1"
|
||||
size="medium"
|
||||
border
|
||||
style="margin-top: 18px;"
|
||||
v-if="type === 0 || type === '0'"
|
||||
>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">
|
||||
处理备注
|
||||
</template>
|
||||
{{ data.d_hanedl_remark }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div
|
||||
v-if="type === 1 || type === '1'"
|
||||
style="text-align: center; margin-top: 18px;"
|
||||
>
|
||||
<el-button type="primary" @click="handelReportYes">有效举报</el-button>
|
||||
<el-button type="danger" @click="handelReportNo">无效举报</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-dialog
|
||||
class="popup-dialog"
|
||||
title="举报处理"
|
||||
:visible="true"
|
||||
v-if="handelDialog.visible"
|
||||
width="40%"
|
||||
top="60px"
|
||||
append-to-body
|
||||
:before-close="handleHandelDialogBeforeClose"
|
||||
>
|
||||
<el-form ref="handelForm" label-position="right" label-width="80px">
|
||||
<el-form-item label="处罚措施">
|
||||
<el-select v-model="handelDialog.data.hd_d_way" size="small">
|
||||
<el-option label="删除评论并冻结" value="0"></el-option>
|
||||
<el-option label="删除评论" value="1"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="处罚时间">
|
||||
<el-input-number
|
||||
size="small"
|
||||
v-model="handelDialog.data.hd_d_time"
|
||||
></el-input-number>
|
||||
<span>天</span>
|
||||
<br />
|
||||
<span style="font-size:13px;color: #999999;"
|
||||
>该会员将冻结评论功能天数</span
|
||||
>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input
|
||||
style="width:80%"
|
||||
size="small"
|
||||
type="textarea"
|
||||
v-model="handelDialog.data.hd_d_remark"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer">
|
||||
<el-button size="small" type="primary" @click="onSubmitHandel"
|
||||
>确定</el-button
|
||||
>
|
||||
<el-button size="small" @click="handelDialog.visible = false"
|
||||
>取消</el-button
|
||||
>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "CommentReportDetail",
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
type: 0,
|
||||
id: null,
|
||||
loading: false,
|
||||
data: {},
|
||||
handelDialog: {
|
||||
visible: false,
|
||||
data: {
|
||||
hd_d_way: "0",
|
||||
hd_d_time: 0,
|
||||
hd_d_remark: ""
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
this.type = this.$route.query.type;
|
||||
this.id = this.$route.query.id;
|
||||
|
||||
this.fetchData();
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
fetchData() {
|
||||
this.loading = true;
|
||||
setTimeout(() => {
|
||||
this.data = {
|
||||
d_index: this.id,
|
||||
d_type: "恶意评论",
|
||||
d_report_user: "左岸以西",
|
||||
d_report_time: "2023-03-22 11:05",
|
||||
d_report_be_user: "mask",
|
||||
d_report_status: "未处理",
|
||||
d_report_content: "###",
|
||||
d_hanedl_remark: "333333"
|
||||
};
|
||||
this.loading = false;
|
||||
}, 1000);
|
||||
},
|
||||
handelReportYes() {
|
||||
this.handelDialog.visible = true;
|
||||
},
|
||||
handelReportNo() {
|
||||
this.fetchData();
|
||||
},
|
||||
jumpToCommentReport() {
|
||||
this.$router.push(`/contentManage/commentReport`);
|
||||
},
|
||||
handleHandelDialogBeforeClose(done) {
|
||||
this.handelDialog.visible = false;
|
||||
this.fetchData();
|
||||
done();
|
||||
},
|
||||
onSubmitHandel() {
|
||||
console.log(this.handelDialog.data);
|
||||
this.handelDialog.visible = false;
|
||||
this.fetchData();
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.box-card {
|
||||
min-height: 300px;
|
||||
height: calc(100vh - 140px);
|
||||
border-radius: 10px;
|
||||
.el-card__header {
|
||||
background-color: rgba(249, 249, 249, 1);
|
||||
}
|
||||
}
|
||||
/deep/ .el-dialog {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.popup-dialog {
|
||||
.el-dialog__header {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
height: 50px;
|
||||
background-color: #f5f5f5f5;
|
||||
}
|
||||
.el-dialog__title {
|
||||
font-size: 15px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.el-dialog__footer {
|
||||
border-top: solid;
|
||||
border-top-width: thin;
|
||||
border-top-color: rgb(233, 233, 233);
|
||||
padding: 10px 20px 10px;
|
||||
}
|
||||
}
|
||||
.in-card-form {
|
||||
height: 60px;
|
||||
display: flex;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.card-header {
|
||||
height: 23px;
|
||||
}
|
||||
.app-container {
|
||||
font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular",
|
||||
"Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.card-header-text {
|
||||
font-family: "Microsoft YaHei Bold", "Microsoft YaHei Regular",
|
||||
"Microsoft YaHei", sans-serif;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
letter-spacing: normal;
|
||||
color: #333333;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue