合并

CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/TransactionController.java

@@ -134,4 +134,26 @@ public class TransactionController extends BaseController {
 		ResponseBean  transactionsUpdata= transactionService.deleteReply(paramets);
 		return transactionsUpdata;
 	}
+
+	@ApiOperation(value = "添加二手帖子评论",nickname ="添加二手帖子评论")
+	@ApiImplicitParams({
+			@ApiImplicitParam(paramType = "body", dataType = "String", name = "paramets", value ="id:帖子id，contentImg:评论所带图片,replyContent:评论内容" )})
+	@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "token")
+	@RequestMapping(value="/transactionReply/add",method = RequestMethod.POST)
+	public ResponseBean transactionReplyAdd(@RequestBody String paramets, HttpSession session){
+		UserElement userElement = getUserElement(session);
+		ResponseBean  transactionReplyAdd= transactionService.transactionReplyAdd(paramets,userElement);
+		return transactionReplyAdd;
+	}
+
+	@ApiOperation(value = "二手帖子举报列表",nickname ="二手帖子举报列表")
+	@ApiImplicitParams({
+			@ApiImplicitParam(paramType = "body", dataType = "String", name = "paramets", value =":举报人姓名，reportPhone：举报人电话,transactionId:帖子ID" )})
+	@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "token")
+	@RequestMapping(value="/transactionReportList",method = RequestMethod.POST)
+	public ResponseBean transactionReportList(@RequestBody String paramets, HttpSession session){
+		UserElement userElement = getUserElement(session);
+		ResponseBean  transactionReplyList= transactionService.transactionReportList(paramets,userElement);
+		return transactionReplyList;
+	}
 }

CODE/smart-community/property-api/src/main/java/com/community/huiju/dao/TransactionReportMapper.java

@@ -1,8 +1,13 @@
 package com.community.huiju.dao;
 
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.community.huiju.model.TpTicket;
 import com.community.huiju.model.TransactionReport;
 import com.baomidou.mybatisplus.core.mapper.BaseMapper;
 import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
 
 /**
  * <p>
@@ -14,5 +19,12 @@ import org.apache.ibatis.annotations.Mapper;
  */
 @Mapper
 public interface TransactionReportMapper extends BaseMapper<TransactionReport> {
-
+    /**
+     * 举报列表
+     * @param page
+     * @param reportUserNmae
+     * @param reportPhone
+     * @return
+     */
+    List<TransactionReport> transactionReportList(Page page, @Param("reportUserNmae") String reportUserNmae, @Param("reportPhone") String reportPhone,@Param("transactionId") Integer transactionId);
 }

CODE/smart-community/property-api/src/main/java/com/community/huiju/model/TransactionReply.java

@@ -1,6 +1,8 @@
 package com.community.huiju.model;
 
+import com.baomidou.mybatisplus.annotation.IdType;
 import com.baomidou.mybatisplus.annotation.TableField;
+import com.baomidou.mybatisplus.annotation.TableId;
 import com.baomidou.mybatisplus.annotation.TableName;
 import java.time.LocalDateTime;
 import java.io.Serializable;
@@ -26,6 +28,7 @@ public class TransactionReply implements Serializable {
 
     private static final long serialVersionUID = 1L;
 
+    @TableId(value = "id", type = IdType.AUTO)
     private Integer id;
     /**
      * 小区id

CODE/smart-community/property-api/src/main/java/com/community/huiju/model/TransactionReport.java

@@ -1,7 +1,10 @@
 package com.community.huiju.model;
 
+import com.baomidou.mybatisplus.annotation.TableField;
 import com.baomidou.mybatisplus.annotation.TableName;
 import java.io.Serializable;
+import java.time.LocalDateTime;
+
 import lombok.Data;
 import lombok.EqualsAndHashCode;
 import lombok.experimental.Accessors;
@@ -42,5 +45,33 @@ public class TransactionReport implements Serializable {
      */
     private Integer reporterId;
 
+    /**
+     * 举报原因
+     */
+    @TableField(exist = false)
+    private String reason;
+
+    /**
+     * 举报名字
+     */
+    @TableField(exist = false)
+    private String reportUserName;
+
+    /**
+     * 举报身份
+     */
+    @TableField(exist = false)
+    private String description;
+
+    /**
+     * 举报人手机号
+     */
+    @TableField(exist = false)
+    private String reportPhone;
+
+    /**
+     * 创建时间
+     */
+    private LocalDateTime createDate;
 
 }

CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITransactionService.java

@@ -73,4 +73,20 @@ public interface ITransactionService extends IService<TpTransaction> {
 	 * @return
 	 */
     ResponseBean deleteReply(String paramets);
+
+	/**
+	 * 添加二手帖子评论
+	 * @param paramets
+	 * @param userElement
+	 * @return
+	 */
+	ResponseBean transactionReplyAdd(String paramets, UserElement userElement);
+
+	/**
+	 * 二手帖子举报列表
+	 * @param paramets
+	 * @param userElement
+	 * @return
+	 */
+    ResponseBean transactionReportList(String paramets, UserElement userElement);
 }

CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TransactionServiceImpl.java

@@ -52,6 +52,9 @@ public class TransactionServiceImpl extends ServiceImpl<TpTransactionMapper, TpT
 	@Autowired
 	private TransactionReplyMapper transactionReplyMapper;
 
+	@Autowired
+	private TaUserMapper taUserMapper;
+
 
 	@Override
 	public ResponseBean getTransactionList(String parameter,Integer communityId) {
@@ -294,11 +297,86 @@ public class TransactionServiceImpl extends ServiceImpl<TpTransactionMapper, TpT
 		ResponseBean responseBean= new ResponseBean();
 		 JSONObject object= JSONObject.parseObject(paramets);
 	 	JSONArray array= object.getJSONArray("id");
-	 	Integer[]	Reply= array.toArray(new Integer[]{});
-	 	for (Integer id:Reply){
+	 	Integer[]	reply= array.toArray(new Integer[]{});
+	 	for (Integer id:reply){
 			transactionReplyMapper.deleteById(id);
 		}
 	 	responseBean.addSuccess("成功");
 		return responseBean;
 	}
+
+	@Override
+	public ResponseBean transactionReplyAdd(String paramets, UserElement userElement) {
+		ResponseBean response= new ResponseBean();
+		 JSONObject object= JSONObject.parseObject(paramets);
+		 Integer id= object.getInteger("id");
+		 String replyContent= object.getString("replyContent");
+		 JSONArray array= object.getJSONArray("contentImg");
+		// 根据此状态判断是回复帖子，还是回复人
+		Integer replyType= object.getInteger("replyType");
+		 // 查询帖子信息
+		TpTransaction tpTransaction= tpTransactionMapper.selectById(id);
+		// 查询评论信息
+		TransactionReply  Reply= transactionReplyMapper.selectById(id);
+		TransactionReply transactionReply= new TransactionReply();
+		int Type=replyType.intValue();
+		if (Type==1) {
+			transactionReply.setCommunityId(userElement.getCommunityId())
+					.setTransactionId(id)
+					.setTaUserId(userElement.getId())
+					.setTaUserName(userElement.getUserName())
+					.setReplyContent(replyContent)
+					.setReplyTaUserId(tpTransaction.getCreateUser())
+					.setReplyTaUserName(taUserMapper.selectById(tpTransaction.getTaUserId()).getUserName())
+					.setCreateDate(LocalDateTime.now());
+		}
+		if (Type!=1) {
+			transactionReply.setCommunityId(userElement.getCommunityId())
+					.setTransactionId(Reply.getTransactionId())
+					.setTaUserId(userElement.getId())
+					.setTaUserName(userElement.getUserName())
+					.setReplyContent(replyContent)
+					.setReplyTaUserId(Reply.getTaUserId())
+					.setReplyTaUserName(Reply.getTaUserName())
+					.setCreateDate(LocalDateTime.now());
+		}
+		transactionReplyMapper.insert(transactionReply);
+		String[] replyImg = array.toArray(new String[]{});
+		for (String img:replyImg){
+			 TdImages tdImages= new TdImages();
+			tdImages.setImageUrl(img);
+			tdImages.setType("reply");
+			tdImages.setUuid(transactionReply.getId());
+			tdImages.setCreateTime(LocalDateTime.now());
+			tdImages.setCreateUser(userElement.getId());
+			tdImagesMapper.insert(tdImages);
+		}
+		response.addSuccess("成功");
+		return response;
+	}
+
+	@Override
+	public ResponseBean transactionReportList(String paramets, UserElement userElement) {
+		ResponseBean response= new ResponseBean();
+			JSONObject object= JSONObject.parseObject(paramets);
+			String reportUserNmae= object.getString("reportUserNmae");
+			String reportPhone= object.getString("reportPhone");
+			Integer transactionId= object.getInteger("transactionId");
+
+			Integer pageNum = object.getInteger("pageNum");
+			Integer pageSize = object.getInteger("pageSize");
+			Page<TransactionReport> page = new Page<>();
+			page.setSize(pageSize == null ? 10 : pageSize);
+			page.setCurrent(pageNum == null ? 1 : pageNum);
+			// 分页查询
+			List<TransactionReport> list = transactionReportMapper.transactionReportList(page,reportUserNmae,reportPhone,transactionId);
+
+			Map<String, Object> map = Maps.newHashMap();
+			map.put("list",list);
+			map.put("total",page.getTotal());
+			map.put("pageNum", page.getCurrent());
+			map.put("pageSize", page.getSize());
+			response.addSuccess(map);
+			return response;
+	}
 }

