From 141a23fa9ba507a103ebd4d8f26e487f85d994ae Mon Sep 17 00:00:00 2001
From: lihaoyuan <18278596806@163.com>
Date: Thu, 14 Aug 2025 18:38:04 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=96=B0=E5=A2=9E=E4=B8=BE=E6=8A=A5?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/base/config.js                     |  16 ++
 src/config/net.config.js                   |   2 +
 src/utils/routes.js                        |  16 ++
 src/views/settings/config/report.vue       | 253 +++++++++++++++++++++
 src/views/settings/config/reportDetail.vue | 175 ++++++++++++++
 5 files changed, 462 insertions(+)
 create mode 100644 src/views/settings/config/report.vue
 create mode 100644 src/views/settings/config/reportDetail.vue

diff --git a/src/api/base/config.js b/src/api/base/config.js
index 343fcf3..d5b25ee 100644
--- a/src/api/base/config.js
+++ b/src/api/base/config.js
@@ -64,3 +64,19 @@ export function getSmsRecord(params) {
     params,
   })
 }
+export function getReportList(){
+  return request({
+    url:URL.account.base.config.report_list,
+    method:'get',
+  })
+}
+export function dealReport(data){
+  return request({
+    url:URL.account.base.config.deal_report,
+    method:'post',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    data: JSON.stringify(data)
+  })
+}
\ No newline at end of file
diff --git a/src/config/net.config.js b/src/config/net.config.js
index 157b1b3..bfe928b 100644
--- a/src/config/net.config.js
+++ b/src/config/net.config.js
@@ -255,6 +255,8 @@ let url = {
         editLanguage:
           api_url + '/admin/account/account-base-config/editLanguage',
         cleanCache: api_url + '/admin/account/account-base-config/cleanCache',
+        report_list: api_url+'/admin/sns/snsUserReport/list',
+        deal_report:'/admin/sns/snsUserReport/dealReport',
       },
 
       user: {
diff --git a/src/utils/routes.js b/src/utils/routes.js
index 6834801..5ad9050 100644
--- a/src/utils/routes.js
+++ b/src/utils/routes.js
@@ -84,7 +84,23 @@ export function convertRouter(asyncRoutes) {
 
       route.children.push(obj)
     }
+    if (route.meta.title == '设置') {
+      const obj = {
+        path: '/report',
+        component: '@/views/settings/config/report.vue',
+        name: 'Vab86001',
+        redirect: null,
+        meta: {
+          title: '举报中心',
+          icon: '',
+          noClosable: 0,
+          hidden: null,
+        },
+        menuHidden: false,
+      }
 
+      route.children.push(obj)
+    }
     if (route.meta.title == '基础') {
       const cloudPrintRoute = {
         path: '/cloudPrint',
diff --git a/src/views/settings/config/report.vue b/src/views/settings/config/report.vue
new file mode 100644
index 0000000..349b82d
--- /dev/null
+++ b/src/views/settings/config/report.vue
@@ -0,0 +1,253 @@
+<template>
+  <div class="report_container">
+    <div class="filter">
+      <el-input
+        v-model="filter.reportName"
+        class="input_item"
+        clearable
+        placeholder="请输入举报人或举报人的手机号/ID/昵称"
+        prefix-icon="el-icon-search"
+      />
+      <el-select
+        v-model="filter.state"
+        clearable
+        filterable
+        placeholder="选择处理状态"
+      >
+        <el-option
+          v-for="item in reportList"
+          :key="item.report_id"
+          :label="item.report_name"
+          :value="item.report_id"
+        />
+      </el-select>
+
+      <el-button size="medium" type="primary" @click="handleSearch">
+        查询
+      </el-button>
+    </div>
+    <div class="list">
+      <el-table
+        ref="reportTable"
+        :data="tableData"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="举报正文" prop="reportContent" width="180px"/>
+        <el-table-column label="举报凭证" prop="reportVerify">
+          <template #default="scope">
+            <div v-if="scope.row.reportVerify && scope.row.reportVerify.length">
+              <el-image
+                v-for="(img, index) in scope.row.reportVerify"
+                :key="index"
+                :src="img.url"
+                :preview-src-list="scope.row.reportVerify.map(item => item.url)"
+                style="width: 50px; height: 50px; margin-right: 5px; cursor: pointer"
+                fit="cover"
+              />
+            </div>
+            <span v-else>无凭证</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="举报人昵称" prop="reporterName" width="100" />
+        <el-table-column
+          label="举报人手机号码"
+          prop="reporterNumber"
+          width="120"
+        />
+        <el-table-column label="举报时间" prop="reporterTime" />
+        <el-table-column label="状态" prop="state">
+          <template #default="scope">
+            <el-tag 
+              :type="scope.row.state === '未处理' ? 'warning' : 'success'"
+            >
+              {{ scope.row.state }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="被举报人名称" prop="reportedName" width="120" />
+        <el-table-column
+          label="被举报人手机号"
+          prop="reportedNumber"
+          width="130"
+        />
+        <el-table-column label="被举报人用户ID" prop="reportedId" width="130" />
+        <el-table-column label="操作">
+          <template #default="scope">
+            <el-button
+              plain
+              size="mini"
+              type="primary"
+              @click="handleReport(scope.row)"
+            >
+              处理举报
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        background
+        :current-page="pagination.pageNum"
+        layout="total, sizes, prev, pager, next, jumper"
+        :page-size="pagination.pageSize"
+        :total="pagination.total"
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+      />
+      <ReportDetail ref="handleReport" @success="handleSuccess" />
+    </div>
+  </div>
+</template>
+<script>
+import ReportDetail from './reportDetail.vue';
+import { getReportList } from '@/api/base/config';
+export default {
+  components: {
+    ReportDetail
+  },
+  data() {
+    return {
+      filter: {
+        reportName: '',
+        state: '',
+      },
+      // 处理状态下拉选项
+      reportList: [
+        { report_id: 0, report_name: "未处理" },
+        { report_id: 1, report_name: "已处理" }
+      ],
+      tableData: [],
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 0,
+        pages: 0
+      },
+      multipleSelection: []
+    }
+  },
+  mounted() {
+    this.handleReportList();
+  },
+  methods: {
+    // 处理举报
+    handleReport(row) {
+      this.$refs.handleReport.open(row);
+    },
+    // 处理成功后刷新列表
+    handleSuccess() {
+      this.handleReportList();
+    },
+    // 选择项变化
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    // 获取举报列表数据
+    async handleReportList() {
+      try {
+        const params = {
+          pageNum: this.pagination.pageNum,
+          pageSize: this.pagination.pageSize,
+          reportName: this.filter.reportName,
+          state: this.filter.state
+        };
+        
+        let res = await getReportList(params);
+        
+        // 处理表格数据
+        this.tableData = (res.records || []).map(item => ({
+          id: item.id,
+          reportContent: item.reportContent,
+          reportVerify: item.evidenceImages 
+            ? JSON.parse(item.evidenceImages)
+            : [],
+          reporterName: item.reporterNickname,
+          reporterNumber: item.reporterPhone || '无',
+          reporterTime: item.createdAt,
+          state: this.getStatusText(item.processingStatus),
+          reportedName: item.reportedNickname,
+          reportedNumber: item.reportedPhone || '无',
+          reportedId: item.reportedUserId
+        }));
+
+        // 处理分页数据
+        this.pagination = {
+          ...this.pagination,
+          total: res.total || 0,
+          pageNum: res.current || 1,
+          pageSize: res.size || 10,
+          pages: res.pages || 0
+        };
+      } catch (error) {
+        console.error('获取举报列表失败:', error);
+        this.$message.error('获取数据失败，请重试');
+      }
+    },
+    // 分页页码变化
+    handleCurrentChange(val) {
+      this.pagination.pageNum = val;
+      this.handleReportList();
+    },
+    // 分页大小变化
+    handleSizeChange(val) {
+      this.pagination.pageSize = val;
+      this.pagination.pageNum = 1;
+      this.handleReportList();
+    },
+    // 搜索
+    handleSearch() {
+      this.pagination.pageNum = 1;
+      this.handleReportList();
+    },
+    //状态设置
+    getStatusText(status) {
+      switch (status) {
+        case 0:
+          return '未处理';
+        case 1:
+          return '已受理';
+        case 2:
+          return '已驳回';
+        case 3:
+          return '处理完成';
+        default:
+          return '未知状态';
+      }
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.filter {
+  display: flex;
+  align-items: center;
+  padding: 20px;
+  margin-bottom: 15px;
+  gap: 10px;
+  border-radius: 5px;
+  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
+  background: #fff;
+
+  .input_item {
+    width: 250px;
+  }
+}
+.list {
+  background: #fff;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border-radius: 5px;
+  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
+}
+.tool {
+  display: flex;
+  gap: 10px;
+  ::v-deep .el-button {
+    margin-left: 0 !important;
+  }
+}
+</style>
diff --git a/src/views/settings/config/reportDetail.vue b/src/views/settings/config/reportDetail.vue
new file mode 100644
index 0000000..a157e5a
--- /dev/null
+++ b/src/views/settings/config/reportDetail.vue
@@ -0,0 +1,175 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    title="处理举报"
+    width="600px"
+    :before-close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+      <el-form-item label="处理状态" prop="processingStatus">
+        <el-select
+          v-model="form.processingStatus"
+          placeholder="请选择处理状态"
+          @change="handleStatusChange"
+        >
+          <el-option label="受理中" value="1" />
+          <el-option label="证据不足" value="2" />
+          <el-option label="已处理" value="3" />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        label="处理结果"
+        prop="processingResult"
+        v-if="['2', '3'].includes(form.processingStatus)"
+      >
+        <el-input
+          v-model="form.processingResult"
+          type="textarea"
+          rows="3"
+          placeholder="请输入处理结果"
+        />
+      </el-form-item>
+
+      <!-- 处理佐证材料（仅状态3时显示） -->
+      <el-form-item label="佐证材料" v-if="form.processingStatus === '3'">
+        <PicUpload
+          :width="148"
+          :height="148"
+          :showFileList="true"
+          :fileList="uploadFiles"
+          @get-file="handleGetFile"
+          @remove-file="handleRemoveFile"
+        />
+        <div style="margin-top: 10px; font-size: 12px; color: #666">
+          支持上传图片作为处理佐证
+        </div>
+      </el-form-item>
+    </el-form>
+    <div slot="footer">
+      <el-button @click="handleClose">取消</el-button>
+      <el-button type="primary" @click="handleSubmit">提交处理</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { dealReport } from '@/api/base/config';
+import PicUpload from '@/components/material/PicUpload.vue';
+
+export default {
+  components: {
+    PicUpload,
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        id: null, // 举报记录ID
+        processingStatus: '', // 处理状态（1/2/3）
+        processingResult: '', // 处理结果（状态2/3需传）
+        processingEvidenceImages: [], // 佐证材料（状态3需传）
+      },
+      rules: {
+        processingStatus: [
+          { required: true, message: '请选择处理状态', trigger: 'change' },
+        ],
+        processingResult: [
+          { required: true, message: '请输入处理结果', trigger: 'blur' },
+        ],
+      },
+      uploadFiles: [], // 上传的图片列表（临时存储）
+    };
+  },
+  methods: {
+    open(row) {
+      this.visible = true;
+      this.form = {
+        ...this.form,
+        id: row.id,
+        processingStatus: '',
+        processingResult: '',
+        processingEvidenceImages: [],
+      };
+      this.uploadFiles = []; // 清空历史上传图片
+    },
+
+    // 处理状态变化时触发（重置相关字段）
+    handleStatusChange(val) {
+      if (val === '1') {
+        this.form.processingResult = '';
+        this.uploadFiles = [];
+        this.form.processingEvidenceImages = [];
+      } else if (val === '2') {
+        this.uploadFiles = [];
+        this.form.processingEvidenceImages = [];
+      }
+    },
+
+    // 图片上传组件的回调：获取文件
+    handleGetFile(files) {
+      this.uploadFiles = files;
+      this.form.processingEvidenceImages = files.map(file => ({
+        url: file,
+        description: '处理佐证材料'
+      }));
+    },
+
+    // 图片上传组件的回调：移除文件
+    handleRemoveFile(files) {
+      this.uploadFiles = files;
+      this.form.processingEvidenceImages = files.map(file => ({
+        url: file,
+        description: '处理佐证材料'
+      }));
+    },
+
+    async handleSubmit() {
+      this.$refs.form.validate(async (valid) => {
+        if (!valid) return;
+
+        // 根据状态整理提交参数（只保留必要字段）
+        const submitData = {
+          id: this.form.id,
+          processingStatus: this.form.processingStatus,
+        };
+
+        // 状态2或3：添加处理结果
+        if (['2', '3'].includes(this.form.processingStatus)) {
+          submitData.processingResult = this.form.processingResult;
+        }
+
+        // 状态3：添加佐证材料
+        if (this.form.processingStatus === '3') {
+          if (this.form.processingEvidenceImages.length === 0) {
+            return this.$message.warning('请上传佐证材料');
+          }
+          // 将数组转换为 JSON 字符串
+          submitData.processingEvidenceImages = JSON.stringify(this.form.processingEvidenceImages);
+        }
+
+        // 调用提交接口
+        try {
+          await dealReport(submitData); // 提交处理结果的接口
+          this.$message.success('处理成功');
+          this.visible = false;
+          this.$emit('success'); // 通知父组件刷新列表
+        } catch (err) {
+          this.$message.error('处理失败：' + (err.message || '未知错误'));
+        }
+      });
+    },
+
+    // 关闭弹窗
+    handleClose() {
+      this.visible = false;
+      this.$refs.form.resetFields(); // 重置表单
+      this.uploadFiles = []; // 清空上传文件
+    },
+  },
+};
+</script>
+
+<style scoped>
+.upload-demo {
+  margin-top: 10px;
+}
+</style>