|
|
|
|
@ -30,10 +30,25 @@
|
|
|
|
|
<depart-tree-select v-model="query.departId" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="案件类别"> |
|
|
|
|
<el-input v-model="query.caseCategory" clearable></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<el-form-item label="侵权形式"> |
|
|
|
|
<el-select v-model="query.caseType" clearable > |
|
|
|
|
<!-- row.caseType =='1'?'刑事案件':'民事案件'--> |
|
|
|
|
<el-option label="刑事案件" value="1"></el-option> |
|
|
|
|
<el-option label="民事案件" value="2"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
<div class="flex end"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="handleExport">数据导出</el-button> |
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
<template #icon> |
|
|
|
|
<icon name="el-icon-Search" /> |
|
|
|
|
@ -45,7 +60,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</header> |
|
|
|
|
<div class="table-container"> |
|
|
|
|
<el-table :data="list"> |
|
|
|
|
<el-table :data="list" v-loading="loading"> |
|
|
|
|
<el-table-column |
|
|
|
|
label="申请人姓名" |
|
|
|
|
prop="applicantEmpName" |
|
|
|
|
@ -56,6 +71,25 @@
|
|
|
|
|
prop="applicantEmpNo" |
|
|
|
|
width="100" |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="申请时间" |
|
|
|
|
prop="applyDate" |
|
|
|
|
width="160" |
|
|
|
|
></el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="侵权形式" |
|
|
|
|
prop="caseType" |
|
|
|
|
width="120" |
|
|
|
|
> |
|
|
|
|
<template #default="{row}"> |
|
|
|
|
{{row.caseType =='1'?'刑事案件':'民事案件'}} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="案件类别" |
|
|
|
|
prop="caseCategory" |
|
|
|
|
width="120" |
|
|
|
|
></el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="事发时间" |
|
|
|
|
prop="happenTime" |
|
|
|
|
@ -103,58 +137,97 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
说明:维权记录,展示各单位申请的维权记录。 |
|
|
|
|
<el-dialog title="维权详情" v-model="show" width="50vw"> |
|
|
|
|
<el-dialog title="维权详情" v-model="show" width="50vw" @close="closeDialog"> |
|
|
|
|
<div class="dialog-container"> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>申请人姓名</label> |
|
|
|
|
<span>{{ activeRow.applicantEmpName }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>申请人警号</label> |
|
|
|
|
<span>{{ activeRow.applicantEmpNo }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>事发时间</label> |
|
|
|
|
<span>{{ activeRow.happenTime }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>案件编号</label> |
|
|
|
|
<span>{{ activeRow.caseNumber || '/' }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-12"> |
|
|
|
|
<label>状态</label> |
|
|
|
|
<span>{{ |
|
|
|
|
getDictLable( |
|
|
|
|
dict.comfortStatus, |
|
|
|
|
activeRow.rpcStatus |
|
|
|
|
) |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="申请人姓名"> |
|
|
|
|
{{ activeRow.applicantEmpName }} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="申请人警号"> |
|
|
|
|
{{ activeRow.applicantEmpNo }} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="事发时间"> |
|
|
|
|
{{ activeRow.happenTime }} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="案件编号"> |
|
|
|
|
{{ activeRow.caseNumber || '/' }} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="案件编号"> |
|
|
|
|
{{ getDictLable( |
|
|
|
|
dict.comfortStatus, |
|
|
|
|
activeRow.rpcStatus |
|
|
|
|
) }} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="24"> |
|
|
|
|
<el-form-item label="案件经过"> |
|
|
|
|
{{ activeRow.factReason}} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<div v-if="activeRow.Infringers.length !== 0"> |
|
|
|
|
<hr color="#cccdd1" style="height: 1px;border: 0px"/> |
|
|
|
|
<div class="flex v-center" style="height:20px;"> |
|
|
|
|
<h5>嫌疑人信息</h5> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-10" style="margin-bottom: 60px"> |
|
|
|
|
<div class="col col-24"> |
|
|
|
|
<label>案件经过</label> |
|
|
|
|
<span>{{ activeRow.factReason }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div v-for="(infringer,key) in activeRow.Infringers"> |
|
|
|
|
<div class="flex v-center" style="height:30px;"> |
|
|
|
|
<h5>嫌疑人{{key + 1}}</h5> |
|
|
|
|
</div> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="姓名"> |
|
|
|
|
{{infringer.tortName}} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="身份证号"> |
|
|
|
|
{{infringer.idCode}} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="性别"> |
|
|
|
|
{{infringer.gender}} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="打击处理情况"> |
|
|
|
|
{{ infringer.defendHandleWayName}} |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import moment from "moment"; |
|
|
|
|
import { listRights,delRights } from "@/api/rightsComfort/rights"; |
|
|
|
|
import { listRights,delRights,getInfringerData } from "@/api/rightsComfort/rights"; |
|
|
|
|
import { delComfort } from "@/api/rightsComfort/comfort"; |
|
|
|
|
import { listPolice } from "@/api/system/police"; |
|
|
|
|
import { getDictLable } from "@/utils/util"; |
|
|
|
|
import feedback from "@/utils/feedback"; |
|
|
|
|
import {BASE_PATH} from "@/api/request"; |
|
|
|
|
|
|
|
|
|
import useCatchStore from "@/stores/modules/catch"; |
|
|
|
|
|
|
|
|
|
const catchStore = useCatchStore(); |
|
|
|
|
const dict = catchStore.getDicts([ |
|
|
|
|
"comfortStatus" |
|
|
|
|
"comfortStatus","situation" |
|
|
|
|
]); |
|
|
|
|
|
|
|
|
|
const list = ref([]); |
|
|
|
|
@ -164,11 +237,20 @@ const query = ref({
|
|
|
|
|
code:'2' |
|
|
|
|
}); |
|
|
|
|
const total = ref(0); |
|
|
|
|
const loading = ref(false); |
|
|
|
|
function getList() { |
|
|
|
|
try{ |
|
|
|
|
loading.value=true; |
|
|
|
|
listRights(query.value).then((data) => { |
|
|
|
|
list.value = data.records; |
|
|
|
|
total.value = data.total; |
|
|
|
|
list.value = data.records; |
|
|
|
|
total.value = data.total; |
|
|
|
|
}); |
|
|
|
|
}catch (e){ |
|
|
|
|
console.log('e',e) |
|
|
|
|
}finally { |
|
|
|
|
loading.value=false; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function reset() { |
|
|
|
|
@ -198,10 +280,27 @@ const handleDelete = async (row) => {
|
|
|
|
|
getList(); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const closeDialog=()=>{ |
|
|
|
|
show.value=false |
|
|
|
|
} |
|
|
|
|
/** |
|
|
|
|
* 导出数据 |
|
|
|
|
* */ |
|
|
|
|
function handleExport() { |
|
|
|
|
window.open(`${BASE_PATH}/rights/export/result?` + new URLSearchParams(query.value).toString()) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const activeRow = ref({}) |
|
|
|
|
const show = ref(false) |
|
|
|
|
const handleDetail = (row) => { |
|
|
|
|
const handleDetail =async (row) => { |
|
|
|
|
activeRow.value = row |
|
|
|
|
const res = await getInfringerData(row.rpcId) |
|
|
|
|
console.log('res',res) |
|
|
|
|
if(res){ |
|
|
|
|
activeRow.value.Infringers= res; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
show.value = true |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|