wxc
1 year ago
26 changed files with 1071 additions and 331 deletions
@ -0,0 +1,28 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function importCaseVerif(body) { |
||||||
|
return request.post({ |
||||||
|
url: '/data/caseVerif/import', |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function listCaseVerif(query) { |
||||||
|
return request.get({ |
||||||
|
url: '/data/caseVerif', |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function addCaseVerif(dataUpdateMethod, body) { |
||||||
|
return request.post({ |
||||||
|
url: `/data/caseVerif/${dataUpdateMethod}`, |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function delCaseVerif(id) { |
||||||
|
return request.del({ |
||||||
|
url: `/data/caseVerif/${id}` |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
<template> |
||||||
|
<el-date-picker |
||||||
|
type="datetimerange" |
||||||
|
start-placeholder="开始时间" |
||||||
|
end-placeholder="结束时间" |
||||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||||
|
:shortcuts="shortcuts" |
||||||
|
/> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
const shortcuts = [ |
||||||
|
{ |
||||||
|
text: "今天", |
||||||
|
value: () => { |
||||||
|
const end = new Date(); |
||||||
|
const start = new Date(); |
||||||
|
start.setHours(0, 0, 0, 0); |
||||||
|
return [start, end]; |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
text: "近一周", |
||||||
|
value: () => { |
||||||
|
const end = new Date(); |
||||||
|
const start = new Date(); |
||||||
|
start.setDate(start.getDate() - 7); |
||||||
|
return [start, end]; |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
text: "近一个月", |
||||||
|
value: () => { |
||||||
|
const end = new Date(); |
||||||
|
const start = new Date(); |
||||||
|
start.setMonth(start.getMonth() - 1) |
||||||
|
return [start, end]; |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ |
||||||
|
text: "近三个月", |
||||||
|
value: () => { |
||||||
|
const end = new Date(); |
||||||
|
const start = new Date(); |
||||||
|
start.setMonth(start.getMonth() - 3) |
||||||
|
return [start, end]; |
||||||
|
}, |
||||||
|
}, |
||||||
|
]; |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,349 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="114"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="案件编号"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.originId" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="投诉人"> |
||||||
|
<div class="flex gap"> |
||||||
|
<el-select |
||||||
|
v-model="query.responderKey" |
||||||
|
style="width: 160px" |
||||||
|
@change="delete query.responderValue" |
||||||
|
> |
||||||
|
<el-option value="name" label="姓名" /> |
||||||
|
<el-option value="phone" label="电话" /> |
||||||
|
</el-select> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.responderValue" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="登记时间"> |
||||||
|
<date-time-range-picker-ext v-model="query.discoveryTime" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="具体内容"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.thingDesc" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
<div class="mb-25 flex between"> |
||||||
|
<el-button type="primary" @click="show = true" |
||||||
|
>数据导入</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> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="list"> |
||||||
|
<el-table-column |
||||||
|
label="案件编号" |
||||||
|
prop="originId" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="受理时间" |
||||||
|
prop="discoveryTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题发生时间" |
||||||
|
prop="happenTime" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题来源" |
||||||
|
prop="problemSources" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="responderName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人电话" |
||||||
|
prop="contactPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="业务类别" |
||||||
|
prop="businessTypeName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉嫌问题" |
||||||
|
prop="involveProblem" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉及警种" |
||||||
|
prop="policeTypeName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉及单位" |
||||||
|
prop="complainedDepartName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="具体内容" |
||||||
|
prop="thingDesc" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="操作" width="200"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<!-- <el-button type="primary" link>核查情况</el-button> --> |
||||||
|
<el-button type="danger" link @click="handleDel(row)">删除</el-button> |
||||||
|
<!-- <el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
>问题核查</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]" |
||||||
|
v-model:page-size="query.size" |
||||||
|
v-model:current-page="query.current" |
||||||
|
layout="total, sizes, prev, pager, next" |
||||||
|
:total="total" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog title="案件核查 数据导入" v-model="show" width="80vw"> |
||||||
|
<div style="min-height: 500px"> |
||||||
|
<template v-if="step === 1"> |
||||||
|
<div class="mt-20"> |
||||||
|
<span>案件核查问题台账模板</span> |
||||||
|
<a |
||||||
|
class="link" |
||||||
|
:href="`${BASE_PATH}/templates/案件核查问题台账（模板）.xlsx`" |
||||||
|
target="__blank" |
||||||
|
>下载</a |
||||||
|
> |
||||||
|
</div> |
||||||
|
<el-upload |
||||||
|
drag |
||||||
|
:multiple="false" |
||||||
|
:auto-upload="false" |
||||||
|
:show-file-list="false" |
||||||
|
v-model:file-list="fileList" |
||||||
|
accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" |
||||||
|
class="mt-20" |
||||||
|
> |
||||||
|
<template v-if="fileList.length === 0"> |
||||||
|
<el-icon class="el-icon--upload" |
||||||
|
><upload-filled |
||||||
|
/></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
点击或拖拽文件到此区域上传 |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-icon class="el-icon--upload"><Select /></el-icon> |
||||||
|
<div class="el-upload__text"> |
||||||
|
已选择文件：{{ fileList[fileList.length - 1].name }} |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-upload> |
||||||
|
<el-radio-group v-model="dataUpdateMethod" class="mt-20"> |
||||||
|
<el-radio value="incremental" border>增量更新</el-radio> |
||||||
|
<el-radio value="overwrite" border>覆盖更新</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-page-header @back="step = 1" class="mb-20"></el-page-header> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="importTableData" ref="tableRef"> |
||||||
|
<el-table-column type="selection" /> |
||||||
|
<el-table-column |
||||||
|
label="案件编号" |
||||||
|
prop="originId" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="受理时间" |
||||||
|
prop="discoveryTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题发生时间" |
||||||
|
prop="happenTime" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="问题来源" |
||||||
|
prop="problemSources" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="responderName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人电话" |
||||||
|
prop="contactPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="业务类别" |
||||||
|
prop="businessTypeName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉嫌问题" |
||||||
|
prop="involveProblem" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉及警种" |
||||||
|
prop="policeTypeName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="涉及单位" |
||||||
|
prop="complainedDepartName" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="具体内容" |
||||||
|
prop="thingDesc" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="数据校验" width="120"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag type="success">正确</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<footer class="flex end mt-20 v-center"> |
||||||
|
<span class="mr-20" v-if="step === 2" |
||||||
|
>选中：<b>{{ checkRowSize }}</b>条数据</span |
||||||
|
> |
||||||
|
<el-button size="large" @click="show = false">取消</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="large" |
||||||
|
@click="handleImport" |
||||||
|
:disabled="fileList.length === 0" |
||||||
|
v-if="step === 1" |
||||||
|
>下一步</el-button |
||||||
|
> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
size="large" |
||||||
|
@click="handleSaveImport" |
||||||
|
:disabled="checkRowSize === 0" |
||||||
|
v-else |
||||||
|
>确认导入</el-button |
||||||
|
> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { BASE_PATH } from "@/api/request"; |
||||||
|
import { |
||||||
|
importCaseVerif, |
||||||
|
listCaseVerif, |
||||||
|
addCaseVerif, |
||||||
|
delCaseVerif |
||||||
|
} from "@/api/data/caseVerif"; |
||||||
|
import { ProblemSources } from '@/enums/dictEnums' |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
responderKey: 'name' |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
function getList() { |
||||||
|
listCaseVerif(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
responderKey: 'name' |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
getList(); |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
const dataUpdateMethod = ref("incremental"); |
||||||
|
|
||||||
|
const fileList = ref([]); |
||||||
|
|
||||||
|
const importTableData = ref([]); |
||||||
|
const step = ref(1); |
||||||
|
async function handleImport() { |
||||||
|
const formData = new FormData(); |
||||||
|
formData.append("file", fileList.value[fileList.value.length - 1].raw); |
||||||
|
importTableData.value = await importCaseVerif(formData); |
||||||
|
step.value = 2; |
||||||
|
nextTick(() => { |
||||||
|
tableRef.value.toggleAllSelection(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
const checkRowSize = computed( |
||||||
|
() => tableRef.value?.getSelectionRows().length || 0 |
||||||
|
); |
||||||
|
|
||||||
|
const tableRef = ref(null); |
||||||
|
async function handleSaveImport() { |
||||||
|
const rows = tableRef.value.getSelectionRows(); |
||||||
|
await addCaseVerif(dataUpdateMethod.value, [...rows]); |
||||||
|
feedback.msgSuccess(`成功导入${rows.length}条数据`); |
||||||
|
show.value = false; |
||||||
|
step.value = 1 |
||||||
|
importTableData.value = [] |
||||||
|
fileList.value = [] |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
async function handleDel(row) { |
||||||
|
await feedback.confirm('确定要删除该数据？') |
||||||
|
await delCaseVerif(row.originId) |
||||||
|
getList() |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue