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