CODE/smart-community/property-api/src/main/resources/mapper/TransactionReplyMapper.xml

@@ -48,5 +48,6 @@
     <if test="createDate != null">
         and  date_format(re.create_date,'%Y%m%d')=date_format(#{createDate},'%Y%m%d')
     </if>
+    order by re.create_date desc
     </select>
 </mapper>

CODE/smart-community/property-api/src/main/resources/mapper/TransactionReportMapper.xml

@@ -1,5 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
 <mapper namespace="com.community.huiju.dao.TransactionReportMapper">
+<select id="transactionReportList" resultType="com.community.huiju.model.TransactionReport">
+        SELECT
+        rr.reason as reason,
+        u.user_name as reportUserName,
+        sro.description as description,
+        u.login_name as reportPhone,
+        tr.create_date
+        FROM
+        tp_transaction_report tr
+        LEFT JOIN sys_report_reason rr ON	tr.report_reason_id = rr.id
+        LEFT JOIN ta_user u ON tr.reporter_id = u.id
+        LEFT JOIN ta_user_verify uv ON u.id = uv.user_id
+        LEFT JOIN ta_sys_role sro ON uv.role_id = sro.id
+        <where>
+            tr.transaction_id=#{transactionId}
+        <if test="reportPhone != null and reportPhone != ''">
+            AND u.login_name like concat('%',#{reportPhone},'%')
+        </if>
 
+        <if test="reportUserNmae != null and reportUserNmae != ''">
+            AND u.user_name like concat('%',#{reportUserNmae},'%')
+        </if>
+        </where>
+        order by tr.create_date desc
+</select>
 </mapper>

VUECODE/smart-property-manage/src/api/transaction.js

@@ -90,7 +90,7 @@ export function transactionReplyList(data) {
     url: '/transactionReplyList',
     method: 'post',
     data: {
-      id: data.id,
+      id: data.transactionId,
       replyTaUserName: data.replyTaUserName,
       taUserName: data.taUserName,
       status: data.status,
@@ -114,12 +114,29 @@ export function deleteReply(data) {
 // 添加评论
 export function transactionReplyAdd(data) {
   return request({
-    url: '/TransactionReply/add',
+    url: '/transactionReply/add',
     method: 'post',
     data: {
       id: data.id,
       contentImg: data.contentImg,
-      replyContent: data.replyContent
+      replyContent: data.replyContent,
+      transactionId: data.transactionId,
+      replyType: data.replyType
+    }
+  })
+}
+// 举报列表
+export function transactionReportList(data) {
+  return request({
+    url: '/transactionReportList',
+    method: 'post',
+    data: {
+      transactionId: data.transactionId,
+      reportPhone: data.reportPhone,
+      reportUserNmae: data.taUserName,
+      pageNum: data.pageNum,
+      pageSize: data.pageSize,
+      createDate: data.dataValue
     }
   })
 }

VUECODE/smart-property-manage/src/router/index.js

@@ -145,6 +145,13 @@ export const constantRouterMap = [
         hidden: true,
         meta: { title: '二手帖子回复列表', icon: 'table' }
       },
+      {
+        path: '/transaction/transactionReport',
+        component: () => import('@/views/social/transaction/transactionReport/report'),
+        name: 'transactionReport-index',
+        hidden: true,
+        meta: { title: '举报列表', icon: 'table' }
+      },
       {
         path: '/activity/add',
         component: () => import('@/views/social/activity/add/index'),

VUECODE/smart-property-manage/src/store/modules/transaction.js

@@ -1,4 +1,4 @@
-import { fetchList, transactionById, updateTransactionById, transactionsList, transactionsAdd, transactionsEdit, transactionsDelete, transactionReplyList, deleteReply, transactionReplyAdd } from '@/api/transaction'
+import { fetchList, transactionById, updateTransactionById, transactionsList, transactionsAdd, transactionsEdit, transactionsDelete, transactionReplyList, deleteReply, transactionReplyAdd, transactionReportList } from '@/api/transaction'
 
 const transaction = {
   namespaced: true,
@@ -110,6 +110,15 @@ const transaction = {
           reject(error)
         })
       })
+    },
+    TransactionReportList({ commit }, data) {
+      return new Promise((resolve, reject) => {
+        transactionReportList(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
     }
   }
 }

VUECODE/smart-property-manage/src/views/social/transaction/index.vue

@@ -55,7 +55,9 @@
       <el-table-column prop="replySum" label="回复数" align="center">
         <template slot-scope="scope"><a><span style="color: #63B8FF" @click="clickReply(scope.row.id)">{{ scope.row.replySum }}</span></a></template>
       </el-table-column>
-      <el-table-column prop="reportSum" label="举报数量" align="center"/>
+      <el-table-column prop="reportSum" label="举报数量" align="center">
+        <template slot-scope="scope"><a><span style="color: #63B8FF" @click="report(scope.row.id)">{{ scope.row.reportSum }}</span></a></template>
+      </el-table-column>
     </el-table>
     <div class="block">
       <el-pagination
@@ -242,7 +244,6 @@ export default {
       console.log('id',id)
       this.$router.push({ name: 'transactionreply-index', query: { id: id }})
     },
-    
     formatDate(val) {
       if (val === null) {
         return ''
@@ -252,6 +253,11 @@ export default {
       var month = value.getMonth() + 1
       var day = value.getDate()
       return year + '-' + month + '-' + day
+    },
+    // 举报数量
+    report(id){
+      console.log('id',id)
+      this.$router.push({ name: 'transactionReport-index', query: { id: id }})
     }
   }
 }

VUECODE/smart-property-manage/src/views/social/transaction/reply/transactionreply.vue

@@ -72,8 +72,8 @@
     </div>
     <el-dialog title="回复发帖人" :visible.sync="listQuery.dialogFormVisible" :show-close="listQuery.close">
       <el-form :model="listQuery">
-        <el-form-item label="活动名称" :label-width="listQuery.formLabelWidth">
-          <textarea v-model="listQuery.textContent" placeholder="回复TA或向TA提问" class="textarea-inherit" id="message_textarea" rows="8"></textarea> 
+        <el-form-item  :label-width="listQuery.formLabelWidth">
+          <textarea v-model="listQuery.replyContent" placeholder="回复TA" class="textarea-inherit" rows="8"></textarea> 
         </el-form-item>
         <el-form-item>
         <el-upload
@@ -134,7 +134,7 @@ export default {
     }
   },
   mounted() {
-    this.listQuery.id = this.$route.query.id
+    this.listQuery.transactionId = this.$route.query.id
     // 获取数据
     this.dataQuery()
   },
@@ -241,18 +241,18 @@ export default {
     TransactionReplyOff(){
        this.listQuery.dialogFormVisible = false
        this.contentImgList = []
-       console.log('this.contentImgList',this.contentImgList)
        this.listQuery.contentImg = []
-       console.log(' this.listQuery.contentImg', this.listQuery.contentImg)
        this.dataQuery()
     },
     // 添加评论
     TransactionReplyAdd(){
        this.listQuery.dialogFormVisible = false
-       console.log(this.listQuery.id,'this.listQuery.id')
-       
+       console.log(this.listQuery.id,'this.listQuery.id')    
         this.$store.dispatch('transaction/TransactionReplyAdd', this.listQuery).then((res) => {
         this.listLoading = false
+        this.contentImgList = []
+        this.listQuery.contentImg = []
+        this.listQuery.replyContent = ''
         this.dataQuery()
       }).catch(() => {
         this.listLoading = false

VUECODE/smart-property-manage/src/views/social/transaction/transactionDetails.vue

@@ -18,7 +18,7 @@
         </div>
       </el-form-item>
       <el-form-item label="话题配图">
-        <template v-for="site in ruleForm.contentImg">
+        <template v-for="site in ruleForm.img">
           <img :src="site" width="100" height="100" >
         </template>
       </el-form-item>
@@ -28,9 +28,36 @@
     </el-form>
     <div class="bom-button">
       <el-button v-if="isEdi" type="primary" style="width: 100px;" @click="edi">修改</el-button>
-      <el-button v-if="isEdi" type="primary" style="width: 100px;" @click="edi">回复帖子</el-button>
-      <el-button v-if="isEdi" type="primary" style="width: 150px;" @click="edi">查看全部N条回复</el-button>
+      <el-button v-if="isEdi" type="primary" style="width: 100px;" @click="replyAdd">回复帖子</el-button>
+      <el-button v-if="isEdi" type="primary" style="width: 150px;" @click="replyList">查看全部N条回复</el-button>
     </div>
+    <el-dialog title="回复发帖人" :visible.sync="ruleForm.dialogFormVisible" :show-close="ruleForm.close">
+      <el-form :model="ruleForm">
+        <el-form-item  :label-width="ruleForm.formLabelWidth">
+          <textarea v-model="ruleForm.replyContent" placeholder="回复TA" class="textarea-inherit" rows="8"></textarea> 
+        </el-form-item>
+        <el-form-item>
+        <el-upload
+          :limit="8"
+          :on-preview="handlePictureCardPreview"
+          :on-remove="handleRemove"
+          :on-success="handleSuccessContentImg"
+          :file-list="contentImgList"
+          name="uploadFiles"
+          action="http://106.14.20.193:8086/property-api/uploadimage"
+          list-type="picture-card">
+          <i class="el-icon-plus"/>
+        </el-upload>
+        <el-dialog :visible.sync="dialogVisible">
+          <img :src="dialogImageUrl" width="100%" alt="">
+        </el-dialog>
+      </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="TransactionReplyOff">取 消</el-button>
+        <el-button type="primary" @click="TransactionReplyAdd()">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -54,14 +81,16 @@ export default {
 				updateUser:'',
 				userName:'',
         viewCount:'',
-        announcementCarouselImg: '', // 轮播图
-        announcementContent: '', // 内容详细
         contentImg: [], // 内容配图
-        signUpCount: '', // 报名人数统计
-        registrationEndTime: '', // 报名活动结束时间
+        img: [], // 详情图
         sort: 1, // 权重
-        status: '' // 状态 0 是已作废 1 是已发布   2 是草稿 3 是已修改
+        dialogFormVisible: false,
+        close: false,
+        replyType: 1 
       },
+      dialogVisible: false,
+      dialogImageUrl: '',
+      contentImgList: [],
       isEdi: true // 默认显示修改按钮
     }
   },
@@ -81,11 +110,26 @@ export default {
 
          // 多张图片进行遍历
         for (let i = 0; i < res.data.list.length; i++) {
-          this.ruleForm.contentImg.push(res.data.list[i])
+          this.ruleForm.img.push(res.data.list[i])
         }
       
       })
     },
+    handlePictureCardPreview(file) { //配图文件列表中已上传的文件时的钩子
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
+    },
+    handleRemove(file, fileList) { //配图移除时
+      this.ruleForm.contentImg = []
+      for (let i = 0; i < fileList.length; i++) {
+        this.ruleForm.contentImg.push(fileList[i].response.data[0])
+      }
+      console.log(file, fileList)
+    },
+    handleSuccessContentImg(response, file, fileList) { // 配图上传成功时回调
+      const resImg = response.data[0]
+      this.ruleForm.contentImg.push(resImg)
+    },
     formatDate(val) {
       var value = new Date(val)
       var year = value.getFullYear()
@@ -97,9 +141,38 @@ export default {
       // return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
       return year + '-' + month + '-' + day
     },
-    edi() { // 修改活动
+    edi() { 
       this.$router.push({ name: 'transaction-edit', query: { id: this.ruleForm.id }})
-    }
+    },
+    // 查看此帖子的所有回复
+    replyList(){
+      this.$router.push({ name: 'transactionreply-index', query: { id: this.ruleForm.id }})
+    },
+    // 弹出层
+    replyAdd(){
+    this.ruleForm.dialogFormVisible = true
+    },
+    // 取消层显示
+    TransactionReplyOff(){
+       this.ruleForm.dialogFormVisible = false
+       this.contentImgList = []
+       this.ruleForm.contentImg = []
+    },
+    // 回复帖子
+    TransactionReplyAdd(){
+       this.ruleForm.dialogFormVisible = false
+       console.log(this.ruleForm.id,'this.ruleForm.id')    
+        this.$store.dispatch('transaction/TransactionReplyAdd', this.ruleForm).then((res) => {
+        this.listLoading = false
+        // this.contentImgList = []
+        // this.ruleForm.contentImg = []
+        // this.ruleForm.replyContent = ''
+         this.$router.push({ name: 'transactionreply-index', query: { id:  this.ruleForm.id }})
+      }).catch(() => {
+        this.listLoading = false
+        console.log('error TransactionReplyAdd')
+      })
+    } 
   }
 }
 </script>
@@ -124,30 +197,6 @@ export default {
   font-size: 20px;
   justify-items: center;
 }
-/* .progress {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-  margin-bottom: 20px;
-} */
-/* .text-progress {
-  width: 500px;
-  float: left;
-  align-content: center;
-  position: absolute;
-  margin-top: 12px;
-} */
-/* .people-number {
-  position: relative;
-  margin-left: 180px;
-} */
-/* .outer-layer {
-  background-color: gainsboro;
-  height: 3px;
-  width: 450px;
-  margin-top: -10px;
-  position: relative;
-} */
 .inner-layer {
   background-color: aquamarine;
   height: 6px;
@@ -155,20 +204,6 @@ export default {
   position: relative;
   margin-top: -4px;
 }
-/* .circular {
-  border: 1px #001528 solid;
-  border-radius: 10px;
-  /*background-color: chartreuse;*/
- /* width: 20px;
-  height: 20px;
-  position: relative;
-  margin-left: 452px;
-  margin-top: 11px;
-  float: left;
-} */
-/* .people-limit {
-  margin-top: 13px;
-} */
 .bom-button{
   display: flex;
   justify-content: center;
@@ -176,4 +211,9 @@ export default {
   margin-bottom: 100px;
   margin-left:-25%
 }
+.textarea-inherit {
+        width: 100%;
+        overflow: auto;
+        word-break: break-all; 
+    }
 </style>

VUECODE/smart-property-manage/src/views/social/transaction/transactionReport/report.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="root">
+    <el-form :inline="true" :model="listQuery" class="form-listQuery">
+      <el-form-item class="filter-item" label="举报人姓名" >
+        <el-input v-model.trim="listQuery.taUserName" placeholder="举报人姓名" />
+      </el-form-item>
+      <el-form-item class="filter-item" label="举报人手机号" >
+        <el-input v-model.trim="listQuery.reportPhone" placeholder="举报人手机号" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="info" class="filter-item" @click="handleFilter">清空</el-button>
+        <el-button type="primary" @click="search">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="transactionsList"
+      border
+      tooltip-effect="dark"
+      style="width: 100%; margin-top: 20px;"
+      @selection-change="handleSelectionChange">
+      <el-table-column prop="reason" label="举报原因" align="center"/>
+      <el-table-column prop="reportUserName" label="举报人姓名" align="center"/>
+      <el-table-column prop="description" label="举报人身份" align="center"/>
+      <el-table-column prop="reportPhone" label="举报人手机号" align="center"/>
+      <el-table-column prop="createDate" label="举报时间" align="center"><template slot-scope="scope">{{ formatDate(scope.row.createDate) }}</template></el-table-column>
+    </el-table>
+    <div class="block">
+      <el-pagination
+        :current-page.sync="listQuery.pageNum"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size.sync="listQuery.pageSize"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapActions } from 'vuex'
+
+export default {
+  data() {
+    return {
+      listQuery: {
+        createDate: '',
+        description: '',
+        reason: '',
+        reportPhone: '',
+        reportReasonId: '',
+        reportUserName: '',
+        reporterId: '',
+        transactionId: '',
+        replyTaUserName:'', 
+        pageNum: '1',
+        pageSize: 10,
+      },
+      transactionsList:[],
+      total: 0, // 数据总数
+      deleteIds: [], // 选择的id集合
+      listLoading: true // 加载圈
+    }
+  },
+  mounted() {
+    this.listQuery.transactionId = this.$route.query.id
+    // 获取数据
+    this.dataQuery()
+  },
+  methods: {
+    ...mapActions('listAnnouncement', [
+      'BserPassCertification'
+    ]),
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.listQuery.pageSize = val
+      this.dataQuery()
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+      this.listQuery.pageNum = val
+      this.dataQuery()
+    },
+    padDate(value) {
+      value = value < 10 ? '0' + value : value
+      return value
+    },
+    dataQuery() { // 查询数据
+      this.listLoading = true
+      this.$store.dispatch('transaction/TransactionReportList', this.listQuery).then((res) => {
+        const resData = res.data
+        this.transactionsList = resData.list
+        this.listQuery.pageNum = resData.pageNum
+        this.listQuery.pageSize = resData.pageSize
+        this.total = resData.total
+        this.listLoading = false
+      }).catch(() => {
+        this.listLoading = false
+        console.log('error TransactionsList')
+      })
+    },
+    handleSelectionChange(data) {
+      // 设置为 空
+      this.deleteIds = []
+      for (let i = 0; i < data.length; i++) {
+        this.deleteIds.push(data[i].id)
+      }
+    },
+	  search() {
+      this.listQuery.pageNum = 1
+      this.dataQuery()
+    },
+    handleFilter() {
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = 10
+      this.listQuery.taUserName = ''
+       this.listQuery.reportPhone = ''
+      this.dataQuery()
+    },
+    formatDate(val) {
+      if (val === null) {
+        return ''
+      }
+      var value = new Date(val)
+      var year = value.getFullYear()
+      var month = value.getMonth() + 1
+      var day = value.getDate()
+      return year + '-' + month + '-' + day
+    }
+  }
+}
+</script>
+
+<style scoped>
+.root{
+  display: flex;
+  flex-flow: column;
+}
+.form-listQuery{
+  margin-top: 20px;
+  margin-left: 30px;
+}
+.operation{
+  display: flex;
+  justify-content: space-between;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+.block{
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
+.button {
+  margin-left: 20px;
+}
+.textarea-inherit {
+        width: 100%;
+        overflow: auto;
+        word-break: break-all; 
+    }
+</style>
+