8 changed files with 830 additions and 127 deletions
@ -0,0 +1,16 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
//获取分页数据
|
||||||
|
export function getListData(query){ |
||||||
|
return request.get({ |
||||||
|
url:'/rights/supervise', |
||||||
|
query: query |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
//获取数据详情
|
||||||
|
export function getDetail(id){ |
||||||
|
return request.get({ |
||||||
|
url:`/rights/supervise/${id}` |
||||||
|
}) |
||||||
|
} |
||||||
@ -0,0 +1,616 @@ |
|||||||
|
<script setup> |
||||||
|
|
||||||
|
import {getListData,getDetail} from "@/api/rightsComfort/supervision"; |
||||||
|
import {getDictLable} from "@/utils/util"; |
||||||
|
import useCatchStore from "@/stores/modules/catch"; |
||||||
|
//字典 |
||||||
|
const catchStore = useCatchStore(); |
||||||
|
const dict = catchStore.getDicts(["personType","injurySeverity","formsOfTort"]); |
||||||
|
let InfringerHandleDict = reactive([ |
||||||
|
{ |
||||||
|
dictValue:"刑事追究", |
||||||
|
dictLabel:"刑事追究" |
||||||
|
}, |
||||||
|
{ |
||||||
|
dictValue:"行政处罚", |
||||||
|
dictLabel:"行政处罚" |
||||||
|
}, |
||||||
|
]) |
||||||
|
//查询条件 |
||||||
|
let query = ref({ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
departBranch:false, |
||||||
|
happenTime: [] |
||||||
|
}) |
||||||
|
//表格加载 |
||||||
|
let loading = ref(false); |
||||||
|
let editLoading =ref(false) |
||||||
|
|
||||||
|
let list = ref() |
||||||
|
let total = ref(0); |
||||||
|
//详情数据 |
||||||
|
const detailData = ref() |
||||||
|
//是否显示 |
||||||
|
let editShow = ref(false) |
||||||
|
|
||||||
|
//初始化数据 |
||||||
|
const getList = async ()=>{ |
||||||
|
loading.value=true |
||||||
|
const res = await getListData(query.value); |
||||||
|
console.log(`res:${res}`) |
||||||
|
list.value =res.records |
||||||
|
total.value=res.total |
||||||
|
loading.value=false |
||||||
|
} |
||||||
|
//重置筛选条件事件 |
||||||
|
const reset =() =>{ |
||||||
|
query.value ={ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
departBranch:false, |
||||||
|
applyDate: [] |
||||||
|
} |
||||||
|
getList() |
||||||
|
} |
||||||
|
|
||||||
|
//获取数据详情 |
||||||
|
const getDetailFun =async (row) =>{ |
||||||
|
detailData.value = await getDetail(row.rpcId); |
||||||
|
if(detailData.value){ |
||||||
|
editShow.value=true; |
||||||
|
console.log(detailData.value) |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
onMounted(()=>{ |
||||||
|
getList(); |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案件名称"> |
||||||
|
<el-input placeholder="请输入案件名称" |
||||||
|
v-model="query.caseName"/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案件管辖单位"> |
||||||
|
<depart-tree-select |
||||||
|
v-model="query.departId" |
||||||
|
placeholder="请选择案件管辖单位" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="发案时间"> |
||||||
|
<date-time-range-picker-ext |
||||||
|
v-model="query.happenTime" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案件编号"> |
||||||
|
<el-input placeholder="请输入案件编号" v-model="query.caseNumber"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案件性质"> |
||||||
|
<el-select |
||||||
|
v-model="query.InfringerHandle" |
||||||
|
clearable> |
||||||
|
<el-option |
||||||
|
v-for="(item,key) in InfringerHandleDict" |
||||||
|
:key="key" |
||||||
|
:value="item.dictValue" |
||||||
|
:label="item.dictLabel" |
||||||
|
></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6" :offset="12"> |
||||||
|
<div class="flex end "> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="getList"> |
||||||
|
<template #icon><icon name="el-icon-Search"/></template> |
||||||
|
查询 |
||||||
|
</el-button> |
||||||
|
<el-button @click="reset">重置</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
</el-row> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
</header> |
||||||
|
|
||||||
|
<main> |
||||||
|
<div class="table-container" v-loading="loading"> |
||||||
|
<el-table |
||||||
|
:data="list" |
||||||
|
ref="tableRef" |
||||||
|
style="width: 100%" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55"/> |
||||||
|
<el-table-column label="案件管辖单位" prop="departName" width="160" /> |
||||||
|
<el-table-column label="案件编号" prop="caseNumber" width="200" /> |
||||||
|
<el-table-column label="案件名称" prop="caseName" width="100"/> |
||||||
|
<el-table-column label="发案时间" prop="happenTime" width="160"/> |
||||||
|
<el-table-column label="简要案情" prop="factReason" width="200" show-overflow-tooltip></el-table-column> |
||||||
|
<el-table-column label="案件性质" prop="infringerHandle" width="120"></el-table-column> |
||||||
|
<el-table-column label="案件类别" prop="caseCategory" /> |
||||||
|
<el-table-column label="操作" min-width="200"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button link type="primary" @click="getDetailFun(row)" >上报</el-button> |
||||||
|
<el-button link type="danger" >查否</el-button> |
||||||
|
<el-button link type="primary" >查看详情</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div class="flex end mt-8"> |
||||||
|
<el-pagination |
||||||
|
@size-change="getList" |
||||||
|
@current-change="getList" |
||||||
|
:page-sizes="[10, 20, 50]" |
||||||
|
v-model:page-size="query.size" |
||||||
|
v-model:current-page="query.current" |
||||||
|
layout="total, sizes, prev, pager, next" |
||||||
|
:total="total" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</main> |
||||||
|
|
||||||
|
<!-- <el-dialog v-model="editShow" width="900px">--> |
||||||
|
<!-- <el-form v-loading="editLoading" label-width="148" :model="formData" ref="formRef" :rules="rules">--> |
||||||
|
<!-- <div style="margin-bottom: 80px">--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="姓名" prop="name">--> |
||||||
|
<!-- <!– <el-input v-model="formData.name"></el-input>–>--> |
||||||
|
<!-- <el-select--> |
||||||
|
<!-- v-model="formData.policeId"--> |
||||||
|
<!-- filterable--> |
||||||
|
<!-- remote--> |
||||||
|
<!-- clearable--> |
||||||
|
<!-- default-first-option--> |
||||||
|
<!-- @change="CopyUserDetail"--> |
||||||
|
<!-- :remote-method="getPoliceListFun"--> |
||||||
|
<!-- >--> |
||||||
|
<!-- <template #header>--> |
||||||
|
<!-- <el-row :gutter="20">--> |
||||||
|
<!-- <el-col :span="6">姓名</el-col>--> |
||||||
|
<!-- <el-col :span="6">警号</el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- </template>--> |
||||||
|
<!-- <el-option v-for="(item,key) in users" :key="key" :label="item.name"--> |
||||||
|
<!-- :value="item.id">--> |
||||||
|
<!-- <el-row :gutter="20">--> |
||||||
|
<!-- <el-col :span="6">{{item.name}}</el-col>--> |
||||||
|
<!-- <el-col :span="6">{{item.empNo}}</el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- </el-option>--> |
||||||
|
<!-- </el-select>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="身份证" prop="idCode">--> |
||||||
|
<!-- <el-input v-model="formData.idCode"></el-input>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="年龄" prop="age">--> |
||||||
|
<!-- <el-input-number v-model="formData.age"></el-input-number>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="性别" prop="gender">--> |
||||||
|
<!-- <el-radio-group v-model="formData.gender">--> |
||||||
|
<!-- <el-radio value="0">女</el-radio>--> |
||||||
|
<!-- <el-radio value="1">男</el-radio>--> |
||||||
|
<!-- </el-radio-group>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="出生日期" prop="birthTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.birthTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="入党（团）时间" prop="joinPartyTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.joinPartyTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="参加工作时间" prop="joinWorkTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.joinWorkTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12" label="参加公安工作时间" prop="joinPoliceTime">--> |
||||||
|
<!-- <el-form-item label="参加公安工作时间" prop="joinPoliceTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.joinPoliceTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
|
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="文化程度" prop="education">--> |
||||||
|
<!-- <el-select v-model="formData.education">--> |
||||||
|
<!-- <el-option--> |
||||||
|
<!-- v-for="(item,key) in educations"--> |
||||||
|
<!-- :value="item.value"--> |
||||||
|
<!-- :label="item.label"--> |
||||||
|
<!-- :key="key"/>--> |
||||||
|
<!-- </el-select>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="职务" prop="job">--> |
||||||
|
<!-- <el-input v-model="formData.job"></el-input>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="部门" prop="orgId">--> |
||||||
|
<!-- <depart-tree-select--> |
||||||
|
<!-- v-model="formData.orgId"--> |
||||||
|
<!-- placeholder="部门"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <hr style="color: #abaaaa;opacity: 0.2"/>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="看护单位" prop="nursingOrgId">--> |
||||||
|
<!-- <el-select--> |
||||||
|
<!-- filterable--> |
||||||
|
<!-- default-first-option--> |
||||||
|
<!-- v-model ="formData.nursingOrgId">--> |
||||||
|
<!-- <el-option v-for="(item,key) in NursingOrgList" :key="key"--> |
||||||
|
<!-- :label="item.shortName"--> |
||||||
|
<!-- :value="item.id"></el-option>--> |
||||||
|
|
||||||
|
<!-- </el-select>--> |
||||||
|
<!-- <!– <depart-tree-select–>--> |
||||||
|
<!-- <!– v-model="formData.nursingOrgId"–>--> |
||||||
|
<!-- <!– placeholder="看护单位"–>--> |
||||||
|
<!-- <!– />–>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="查处单位" prop="investigateUnit">--> |
||||||
|
<!-- <el-input v-model="formData.investigateUnit"></el-input>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="24">--> |
||||||
|
<!-- <el-form-item label="事由" prop="matter">--> |
||||||
|
<!-- <el-select v-model="formData.matter" >--> |
||||||
|
<!-- <el-option--> |
||||||
|
<!-- v-for="(item,key) in dict.confinement"--> |
||||||
|
<!-- :key="key"--> |
||||||
|
<!-- :value="item.dictValue"--> |
||||||
|
<!-- :label="item.dictLabel"--> |
||||||
|
<!-- ></el-option>--> |
||||||
|
<!-- </el-select>--> |
||||||
|
<!-- <!– <el-input type="textarea" :rows="3" v-model="formData.matter"></el-input>–>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row v-if="ChangeMatter()" >--> |
||||||
|
<!-- <el-col :span="24">--> |
||||||
|
<!-- <el-form-item label="备注" >--> |
||||||
|
<!-- <el-input type="textarea" :rows="3" v-model="formData.remark"></el-input>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
|
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="开始日期" prop="startTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.startTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- @change="getConfinementTime"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="结束日期" prop="endTime">--> |
||||||
|
<!-- <el-date-picker--> |
||||||
|
<!-- v-model="formData.endTime"--> |
||||||
|
<!-- type="datetime"--> |
||||||
|
<!-- placeholder="请选择"--> |
||||||
|
<!-- value-format="YYYY-MM-DD HH:mm"--> |
||||||
|
<!-- time-format="HH:mm"--> |
||||||
|
<!-- style="width: 100%"--> |
||||||
|
<!-- @change="getConfinementTime"--> |
||||||
|
<!-- />--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="禁闭时长" prop="confinementTime">--> |
||||||
|
<!-- <el-input v-model="formData.confinementTime"></el-input>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="是否回访" prop="isVisit">--> |
||||||
|
<!-- <el-radio-group v-model="formData.isVisit">--> |
||||||
|
<!-- <el-radio value="0">是</el-radio>--> |
||||||
|
<!-- <el-radio value="1">否</el-radio>--> |
||||||
|
<!-- </el-radio-group>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- <el-row>--> |
||||||
|
<!-- <el-col :span="12">--> |
||||||
|
<!-- <el-form-item label="附件上传" prop="files">--> |
||||||
|
<!-- <file-upload v-model:files="formData.files"/>--> |
||||||
|
<!-- </el-form-item>--> |
||||||
|
<!-- </el-col>--> |
||||||
|
<!-- </el-row>--> |
||||||
|
<!-- </div>--> |
||||||
|
<!-- </el-form>--> |
||||||
|
|
||||||
|
<!-- </el-dialog>--> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog v-model="editShow" width="900px"> |
||||||
|
<el-form :model="detailData" label-width="148"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="部门"> |
||||||
|
<depart-tree-select |
||||||
|
v-model="detailData.rpcApplyVo.departId" |
||||||
|
placeholder="请选择案件管辖单位" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案件名称"> |
||||||
|
<el-input v-model="detailData.rpcApplyVo.caseName" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案件编号"> |
||||||
|
<el-input v-model="detailData.rpcApplyVo.caseNumber" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案发时间"> |
||||||
|
<el-date-picker style="width:100%" v-model="detailData.rpcApplyVo.happenTime"></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-form-item label="简要案情"> |
||||||
|
<el-input type="textarea" :row="3" v-model="detailData.rpcApplyVo.factReason"/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案发环节"> |
||||||
|
<el-input v-model="detailData.rpcApplyVo.incidentLinkName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案发警种"> |
||||||
|
<el-select v-model="detailData.rpcApplyVo.policeJob" > |
||||||
|
<el-option v-for="(item,key) in dict.personType" |
||||||
|
:key="key" |
||||||
|
:value="item.dictValue" |
||||||
|
:label="item.dictLabel" |
||||||
|
></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案件性质"> |
||||||
|
<el-input v-model="detailData.rpcApplyVo.infringerHandle" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="案件报送情况"> |
||||||
|
<el-input v-model="detailData.rpcApplyVo.caseSubmission" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="变更强制措施报送情况" > |
||||||
|
<el-input v-model="detailData.rpcApplyVo.changeMandate"/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<!-- 被侵权人--> |
||||||
|
<div v-if="detailData.rpcApplyPeoples.length !== 0" > |
||||||
|
<hr color="#cccdd1" style="height: 1px;border: 0px"/> |
||||||
|
<div class="flex v-center" style="height:20px;"> |
||||||
|
<h5>受害人信息</h5> |
||||||
|
</div> |
||||||
|
<div v-for="(people,index) in detailData.rpcApplyPeoples"> |
||||||
|
<div class="flex v-center" style="height:30px;"> |
||||||
|
<h5>受害人{{index + 1}}</h5> |
||||||
|
</div> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="姓名"> |
||||||
|
<el-input v-model="people.empName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="警号"> |
||||||
|
<el-input v-model="people.empNo"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="身份证号"> |
||||||
|
<el-input v-model="people.idCode"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="性别"> |
||||||
|
<el-input v-model="people.gender"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="人员类型"> |
||||||
|
<el-select v-model="people.empType"> |
||||||
|
<el-option teleported="true" v-for="(item,key) in dict.personType" |
||||||
|
:key="key" |
||||||
|
:value="item.dictValue" |
||||||
|
:label="item.dictLabel" |
||||||
|
></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="受伤程度"> |
||||||
|
<el-select v-model="people.injurySeverity"> |
||||||
|
<el-option v-for="(item,key) in dict.injurySeverity" |
||||||
|
:key="key" |
||||||
|
:value="item.dictValue" |
||||||
|
:label="item.dictLabel" |
||||||
|
></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="侵权形式"> |
||||||
|
<el-select > |
||||||
|
<el-option v-for="(item,key) in dict.formsOfTort" |
||||||
|
:key="key" |
||||||
|
:value="item.dictValue" |
||||||
|
:label="item.dictLabel" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!--嫌疑人--> |
||||||
|
<div v-if="detailData.rpcInfringerResults.length !== 0"> |
||||||
|
<hr color="#cccdd1" style="height: 1px;border: 0px"/> |
||||||
|
<div class="flex v-center" style="height:20px;"> |
||||||
|
<h5>嫌疑人信息</h5> |
||||||
|
</div> |
||||||
|
<div v-for="(infringer,key) in detailData.rpcInfringerResults"> |
||||||
|
<div class="flex v-center" style="height:30px;"> |
||||||
|
<h5>嫌疑人{{key + 1}}</h5> |
||||||
|
</div> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="姓名"> |
||||||
|
<el-input v-model="infringer.tortName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="身份证号"> |
||||||
|
<el-input v-model="infringer.idCode"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="性别"> |
||||||
|
<el-input v-model="infringer.gender"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="打击处理情况"> |
||||||
|
<el-input v-model="infringer.defendHandleWayName" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
<footer class="flex end"> |
||||||
|
<el-button @click="editShow = false" size="large">取消</el-button> |
||||||
|
<el-button type="primary" @click="handleSumbit" size="large" |
||||||
|
>确定 |
||||||
|
</el-button |
||||||
|
> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
|
||||||
|
</style> |
||||||
Loading…
Reference in new issue