wxc
1 year ago
12 changed files with 1977 additions and 1283 deletions
@ -0,0 +1,36 @@ |
|||||||
|
import request from "@/api/request"; |
||||||
|
|
||||||
|
export function listPetitionComplaint12337(query) { |
||||||
|
return request.get({ |
||||||
|
url: '/data/petitionComplaint12337', |
||||||
|
query |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function importPetitionComplaint(body) { |
||||||
|
return request.post({ |
||||||
|
url: '/data/petitionComplaint/import', |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
export function addPetitionComplaint(body) { |
||||||
|
return request.post({ |
||||||
|
url: `/data/petitionComplaint`, |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function delPetitionComplaint12337(id) { |
||||||
|
return request.del({ |
||||||
|
url: `/data/petitionComplaint12337/${id}` |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
export function distributePetitionComplaint12337(body) { |
||||||
|
return request.post({ |
||||||
|
url: `/data/petitionComplaint12337/distribute`, |
||||||
|
body |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,271 @@ |
|||||||
|
<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.discoverTime" |
||||||
|
/> |
||||||
|
</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"> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="show = true" |
||||||
|
>数据导入 |
||||||
|
</el-button |
||||||
|
> |
||||||
|
<el-badge |
||||||
|
:value="distributeList.length" |
||||||
|
class="ml-10" |
||||||
|
v-if="distributeList.length" |
||||||
|
> |
||||||
|
<el-button type="primary" @click="distributeShow = true">问题下发</el-button> |
||||||
|
</el-badge> |
||||||
|
</div> |
||||||
|
<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="onlyId" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉渠道" |
||||||
|
prop="letterSource" |
||||||
|
/> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
label="登记时间" |
||||||
|
prop="discoverTime" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="投诉人" |
||||||
|
prop="name" |
||||||
|
width="90" |
||||||
|
/> |
||||||
|
<el-table-column label="电话" prop="phone"/> |
||||||
|
|
||||||
|
|
||||||
|
<el-table-column |
||||||
|
label="被投诉机构" |
||||||
|
show-overflow-tooltip |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span>{{ row.secondDepartName }}</span> |
||||||
|
<span>{{ row.thirdDepartName }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="具体内容" |
||||||
|
prop="wjwfProject" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="状态"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag>{{ |
||||||
|
getDictLable( |
||||||
|
dict.distributionState, |
||||||
|
row.distributionState |
||||||
|
) |
||||||
|
}} |
||||||
|
</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="200"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<template |
||||||
|
v-if=" |
||||||
|
row.distributionState === |
||||||
|
DistributionState.UNDISTRIBUTED |
||||||
|
" |
||||||
|
> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
@click="handleAddDistribute(row)" |
||||||
|
v-if=" |
||||||
|
distributeList.filter( |
||||||
|
(item) => item.onlyId === row.onlyId |
||||||
|
).length === 0 |
||||||
|
" |
||||||
|
>加入问题下发 |
||||||
|
</el-button |
||||||
|
> |
||||||
|
<el-button |
||||||
|
type="info" |
||||||
|
link |
||||||
|
v-else |
||||||
|
@click="handleRemoveDistribute(row)" |
||||||
|
>移除 |
||||||
|
</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
<el-button type="danger" link @click="handleDel(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]" |
||||||
|
v-model:page-size="query.size" |
||||||
|
v-model:current-page="query.current" |
||||||
|
layout="total, sizes, prev, pager, next" |
||||||
|
:total="total" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- <data-import |
||||||
|
v-model="show" |
||||||
|
title="公安部信访投诉 数据导入" |
||||||
|
:problemSourcesCode="ProblemSources.GABXF" |
||||||
|
@close="show = false" |
||||||
|
@update="getList" |
||||||
|
/>--> |
||||||
|
|
||||||
|
<data-distrbute-12337 |
||||||
|
v-model:show="distributeShow" |
||||||
|
v-model:data="distributeList" |
||||||
|
@update="getList" |
||||||
|
/> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup> |
||||||
|
import { |
||||||
|
delPetitionComplaint, |
||||||
|
} from "@/api/data/petitionComplaint"; |
||||||
|
import {ProblemSources, DistributionState} from "@/enums/dictEnums"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
|
||||||
|
import {getDictLable} from "@/utils/util"; |
||||||
|
|
||||||
|
import useCatchStore from "@/stores/modules/catch"; |
||||||
|
import {delPetitionComplaint12337, listPetitionComplaint12337} from "@/api/data/petition12337.ts"; |
||||||
|
|
||||||
|
const catchStore = useCatchStore(); |
||||||
|
const dict = catchStore.getDicts([ |
||||||
|
"distributionState", |
||||||
|
"timeLimit", |
||||||
|
"approvalFlow", |
||||||
|
"distributionFlow", |
||||||
|
"distributionState", |
||||||
|
]); |
||||||
|
|
||||||
|
const query = ref({ |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
responderKey: "name", |
||||||
|
problemSourcesCode: ProblemSources.GABXF, |
||||||
|
}); |
||||||
|
|
||||||
|
const list = ref([]); |
||||||
|
const total = ref(0); |
||||||
|
|
||||||
|
function getList() { |
||||||
|
listPetitionComplaint12337(query.value).then((data) => { |
||||||
|
list.value = data.records; |
||||||
|
total.value = data.total; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function reset() { |
||||||
|
query.value = { |
||||||
|
size: 10, |
||||||
|
current: 1, |
||||||
|
responderKey: "name", |
||||||
|
problemSourcesCode: ProblemSources.XF12337, |
||||||
|
}; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
getList(); |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
|
||||||
|
// 删除操作 |
||||||
|
async function handleDel(row) { |
||||||
|
await feedback.confirm("确定要删除该数据？"); |
||||||
|
await delPetitionComplaint12337(row.onlyId); |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
const distributeShow = ref(false) |
||||||
|
const distributeList = ref([]) |
||||||
|
|
||||||
|
function handleAddDistribute(row) { |
||||||
|
distributeList.value.push(row); |
||||||
|
} |
||||||
|
|
||||||
|
function handleRemoveDistribute(row) { |
||||||
|
distributeList.value.splice( |
||||||
|
distributeList.value.findIndex( |
||||||
|
(item) => item.originId === row.originId |
||||||
|
), |
||||||
|
1 |
||||||
|
); |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue