supervision
/
supervision-vue
5
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1、公安部信访投诉台账功能； 

2、国家信访投诉台账功能；
main
wxc 1 year ago
parent
7fcfa377a8
commit
8bebaefa71
15 changed files with 2450 additions and 349 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/api/books.ts
  2. 20
      src/api/data/petition12337.ts
  3. 21
      src/api/work/negativeTask.ts
  4. 6
      src/components/alarm/reply.vue
  5. 43
      src/components/loading.vue
  6. 316
      src/views/books/Ajhc.vue
  7. 316
      src/views/books/Gabxf.vue
  8. 316
      src/views/books/Gjxf.vue
  9. 132
      src/views/books/Hdjq.vue
  10. 258
      src/views/books/Xcdc.vue
  11. 846
      src/views/data/Mail12337.vue
  12. 64
      src/views/sensitivePerception/RiskPersonnel.vue
  13. 4
      src/views/system/Police.vue
  14. 441
      src/views/work/BatchDistribute.vue
  15. 2
      src/views/work/Query.vue

14
src/api/books.ts
Unescape View File

@ -7,3 +7,17 @@ export function listNegativeHdjq(query) {
query query
}); });
} }
export function listNegativeXcdc(query) {
return request.get({
url: `/negative/books/xcdc`,
query
});
}
export function listNegativeXf(query, problemSourcesCode) {
return request.get({
url: `/negative/books/xf/${problemSourcesCode}`,
query
});
}

20
src/api/data/petition12337.ts
Unescape View File

@ -7,30 +7,22 @@ export function listPetitionComplaint12337(query) {
}); });
} }
export function importPetitionComplaint(body) { export function delPetitionComplaint12337(id) {
return request.post({ return request.del({
url: '/data/petitionComplaint/import', url: `/data/petitionComplaint12337/${id}`
body
}); });
} }
export function importPetitionComplaint12337(body) {
export function addPetitionComplaint(body) {
return request.post({ return request.post({
url: `/data/petitionComplaint`, url: '/data/petitionComplaint12337/import',
body body
}); });
} }
export function delPetitionComplaint12337(id) {
return request.del({
url: `/data/petitionComplaint12337/${id}`
});
}
export function distributePetitionComplaint12337(body) { export function distributePetitionComplaint12337(body) {
return request.post({ return request.post({
url: `/data/petitionComplaint12337/distribute`, url: '/data/petitionComplaint12337/distribute',
body body
}); });
} }

21
src/api/work/negativeTask.ts
Unescape View File

@ -6,3 +6,24 @@ export function listNegativeTask(query) {
query query
}); });
} }
export function listNegativeTaskImport(query) {
return request.get({
url: `/negativeTask/importList`,
query
});
}
export function importNegative(body) {
return request.post({
url: `/negativeTask/import`,
body
});
}
export function distributeNegative(body) {
return request.post({
url: `/negativeTask/distribute`,
body
});
}

6
src/components/alarm/reply.vue
Unescape View File

@ -23,6 +23,7 @@
message: '请输入回复内容', message: '请输入回复内容',
trigger: ['blur'], trigger: ['blur'],
}" }"
v-if="data.requestReply"
> >
<el-input <el-input
type="textarea" type="textarea"
@ -33,14 +34,15 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="附件" label="附件"
v-if="data.requestReply"
> >
<file-upload v-model:files="formData.replyFiles" /> <file-upload v-model:files="formData.replyFiles" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<footer class="flex end"> <footer class="flex end">
<el-button @click="emit('close')" size="large">取消</el-button> <el-button @click="emit('close')" size="large" v-if="data.requestReply">取消</el-button>
<el-button type="primary" @click="handleSumbit" size="large" <el-button type="primary" @click="handleSumbit" size="large"
>确定 >{{ data.requestReply? '确定' : '我已知晓'}}
</el-button> </el-button>
</footer> </footer>
</el-dialog> </el-dialog>

43
src/components/loading.vue
Unescape View File

@ -0,0 +1,43 @@
<template>
<div class="loading-wrapper flex center v-center" v-show="loading">
<div class="loading-box flex column v-center center">
<icon name="el-icon-Loading" :size="100" />
<div class="mt-8 loading-text">{{ loadingText }}</div>
</div>
</div>
</template>
<script setup>
defineProps({
loading: {
type: Boolean,
defalut: true
},
loadingText: {
type: String,
defalut: ''
}
})
</script>
<style lang="scss" scoped>
.loading-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
}
.loading-box {
width: 162px;
height: 162px;
background: #9D9DA0;
border-radius: 16px;
color: #ccc;
font-size: 16px;
}
.loading-text {
color: #fff;
}
</style>

316
src/views/books/Ajhc.vue
Unescape View File

@ -0,0 +1,316 @@
<template>
<div class="container">
<header>
<el-form :label-width="80">
<el-row>
<el-col :span="6"> </el-col>
</el-row>
<div class="form-row flex">
<label class="text-center">基本信息</label>
<div class="flex wrap query-box">
<div style="width: 340px">
<el-form-item label="报警时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</div>
<el-input
placeholder="期数"
style="width: 146px"
v-model="query.reportNumber"
clearable
/>
<el-input
placeholder="具体问题情况"
v-model="query.thingDesc"
clearable
style="width: 260px"
/>
<el-input
placeholder="警情编号"
v-model="query.caseNumber"
clearable
style="width: 200px"
/>
</div>
</div>
<div class="form-row flex">
<label class="text-center">核查情况</label>
<div class="flex wrap query-box">
<div style="width: 160px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="涉及单位"
/>
</div>
<div style="width: 160px">
<depart-tree-select
v-model="query.handleDepartId"
placeholder="办理单位"
/>
</div>
<el-select
style="width: 146px"
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>
<el-input
placeholder="回复情况"
v-model="query.checkStatusDesc"
clearable
style="width: 260px"
/>
<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: 160px"
placeholder="自查或他查"
clearable
v-model="query.crtDepartLevel"
>
<el-option label="他查" :value="0" />
<el-option label="自查" :value="2" />
</el-select>
<el-select
style="width: 160px"
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>
</div>
</div>
</el-form>
<div class="flex between mt-20 mb-26">
<div>
<!-- <el-button type="primary" @click="handleExport"
>数据导出</el-button
> -->
</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>
<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
width="200"
/>
<el-table-column
label="核查情况"
prop="checkStatusDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column
label="整改情况"
prop="rectifyDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column label="办理状态" width="100">
<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="80" fixed="right">
<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,
blameKey: "name",
});
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;
});
}
function reset() {
query.value = {
current: 1,
size: 10,
blameKey: "name",
};
getList();
}
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>

316
src/views/books/Gabxf.vue
Unescape View File

@ -0,0 +1,316 @@
<template>
<div class="container">
<header>
<el-form :label-width="80">
<el-row>
<el-col :span="6"> </el-col>
</el-row>
<div class="form-row flex">
<label class="text-center">基本信息</label>
<div class="flex wrap query-box">
<div style="width: 340px">
<el-form-item label="受理时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</div>
<el-input
placeholder="具体问题情况"
v-model="query.thingDesc"
clearable
style="width: 260px"
/>
<el-select
style="width: 160px"
placeholder="初访重访"
clearable
v-model="query.initialPetition"
>
<el-option
v-for="item in dict.initialPetition"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</div>
</div>
<div class="form-row flex">
<label class="text-center">核查情况</label>
<div class="flex wrap query-box">
<div style="width: 160px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="涉及单位"
/>
</div>
<div style="width: 160px">
<depart-tree-select
v-model="query.handleDepartId"
placeholder="办理单位"
/>
</div>
<el-input
placeholder="处理情况简要描述"
v-model="query.checkStatusDesc"
clearable
style="width: 260px"
/>
<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>
<el-select
style="width: 160px"
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>
</div>
</div>
</el-form>
<div class="flex between mt-20 mb-26">
<div>
<!-- <el-button type="primary" @click="handleExport"
>数据导出</el-button
> -->
</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>
<main>
<div class="table-container" v-loading="loading">
<el-table :data="list" ref="tableRef">
<el-table-column
label="投诉渠道"
prop="channelForFilingComplaints"
width="90"
align="center"
/>
<el-table-column
label="受理层级"
prop="acceptanceLevel"
width="90"
/>
<el-table-column
label="受理时间"
prop="discoveryTime"
width="160"
/>
<el-table-column
label="投诉人"
prop="responderName"
width="90"
/>
<el-table-column
label="投诉人电话"
prop="responderPhone"
width="120"
/>
<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="thingDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column
label="问题类别"
prop="involveProblem"
width="200"
>
<template #default="{ row }">
<span>{{
getInvolveProblem(
row.involveProblem,
dict.suspectProblem
) || "/"
}}</span>
</template>
</el-table-column>
<el-table-column
label="业务类别"
prop="businessTypeName"
width="200"
/>
<el-table-column
label="处理情况简要描述"
prop="checkStatusDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column label="初重信访" align="center" width="85">
<template #default="{ row }">
<span>{{
getDictLable(
dict.initialPetition,
row.initialPetition
)
}}</span>
</template>
</el-table-column>
<el-table-column label="群众集访" width="85" align="center">
<template #default="{ row }">
<span v-if="row.massVisits === true">是</span>
<span v-if="row.massVisits === false">否</span>
</template>
</el-table-column>
<el-table-column label="办理状态" width="100">
<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="80" fixed="right">
<template #default="{ row }">
<el-button
type="primary"
link
@click="handleAction(row)"
v-if="row.id"
>详情</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 { ProblemSources } from "@/enums/dictEnums";
import { listNegativeXf } from "@/api/books";
import { getDictLable, getInvolveProblem } from "@/utils/util";
import useCatchStore from "@/stores/modules/catch";
const catchStore = useCatchStore();
const dict = catchStore.getDicts([
"initialPetition",
"processingStatus",
"suspectProblem"
]);
const query = ref({
current: 1,
size: 10,
blameKey: "name",
});
const list = ref([]);
const total = ref(0);
const loading = ref(false);
function getList() {
loading.value = true;
listNegativeXf(query.value, ProblemSources.GABXF).then((data) => {
list.value = data.records;
total.value = data.total;
loading.value = false;
});
}
function reset() {
query.value = {
current: 1,
size: 10,
blameKey: "name",
};
getList();
}
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>

316
src/views/books/Gjxf.vue
Unescape View File

@ -0,0 +1,316 @@
<template>
<div class="container">
<header>
<el-form :label-width="80">
<el-row>
<el-col :span="6"> </el-col>
</el-row>
<div class="form-row flex">
<label class="text-center">基本信息</label>
<div class="flex wrap query-box">
<div style="width: 340px">
<el-form-item label="受理时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</div>
<el-input
placeholder="具体问题情况"
v-model="query.thingDesc"
clearable
style="width: 260px"
/>
<el-select
style="width: 160px"
placeholder="初访重访"
clearable
v-model="query.initialPetition"
>
<el-option
v-for="item in dict.initialPetition"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</div>
</div>
<div class="form-row flex">
<label class="text-center">核查情况</label>
<div class="flex wrap query-box">
<div style="width: 160px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="涉及单位"
/>
</div>
<div style="width: 160px">
<depart-tree-select
v-model="query.handleDepartId"
placeholder="办理单位"
/>
</div>
<el-input
placeholder="处理情况简要描述"
v-model="query.checkStatusDesc"
clearable
style="width: 260px"
/>
<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>
<el-select
style="width: 160px"
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>
</div>
</div>
</el-form>
<div class="flex between mt-20 mb-26">
<div>
<!-- <el-button type="primary" @click="handleExport"
>数据导出</el-button
> -->
</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>
<main>
<div class="table-container" v-loading="loading">
<el-table :data="list" ref="tableRef">
<el-table-column
label="投诉渠道"
prop="channelForFilingComplaints"
width="90"
align="center"
/>
<el-table-column
label="受理层级"
prop="acceptanceLevel"
width="90"
/>
<el-table-column
label="受理时间"
prop="discoveryTime"
width="160"
/>
<el-table-column
label="投诉人"
prop="responderName"
width="90"
/>
<el-table-column
label="投诉人电话"
prop="responderPhone"
width="120"
/>
<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="thingDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column
label="问题类别"
prop="involveProblem"
width="200"
>
<template #default="{ row }">
<span>{{
getInvolveProblem(
row.involveProblem,
dict.suspectProblem
) || "/"
}}</span>
</template>
</el-table-column>
<el-table-column
label="业务类别"
prop="businessTypeName"
width="200"
/>
<el-table-column
label="处理情况简要描述"
prop="checkStatusDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column label="初重信访" align="center" width="85">
<template #default="{ row }">
<span>{{
getDictLable(
dict.initialPetition,
row.initialPetition
)
}}</span>
</template>
</el-table-column>
<el-table-column label="群众集访" width="85" align="center">
<template #default="{ row }">
<span v-if="row.massVisits === true">是</span>
<span v-if="row.massVisits === false">否</span>
</template>
</el-table-column>
<el-table-column label="办理状态" width="100">
<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="80" fixed="right">
<template #default="{ row }">
<el-button
type="primary"
link
@click="handleAction(row)"
v-if="row.id"
>详情</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 { ProblemSources } from "@/enums/dictEnums";
import { listNegativeXf } from "@/api/books";
import { getDictLable, getInvolveProblem } from "@/utils/util";
import useCatchStore from "@/stores/modules/catch";
const catchStore = useCatchStore();
const dict = catchStore.getDicts([
"initialPetition",
"processingStatus",
"suspectProblem",
]);
const query = ref({
current: 1,
size: 10,
blameKey: "name",
});
const list = ref([]);
const total = ref(0);
const loading = ref(false);
function getList() {
loading.value = true;
listNegativeXf(query.value, ProblemSources.GJXFPT).then((data) => {
list.value = data.records;
total.value = data.total;
loading.value = false;
});
}
function reset() {
query.value = {
current: 1,
size: 10,
blameKey: "name",
};
getList();
}
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>

132
src/views/books/Hdjq.vue
Unescape View File

@ -1,62 +1,57 @@
<template> <template>
<div class="container"> <div class="container">
<header> <header>
<el-form :label-width="120"> <el-form :label-width="80">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6"> </el-col>
<el-form-item label="报警时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</el-col>
</el-row> </el-row>
<div class="form-row flex"> <div class="form-row flex">
<label class="text-center">基本信息</label> <label class="text-center">基本信息</label>
<div class="flex wrap query-box"> <div class="flex wrap query-box">
<div style="width: 340px">
<el-form-item label="报警时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</div>
<el-input <el-input
placeholder="问题编号 / 样本源头编号" placeholder="期数"
v-model="query.originId" style="width: 146px"
clearable v-model="query.reportNumber"
style="width: 200px"
/>
<el-input
placeholder="警情编号"
v-model="query.caseNumber"
clearable clearable
style="width: 200px"
/> />
<el-input <el-input
placeholder="问题简要描述" placeholder="具体问题情况"
v-model="query.thingDesc" v-model="query.thingDesc"
clearable clearable
style="width: 260px" style="width: 260px"
/> />
<el-input <el-input
placeholder="期数" placeholder="警情编号"
style="width: 146px" v-model="query.caseNumber"
v-model="query.reportNumber"
clearable clearable
style="width: 200px"
/> />
<div style="width: 180px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="涉及单位"
/>
</div>
</div> </div>
</div> </div>
<div class="form-row flex"> <div class="form-row flex">
<label class="text-center">核查情况</label> <label class="text-center">核查情况</label>
<div class="flex wrap query-box"> <div class="flex wrap query-box">
<div style="width: 200px"> <div style="width: 160px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="涉及单位"
/>
</div>
<div style="width: 160px">
<depart-tree-select <depart-tree-select
v-model="query.handleDepartId" v-model="query.handleDepartId"
placeholder="办理单位" placeholder="办理单位"
/> />
</div> </div>
<el-select <el-select
style="width: 120px" style="width: 146px"
placeholder="是否整改" placeholder="是否整改"
clearable clearable
v-model="query.isRectifyCode" v-model="query.isRectifyCode"
@ -68,6 +63,12 @@
:value="item.dictValue" :value="item.dictValue"
/> />
</el-select> </el-select>
<el-input
placeholder="回复情况"
v-model="query.checkStatusDesc"
clearable
style="width: 260px"
/>
<div class="flex gap-4"> <div class="flex gap-4">
<el-select <el-select
v-model="query.blameKey" v-model="query.blameKey"
@ -91,20 +92,16 @@
<label class="text-center">其他选项</label> <label class="text-center">其他选项</label>
<div class="flex wrap query-box"> <div class="flex wrap query-box">
<el-select <el-select
style="width: 200px" style="width: 160px"
placeholder="流程阶段" placeholder="自查或他查"
clearable clearable
v-model="query.flowKey" v-model="query.crtDepartLevel"
> >
<el-option <el-option label="他查" :value="0" />
v-for="item in flowNodes" <el-option label="自查" :value="2" />
:key="item.flowKey"
:label="item.flowName"
:value="item.flowKey"
/>
</el-select> </el-select>
<el-select <el-select
style="width: 120px" style="width: 160px"
placeholder="办理状态" placeholder="办理状态"
clearable clearable
v-model="query.processingStatus" v-model="query.processingStatus"
@ -117,23 +114,15 @@
:value="item.dictValue" :value="item.dictValue"
/> />
</el-select> </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>
</div> </div>
</el-form> </el-form>
<div class="flex between mt-20 mb-26"> <div class="flex between mt-20 mb-26">
<el-button type="primary" @click="handleExport" <div>
>数据导出</el-button <!-- <el-button type="primary" @click="handleExport"
> >数据导出</el-button
> -->
</div>
<div> <div>
<el-button type="primary" @click="getList"> <el-button type="primary" @click="getList">
<template #icon <template #icon
@ -182,17 +171,36 @@
width="220" width="220"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column label="自查或他查" width="100" align="center"> <el-table-column
label="自查或他查"
width="100"
align="center"
>
<template #default="{ row }"> <template #default="{ row }">
<span >{{ row.crtDepartLevel === 0? '他查' : '自查' }}</span> <span>{{
row.crtDepartLevel === 0 ? "他查" : "自查"
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="问题简要描述" label="具体问题情况"
prop="thingDesc" prop="thingDesc"
show-overflow-tooltip show-overflow-tooltip
width="200"
/>
<el-table-column
label="核查情况"
prop="checkStatusDesc"
show-overflow-tooltip
width="200"
/>
<el-table-column
label="整改情况"
prop="rectifyDesc"
show-overflow-tooltip
width="200"
/> />
<el-table-column label="办理状态" width="110"> <el-table-column label="办理状态" width="100">
<template #default="{ row }"> <template #default="{ row }">
<el-tag <el-tag
:type=" :type="
@ -211,7 +219,7 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="120"> <el-table-column label="操作" width="80" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
type="primary" type="primary"
@ -267,6 +275,7 @@ const dict = catchStore.getDicts([
const query = ref({ const query = ref({
current: 1, current: 1,
size: 10, size: 10,
blameKey: "name",
}); });
const list = ref([]); const list = ref([]);
@ -282,6 +291,15 @@ function getList() {
}); });
} }
function reset() {
query.value = {
current: 1,
size: 10,
blameKey: "name",
};
getList();
}
onMounted(() => { onMounted(() => {
getList(); getList();
}); });

258
src/views/books/Xcdc.vue
Unescape View File

@ -0,0 +1,258 @@
<template>
<div class="container">
<header>
<el-form :label-width="140">
<el-row>
<el-col :span="6"> </el-col>
</el-row>
<div class="form-row flex">
<label class="text-center">基本信息</label>
<div class="flex wrap query-box">
<div style="width: 400px">
<el-form-item label="监督发现问题时间">
<date-time-range-picker-ext
v-model="query.discoveryTime"
/>
</el-form-item>
</div>
<el-input
placeholder="问题内容"
v-model="query.thingDesc"
clearable
style="width: 260px"
/>
<el-select
style="width: 160px"
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>
</div>
</div>
<div class="form-row flex">
<label class="text-center">核查情况</label>
<div class="flex wrap query-box">
<div style="width: 190px">
<depart-tree-select
v-model="query.handleDepartId"
placeholder="监督机构"
/>
</div>
<div style="width: 190px">
<depart-tree-select
v-model="query.involveDepartId"
placeholder="被监督机构"
/>
</div>
<el-input
placeholder="回复情况"
v-model="query.checkStatusDesc"
clearable
style="width: 260px"
/>
<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>
</el-form>
<div class="flex between mt-20 mb-26">
<div>
<!-- <el-button type="primary" @click="handleExport"
>数据导出</el-button
> -->
</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>
<main>
<div class="table-container" v-loading="loading">
<el-table :data="list" ref="tableRef">
<el-table-column type="index" width="50" />
<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="involveDepartName"
width="160"
show-overflow-tooltip
/>
<el-table-column
label="监督发现问题时间"
prop="discoveryTime"
width="150"
/>
<el-table-column
label="问题内容"
prop="thingDesc"
show-overflow-tooltip
/>
<el-table-column
label="回复情况"
prop="checkStatusDesc"
show-overflow-tooltip
/>
<el-table-column
label="是否属实"
prop="checkStatusName"
width="120"
/>
<el-table-column label="办理状态" width="100">
<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="80" fixed="right">
<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 { listNegativeXcdc } 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,
blameKey: "name",
});
const list = ref([]);
const total = ref(0);
const loading = ref(false);
function getList() {
loading.value = true;
listNegativeXcdc(query.value).then((data) => {
list.value = data.records;
total.value = data.total;
loading.value = false;
});
}
function reset() {
query.value = {
current: 1,
size: 10,
blameKey: "name",
};
getList();
}
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>

846
src/views/data/Mail12337.vue
Unescape View File

@ -1,272 +1,551 @@
<template> <template>
<div class="container"> <div class="container">
<header> <header>
<el-form :label-width="114"> <el-form :label-width="114">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="信件编号"> <el-form-item label="信件编号">
<el-input <el-input
placeholder="请输入" placeholder="请输入"
v-model="query.originId" v-model="query.originId"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="投诉人"> <el-form-item label="投诉人">
<div class="flex gap"> <div class="flex gap">
<el-select <el-select
v-model="query.responderKey" v-model="query.responderKey"
style="width: 160px" style="width: 160px"
@change="delete query.responderValue" @change="delete query.responderValue"
> >
<el-option value="name" label="姓名"/> <el-option value="name" label="姓名" />
<el-option value="phone" label="电话"/> <el-option value="phone" label="电话" />
</el-select> </el-select>
<el-input <el-input
placeholder="请输入" placeholder="请输入"
v-model="query.responderValue" v-model="query.responderValue"
clearable clearable
/> />
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="登记时间"> <el-form-item label="登记时间">
<date-time-range-picker-ext <date-time-range-picker-ext
v-model="query.discoverTime" v-model="query.discoverTime"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="具体内容"> <el-form-item label="具体内容">
<el-input <el-input
placeholder="请输入" placeholder="请输入"
v-model="query.thingDesc" v-model="query.thingDesc"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="是否属实"> <el-form-item label="是否属实">
<el-select <el-select clearable v-model="query.checkStatus">
clearable <el-option
v-model="query.checkStatus" v-for="item in dict.inspectCase"
> :key="item.id"
<el-option :label="item.dictLabel"
v-for="item in dict.inspectCase" :value="item.dictValue"
:key="item.id" />
:label="item.dictLabel" </el-select>
:value="item.dictValue" </el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb-25 flex between">
<div>
<el-button type="primary" @click="importShow = true"
>数据导入
</el-button>
</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-select> <el-table-column
</el-form-item> label="登记时间"
</el-col> prop="discoverTime"
</el-row> show-overflow-tooltip
/>
<el-table-column label="投诉人" prop="name" width="90" />
<el-table-column label="电话" prop="phone" />
</el-form> <el-table-column label="被投诉机构" show-overflow-tooltip>
<div class="mb-25 flex between"> <template #default="{ row }">
<div> <span>{{ row.secondDepartName }}</span>
<el-button type="primary" @click="show = true" <span>{{ row.thirdDepartName }}</span>
>数据导入 </template>
</el-button </el-table-column>
> <el-table-column
<el-badge label="具体内容"
:value="distributeList.length" prop="wjwfProject"
class="ml-10" show-overflow-tooltip
v-if="distributeList.length" />
> <el-table-column label="是否属实" prop="isReal">
<el-button type="primary" @click="distributeShow = true">问题下发</el-button> <template v-slot="scope">
</el-badge> <span v-if="scope.row.isReal === 1">属实</span>
<span v-else-if="scope.row.isReal === 2">部分属实</span>
<span v-else-if="scope.row.isReal === 3">不属实</span>
<span v-else>未知状态</span>
</template>
</el-table-column>
<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 }">
<el-button type="danger" link @click="handleDel(row)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
</div> </div>
<div> <div class="flex end mt-8">
<el-button type="primary" @click="getList"> <el-pagination
<template #icon> @size-change="getList"
<icon name="el-icon-Search"/> @current-change="getList"
</template> :current-page="query.current"
查询 :page-sizes="[10, 20, 50]"
</el-button v-model:page-size="query.size"
> v-model:current-page="query.current"
<el-button @click="reset">重置</el-button> layout="total, sizes, prev, pager, next"
:total="total"
>
</el-pagination>
</div> </div>
</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 <el-dialog v-model="importShow" title="12337信访投诉导入" width="80vw">
label="被投诉机构" <header class="flex center mb-40">
show-overflow-tooltip <el-steps
> :space="200"
<template #default="{ row }"> :active="activeStep"
<span>{{ row.secondDepartName }}</span> finish-status="success"
<span>{{ row.thirdDepartName }}</span> style="width: 800px"
</template>
</el-table-column>
<el-table-column
label="具体内容"
prop="wjwfProject"
show-overflow-tooltip
/>
<el-table-column label="是否属实" prop="isReal">
<template v-slot="scope">
<span v-if="scope.row.isReal === 1">属实</span>
<span v-else-if="scope.row.isReal === 2">部分属实</span>
<span v-else-if="scope.row.isReal === 3">不属实</span>
<span v-else>未知状态</span>
</template>
</el-table-column>
<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 <el-step title="数据导入" />
type="primary" <el-step title="数据校验" />
link <el-step title="问题下发" />
@click="handleAddDistribute(row)" <el-step title="完成下发" />
v-if=" </el-steps>
distributeList.filter( </header>
(item) => item.onlyId === row.onlyId <div style="min-height: 50vh">
).length === 0 <template v-if="activeStep === 0">
" <el-upload
>加入问题下发 drag
</el-button :multiple="false"
> :auto-upload="false"
<el-button :show-file-list="false"
type="info" v-model:file-list="fileList"
link accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
v-else class="mt-20"
@click="handleRemoveDistribute(row)" >
>移除 <template v-if="fileList.length === 0">
</el-button <el-icon class="el-icon--upload"
> ><upload-filled
/></el-icon>
<div class="el-upload__text">
<p>点击或拖拽文件到此区域上传</p>
</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>
<el-button type="danger" link @click="handleDel(row)" <template v-if="activeStep === 1">
>删除 <div class="table-container">
</el-button <el-table :data="importTableData">
> <el-table-column
</template> label="办理单位"
</el-table-column> prop="discoverTime"
</el-table> width="180"
</div> >
<div class="flex end mt-8"> <template #default="{ row }">
<el-pagination <depart-tree-select
@size-change="getList" size="small"
@current-change="getList" v-model="row.departId"
:current-page="query.current" />
:page-sizes="[10, 20, 50]" </template>
v-model:page-size="query.size" </el-table-column>
v-model:current-page="query.current" <el-table-column
layout="total, sizes, prev, pager, next" label="信息受理登记时间"
:total="total" prop="discoverTime"
> width="110"
</el-pagination> />
</div> <el-table-column
</div> label="线索来源"
prop="letterSource"
<!-- <data-import width="86"
v-model="show" />
title="公安部信访投诉 数据导入" <el-table-column
:problemSourcesCode="ProblemSources.GABXF" label="举报人姓名"
@close="show = false" prop="name"
@update="getList" width="100"
/>--> />
<el-table-column
<data-distrbute-12337 label="手机号码"
v-model:show="distributeShow" prop="phone"
v-model:data="distributeList" width="116"
@update="getList" />
/> <el-table-column
label="身份证号"
prop="idCode"
width="174"
/>
<el-table-column
label="现住地详址"
prop="address"
width="80"
show-overflow-tooltip
/>
<el-table-column
label="是否政法干警"
prop="isLawPolice"
width="70"
/>
<el-table-column
label="被举报单位名称"
prop="reportedOrgName"
width="160"
show-overflow-tooltip
/>
<el-table-column
label="单位所属层级"
prop="reportedOrgLevel"
width="80"
/>
<el-table-column
label="涉嫌违纪问题项目"
prop="againstProProject"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="涉嫌贪污贿赂类犯罪"
prop="corruptionGuilt"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="涉嫌渎职类犯罪"
prop="omissionGuilt"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="涉嫌侵犯公民人身权利类犯罪"
prop="invadeEntitlementGuilt"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="涉嫌侵犯财产类犯罪"
prop="invadeFinanceGuilt"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="其他"
prop="otherGuilt"
width="140"
show-overflow-tooltip
/>
<el-table-column
label="转办时间"
prop="passTime"
width="110"
/>
<el-table-column
label="核查时间"
prop="reviewTime"
width="110"
/>
<el-table-column
label="核查单位"
prop="reviewOrg"
width="120"
/>
<el-table-column
label="核查人"
prop="reviewPersonName"
width="90"
/>
<el-table-column
label="核查人联系方式"
prop="reviewPersonPhone"
width="120"
/>
<el-table-column
label="被核查人类别"
prop="reviewedPersonType"
width="120"
/>
<el-table-column
label="被核查人是否属于领导班子成员"
prop="reviewedPersonIsleader"
width="130"
/>
<el-table-column
label="核查简要情况"
prop="reviewDes"
show-overflow-tooltip
width="200"
/>
<el-table-column
label="办理结果"
prop="processResult"
width="130"
/>
<el-table-column
label="是否办结"
prop="isOver"
width="60"
/>
<el-table-column
label="是否申请异议"
prop="isDissent"
width="70"
/>
<el-table-column
label="是否存在附件"
prop="isAnnex"
width="70"
/>
<el-table-column
label="线索举报时间"
prop="reportTime"
width="120"
/>
</el-table>
</div>
</template>
<template v-if="activeStep === 2">
<el-form :model="formData" ref="formRef" style="margin: 0 80px">
<el-form-item
label="任务名称"
prop="taskName"
:rules="{
required: true,
message: '请输入任务名称',
}"
>
<el-input
v-model="formData.taskName"
style="width: 280px"
placeholder="请输入"
/>
</el-form-item>
<el-form-item
label="业务类别"
prop="businessTypeCode"
:rules="{
required: true,
message: '请选择业务类别',
trigger: ['blur'],
}"
>
<el-select
v-model="formData.businessTypeCode"
@change="
(val) =>
(formData.businessTypeName =
dict.businessType.filter(
(item) => item.dictValue === val
)[0].dictLabel)
"
style="width: 280px"
>
<el-option
v-for="item in dict.businessType"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item
label="办理时限"
prop="timeLimit"
:rules="{
required: true,
message: '请选择办理时限',
}"
>
<time-limit-select
v-model="formData.timeLimit"
v-model:maxSignDuration="formData.maxSignDuration"
v-model:maxHandleDuration="
formData.maxHandleDuration
"
v-model:maxExtensionDuration="
formData.maxExtensionDuration
"
/>
</el-form-item>
<el-form-item
label="下发流程"
prop="distributionFlow"
:rules="{
required: true,
message: '请选择下发流程',
}"
>
<el-radio-group
v-model="formData.distributionFlow"
class="block"
>
<el-radio
v-for="item in dict.distributionFlow"
:key="item.dictCode"
:value="item.dictValue"
>{{ item.dictLabel }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item
label="审核流程"
prop="approvalFlow"
:rules="{
required: true,
message: '请选择审核流程',
}"
>
<div>
<el-radio-group v-model="formData.approvalFlow">
<el-radio
v-for="item in dict.approvalFlow"
:key="item.dictCode"
:value="item.dictValue"
>{{ item.dictLabel
}}{{
item.remark ? `(${item.remark})` : ""
}}</el-radio
>
</el-radio-group>
<div class="tips mt-10">
<p>
三级审核　在问题提交办结时，需经过“所队—>二级机构—>市局”三级审核，通过后方可办结；
</p>
<p>
二级审核　在问题提交办结时，仅需经过“所队—>二级机构”两级审核，通过后即可办结；
</p>
</div>
</div>
</el-form-item>
<el-form-item label="附件说明" prop="thingFiles">
<file-upload v-model:files="formData.thingFiles" />
</el-form-item>
</el-form>
</template>
<template v-if="activeStep === 3">
<el-result
icon="success"
title="下发成功"
:sub-title="`${formData.taskName} 已成功导入系统，并完成下发。您可通过“我的工作”或“批量下发”功能进行查看。`"
>
</el-result>
</template>
</div>
<footer class="flex end mt-20 v-center">
<el-button size="large" @click="handlePrev" v-if="activeStep !== 3">上一步</el-button>
<el-button
type="primary"
size="large"
@click="handleNext"
v-loading="loading"
>{{ activeStep === 3 ? '确定' : '下一步' }}</el-button
>
</footer>
</el-dialog>
</template> </template>
<script setup> <script setup>
import { import { delPetitionComplaint } from "@/api/data/petitionComplaint";
delPetitionComplaint, import { ProblemSources, DistributionState } from "@/enums/dictEnums";
} from "@/api/data/petitionComplaint";
import {ProblemSources, DistributionState} from "@/enums/dictEnums";
import feedback from "@/utils/feedback"; import feedback from "@/utils/feedback";
import {getDictLable} from "@/utils/util"; import { getDictLable } from "@/utils/util";
import useCatchStore from "@/stores/modules/catch"; import useCatchStore from "@/stores/modules/catch";
import {delPetitionComplaint12337, listPetitionComplaint12337} from "@/api/data/petition12337.ts"; import {
delPetitionComplaint12337,
listPetitionComplaint12337,
importPetitionComplaint12337,
distributePetitionComplaint12337,
} from "@/api/data/petition12337.ts";
const catchStore = useCatchStore(); const catchStore = useCatchStore();
const dict = catchStore.getDicts([ const dict = catchStore.getDicts([
"distributionState", "distributionState",
"timeLimit", "inspectCase",
"approvalFlow", "approvalFlow",
"distributionFlow", "distributionFlow",
"distributionState", "businessType",
"inspectCase",
]); ]);
const query = ref({ const query = ref({
size: 10, size: 10,
current: 1, current: 1,
responderKey: "name", problemSourcesCode: ProblemSources.XF12337,
problemSourcesCode: ProblemSources.XF12337,
checkStatus: 1
}); });
const list = ref([]); const list = ref([]);
const total = ref(0); const total = ref(0);
function getList() { function getList() {
listPetitionComplaint12337(query.value).then((data) => { listPetitionComplaint12337(query.value).then((data) => {
list.value = data.records; list.value = data.records;
total.value = data.total; total.value = data.total;
}); });
} }
function reset() { function reset() {
query.value = { query.value = {
size: 10, size: 10,
current: 1, current: 1,
responderKey: "name", problemSourcesCode: ProblemSources.XF12337,
problemSourcesCode: ProblemSources.XF12337, };
}; getList();
getList();
} }
getList(); getList();
@ -275,28 +554,87 @@ const show = ref(false);
// 删除操作 // 删除操作
async function handleDel(row) { async function handleDel(row) {
await feedback.confirm("确定要删除该数据？"); await feedback.confirm("确定要删除该数据？");
await delPetitionComplaint12337(row.onlyId); await delPetitionComplaint12337(row.onlyId);
getList(); getList();
} }
const distributeShow = ref(false) const activeStep = ref(0);
const distributeList = ref([])
function handleAddDistribute(row) { const importShow = ref(false);
distributeList.value.push(row); const fileList = ref([]);
} const loading = ref(false);
function handleRemoveDistribute(row) { const importTableData = ref([]);
distributeList.value.splice( const formData = ref({});
distributeList.value.findIndex( const formRef = ref();
(item) => item.originId === row.originId
),
1
);
}
</script>
function handlePrev() {
activeStep.value = activeStep.value - 1;
}
async function handleNext() {
if (activeStep.value === 0) {
if (fileList.value.length === 0) {
return;
}
const formData = new FormData();
formData.append("file", fileList.value[fileList.value.length - 1].raw);
loading.value = true;
try {
importTableData.value = await importPetitionComplaint12337(
formData
);
} catch (e) {
loading.value = false;
throw e;
}
loading.value = false;
activeStep.value = 1;
return;
}
if (activeStep.value === 1) {
importTableData.value.forEach((item) => {
if (!item.departId) {
feedback.msgWarning("请选择办理单位");
throw e;
}
});
activeStep.value = 2;
formData.value.taskName =
fileList.value[fileList.value.length - 1].name;
return;
}
if (activeStep.value === 2) {
await formRef.value.validate();
loading.value = true;
formData.value.data = importTableData.value;
try {
await distributePetitionComplaint12337(formData.value);
} catch (e) {
loading.value = false;
throw e;
}
activeStep.value = 3;
loading.value = false;
return
}
if (activeStep.value === 3) {
importShow.value = false
activeStep.value = 0
formData.value = {}
importTableData.value = []
fileList.value = []
}
}
watch(importShow, (val) => {
if (val) {
activeStep.value = 0
formData.value = {}
importTableData.value = []
fileList.value = []
}
})
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
</style> </style>

64
src/views/sensitivePerception/RiskPersonnel.vue
Unescape View File

@ -32,7 +32,6 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input <el-input
size="small"
style="width: 200px" style="width: 200px"
placeholder="请输入" placeholder="请输入"
v-model="query.name" v-model="query.name"
@ -42,7 +41,6 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label="身份证"> <el-form-item label="身份证">
<el-input <el-input
size="small"
style="width: 200px" style="width: 200px"
placeholder="请输入" placeholder="请输入"
v-model="query.idCode" v-model="query.idCode"
@ -52,13 +50,20 @@
<el-col :span="5"> <el-col :span="5">
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input <el-input
size="small"
style="width: 200px" style="width: 200px"
placeholder="请输入" placeholder="请输入"
v-model="query.mobileNumber" v-model="query.mobileNumber"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5">
<el-form-item label="管控单位">
<depart-tree-select
v-model="query.controlDepartId"
placeholder="管控单位"
/>
</el-form-item>
</el-col>
</el-row> </el-row>
</div> </div>
</el-form> </el-form>
@ -76,6 +81,22 @@
</header> </header>
<div class="table-container" v-loading="loading"> <div class="table-container" v-loading="loading">
<el-table :data="list"> <el-table :data="list">
<el-table-column width="70" align="center">
<template #default="{ row }">
<div class="flex v-center">
<img
:src="row.avatar"
style="height: 60px"
v-if="row.avatar"
/>
<img
src="/imgs/personal.svg"
v-else
style="height: 60px"
/>
</div>
</template>
</el-table-column>
<el-table-column label="姓名" prop="name" width="70" /> <el-table-column label="姓名" prop="name" width="70" />
<el-table-column <el-table-column
label="性别" label="性别"
@ -181,10 +202,7 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="5"> <el-col :span="5">
<el-scrollbar max-height="calc(96vh - 92px)" class="ml-16"> <el-scrollbar max-height="calc(96vh - 92px)" class="ml-16">
<div <div v-for="item in personal.riskClues" :key="item">
v-for="item in personal.riskClues"
:key="item"
>
<div class="risk-anchor-title flex between"> <div class="risk-anchor-title flex between">
<span>{{ item.riskName }}</span> <span>{{ item.riskName }}</span>
<span style="color: #999"> <span style="color: #999">
@ -287,9 +305,11 @@
) )
}} }}
</div> </div>
<span style="font-size: 24px" class="mt-10" <span style="font-size: 24px" class="mt-10">{{
>{{ getRiskTitle(personal.riskPersonal?.riskScore) }}</span getRiskTitle(
> personal.riskPersonal?.riskScore
)
}}</span>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -353,7 +373,11 @@
</el-row> </el-row>
</el-dialog> </el-dialog>
<alarm-dialog v-model="showNotification" :departId="activeDepartId" @close="showNotification = false" /> <alarm-dialog
v-model="showNotification"
:departId="activeDepartId"
@close="showNotification = false"
/>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { import {
@ -370,10 +394,10 @@ const total = ref(0);
const show = ref(false); const show = ref(false);
let showNotification = ref(false); let showNotification = ref(false);
const activeDepartId = ref('') const activeDepartId = ref("");
const handleShowNotification = (row) => { const handleShowNotification = (row) => {
showNotification.value = true; showNotification.value = true;
activeDepartId.value = row.controlDepartId activeDepartId.value = row.controlDepartId;
}; };
const loading = ref(false); const loading = ref(false);
@ -816,16 +840,16 @@ function getRiskTitle(score) {
font-size: 120px; font-size: 120px;
color: #fff; color: #fff;
&[type="red"] { &[type="red"] {
background: linear-gradient( 180deg, #FF6641 0%, #D40505 100%); background: linear-gradient(180deg, #ff6641 0%, #d40505 100%);
border-color: #C51B08; border-color: #c51b08;
} }
&[type="orange"] { &[type="orange"] {
background: linear-gradient( 180deg, #FE9E00 0%, #EC360C 100%);; background: linear-gradient(180deg, #fe9e00 0%, #ec360c 100%);
border-color: #CD7242; border-color: #cd7242;
} }
&[type="yellow"] { &[type="yellow"] {
background: linear-gradient( 180deg, #FBC203 0%, #F08A02 100%); background: linear-gradient(180deg, #fbc203 0%, #f08a02 100%);
border-color: #DFA100; border-color: #dfa100;
} }
&[type="blue"] { &[type="blue"] {
background: linear-gradient(180deg, #01b0f1 0%, #026cf1 100%); background: linear-gradient(180deg, #01b0f1 0%, #026cf1 100%);
@ -875,7 +899,7 @@ function getRiskTitle(score) {
&[active="true"] { &[active="true"] {
background: #d1d7ff; background: #d1d7ff;
} }
&[disabled=true] { &[disabled="true"] {
* { * {
color: #c2c2c2 !important; color: #c2c2c2 !important;
} }

4
src/views/system/Police.vue
Unescape View File

@ -373,7 +373,7 @@
accept="image/*" accept="image/*"
> >
<img v-if="form.img" :src="`${BASE_PATH}/file/stream/${form.avatarUrl}`" class="depart-img" /> <img v-if="form.avatarUrl" :src="`${BASE_PATH}/file/stream/${form.avatarUrl}`" class="police-avatar" />
<div class="flex v-center center column upload-action" v-else> <div class="flex v-center center column upload-action" v-else>
<icon :size="16" name="el-icon-Plus" /> <icon :size="16" name="el-icon-Plus" />
<span>上传照片</span> <span>上传照片</span>
@ -732,7 +732,7 @@ function handleUploadImgSuccess(result, file) {
border-radius: 8px; border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.depart-img { .police-avatar {
width: 98px; width: 98px;
height: 126px; height: 126px;
} }

441
src/views/work/BatchDistribute.vue
Unescape View File

@ -0,0 +1,441 @@
<template>
<div class="container">
<header class="mb-20">
<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-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="flex between">
<el-button type="primary" @click="handleShowImport">
<template #icon>
<icon name="el-icon-Top" />
</template>
问题批量下发</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="taskName" />
<el-table-column label="数据来源" prop="source" width="160" />
<el-table-column label="下发时间" prop="crtTime" width="160" />
<el-table-column
label="问题条数"
prop="importRow"
width="100"
align="center"
/>
<!-- <el-table-column label="办结数量" prop="" width="100" align="center" />
<el-table-column label="查实数量" prop="" width="100" align="center" />
<el-table-column label="涉及单位数" prop="" width="100" align="center" />
<el-table-column label="涉及人数" prop="" width="100" align="center" /> -->
<el-table-column label="操作人" prop="crtUser" width="160" />
<el-table-column label="操作" width="200">
<template #default="{ row }">
<el-button
type="primary"
link
>查看详情</el-button
>
<el-button
type="primary"
link
v-if="row.source === '12337'"
>生成结果文件</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 v-model="importShow" title="问题批量下发" width="80vw">
<header class="flex center mb-40">
<el-steps
:space="200"
:active="activeStep"
finish-status="success"
style="width: 800px"
>
<el-step title="数据导入" />
<el-step title="数据校验" />
<el-step title="问题下发" />
<el-step title="完成下发" />
</el-steps>
</header>
<div style="min-height: 50vh">
<template v-if="activeStep === 0">
<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">
<p>点击选择文件或拖拽文件到此区域上传</p>
</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>
<div class="mt-20">
<span>文件模板</span>
<a
class="link"
:href="`${BASE_PATH}/templates/问题标准模板.xlsx`"
target="__blank"
>问题标准模板.xlsx 下载</a
>
</div>
</template>
<template v-if="activeStep === 1">
<div class="table-container">
<el-table :data="importTableData">
<el-table-column
label="问题涉及单位"
prop="discoverTime"
width="180"
>
<template #default="{ row }">
<depart-tree-select
size="small"
v-model="row.involveDepartId"
/>
</template>
</el-table-column>
<el-table-column
label="案件/警情编号"
prop="caseNumber"
width="130"
/>
<el-table-column
label="业务类别"
prop="businessTypeName"
width="110"
/>
<el-table-column
label="涉嫌问题"
prop="involveProblemStr"
width="120"
show-overflow-tooltip
/>
<el-table-column
label="涉及警种"
prop="policeTypeName"
width="90"
/>
<el-table-column
label="问题发现时间"
prop="discoveryTime"
width="160"
/>
<el-table-column
label="具体问题内容"
prop="thingDesc"
show-overflow-tooltip
/>
<el-table-column
label="专项督察"
prop="specialSupervisionName"
width="110"
/>
<el-table-column
label="问题发生时间"
prop="happenTime"
width="160"
/>
<el-table-column
label="投诉人"
prop="responderName"
width="90"
/>
<el-table-column
label="投诉人联系电话"
prop="contactPhone"
width="130"
/>
</el-table>
</div>
</template>
<template v-if="activeStep === 2">
<el-form :model="formData" ref="formRef" style="margin: 0 80px">
<el-form-item
label="任务名称"
prop="taskName"
:rules="{
required: true,
message: '请输入任务名称',
}"
>
<el-input
v-model="formData.taskName"
style="width: 280px"
placeholder="请输入"
/>
</el-form-item>
<el-form-item
label="办理时限"
prop="timeLimit"
:rules="{
required: true,
message: '请选择办理时限',
}"
>
<time-limit-select
v-model="formData.timeLimit"
v-model:maxSignDuration="formData.maxSignDuration"
v-model:maxHandleDuration="
formData.maxHandleDuration
"
v-model:maxExtensionDuration="
formData.maxExtensionDuration
"
/>
</el-form-item>
<el-form-item
label="下发流程"
prop="distributionFlow"
:rules="{
required: true,
message: '请选择下发流程',
}"
>
<el-radio-group
v-model="formData.distributionFlow"
class="block"
>
<el-radio
v-for="item in dict.distributionFlow"
:key="item.dictCode"
:value="item.dictValue"
>{{ item.dictLabel }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item
label="审核流程"
prop="approvalFlow"
:rules="{
required: true,
message: '请选择审核流程',
}"
>
<div>
<el-radio-group v-model="formData.approvalFlow">
<el-radio
v-for="item in dict.approvalFlow"
:key="item.dictCode"
:value="item.dictValue"
>{{ item.dictLabel
}}{{
item.remark ? `(${item.remark})` : ""
}}</el-radio
>
</el-radio-group>
<div class="tips mt-10">
<p>
三级审核　在问题提交办结时，需经过“所队—>二级机构—>市局”三级审核，通过后方可办结；
</p>
<p>
二级审核　在问题提交办结时，仅需经过“所队—>二级机构”两级审核，通过后即可办结；
</p>
</div>
</div>
</el-form-item>
<el-form-item label="附件说明" prop="thingFiles">
<file-upload v-model:files="formData.thingFiles" />
</el-form-item>
</el-form>
</template>
<template v-if="activeStep === 3">
<el-result
icon="success"
title="下发成功"
:sub-title="`${formData.taskName} 已成功导入系统，并完成下发。您可通过“我的工作”或“批量下发”功能进行查看。`"
>
</el-result>
</template>
</div>
<footer class="flex end mt-20 v-center">
<el-button size="large" @click="handlePrev" v-if="activeStep !== 3"
>上一步</el-button
>
<el-button
type="primary"
size="large"
@click="handleNext"
v-loading="loading"
>{{ activeStep === 3 ? "确定" : "下一步" }}</el-button
>
</footer>
</el-dialog>
<Loading :loading="loading" :loadingText="loadingText" />
</template>
<script setup>
import { listNegativeTaskImport, importNegative, distributeNegative } from "@/api/work/negativeTask";
import feedback from "@/utils/feedback";
import useCatchStore from "@/stores/modules/catch";
import { BASE_PATH } from "@/api/request";
const catchStore = useCatchStore();
const dict = catchStore.getDicts([
"approvalFlow",
"distributionFlow",
"businessType",
]);
const query = ref({});
const list = ref([]);
const total = ref(0);
function getList() {
listNegativeTaskImport(query.value).then((data) => {
list.value = data.records;
total.value = data.total;
});
}
onMounted(() => {
getList();
});
const activeStep = ref(0);
const importShow = ref(false);
const fileList = ref([]);
const loading = ref(false);
const loadingText = ref('')
const importTableData = ref([]);
const formData = ref({});
const formRef = ref();
function handleShowImport() {
importShow.value = true
}
function handlePrev() {
activeStep.value = activeStep.value - 1;
}
async function handleNext() {
if (activeStep.value === 0) {
if (fileList.value.length === 0) {
return;
}
const formData = new FormData();
formData.append("file", fileList.value[fileList.value.length - 1].raw);
loading.value = true;
loadingText.value = '数据校验中...'
debugger
try {
importTableData.value = await importNegative(
formData
);
} catch (e) {
loading.value = false;
throw e;
}
loading.value = false;
activeStep.value = 1;
return;
}
if (activeStep.value === 1) {
importTableData.value.forEach((item) => {
if (!item.involveDepartId) {
feedback.msgWarning("请选择问题涉及单位");
throw e;
}
});
activeStep.value = 2;
formData.value.taskName =
fileList.value[fileList.value.length - 1].name;
return;
}
if (activeStep.value === 2) {
await formRef.value.validate();
loading.value = true;
loadingText.value = '数据处理中，请稍后...'
formData.value.data = importTableData.value;
try {
await distributeNegative(formData.value);
} catch (e) {
loading.value = false;
throw e;
}
activeStep.value = 3;
loading.value = false;
getList();
return
}
if (activeStep.value === 3) {
importShow.value = false
activeStep.value = 0
formData.value = {}
importTableData.value = []
fileList.value = []
}
}
watch(importShow, (val) => {
if (val) {
activeStep.value = 0
formData.value = {}
importTableData.value = []
fileList.value = []
}
})
</script>
<style lang="scss" scoped>
</style>

2
src/views/work/Query.vue
Unescape View File

@ -795,6 +795,7 @@ const query = ref({
current: 1, current: 1,
size: 10, size: 10,
responderKey: "name", responderKey: "name",
blameKey: "name"
}); });
const list = ref([]); const list = ref([]);
@ -827,6 +828,7 @@ function reset() {
current: 1, current: 1,
size: 10, size: 10,
responderKey: "name", responderKey: "name",
blameKey: "name"
}; };
tableRef.value.clearSort(); tableRef.value.clearSort();
getList(); getList();

Write Preview
Loading…
Cancel
Save