wxc
11 months ago
9 changed files with 451 additions and 103 deletions
@ -0,0 +1,9 @@ |
|||||||
|
import request from "./request"; |
||||||
|
|
||||||
|
|
||||||
|
export function listNegativeHdjq(query) { |
||||||
|
return request.get({ |
||||||
|
url: `/negative/books/hdjq`, |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,298 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="120"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="报警时间"> |
||||||
|
<date-time-range-picker-ext |
||||||
|
v-model="query.discoveryTime" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div class="form-row flex"> |
||||||
|
<label class="text-center">基本信息</label> |
||||||
|
<div class="flex wrap query-box"> |
||||||
|
<el-input |
||||||
|
placeholder="问题编号 / 样本源头编号" |
||||||
|
v-model="query.originId" |
||||||
|
clearable |
||||||
|
style="width: 200px" |
||||||
|
/> |
||||||
|
<el-input |
||||||
|
placeholder="警情编号" |
||||||
|
v-model="query.caseNumber" |
||||||
|
clearable |
||||||
|
style="width: 200px" |
||||||
|
/> |
||||||
|
<el-input |
||||||
|
placeholder="问题简要描述" |
||||||
|
v-model="query.thingDesc" |
||||||
|
clearable |
||||||
|
style="width: 260px" |
||||||
|
/> |
||||||
|
<el-input |
||||||
|
placeholder="期数" |
||||||
|
style="width: 146px" |
||||||
|
v-model="query.reportNumber" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
<div style="width: 180px"> |
||||||
|
<depart-tree-select |
||||||
|
v-model="query.involveDepartId" |
||||||
|
placeholder="涉及单位" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="form-row flex"> |
||||||
|
<label class="text-center">核查情况</label> |
||||||
|
<div class="flex wrap query-box"> |
||||||
|
<div style="width: 200px"> |
||||||
|
<depart-tree-select |
||||||
|
v-model="query.handleDepartId" |
||||||
|
placeholder="办理单位" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
<el-select |
||||||
|
style="width: 120px" |
||||||
|
placeholder="是否整改" |
||||||
|
clearable |
||||||
|
v-model="query.isRectifyCode" |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in dict.isRectify" |
||||||
|
:key="item.id" |
||||||
|
:label="item.dictLabel" |
||||||
|
:value="item.dictValue" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
<div class="flex gap-4"> |
||||||
|
<el-select |
||||||
|
v-model="query.blameKey" |
||||||
|
style="width: 90px" |
||||||
|
@change="delete query.blameValue" |
||||||
|
> |
||||||
|
<el-option value="name" label="姓名" /> |
||||||
|
<el-option value="empNo" label="警号" /> |
||||||
|
<el-option value="idCode" label="身份证" /> |
||||||
|
</el-select> |
||||||
|
<el-input |
||||||
|
placeholder="问责人员（民警、辅警）" |
||||||
|
v-model="query.blameValue" |
||||||
|
clearable |
||||||
|
style="width: 190px" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="form-row flex"> |
||||||
|
<label class="text-center">其他选项</label> |
||||||
|
<div class="flex wrap query-box"> |
||||||
|
<el-select |
||||||
|
style="width: 200px" |
||||||
|
placeholder="流程阶段" |
||||||
|
clearable |
||||||
|
v-model="query.flowKey" |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in flowNodes" |
||||||
|
:key="item.flowKey" |
||||||
|
:label="item.flowName" |
||||||
|
:value="item.flowKey" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
<el-select |
||||||
|
style="width: 120px" |
||||||
|
placeholder="办理状态" |
||||||
|
clearable |
||||||
|
v-model="query.processingStatus" |
||||||
|
multiple |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in dict.processingStatus" |
||||||
|
:key="item.id" |
||||||
|
:label="item.dictLabel" |
||||||
|
:value="item.dictValue" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
|
|
||||||
|
<el-select |
||||||
|
style="width: 146px" |
||||||
|
placeholder="自查或他查" |
||||||
|
clearable |
||||||
|
v-model="query.crtDepartLevel" |
||||||
|
> |
||||||
|
<el-option label="他查" :value="0" /> |
||||||
|
<el-option label="自查" :value="2" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-form> |
||||||
|
<div class="flex between mt-20 mb-26"> |
||||||
|
<el-button type="primary" @click="handleExport" |
||||||
|
>数据导出</el-button |
||||||
|
> |
||||||
|
<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> |
||||||
|
</header> |
||||||
|
<main> |
||||||
|
<div class="table-container" v-loading="loading"> |
||||||
|
<el-table :data="list" ref="tableRef"> |
||||||
|
<el-table-column |
||||||
|
label="期数" |
||||||
|
prop="reportNumber" |
||||||
|
width="80" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉及单位" |
||||||
|
prop="involveDepartName" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="办理单位" |
||||||
|
show-overflow-tooltip |
||||||
|
width="160" |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span |
||||||
|
>{{ row.handleSecondDepartName |
||||||
|
}}{{ row.handleThreeDepartName }}</span |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="报警时间" |
||||||
|
prop="discoveryTime" |
||||||
|
width="150" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="警情编号" |
||||||
|
prop="caseNumber" |
||||||
|
width="220" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="自查或他查" width="100" align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span >{{ row.crtDepartLevel === 0? '他查' : '自查' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="问题简要描述" |
||||||
|
prop="thingDesc" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="办理状态" width="110"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag |
||||||
|
:type=" |
||||||
|
row.processingStatus === |
||||||
|
ProcessingStatus.COMPLETED |
||||||
|
? 'success' |
||||||
|
: 'primary' |
||||||
|
" |
||||||
|
v-if="row.processingStatus" |
||||||
|
>{{ |
||||||
|
getDictLable( |
||||||
|
dict.processingStatus, |
||||||
|
row.processingStatus |
||||||
|
) |
||||||
|
}}</el-tag |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="120"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
@click="handleAction(row)" |
||||||
|
>详情</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div class="flex end mt-8"> |
||||||
|
<el-pagination |
||||||
|
@size-change="getList" |
||||||
|
@current-change="getList" |
||||||
|
:current-page="query.current" |
||||||
|
:page-sizes="[10, 20, 50]" |
||||||
|
:page-size="query.size" |
||||||
|
v-model:current-page="query.current" |
||||||
|
layout="total, sizes, prev, pager, next" |
||||||
|
:total="total" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</main> |
||||||
|
</div> |
||||||
|
|
||||||
|
<negative-dialog |
||||||
|
v-model="show" |
||||||
|
:id="activeNegativeId" |
||||||
|
@close="show = false" |
||||||
|
ref="negativeDialogRef" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { ProcessingStatus } from "@/enums/flowEnums"; |
||||||
|
import { listNegativeHdjq } from "@/api/books"; |
||||||
|
import { getDictLable } from "@/utils/util"; |
||||||
|
|
||||||
|
import useCatchStore from "@/stores/modules/catch"; |
||||||
|
|
||||||
|
const catchStore = useCatchStore(); |
||||||
|
const dict = catchStore.getDicts([ |
||||||
|
"businessType", |
||||||
|
"inspectCase", |
||||||
|
"isRectify", |
||||||
|
"processingStatus", |
||||||
|
"suspectProblem", |
||||||
|
"policeType", |
||||||
|
"specialSupervision", |
||||||
|
]); |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
|
||||||
|
const loading = ref(false); |
||||||
|
function getList() { |
||||||
|
loading.value = true; |
||||||
|
listNegativeHdjq(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
loading.value = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
getList(); |
||||||
|
}); |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
const activeNegativeId = ref(""); |
||||||
|
|
||||||
|
function handleAction(row) { |
||||||
|
show.value = true; |
||||||
|
activeNegativeId.value = row.id; |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue