wxc
1 year ago
25 changed files with 1360 additions and 187 deletions
Binary file not shown.
@ -0,0 +1,22 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function importPetitionComplaint(body) { |
||||||
|
return request.post({ |
||||||
|
url: '/data/petitionComplaint/import', |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function listPetitionComplaint(query) { |
||||||
|
return request.get({ |
||||||
|
url: '/data/petitionComplaint', |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function addPetitionComplaint(body, dataUpdateMethod) { |
||||||
|
return request.post({ |
||||||
|
url: `/data/petitionComplaint/dataUpdateMethod/${dataUpdateMethod}`, |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function listHolidays(year) { |
||||||
|
return request.get({ |
||||||
|
url: `/holiday/${year}` |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function listNegativeTask(query) { |
||||||
|
return request.get({ |
||||||
|
url: `/negativeTask`, |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,273 @@ |
|||||||
|
<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.userName" |
||||||
|
/> |
||||||
|
</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="channelForFilingComplaints" |
||||||
|
|
||||||
|
/> |
||||||
|
<el-table-column label="受理层级" prop="acceptanceLevel" show-overflow-tooltip /> |
||||||
|
<el-table-column label="登记时间" width="discoveryTime" /> |
||||||
|
<el-table-column label="投诉人" prop="responderName" /> |
||||||
|
<el-table-column label="电话" prop="responderPhone" /> |
||||||
|
<el-table-column label="初重信访" prop="initialPetition" /> |
||||||
|
<el-table-column label="缠访闹访" prop="entanglementVisits" /> |
||||||
|
<el-table-column label="群众集访" prop="massVisits" /> |
||||||
|
<el-table-column label="涉嫌问题" prop="involveProblem" /> |
||||||
|
<el-table-column label="业务类别" prop="businessTypeName" /> |
||||||
|
<el-table-column label="具体内容" prop="thingDesc" show-overflow-tooltip /> |
||||||
|
<el-table-column label="操作"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
@click="handleEdit(row)" |
||||||
|
v-perms="['user:edit']" |
||||||
|
>编辑</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"> |
||||||
|
<el-radio-group v-model="templateType"> |
||||||
|
<el-radio value="1" size="large" border>国家信访</el-radio> |
||||||
|
<el-radio value="2" size="large" border>公安部信访</el-radio> |
||||||
|
<el-radio value="3" size="large" border>12337信访</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<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> |
||||||
|
</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="channelForFilingComplaints" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="受理层级" |
||||||
|
prop="acceptanceLevel" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="登记时间" |
||||||
|
prop="discoveryTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="responderName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人电话" |
||||||
|
prop="contactPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="初重信访" |
||||||
|
prop="initialPetition" |
||||||
|
align="center" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="缠访闹访" |
||||||
|
prop="entanglementVisits" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="群众集访" |
||||||
|
prop="massVisits" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<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">选中：{{ checkRowSize }}条</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 { |
||||||
|
importPetitionComplaint, |
||||||
|
listPetitionComplaint, |
||||||
|
addPetitionComplaint |
||||||
|
} from "@/api/data/petitionComplaint"; |
||||||
|
import feedback from '@/utils/feedback' |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
function getList() { |
||||||
|
listPetitionComplaint(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
getList() |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
const templateType = ref("1"); |
||||||
|
|
||||||
|
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 importPetitionComplaint(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() |
||||||
|
console.log(rows) |
||||||
|
await addPetitionComplaint([...rows]) |
||||||
|
feedback.msgSuccess(`成功导入${rows.length}条数据`) |
||||||
|
show.value = false |
||||||
|
getList() |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,342 @@ |
|||||||
|
<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="登记时间"> |
||||||
|
<el-date-picker |
||||||
|
type="datetimerange" |
||||||
|
start-placeholder="开始时间" |
||||||
|
end-placeholder="结束时间" |
||||||
|
v-model="query.happenTime" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="具体内容"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.userName" |
||||||
|
/> |
||||||
|
</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="channelForFilingComplaints" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="受理层级" |
||||||
|
prop="acceptanceLevel" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="登记时间" |
||||||
|
width="discoveryTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="responderName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column label="电话" prop="responderPhone" /> |
||||||
|
<el-table-column |
||||||
|
label="初重信访" |
||||||
|
prop="initialPetition" |
||||||
|
align="center" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="缠访闹访" |
||||||
|
prop="entanglementVisits" |
||||||
|
align="center" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column label="群众集访" prop="massVisits" /> |
||||||
|
<el-table-column label="涉嫌问题" prop="involveProblem" /> |
||||||
|
<el-table-column |
||||||
|
label="涉及单位" |
||||||
|
prop="involveProblem" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<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="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="channelForFilingComplaints" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="受理层级" |
||||||
|
prop="acceptanceLevel" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="登记时间" |
||||||
|
prop="discoveryTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="responderName" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人电话" |
||||||
|
prop="contactPhone" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="初重信访" |
||||||
|
prop="initialPetition" |
||||||
|
align="center" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="缠访闹访" |
||||||
|
prop="entanglementVisits" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="群众集访" |
||||||
|
prop="massVisits" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<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" |
||||||
|
>选中：{{ checkRowSize }}条</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 { |
||||||
|
importPetitionComplaint, |
||||||
|
listPetitionComplaint, |
||||||
|
addPetitionComplaint, |
||||||
|
} from "@/api/data/petitionComplaint"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
function getList() { |
||||||
|
listPetitionComplaint(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}; |
||||||
|
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 importPetitionComplaint(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 addPetitionComplaint([...rows]); |
||||||
|
feedback.msgSuccess(`成功导入${rows.length}条数据`); |
||||||
|
show.value = false; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,141 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="120"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="任务名称"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.taskName" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="创建时间"> |
||||||
|
<el-date-picker |
||||||
|
v-model="query.crtTime" |
||||||
|
value-format="YYYY-MM-DD HH:mm:ss" |
||||||
|
type="datetimerange" |
||||||
|
format="YYYY-MM-DD HH:mm:ss" |
||||||
|
range-separator="~" |
||||||
|
start-placeholder="开始日期" |
||||||
|
end-placeholder="结束日期" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
<div class="flex end mb-20"> |
||||||
|
<el-button type="primary" @click="getList"> |
||||||
|
<template #icon> |
||||||
|
<icon name="el-icon-Search" /> |
||||||
|
</template> |
||||||
|
查询</el-button |
||||||
|
> |
||||||
|
<el-button @click="reset">重置</el-button> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="list"> |
||||||
|
<el-table-column label="任务名称" prop="taskName" show-overflow-tooltip /> |
||||||
|
<el-table-column |
||||||
|
label="导出条数" |
||||||
|
prop="importRow" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column label="创建时间" prop="crtTime" /> |
||||||
|
<el-table-column label="更新时间" prop="updTime" /> |
||||||
|
<el-table-column label="操作人" prop="crtUser" /> |
||||||
|
<el-table-column label="状态" prop="status"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag type="success" v-if="row.status === '0'" |
||||||
|
>导出成功</el-tag |
||||||
|
> |
||||||
|
<el-tag type="danger" v-else-if="row.status === '1'" |
||||||
|
>导出失败</el-tag |
||||||
|
> |
||||||
|
<el-tag type="primary" v-else>导出中</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
@click="handleDownload(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> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
import { BASE_PATH } from "@/api/request"; |
||||||
|
import { listNegativeTask } from "@/api/work/negativeTask"; |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const query = ref({ |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}); |
||||||
|
const total = ref(0); |
||||||
|
|
||||||
|
function getList() { |
||||||
|
listNegativeTask(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
getList(); |
||||||
|
}); |
||||||
|
|
||||||
|
function handleDownload(row) { |
||||||
|
fetch(`${BASE_PATH}/file/stream${row.filePath}`) |
||||||
|
.then((response) => { |
||||||
|
console.log(response); |
||||||
|
return response.blob(); |
||||||
|
}) |
||||||
|
.then((res) => { |
||||||
|
console.log(res); |
||||||
|
const blob = new Blob([res], { |
||||||
|
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", |
||||||
|
}); |
||||||
|
const url = window.URL.createObjectURL(blob); |
||||||
|
const link = document.createElement("a"); |
||||||
|
link.href = url; |
||||||
|
link.setAttribute("download", row.taskName + ".xlsx"); |
||||||
|
document.body.appendChild(link); |
||||||
|
link.click(); |
||||||
|
document.body.removeChild(link); |
||||||
|
window.URL.revokeObjectURL(url); |
||||||
|
}); |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue