<template>
|
<div style="height: 100%">
|
<el-card style="height: 100%">
|
<template slot="header">
|
<el-form :inline="true" :model="queryInfo" class="demo-form-inline">
|
<el-form-item label="案件：">
|
<el-input placeholder="请输入案件编号或名称" v-model="queryInfo.cause"></el-input>
|
</el-form-item>
|
<el-form-item label="案件状态：">
|
<el-select v-model="queryInfo.status" placeholder="请选择" :style="{ width: '120px' }">
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="search">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="addAduitAnJian">添加</el-button>
|
</el-form-item>
|
|
<el-form-item>
|
<el-upload name="multipartFile" class="upload-demo" action="/api/cause/upload " :show-file-list="false"
|
:before-upload="beforeAvatarUpload" :on-success="respond" :limit="1">
|
<!-- <el-button type="primary">导入</el-button>-->
|
</el-upload>
|
</el-form-item>
|
</el-form>
|
</template>
|
<template>
|
<el-table :data="casueList" style="width: 100%">
|
<el-table-column prop="number" label="案件编号" width="150" header-align="center">
|
</el-table-column>
|
<el-table-column prop="name" label="案件名称" width="180" header-align="center">
|
</el-table-column>
|
<el-table-column prop="reportNumber" label="报案人数" width="100" header-align="center" align="center">
|
</el-table-column>
|
<el-table-column prop="totalMoney" label="预估总金额" width="100" header-align="center" align="center">
|
</el-table-column>
|
<el-table-column prop="firstTime" label="最早发案日期" width="160" header-align="center" align="center">
|
</el-table-column>
|
<el-table-column prop="status" label="案件状态" width="110" header-align="center" align="center">
|
<template slot-scope="scope">
|
<span v-if="scope.row.status == 5">不予立案</span>
|
<span v-if="scope.row.status == 0">立案</span>
|
<span v-if="scope.row.status == 1">初查</span>
|
<span v-if="scope.row.status == 2">受理</span>
|
<span v-if="scope.row.status == 3">移送起诉</span>
|
<span v-if="scope.row.status == 4">结案</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="userName" label="负责人" width="130" header-align="center" align="center">
|
</el-table-column>
|
<el-table-column prop="ctime" label="创建日期" width="160" header-align="center" align="center">
|
</el-table-column>
|
<el-table-column label="操作" width="240" header-align="center" align="center">
|
<template slot-scope="scope">
|
<el-button type="text" size="medium" @click="updateCauseDialogVisible(scope.row)">编辑</el-button>
|
<el-button type="text" size="medium" @click="reporterVisibleBefore(scope.row.id)">报案人员</el-button>
|
<el-button type="text" size="medium" @click="groupAn(scope.row.groupId)">群公告</el-button>
|
<el-button type="text" size="medium" @click="removeCause(scope.row.id)" style="color:#ff0000">删除
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</template>
|
<el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current" :page-size="queryInfo.size"
|
layout="prev, pager, next" :total="total"></el-pagination>
|
</el-card>
|
|
<!--添加案件弹窗-->
|
<el-dialog title="添加案件" :visible.sync="addAduitDialogVisible" :before-close="addAduitClose">
|
<el-row :gutter="15">
|
<el-form ref="causeForm" :model="causeForm" :rules="addCauseRules" size="medium" label-width="140px">
|
<el-col :span="12">
|
<el-form-item label="案件编号 " prop="number">
|
<el-input v-model="causeForm.number" clearable :style="{ width: '100%' }" placeholder="输入案件编号">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="案件名称" prop="name">
|
<el-input v-model="causeForm.name" clearable :style="{ width: '100%' }" placeholder="输入案件名称">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="预估总金额" prop="totalMoney">
|
<el-input v-model="causeForm.totalMoney" clearable :style="{ width: '100%' }"
|
placeholder="输入预估总金额"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="最早发案时间" prop="firstTime">
|
<el-date-picker v-model="causeForm.firstTime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '40%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="案件状态" prop="status">
|
<el-select v-model="causeForm.status" placeholder="请选择下拉选择" clearable :style="{ width: '100%' }">
|
<el-option v-for="item in causeOptions" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="负责人" prop="userId">
|
<el-select v-model="causeForm.userId" placeholder="请选择下拉选择" clearable :style="{ width: '100%' }">
|
<el-option v-for="item in user" :key="item.userId" :label="item.userName" :value="item.userId"
|
:disabled="item.disabled"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="24">
|
<el-form-item label="案件描述" prop="description">
|
<el-input v-model="causeForm.description" type="textarea" placeholder="请输入多行文本"
|
:autosize="{ minRows: 4, maxRows: 8 }" :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="addAduitDialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="createCause">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<!--修改案件弹窗-->
|
<el-dialog title="修改案件" :visible.sync="updateAduitDialogVisible" width="50%" :before-close="updateAduitClose">
|
<el-row :gutter="15">
|
<el-form ref="addAduitForm" :model="updataCauseForm" size="medium" label-width="100px">
|
<el-col :span="12">
|
<el-form-item label="案件编号 " prop="number">
|
<el-input v-model="updataCauseForm.number" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="案件名称" prop="name">
|
<el-input v-model="updataCauseForm.name" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="预估总金额" prop="totalMoney">
|
<el-input v-model="updataCauseForm.totalMoney" clearable :style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="最早发案时间" prop="firstTime">
|
<el-date-picker v-model="updataCauseForm.firstTime" type="datetime" placeholder="选择日期时间"
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="案件状态" prop="status">
|
<el-select v-model="updataCauseForm.status" clearable :style="{ width: '100%' }">
|
<el-option v-for="item in causeOptions" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="负责人" prop="userId">
|
<el-select v-model="updataCauseForm.userName" clearable :style="{ width: '100%' }">
|
<el-option v-for="item in user" :key="item.userId" :label="item.userName" :value="item.userId"
|
:disabled="item.disabled"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="案件描述" prop="description">
|
<el-input v-model="updataCauseForm.description" type="textarea" placeholder="请输入多行文本"
|
:autosize="{ minRows: 4, maxRows: 8 }" :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="updateAduitDialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="updateCause">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<!--案件人员弹窗-->
|
<el-dialog title="报案人员" :visible.sync="reporterVisible" width="85%" :before-close="reporterVisibleClose">
|
<el-row :gutter="15">
|
<el-card style="height: 100%">
|
<template slot="header">
|
<el-form :inline="true" :model="queryInfoReport" class="demo-form-inline">
|
<el-form-item label="报案人:">
|
<el-input placeholder="请输入姓名" v-model="queryInfoReport.people" :style="{ width: '180px' }">
|
</el-input>
|
</el-form-item>
|
<el-form-item label="手机号码:">
|
<el-input placeholder="请输入" v-model="queryInfoReport.phoneNumber" :style="{ width: '120px' }">
|
</el-input>
|
</el-form-item>
|
<el-form-item label="是否已进群:">
|
<el-select v-model="queryInfoReport.isInGroup" :style="{ width: '100px' }">
|
<el-option v-for="item in optionsGroup" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="报案材料:">-->
|
<!-- <el-select v-model="queryInfoReport.HavaMaterial" :style="{ width: '100px' }">-->
|
<!-- <el-option v-for="item in optionsMate" :key="item.value" :label="item.label" :value="item.value">-->
|
<!-- </el-option>-->
|
<!-- </el-select>-->
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item>-->
|
<el-button type="primary" @click="searchByCondition">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="addVisibelReport">添加</el-button>
|
<el-button type="primary" @click="exportExcel">导出</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-upload name="multipartFile" class="upload-demo" action="/api/cause/reporterUpload"
|
:show-file-list="false" :data="{ causeId: this.reportCauseId }" :before-upload="beforeAvatarUpload"
|
:on-success="reporterRespond" :limit="1">
|
<!-- <el-button type="primary">导入</el-button>-->
|
</el-upload>
|
</el-form-item>
|
<el-form-item>
|
<!-- <el-button type="primary" @click="exportExcel">报案材料导出</el-button>-->
|
</el-form-item>
|
|
</el-form>
|
</template>
|
<el-table :data="reportList">
|
<el-table-column width="80" prop="pic" label="头像">
|
<template slot-scope="scope">
|
<img :src="scope.row.pic" style="width: 40px;height: 40px; border-radius: 50%;">
|
</template>
|
</el-table-column>
|
<el-table-column width="80" prop="reporterName" label="报案人"></el-table-column>
|
<el-table-column width="120" prop="mobile" label="手机号"></el-table-column>
|
<el-table-column width="180" prop="idcard" label="证件号码"></el-table-column>
|
<el-table-column width="100" prop="isCommission" label="是否代办">
|
<template slot-scope="scope">
|
<span v-if="scope.row.isCommission == 1">是</span>
|
<span v-else>否</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="100" prop="isInGroup" label="是否进群">
|
<template slot-scope="scope">
|
<span v-if="scope.row.isInGroup == 1">是</span>
|
<span v-else>否</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="100" prop="amountInvolved" label="涉案金额">
|
<template slot-scope="scope">
|
<span>{{ scope.row.amountInvolved === null ? 0 : scope.row.amountInvolved }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="100" prop="reportMaterials" label="报案材料">
|
<template slot-scope="scope">
|
<span>{{ scope.row.reportMaterials === null || scope.row.reportMaterials === '' ? "未提交" : "已提交"
|
}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="200" prop="reportTime" label="报案时间">
|
<template slot-scope="scope">
|
<span>{{ scope.row.reportTime === null ? "2022-07-12 10:32:56" : scope.row.reportTime }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作">
|
<template slot-scope="scope">
|
<!-- <el-button type="text" size="medium" @click="updataReport(scope.row)">编辑</el-button>-->
|
<!-- <el-button type="text" size="medium"-->
|
<!-- @click="leaveReport(scope.row.id, scope.row.causeId, scope.row.groupId)" style="color:#ff0000"-->
|
<!-- :disabled="scope.row.isInGroup == 0">退群 </el-button>-->
|
<!-- <el-button type="text" size="medium" @click="removeReport(scope.row.id, scope.row.causeId)"-->
|
<!-- style="color:#ff0000" :disabled="scope.row.isInGroup == 1">删除 </el-button>-->
|
<el-button type="text" size="medium" @click="removeReport(scope.row.id, scope.row.causeId)"
|
style="color:#ff0000" >删除 </el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @current-change="pageReport" :current-page="queryInfoReport.current"
|
:page-size="queryInfoReport.size" layout="prev, pager, next" :total="reportTotal"></el-pagination>
|
</el-card>
|
|
<!--添加人员弹窗-->
|
<el-dialog title="添加人员" :visible.sync="addReportVisible" width="50%" :append-to-body="true"
|
:before-close="addReportVisibleClose">
|
<el-row :gutter="15">
|
<el-form ref="auditFrom" :model="auditFrom" :rules="addReportRules" size="medium" label-width="100px">
|
<el-col :span="12">
|
<el-form-item label="头像" prop="pic" required>
|
<el-upload ref="pic" action="/api/minio/upload" :show-file-list="false"
|
:on-success="handleAvatarSuccess" list-type="picture-card" accept="image/*">
|
<img v-if="picShow" :src="picShow" style="width: 145px;height: 145px">
|
<i v-else class="el-icon-plus"></i>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="报案人 " prop="reporterName">
|
<el-input v-model="auditFrom.reporterName" placeholder="请输入报案人 " clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="手机号码" prop="mobile">
|
<el-input v-model="auditFrom.mobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="身份证号" prop="idcard">
|
<el-input v-model="auditFrom.idcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="被骗时间" prop="cheatTime">
|
<el-date-picker v-model="auditFrom.cheatTime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="涉案金额" prop="amountInvolved">
|
<el-input v-model="auditFrom.amountInvolved" placeholder="请输入涉案金额" clearable
|
:style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="案件描述" prop="reportDescription">
|
<el-input v-model="auditFrom.reportDescription" placeholder="请输入案件描述" clearable
|
:style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="补充信息" prop="information">
|
<el-input v-model="auditFrom.information" type="textarea" placeholder="请输入补充信息" clearable
|
:autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="上传" prop="fileList">
|
<el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
|
list-type="picture" :on-success="handleMaterialSuccess">
|
<el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="addReportVisible = false">取 消</el-button>
|
<el-button type="primary" @click="addAduit">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<!--修改案件人员弹窗-->
|
<el-dialog title="修改人员" :visible.sync="updateReportVisible" width="50%" :append-to-body="true"
|
:before-close="updateReportVisibleclose">
|
<el-row :gutter="20">
|
<el-form ref="updateReportForm" :model="updateReportForm" size="medium" label-width="100px">
|
<el-col :span="12">
|
<el-form-item label="头像" prop="pic" required>
|
<el-upload ref="pic" action="/api/minio/upload" :show-file-list="false"
|
:on-success="handleAvatarSuccess" list-type="picture-card" accept="image/*">
|
<img v-if="updateReportForm.pic!=null||updateReportForm!=''" :src="updateReportForm.pic" style="width: 145px;height: 145px">
|
<i v-else class="el-icon-plus"></i>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="12">
|
<el-form-item label="报案人 " prop="reporterName">
|
<el-input v-model="updateReportForm.reporterName" placeholder="请输入报案人 " clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="手机号码" prop="mobile">
|
<el-input v-model="updateReportForm.mobile" placeholder="请输入手机号码" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="身份证号" prop="idcard">
|
<el-input v-model="updateReportForm.idcard" placeholder="请输入身份证号" clearable :style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
|
<!-- <el-col :span="12">
|
<el-form-item prop="reportTime" label="报案时间">
|
<el-date-picker v-model="updateReportForm.reportTime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col> -->
|
<el-col :span="12">
|
<el-form-item label="被骗时间" prop="cheatTime">
|
<el-date-picker v-model="updateReportForm.cheatTime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="涉案金额" prop="amountInvolved">
|
<el-input v-model="updateReportForm.amountInvolved" placeholder="请输入涉案金额" clearable
|
:style="{ width: '100%' }">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="案件描述" prop="reportDescription">
|
<el-input v-model="updateReportForm.reportDescription" placeholder="请输入案件描述" clearable
|
:style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="补充信息" prop="information">
|
<el-input v-model="updateReportForm.information" type="textarea" placeholder="请输入补充信息" clearable
|
:autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="上传" prop="fileList" required>
|
<el-upload ref="reportMaterials" :file-list="updateReportForm.fileList" action="/api/minio/upload"
|
list-type="picture" :on-success="handleReporterMaterialSuccess">
|
<img v-if="updateReportForm.reportMaterials!=''" :src="'/minio/img/'+updateReportForm.reportMaterials" style="width: 145px;height: 145px">
|
<el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :span="24">
|
<el-form-item label="上传" prop="fileList" required>
|
<el-upload ref="reportMaterials" :file-list="auditFrom.fileList" action="/api/minio/upload"
|
list-type="picture" :on-success="handleMaterialSuccess">
|
<el-button size="small" type="primary" icon="el-icon-upload">点击上传</el-button>
|
</el-upload>
|
</el-form-item>
|
</el-col> -->
|
|
</el-form>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="updateReportVisible = false">取 消</el-button>
|
<el-button type="primary" @click="updateReportInCasue">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
|
|
</el-row>
|
<!-- <span slot="footer" class="dialog-footer">
|
<el-button @click="reporterVisible = false">取 消</el-button>
|
<el-button type="primary" @click="updateCause">确 定</el-button>
|
</span> -->
|
</el-dialog>
|
|
|
<!--群公告弹窗-->
|
<el-dialog title="群公告" :visible.sync="groupAnVisible" width="85%" :before-close="groupAnVisibleClose">
|
<el-row :gutter="15">
|
<el-card style="height: 100%">
|
<template slot="header">
|
<el-form :inline="true" :model="queryInfoGroupAn" class="demo-form-inline">
|
<el-form-item label="群公告：">
|
<el-input placeholder="请输入" v-model="queryInfoGroupAn.content"></el-input>
|
</el-form-item>
|
<el-form-item label="状态">
|
<el-select v-model="queryInfoGroupAn.status" placeholder="请选择" :style="{ width: '100px' }">
|
<el-option v-for="item in statusMate" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" @click="groupAnSearch">查询</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="openGroupAn">添加</el-button>
|
</el-form-item>
|
|
</el-form>
|
</template>
|
<el-table :data="groupAnFrom">
|
<el-table-column label="序号" type="index" width="120" align="center">
|
<template slot-scope="scope">
|
<span>{{ (current - 1) * size + scope.$index + 1 }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="180" prop="text" label="群组公告"></el-table-column>
|
<el-table-column width="120" prop="status" label="状态">
|
<template slot-scope="scope">
|
<span v-if="scope.row.status === 1">已发布</span>
|
<span v-else-if="scope.row.status === 0">未发布</span>
|
<span v-else="scope.row.status=== 2">已下架</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="100" prop="createName" label="创建人"></el-table-column>
|
<el-table-column width="180" prop="publishTime" label="发布时间">
|
</el-table-column>
|
<el-table-column label="操作" align="conter">
|
<template slot-scope="scope">
|
<el-button type="text" size="medium" @click="details(scope.row.id)">详情</el-button>
|
<el-button type="text" size="medium" @click="punlishOrUnshelve(scope.row.id, scope.row.status)"
|
:disabled="scope.row.status == 2">
|
<span v-if="scope.row.status === 1" style="color:#ff0000">下架</span>
|
<span v-else>发布</span>
|
</el-button>
|
<el-button type="text" size="medium" @click="removeGroupAn(scope.row.id)" style="color:#ff0000"
|
:disabled="scope.row.status == 1">删除
|
</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @current-change="pageGroupAn" :current-page="queryInfoGroupAn.current"
|
:page-size="queryInfoGroupAn.size" layout="prev, pager, next" :total="groupAnTotal"></el-pagination>
|
</el-card>
|
|
<!--添加群公告弹窗-->
|
<el-dialog title="群组公告添加" :visible.sync="addGroupAnVisibel" width="50%" :before-close="addGroupAnClose"
|
:append-to-body="true">
|
<el-row :gutter="15">
|
<el-form ref="addGroupForm" :model="addGroupForm" :rules="rules" size="medium" label-width="100px">
|
<el-col :span="24">
|
<el-form-item label="公告内容 " prop="text">
|
<el-input v-model="addGroupForm.text" type="textarea" placeholder="请输入公告内容" clearable
|
:autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="公告有效期" prop="effectiveStime">
|
<el-date-picker v-model="addGroupForm.effectiveStime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="至" prop="effectiveEtime">
|
<el-date-picker v-model="addGroupForm.effectiveEtime" type="datetime" placeholder="选择日期时间" clearable
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
|
<el-form-item label="立即发布" prop="status">
|
<el-select v-model="addGroupForm.status" clearable placeholder="请选择下拉选择" :style="{ width: '100%' }">
|
<el-option v-for="item in groupStatusMate" :key="item.value" :label="item.label" :value="item.value"
|
:disabled="item.disabled"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
</el-form>
|
</el-row>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="addGroupAnVisibel = false">取 消</el-button>
|
<el-button type="primary" @click="addGroupAn">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
<!--群公告详情弹窗-->
|
<el-dialog title="群组公告详情" :visible.sync="detailsVisible" width="50%" :append-to-body="true"
|
:before-close="detailsVisibleclose">
|
|
<el-row :gutter="15">
|
<el-form ref="addGroupForm" :model="addGroupForm" size="medium" label-width="100px">
|
<el-col :span="24">
|
<el-form-item label="公告内容 " prop="text">
|
<el-input v-model="detailsGroupAn.text" type="textarea" placeholder="请输入公告内容" disabled
|
:autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="公告有效期" prop="effectiveStime">
|
<el-date-picker v-model="detailsGroupAn.effectiveStime" type="datetime" placeholder="选择日期时间" disabled
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="至" prop="effectiveEtime">
|
<el-date-picker v-model="detailsGroupAn.effectiveEtime" type="datetime" placeholder="选择日期时间" disabled
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="发布时间" prop="effectiveEtime">
|
<el-date-picker v-model="detailsGroupAn.publishTime" type="datetime" placeholder="选择日期时间" disabled
|
:style="{ width: '100%' }" value-format="yyyy-MM-dd HH:mm:ss">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="创建人" prop="effectiveEtime">
|
<el-input v-model="detailsGroupAn.createName" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="状态" prop="status">
|
<span v-if="detailsGroupAn.status === 1">已发布</span>
|
<span v-else-if="detailsGroupAn.status === 0">未发布</span>
|
<span v-else="detailsGroupAn.status === 2">已下架</span>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
|
|
<!-- <div style="display:flex; width:180;">
|
<div style="display:flex; width:180;">
|
<h4>群组公告</h4>
|
<p>{{ detailsGroupAn.text }}</p>
|
</div>
|
<div style="display:flex; width:180;">
|
<h4>状态</h4>
|
<p>{{ detailsGroupAn.status }}</p>
|
</div>
|
<div style="display:flex; width:180;">
|
<h4>创建人</h4>
|
<p>{{ detailsGroupAn. }}</p>
|
</div>
|
<div style="display:flex; width:180;">
|
<h4>发布时间</h4>
|
<p>{{ detailsGroupAn.publishTime }}</p>
|
</div>
|
<div style="display:flex; width:180;">
|
<h4>群组公告</h4>
|
<p>{{ detailsGroupAn.text }}</p>
|
</div>
|
</div> -->
|
|
<!-- <el-table-column width="180" prop="effectiveStime" label="群组公告"></el-table-column>
|
<el-table-column width="120" prop="status" label="状态">
|
<template slot-scope="scope">
|
<span v-if="scope.row.status === 1">已发布</span>
|
<span v-else-if="scope.row.status === 0">未发布</span>
|
<span v-else="scope.row.status=== 2">已下架</span>
|
</template>
|
</el-table-column>
|
<el-table-column width="100" prop="createName" label="创建人"></el-table-column>
|
<el-table-column width="180" prop="publishTime" label="发布时间">
|
</el-table-column> -->
|
|
</el-dialog>
|
|
|
|
</el-row>
|
<!-- <span slot="footer" class="dialog-footer">
|
<el-button @click="reporterVisible = false">取 消</el-button>
|
<el-button type="primary" @click="updateCause">确 定</el-button>
|
</span> -->
|
</el-dialog>
|
|
</div>
|
</template>
|
|
<script>
|
import {
|
casueList,
|
remove,
|
removeReport,
|
leaveReport,
|
user,
|
updataReportCasue,
|
GroupLits,
|
GroupListBycondition,
|
pOrUGroupAn,
|
deleteGroupAn,
|
detailsGroupAn,
|
report
|
//saveSubject
|
} from '@/api/cause'
|
|
import { getImgUrl, getReportById } from '@/api/common'
|
|
|
export default {
|
name: "Entry",
|
data() {
|
return {
|
|
//添加案件人员弹窗控制
|
addReportVisible: false,
|
//群公告详细内容
|
detailsGroupAn: [],
|
// {
|
// text: '',
|
// groupId: '',
|
// id: '',
|
// ctime: '',
|
// effectiveStime: '',
|
// effectiveEtime: '',
|
// createName: '',
|
// status: null,
|
// publishTime: null
|
// },
|
//群公告详情弹框
|
detailsVisible: false,
|
//群公告添加表单
|
addGroupForm: {
|
text: '',
|
status: '',
|
effectiveStime: '',
|
effectiveEtime: '',
|
},
|
//群公告群添加弹框
|
addGroupAnVisibel: false,
|
//群公告查询
|
queryInfoGroupAn: {
|
status: '',
|
content: '',
|
groupId: '',
|
current: 1,
|
size: 10,
|
},
|
groupAnTotal: null,
|
//群公告序号相关
|
current: 1,
|
size: 10,
|
//案件id
|
causeId: '',
|
//案件人员导出id
|
exportReportId: '',
|
//群公告查询返回值
|
groupAnFrom: [],
|
//案件人员查询参数
|
queryInfoReport: {
|
causeId: null,
|
people: '',
|
phoneNumber: '',
|
isInGroup: null,
|
current: 1,
|
HavaMaterial: null,
|
size: 10,
|
},
|
auditFrom: {
|
pic: '',
|
reporterName: '',
|
mobile: '',
|
idcard: '',
|
cheatTime: '',
|
amountInvolved: '',
|
reportDescription: '',
|
information: '',
|
reportMaterials: "",
|
fileList: [],
|
tmpTime: '',
|
causeId: null,
|
},
|
auditInfo: {},
|
picShow: "",
|
optionsGroup: [
|
{
|
value: null,
|
label: '全部'
|
},
|
{
|
value: '1',
|
label: '是'
|
},
|
{
|
value: '0',
|
label: '否'
|
}
|
],
|
optionsMate: [
|
{
|
value: null,
|
label: '全部'
|
},
|
{
|
value: '0',
|
label: '未提交'
|
},
|
{
|
value: '1',
|
label: '已提交'
|
}
|
],
|
groupStatusMate: [
|
{
|
value: '0',
|
label: '否'
|
},
|
{
|
value: '1',
|
label: '是'
|
}
|
],
|
statusMate: [
|
{
|
value: '',
|
label: '全部'
|
},
|
{
|
value: '0',
|
label: '未发布'
|
},
|
{
|
value: '1',
|
label: '已发布'
|
}
|
],
|
//报案人员中分页的案件id
|
reportCauseId: null,
|
reportTotal: 0,
|
reportList: [],
|
infoAduitDialogVisible: false,
|
groupAnVisible: false,
|
addCauseRules: {
|
number: [{
|
required: true,
|
message: '请输入案件编号 ',
|
trigger: 'blur'
|
}],
|
name: [{
|
required: true,
|
message: '请输入案件名称 ',
|
trigger: 'blur'
|
}],
|
firstTime: [{
|
required: true,
|
message: '请选择最早案发时间 ',
|
trigger: 'blur'
|
}],
|
status: [{
|
required: true,
|
message: '请选择案件状态 ',
|
trigger: 'blur'
|
}],
|
totalMoney: [{
|
required: true,
|
message: '请输入预估总金额 ',
|
trigger: 'blur'
|
}],
|
userId: [{
|
required: true,
|
message: '负责人选择 ',
|
trigger: 'blur'
|
}],
|
description: [{
|
required: true,
|
message: '请输入案件描述 ',
|
trigger: 'blur'
|
}]
|
}
|
,
|
reportRules: {
|
reporterName: [{
|
required: true,
|
message: '请输入报案人 ',
|
trigger: 'blur'
|
}],
|
mobile: [{
|
required: true,
|
message: '请输入手机号码 ',
|
trigger: 'blur'
|
}],
|
idcard: [{
|
required: true,
|
message: '请输入身份证号 ',
|
trigger: 'blur'
|
}],
|
tmpTime: [{
|
required: true,
|
message: '请输入被骗时间 ',
|
trigger: 'blur'
|
}],
|
amountInvolved: [{
|
required: true,
|
message: '请输入涉案金额 ',
|
trigger: 'blur'
|
}],
|
reportDescription: [{
|
required: true,
|
message: '请输入案件描述 ',
|
trigger: 'blur'
|
}],
|
information: [{
|
required: true,
|
message: '请输入补充信息 ',
|
trigger: 'blur'
|
}],
|
causeId: [{
|
required: true,
|
message: '请选择下拉选择 ',
|
trigger: 'change'
|
}],
|
},
|
fileList: [{
|
name: '',
|
url: '',
|
data: ''
|
}
|
],
|
updateReportForm: {
|
pic: '',
|
reporterName: '',
|
mobile: '',
|
idcard: '',
|
cheatTime: '',
|
amountInvolved: '',
|
reportDescription: '',
|
information: '',
|
reportMaterials: "",
|
ctime: '',
|
causeId: null,
|
groupId: null,
|
},
|
//案件人员表格数据
|
updateReportPrams: {
|
id: '',
|
pic:'',
|
reporterName: '',
|
mobile: '',
|
idcard: '',
|
cheatTime: '',
|
amountInvolved: '',
|
reportDescription: '',
|
information: '',
|
reportMaterials: "",
|
ctime: '',
|
causeId: null,
|
groupId: null,
|
fileList: [],
|
},
|
|
//案件表格数据
|
causeForm: {
|
name: '',
|
number: '',
|
firstTime: '',
|
userId: '',
|
status: '',
|
description: '',
|
},
|
updataCauseForm: {
|
id: '',
|
pic:'',
|
name: '',
|
number: '',
|
firstTime: '',
|
userName: '',
|
status: '',
|
userId: '',
|
description: '',
|
},
|
casueList: [],
|
queryInfo: {
|
cause: '',
|
status: null,
|
current: 1,
|
size: 10
|
},
|
user: [],
|
updateUser: [],
|
options: [
|
{
|
value: null,
|
label: '全部'
|
},
|
{
|
value: '5',
|
label: '不予立案'
|
},
|
{
|
value: '0',
|
label: '立案'
|
},
|
{
|
value: '1',
|
label: '初查'
|
},
|
{
|
value: '2',
|
label: '受理'
|
},
|
{
|
value: '3',
|
label: '移送起诉'
|
},
|
{
|
value: '4',
|
label: '结案'
|
}
|
],
|
causeOptions: [
|
{
|
value: '5',
|
label: '不予立案'
|
},
|
{
|
value: 0,
|
label: '立案'
|
},
|
{
|
value: 1,
|
label: '初查'
|
},
|
{
|
value: 2,
|
label: '受理'
|
},
|
{
|
value: 3,
|
label: '移送起诉'
|
},
|
{
|
value: 4,
|
label: '结案'
|
}
|
],
|
total: null,
|
addAduitDialogVisible: false,
|
updateAduitDialogVisible: false,
|
reporterVisible: false,
|
updateReportVisible: false,
|
addReportRules: {
|
reporterName: [{
|
required: true,
|
message: '请输入报案人 ',
|
trigger: 'blur'
|
}],
|
mobile:
|
[{ required: true, message: '请输入手机号码 ', trigger: 'blur' },
|
{
|
validator: function (rule, value, callback) {
|
if (/^1[34578]\d{9}$/.test(value) == false) {
|
callback(new Error("请输入正确的手机号"));
|
} else {
|
callback();
|
}
|
}, trigger: 'blur'
|
}],
|
idcard: [{ required: true, message: '请输入身份证ID ', trigger: 'blur' },
|
{ pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '你的身份证格式不正确' }],
|
cheatTime: [{
|
required: true,
|
message: '请输入被骗时间 ',
|
trigger: 'blur'
|
}],
|
amountInvolved: [{
|
required: true,
|
message: '请输入涉案金额 ',
|
trigger: 'blur'
|
}],
|
reportDescription: [{
|
required: true,
|
message: '请输入案件描述 ',
|
trigger: 'blur'
|
}],
|
information: [{
|
required: true,
|
message: '请输入补充信息 ',
|
trigger: 'blur'
|
}],
|
},
|
rules: {
|
text: [{
|
required: true,
|
message: '请输入公告内容 ',
|
trigger: 'blur'
|
}],
|
effectiveStime: [{
|
required: true,
|
message: '选择公告有效期 ',
|
trigger: 'blur'
|
}],
|
effectiveEtime: [{
|
required: true,
|
message: '选择公告有效期 ',
|
trigger: 'blur'
|
}],
|
status: [{
|
required: true,
|
message: '请输入被骗时间 ',
|
trigger: 'blur'
|
}]
|
},
|
}
|
},
|
created() {
|
this.init();
|
this.userList();
|
|
},
|
methods:
|
{
|
expExcel(){
|
|
},
|
addAduitAnJian(){
|
let date=(new Date()).valueOf();//获取时间戳
|
let txt = '1234567890';//生成的随机机器码
|
let len =13;//机器码有多少位
|
let pwd = '';//定义空变量用来接收机器码
|
for (let i = 0; i < len; i++) {
|
pwd += txt.charAt(Math.floor(Math.random() * txt.length));//循环机器码位数随机填充
|
}
|
let id= date+pwd;
|
this.causeForm.number=id;
|
this.addAduitDialogVisible=true;
|
},
|
|
//关闭案件的案件人员添加
|
addReportVisibleClose() {
|
this.addReportVisible = false;
|
},
|
//案件添加
|
addVisibelReport() {
|
this.addReportVisible = true;
|
},
|
|
detailsVisibleclose() {
|
this.detailsVisible = false;
|
},
|
//群公告详情
|
details(val) {
|
|
detailsGroupAn(val).then(res =>
|
this.detailsGroupAn = res
|
);
|
console.log(this.detailsGroupAn);
|
this.detailsVisible = true;
|
},
|
//群公告删除
|
removeGroupAn(val) {
|
deleteGroupAn(val).then(res => this.$message({
|
message: '操作成功',
|
type: 'success'
|
}));
|
this.groupAnSearch();
|
},
|
//分页
|
pageGroupAn(val) {
|
this.queryInfoGroupAn.current = val;
|
this.groupAnSearch();
|
},
|
//发布和下架
|
punlishOrUnshelve(val, val2) {
|
pOrUGroupAn(val, val2).then(res => {
|
this.$message({
|
message: '操作成功',
|
type: 'success'
|
});
|
this.groupAnSearch();
|
})
|
},
|
//打开弹框
|
openGroupAn() { this.addGroupAnVisibel = true; },
|
//添加群公告
|
addGroupAn() {
|
this.$refs.addGroupForm.validate(async (vaild) => {
|
if (!vaild) return this.$message.error('输入有误')
|
let from = null;
|
from = this.addGroupForm;
|
const data = from;
|
this.$http.post('/api/announcement/add?groupId=' + this.queryInfoGroupAn.groupId,
|
data
|
).then(res => {
|
this.$message({
|
message: '添加成功',
|
type: 'success'
|
});
|
this.addGroupForm = {}
|
this.addGroupAnVisibel = false;
|
this.groupAnSearch();
|
});
|
})
|
},
|
//行为 群公告
|
addGroupAnClose() {
|
this.addGroupAnVisibel = false;
|
},
|
groupAnVisibleClose() {
|
this.groupAnVisible = false
|
},
|
//群公告查询
|
groupAnSearch() {
|
let params = null;
|
params = this.queryInfoGroupAn;
|
GroupListBycondition(params).then(res => {
|
this.queryInfoGroupAn.current = res.current;
|
this.queryInfoGroupAn.size = res.size;
|
this.groupAnFrom = res.records;
|
this.current = res.current;
|
this.size = res.size;
|
this.groupAnTotal = res.total;
|
})
|
},
|
//群公告
|
//打开 群公告弹窗
|
groupAn(val) {
|
this.groupAnVisible = true;
|
this.getGroupAn(val);
|
},
|
getGroupAn(val) {
|
let params = null;
|
this.queryInfoGroupAn.groupId = val;
|
params = this.queryInfoGroupAn;
|
GroupLits(params).then(res => {
|
this.queryInfoGroupAn.current = res.current;
|
this.queryInfoGroupAn.size = res.size;
|
this.groupAnFrom = res.records;
|
this.current = res.current;
|
this.size = res.size;
|
this.groupAnTotal = res.total;
|
})
|
},
|
//案件人员
|
//导出文件
|
exportExcel() {
|
this.$http.post('/api//cause/exp?causeId=' + this.exportReportId, {}, { responseType: 'blob' })
|
.then(res => {
|
const fileName = decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1])
|
const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
|
const elink = document.createElement('a')
|
elink.download = fileName
|
elink.href = URL.createObjectURL(blob)
|
document.body.appendChild(elink)
|
elink.click()
|
document.body.removeChild(elink)
|
|
})
|
|
},
|
|
//案件人员编辑表单提交
|
updateReportInCasue() {
|
this.updateReportPrams.reporterName = this.updateReportForm.reporterName
|
this.updateReportPrams.mobile = this.updateReportForm.mobile
|
this.updateReportPrams.idcard = this.updateReportForm.idcard
|
this.updateReportPrams.cheatTime = this.updateReportForm.cheatTime
|
this.updateReportPrams.amountInvolved = this.updateReportForm.amountInvolved
|
this.updateReportPrams.reportDescription = this.updateReportForm.reportDescription
|
this.updateReportPrams.information = this.updateReportForm.information
|
this.updateReportPrams.reportMaterials = this.updateReportForm.reportMaterials
|
this.updateReportPrams.ctime = this.updateReportForm.ctime
|
this.updateReportPrams.causeId = this.updateReportForm.causeId
|
this.updateReportPrams.groupId = this.updateReportForm.groupId
|
this.updateReportPrams.id = this.updateReportForm.id
|
this.updateReportPrams.reportMaterials = this.updateReportPrams.fileList.map(i => i.data).join(',')
|
|
this.updateReportPrams.pic=this.updateReportForm.pic
|
let form = null;
|
form = this.updateReportPrams;
|
const data = form;
|
updataReportCasue(data).then(
|
res => {
|
this.$message({
|
message: '修改成功',
|
type: 'success'
|
});
|
this.searchByCondition();
|
}
|
);
|
this.updateReportVisible = false;
|
},
|
|
//编辑案件人员
|
updataReport(val) {
|
this.updateReportVisible = true;
|
this.updateReportForm = Object.assign({}, val);
|
this.causeId = val.causeId;
|
},
|
//行为关闭修改案件人员
|
updateReportVisibleclose() {
|
this.updateReportVisible = false;
|
},
|
//报案人员
|
reporterVisibleBefore(row) {
|
this.reporterVisible = true;
|
this.exportReportId = row;
|
this.reportCauseId = row;
|
this.get(row);
|
},
|
//报案人员查询
|
get(param) {
|
this.$http.get('/api/cause/getReporterList?causeId=' + param).then(res => {
|
|
this.reportTotal = res.data.data.total
|
this.reportList = res.data.data.records
|
this.reportList.forEach(x => {
|
if (x.pic === '' || x.pic === null) {
|
x.pic = './logo.jpg';
|
} else {
|
getImgUrl(x.pic).then(res => {
|
x.pic = res
|
})
|
}
|
})
|
})
|
}
|
,
|
infoAduitClose() {
|
this.infoAduitDialogVisible = false
|
this.$refs.infoAduitForm.resetFields()
|
},
|
//添加案件中的案件人员
|
addAduit() {
|
this.$refs.auditFrom.validate(async (vaild) => {
|
if (!vaild) return this.$message.error('输入有误')
|
this.auditFrom.reportMaterials = this.auditFrom.fileList.map(i => i.data).join(',');
|
this.auditFrom.causeId = this.reportCauseId;
|
// console.log(this.reportCauseId);
|
report(this.auditFrom).then(res => {
|
this.$message.success('提交成功')
|
this.auditFrom = {}
|
this.addReportVisible = false
|
this.get(this.reportCauseId)
|
this.init()
|
}).catch(err => {
|
this.addReportVisibleClose()
|
})
|
})
|
},
|
async getCauseOptions() {
|
const { data: data } = await this.$http.get('/api/cause/getCauseIdAndName');
|
this.causeOptions = data.data;
|
},
|
handleAvatarSuccess(res, file) {
|
this.auditFrom.pic = res.data
|
getImgUrl(res.data).then(res => {
|
this.picShow = res
|
this.updateReportForm.pic = res
|
})
|
},
|
async handleMaterialSuccess(res, file) {
|
this.auditFrom.fileList.push({
|
name: file.name,
|
url: await getImgUrl(res.data),
|
data: res.data
|
})
|
},
|
|
async handleReporterMaterialSuccess(res, file) {
|
this.updateReportPrams.fileList.push({
|
name: file.name,
|
url: await getImgUrl(res.data),
|
data: res.data
|
})
|
},
|
|
//案件录入相关
|
|
updateCauseDialogVisible(row) {
|
this.updateAduitDialogVisible = true;
|
this.updataCauseForm = Object.assign({}, row);
|
|
// if (this.updataCauseForm.status == 0) {
|
// this.updataCauseForm.status = '未审核';
|
// };
|
// if (this.updataCauseForm.status == 1) {
|
// this.updataCauseForm.status = '不予立案';
|
// };
|
// if (this.updataCauseForm.status == 2) {
|
// this.updataCauseForm.status = '受理中';
|
// };
|
// if (this.updataCauseForm.status == 3) {
|
// this.updataCauseForm.status = '已结案';
|
// };
|
// if (this.updataCauseForm.status == 4) {
|
// this.updataCauseForm.status = '已撤案';
|
// };
|
},
|
addAduitClose() {
|
this.addAduitDialogVisible = false
|
},
|
updateAduitClose() {
|
this.updateAduitDialogVisible = false
|
},
|
reporterVisibleClose() {
|
this.reporterVisible = false
|
},
|
async createCause() {
|
this.$refs.causeForm.validate(async (vaild) => {
|
if (!vaild) return this.$message.error('输入有误')
|
let form = null;
|
form = this.causeForm;
|
const data = form;
|
this.$http.post('/api/cause/addCause',
|
data
|
).then(res => {
|
if (res.data.code == 200) {
|
this.$message({
|
type: "success",
|
message: "添加成功"
|
});
|
this.causeForm = {}
|
this.addAduitDialogVisible = false;
|
this.getList();
|
} else {
|
this.$message({
|
type: "error",
|
message: res.data.msg
|
})
|
}
|
}
|
)
|
})
|
},
|
|
userList() {
|
user().then(
|
res => this.user = res
|
)
|
},
|
async updateCause() {
|
let form = null;
|
form = this.updataCauseForm;
|
const data = form;
|
//saveSubject(params);
|
data.userId = data.userName;
|
for (let key in this.user) {
|
if (data.userId == this.user[key].userName) {
|
data.userId = this.user[key].userId;
|
}
|
}
|
// if (data.status == '未审核') {
|
// data.status = 0;
|
// }
|
// if (data.status == '不予立案') {
|
// data.status = 1;
|
// }
|
// if (data.status == '受理中') {
|
// data.status = 2;
|
// }
|
// if (data.status == '已结案') {
|
// data.status = 3;
|
// }
|
// if (data.status == '已撤案') {
|
// data.status = 4;
|
// }
|
this.$http.put('/api/cause/updateCause?id=' + data.id,
|
data
|
).then(res => {
|
if (res.data.code == 200) {
|
this.$message({
|
type: "success",
|
message: "修改成功"
|
});
|
// if (this.updataCauseForm.status == 0) {
|
// this.updataCauseForm.status = '未审核';
|
// };
|
// if (this.updataCauseForm.status == 1) {
|
// this.updataCauseForm.status = '不予立案';
|
// };
|
// if (this.updataCauseForm.status == 2) {
|
// this.updataCauseForm.status = '受理中';
|
// };
|
// if (this.updataCauseForm.status == 3) {
|
// this.updataCauseForm.status = '已结案';
|
// };
|
// if (this.updataCauseForm.status == 4) {
|
// this.updataCauseForm.status = '已撤案';
|
// };
|
this.updateAduitDialogVisible = false;
|
// location.reload();
|
this.getList();
|
} else {
|
this.$message({
|
type: "error",
|
message: "表单不能为空"
|
})
|
}
|
})
|
|
},
|
respond(res) {
|
if (res.code == 200) {
|
this.$message({
|
message: '上传成功',
|
type: 'success'
|
}
|
)
|
} else {
|
this.$message({
|
message: res.msg,
|
type: 'error'
|
})
|
}
|
location.reload();
|
},
|
//案件人员导入成功后
|
reporterRespond(res) {
|
if (res.code == 200) {
|
this.$message({
|
message: '上传成功',
|
type: 'success'
|
}
|
)
|
} else {
|
this.$message({
|
message: res.msg,
|
type: 'error'
|
})
|
}
|
this.get(this.reportCauseId);
|
},
|
|
beforeAvatarUpload(file) {
|
let Xls = file.name.split('.');
|
if (Xls[1] === 'xls' || Xls[1] === 'xlsx') {
|
return file
|
} else {
|
this.$message.error('上传文件只能是 xls/xlsx 格式!')
|
return false
|
}
|
},
|
init() {
|
casueList().then(
|
res => {
|
this.total = res.total
|
this.casueList = res.records
|
}
|
)
|
},
|
getList() {
|
this.$http.get('/api/cause/getCauseList', {
|
params: this.queryInfo
|
}).then(res => {
|
this.total = res.data.data.total
|
this.casueList = res.data.data.records
|
})
|
},
|
search() {
|
this.$http.get('/api/cause/getCauseList', {
|
params: this.queryInfo
|
}).then(
|
res => {
|
this.total = res.data.data.total
|
this.casueList = res.data.data.records
|
}
|
)
|
|
},
|
//案件人员弹窗中的查询
|
searchByCondition() {
|
this.queryInfoReport.causeId = this.reportCauseId;
|
this.$http.get('/api/cause/getAllReportList', {
|
params: this.queryInfoReport
|
}).then(
|
res => {
|
this.reportTotal = res.data.data.total
|
this.reportList = res.data.data.records
|
this.reportList.forEach(x => {
|
if (x.pic === '' || x.pic === null) {
|
x.pic = './logo.jpg';
|
} else {
|
getImgUrl(x.pic).then(res => {
|
x.pic = res
|
})
|
}
|
})
|
}
|
)
|
|
}
|
,
|
addDialogOpen() {
|
},
|
|
handleCurrentChange(val) {
|
this.queryInfo.current = val;
|
this.getList();
|
},
|
pageReport(val) {
|
this.queryInfoReport.current = val;
|
this.searchByCondition();
|
},
|
removeCause(val) {
|
remove(val).then(
|
res => {
|
this.$message({
|
message: '删除成功',
|
type: 'success'
|
});
|
this.getList();
|
}
|
)
|
},
|
|
removeReport(val, row) {
|
removeReport(val).then(
|
res => {
|
this.$message({
|
message: '删除成功',
|
type: 'success'
|
});
|
this.searchByCondition();
|
}
|
)
|
},
|
|
|
leaveReport(val, row, value) {
|
leaveReport(val, value).then(
|
res => {
|
this.$message({
|
message: '退群成功',
|
type: 'success'
|
});
|
this.searchByCondition();
|
}
|
)
|
},
|
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.el-form-item {
|
margin-bottom: 0;
|
}
|
|
::v-deep(.el-table thead) {
|
color: #000000;
|
}
|
</style>
|
