From 8bebaefa71d1fa50a6f1b9d57ea040da57b36be6 Mon Sep 17 00:00:00 2001
From: wxc <191104855@qq.com>
Date: Fri, 27 Dec 2024 17:55:16 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=85=AC=E5=AE=89=E9=83=A8=E4=BF=A1?=
 =?UTF-8?q?=E8=AE=BF=E6=8A=95=E8=AF=89=E5=8F=B0=E8=B4=A6=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=EF=BC=9B=202=E3=80=81=E5=9B=BD=E5=AE=B6=E4=BF=A1=E8=AE=BF?=
 =?UTF-8?q?=E6=8A=95=E8=AF=89=E5=8F=B0=E8=B4=A6=E5=8A=9F=E8=83=BD=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/books.ts                              |  14 +
 src/api/data/petition12337.ts                 |  20 +-
 src/api/work/negativeTask.ts                  |  21 +
 src/components/alarm/reply.vue                |   6 +-
 src/components/loading.vue                    |  43 +
 src/views/books/Ajhc.vue                      | 316 +++++++
 src/views/books/Gabxf.vue                     | 316 +++++++
 src/views/books/Gjxf.vue                      | 316 +++++++
 src/views/books/Hdjq.vue                      | 132 +--
 src/views/books/Xcdc.vue                      | 258 ++++++
 src/views/data/Mail12337.vue                  | 846 ++++++++++++------
 .../sensitivePerception/RiskPersonnel.vue     |  64 +-
 src/views/system/Police.vue                   |   4 +-
 src/views/work/BatchDistribute.vue            | 441 +++++++++
 src/views/work/Query.vue                      |   2 +
 15 files changed, 2450 insertions(+), 349 deletions(-)
 create mode 100644 src/components/loading.vue
 create mode 100644 src/views/books/Ajhc.vue
 create mode 100644 src/views/books/Gabxf.vue
 create mode 100644 src/views/books/Gjxf.vue
 create mode 100644 src/views/books/Xcdc.vue
 create mode 100644 src/views/work/BatchDistribute.vue

diff --git a/src/api/books.ts b/src/api/books.ts
index cd6297e..71d2ee9 100644
--- a/src/api/books.ts
+++ b/src/api/books.ts
@@ -6,4 +6,18 @@ export function listNegativeHdjq(query) {
         url: `/negative/books/hdjq`,
         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
+    });
 }
\ No newline at end of file
diff --git a/src/api/data/petition12337.ts b/src/api/data/petition12337.ts
index de3c1ab..fda4c43 100644
--- a/src/api/data/petition12337.ts
+++ b/src/api/data/petition12337.ts
@@ -7,30 +7,22 @@ export function listPetitionComplaint12337(query) {
     });
 }
 
-export function importPetitionComplaint(body) {
-    return request.post({
-        url: '/data/petitionComplaint/import',
-        body
+export function delPetitionComplaint12337(id) {
+    return request.del({
+        url: `/data/petitionComplaint12337/${id}`
     });
 }
 
-
-export function addPetitionComplaint(body) {
+export function importPetitionComplaint12337(body) {
     return request.post({
-        url: `/data/petitionComplaint`,
+        url: '/data/petitionComplaint12337/import',
         body
     });
 }
 
-export function delPetitionComplaint12337(id) {
-    return request.del({
-        url: `/data/petitionComplaint12337/${id}`
-    });
-}
-
 export function distributePetitionComplaint12337(body) {
     return request.post({
-        url: `/data/petitionComplaint12337/distribute`,
+        url: '/data/petitionComplaint12337/distribute',
         body
     });
 }
\ No newline at end of file
diff --git a/src/api/work/negativeTask.ts b/src/api/work/negativeTask.ts
index 750bc04..9fe51a6 100644
--- a/src/api/work/negativeTask.ts
+++ b/src/api/work/negativeTask.ts
@@ -5,4 +5,25 @@ export function listNegativeTask(query) {
         url: `/negativeTask`,
         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
+    });
 }
\ No newline at end of file
diff --git a/src/components/alarm/reply.vue b/src/components/alarm/reply.vue
index b288a8b..eba1e75 100644
--- a/src/components/alarm/reply.vue
+++ b/src/components/alarm/reply.vue
@@ -23,6 +23,7 @@
                     message: '请输入回复内容',
                     trigger: ['blur'],
                 }"
+                v-if="data.requestReply"
             >
                 <el-input
                     type="textarea"
@@ -33,14 +34,15 @@
             </el-form-item>
             <el-form-item
                 label="附件"
+                v-if="data.requestReply"
             >
                 <file-upload v-model:files="formData.replyFiles" />
             </el-form-item>
         </el-form>
         <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"
-                >确定
+                >{{ data.requestReply? '确定' : '我已知晓'}}
             </el-button>
         </footer>
     </el-dialog>
diff --git a/src/components/loading.vue b/src/components/loading.vue
new file mode 100644
index 0000000..8304f28
--- /dev/null
+++ b/src/components/loading.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/books/Ajhc.vue b/src/views/books/Ajhc.vue
new file mode 100644
index 0000000..47bf626
--- /dev/null
+++ b/src/views/books/Ajhc.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/books/Gabxf.vue b/src/views/books/Gabxf.vue
new file mode 100644
index 0000000..653b532
--- /dev/null
+++ b/src/views/books/Gabxf.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/books/Gjxf.vue b/src/views/books/Gjxf.vue
new file mode 100644
index 0000000..c138fb5
--- /dev/null
+++ b/src/views/books/Gjxf.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/books/Hdjq.vue b/src/views/books/Hdjq.vue
index 035cf8e..47bf626 100644
--- a/src/views/books/Hdjq.vue
+++ b/src/views/books/Hdjq.vue
@@ -1,62 +1,57 @@
 <template>
     <div class="container">
         <header>
-            <el-form :label-width="120">
+            <el-form :label-width="80">
                 <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="报警时间">
-                            <date-time-range-picker-ext
-                                v-model="query.discoveryTime"
-                            />
-                        </el-form-item>
-                    </el-col>
+                    <el-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.originId"
-                            clearable
-                            style="width: 200px"
-                        />
-                        <el-input
-                            placeholder="警情编号"
-                            v-model="query.caseNumber"
+                            placeholder="期数"
+                            style="width: 146px"
+                            v-model="query.reportNumber"
                             clearable
-                            style="width: 200px"
                         />
                         <el-input
-                            placeholder="问题简要描述"
+                            placeholder="具体问题情况"
                             v-model="query.thingDesc"
                             clearable
                             style="width: 260px"
                         />
                         <el-input
-                            placeholder="期数"
-                            style="width: 146px"
-                            v-model="query.reportNumber"
+                            placeholder="警情编号"
+                            v-model="query.caseNumber"
                             clearable
+                            style="width: 200px"
                         />
-                        <div style="width: 180px">
-                            <depart-tree-select
-                                v-model="query.involveDepartId"
-                                placeholder="涉及单位"
-                            />
-                        </div>
                     </div>
                 </div>
                 <div class="form-row flex">
                     <label class="text-center">核查情况</label>
                     <div class="flex wrap query-box">
-                        <div style="width: 200px">
+                        <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: 120px"
+                            style="width: 146px"
                             placeholder="是否整改"
                             clearable
                             v-model="query.isRectifyCode"
@@ -68,6 +63,12 @@
                                 :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"
@@ -91,20 +92,16 @@
                     <label class="text-center">其他选项</label>
                     <div class="flex wrap query-box">
                         <el-select
-                            style="width: 200px"
-                            placeholder="流程阶段"
+                            style="width: 160px"
+                            placeholder="自查或他查"
                             clearable
-                            v-model="query.flowKey"
+                            v-model="query.crtDepartLevel"
                         >
-                            <el-option
-                                v-for="item in flowNodes"
-                                :key="item.flowKey"
-                                :label="item.flowName"
-                                :value="item.flowKey"
-                            />
+                            <el-option label="他查" :value="0" />
+                            <el-option label="自查" :value="2" />
                         </el-select>
                         <el-select
-                            style="width: 120px"
+                            style="width: 160px"
                             placeholder="办理状态"
                             clearable
                             v-model="query.processingStatus"
@@ -117,23 +114,15 @@
                                 :value="item.dictValue"
                             />
                         </el-select>
-                        
-                        <el-select
-                            style="width: 146px"
-                            placeholder="自查或他查"
-                            clearable
-                            v-model="query.crtDepartLevel"
-                        >
-                            <el-option label="他查" :value="0" />
-                            <el-option label="自查" :value="2" />
-                        </el-select>
                     </div>
                 </div>
             </el-form>
             <div class="flex between mt-20 mb-26">
-                <el-button type="primary" @click="handleExport"
-                    >数据导出</el-button
-                >
+                <div>
+                    <!-- <el-button type="primary" @click="handleExport"
+                        >数据导出</el-button
+                    > -->
+                </div>
                 <div>
                     <el-button type="primary" @click="getList">
                         <template #icon
@@ -182,17 +171,36 @@
                         width="220"
                         show-overflow-tooltip
                     />
-                    <el-table-column label="自查或他查" width="100" align="center">
+                    <el-table-column
+                        label="自查或他查"
+                        width="100"
+                        align="center"
+                    >
                         <template #default="{ row }">
-                            <span >{{ row.crtDepartLevel === 0? '他查' : '自查' }}</span>
+                            <span>{{
+                                row.crtDepartLevel === 0 ? "他查" : "自查"
+                            }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column
-                        label="问题简要描述"
+                        label="具体问题情况"
                         prop="thingDesc"
                         show-overflow-tooltip
+                        width="200"
                     />
-                    <el-table-column label="办理状态" width="110">
+                    <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="
@@ -211,7 +219,7 @@
                             >
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="120">
+                    <el-table-column label="操作" width="80" fixed="right">
                         <template #default="{ row }">
                             <el-button
                                 type="primary"
@@ -267,6 +275,7 @@ const dict = catchStore.getDicts([
 const query = ref({
     current: 1,
     size: 10,
+    blameKey: "name",
 });
 
 const list = ref([]);
@@ -282,6 +291,15 @@ function getList() {
     });
 }
 
+function reset() {
+    query.value = {
+        current: 1,
+        size: 10,
+        blameKey: "name",
+    };
+    getList();
+}
+
 onMounted(() => {
     getList();
 });
diff --git a/src/views/books/Xcdc.vue b/src/views/books/Xcdc.vue
new file mode 100644
index 0000000..0e9149a
--- /dev/null
+++ b/src/views/books/Xcdc.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/data/Mail12337.vue b/src/views/data/Mail12337.vue
index ce9c8dd..1c70af5 100644
--- a/src/views/data/Mail12337.vue
+++ b/src/views/data/Mail12337.vue
@@ -1,272 +1,551 @@
 <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-row>
-          <el-col :span="6">
-            <el-form-item label="是否属实">
-              <el-select
-                  clearable
-                  v-model="query.checkStatus"
-              >
-                <el-option
-                    v-for="item in dict.inspectCase"
-                    :key="item.id"
-                    :label="item.dictLabel"
-                    :value="item.dictValue"
+    <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-row>
+                    <el-col :span="6">
+                        <el-form-item label="是否属实">
+                            <el-select clearable v-model="query.checkStatus">
+                                <el-option
+                                    v-for="item in dict.inspectCase"
+                                    :key="item.id"
+                                    :label="item.dictLabel"
+                                    :value="item.dictValue"
+                                />
+                            </el-select>
+                        </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-form-item>
-          </el-col>
-        </el-row>
+                <el-table-column
+                    label="登记时间"
+                    prop="discoverTime"
+                    show-overflow-tooltip
+                />
+                <el-table-column label="投诉人" prop="name" width="90" />
+                <el-table-column label="电话" prop="phone" />
 
-      </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>
+                <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="是否属实" 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 }">
+                        <el-button type="danger" link @click="handleDel(row)"
+                            >删除
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
         </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 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>
-    </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"/>
-
+    </div>
 
-        <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="是否属实" 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-dialog v-model="importShow" title="12337信访投诉导入" width="80vw">
+        <header class="flex center mb-40">
+            <el-steps
+                :space="200"
+                :active="activeStep"
+                finish-status="success"
+                style="width: 800px"
             >
-              <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
-              >
+                <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>
             </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 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.departId"
+                                />
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="信息受理登记时间"
+                            prop="discoverTime"
+                            width="110"
+                        />
+                        <el-table-column
+                            label="线索来源"
+                            prop="letterSource"
+                            width="86"
+                        />
+                        <el-table-column
+                            label="举报人姓名"
+                            prop="name"
+                            width="100"
+                        />
+                        <el-table-column
+                            label="手机号码"
+                            prop="phone"
+                            width="116"
+                        />
+                        <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>
 
 <script setup>
-import {
-  delPetitionComplaint,
-} from "@/api/data/petitionComplaint";
-import {ProblemSources, DistributionState} from "@/enums/dictEnums";
+import { delPetitionComplaint } from "@/api/data/petitionComplaint";
+import { ProblemSources, DistributionState } from "@/enums/dictEnums";
 import feedback from "@/utils/feedback";
 
-import {getDictLable} from "@/utils/util";
+import { getDictLable } from "@/utils/util";
 
 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 dict = catchStore.getDicts([
-  "distributionState",
-  "timeLimit",
-  "approvalFlow",
-  "distributionFlow",
-  "distributionState",
-  "inspectCase",
-
+    "distributionState",
+    "inspectCase",
+    "approvalFlow",
+    "distributionFlow",
+    "businessType",
 ]);
 
 const query = ref({
-  size: 10,
-  current: 1,
-  responderKey: "name",
-  problemSourcesCode: ProblemSources.XF12337,
-  checkStatus: 1
+    size: 10,
+    current: 1,
+    problemSourcesCode: ProblemSources.XF12337,
 });
 
 const list = ref([]);
 const total = ref(0);
 
 function getList() {
-  listPetitionComplaint12337(query.value).then((data) => {
-    list.value = data.records;
-    total.value = data.total;
-  });
+    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();
+    query.value = {
+        size: 10,
+        current: 1,
+        problemSourcesCode: ProblemSources.XF12337,
+    };
+    getList();
 }
 
 getList();
@@ -275,28 +554,87 @@ const show = ref(false);
 
 // 删除操作
 async function handleDel(row) {
-  await feedback.confirm("确定要删除该数据？");
-  await delPetitionComplaint12337(row.onlyId);
-  getList();
+    await feedback.confirm("确定要删除该数据？");
+    await delPetitionComplaint12337(row.onlyId);
+    getList();
 }
 
-const distributeShow = ref(false)
-const distributeList = ref([])
+const activeStep = ref(0);
 
-function handleAddDistribute(row) {
-  distributeList.value.push(row);
-}
+const importShow = ref(false);
+const fileList = ref([]);
+const loading = ref(false);
 
-function handleRemoveDistribute(row) {
-  distributeList.value.splice(
-      distributeList.value.findIndex(
-          (item) => item.originId === row.originId
-      ),
-      1
-  );
-}
-</script>
+const importTableData = ref([]);
+const formData = ref({});
+const formRef = ref();
 
+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>
\ No newline at end of file
diff --git a/src/views/sensitivePerception/RiskPersonnel.vue b/src/views/sensitivePerception/RiskPersonnel.vue
index b820aa5..0fcc8cb 100644
--- a/src/views/sensitivePerception/RiskPersonnel.vue
+++ b/src/views/sensitivePerception/RiskPersonnel.vue
@@ -32,7 +32,6 @@
                         <el-col :span="5">
                             <el-form-item label="姓名">
                                 <el-input
-                                    size="small"
                                     style="width: 200px"
                                     placeholder="请输入"
                                     v-model="query.name"
@@ -42,7 +41,6 @@
                         <el-col :span="5">
                             <el-form-item label="身份证">
                                 <el-input
-                                    size="small"
                                     style="width: 200px"
                                     placeholder="请输入"
                                     v-model="query.idCode"
@@ -52,13 +50,20 @@
                         <el-col :span="5">
                             <el-form-item label="手机号">
                                 <el-input
-                                    size="small"
                                     style="width: 200px"
                                     placeholder="请输入"
                                     v-model="query.mobileNumber"
                                 />
                             </el-form-item>
                         </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>
                 </div>
             </el-form>
@@ -76,6 +81,22 @@
         </header>
         <div class="table-container" v-loading="loading">
             <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="性别"
@@ -181,10 +202,7 @@
         <el-row :gutter="20">
             <el-col :span="5">
                 <el-scrollbar max-height="calc(96vh - 92px)" class="ml-16">
-                    <div
-                        v-for="item in personal.riskClues"
-                        :key="item"
-                    >
+                    <div v-for="item in personal.riskClues" :key="item">
                         <div class="risk-anchor-title flex between">
                             <span>{{ item.riskName }}</span>
                             <span style="color: #999">
@@ -287,9 +305,11 @@
                                         )
                                     }}
                                 </div>
-                                <span style="font-size: 24px" class="mt-10"
-                                    >{{ getRiskTitle(personal.riskPersonal?.riskScore) }}</span
-                                >
+                                <span style="font-size: 24px" class="mt-10">{{
+                                    getRiskTitle(
+                                        personal.riskPersonal?.riskScore
+                                    )
+                                }}</span>
                             </div>
                         </el-col>
                     </el-row>
@@ -353,7 +373,11 @@
         </el-row>
     </el-dialog>
 
-    <alarm-dialog v-model="showNotification" :departId="activeDepartId" @close="showNotification = false" />
+    <alarm-dialog
+        v-model="showNotification"
+        :departId="activeDepartId"
+        @close="showNotification = false"
+    />
 </template>
 <script lang="ts" setup>
 import {
@@ -370,10 +394,10 @@ const total = ref(0);
 const show = ref(false);
 
 let showNotification = ref(false);
-const activeDepartId = ref('')
+const activeDepartId = ref("");
 const handleShowNotification = (row) => {
     showNotification.value = true;
-    activeDepartId.value = row.controlDepartId
+    activeDepartId.value = row.controlDepartId;
 };
 
 const loading = ref(false);
@@ -816,16 +840,16 @@ function getRiskTitle(score) {
     font-size: 120px;
     color: #fff;
     &[type="red"] {
-        background: linear-gradient( 180deg, #FF6641 0%, #D40505 100%);
-        border-color: #C51B08;
+        background: linear-gradient(180deg, #ff6641 0%, #d40505 100%);
+        border-color: #c51b08;
     }
     &[type="orange"] {
-        background: linear-gradient( 180deg, #FE9E00 0%, #EC360C 100%);;
-        border-color: #CD7242;
+        background: linear-gradient(180deg, #fe9e00 0%, #ec360c 100%);
+        border-color: #cd7242;
     }
     &[type="yellow"] {
-        background: linear-gradient( 180deg, #FBC203 0%, #F08A02 100%);
-        border-color: #DFA100;
+        background: linear-gradient(180deg, #fbc203 0%, #f08a02 100%);
+        border-color: #dfa100;
     }
     &[type="blue"] {
         background: linear-gradient(180deg, #01b0f1 0%, #026cf1 100%);
@@ -875,7 +899,7 @@ function getRiskTitle(score) {
     &[active="true"] {
         background: #d1d7ff;
     }
-    &[disabled=true] {
+    &[disabled="true"] {
         * {
             color: #c2c2c2 !important;
         }
diff --git a/src/views/system/Police.vue b/src/views/system/Police.vue
index 444525c..2ef69a3 100644
--- a/src/views/system/Police.vue
+++ b/src/views/system/Police.vue
@@ -373,7 +373,7 @@
                         
                         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>
                             <icon :size="16" name="el-icon-Plus" />
                             <span>上传照片</span>
@@ -732,7 +732,7 @@ function handleUploadImgSuccess(result, file) {
     border-radius: 8px;
     border: 1px solid rgba(0, 0, 0, 0.15);
 }
-.depart-img {
+.police-avatar {
     width: 98px;
     height: 126px;
 }
diff --git a/src/views/work/BatchDistribute.vue b/src/views/work/BatchDistribute.vue
new file mode 100644
index 0000000..029847d
--- /dev/null
+++ b/src/views/work/BatchDistribute.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/work/Query.vue b/src/views/work/Query.vue
index f748c27..a5fcab5 100644
--- a/src/views/work/Query.vue
+++ b/src/views/work/Query.vue
@@ -795,6 +795,7 @@ const query = ref({
     current: 1,
     size: 10,
     responderKey: "name",
+    blameKey: "name"
 });
 
 const list = ref([]);
@@ -827,6 +828,7 @@ function reset() {
         current: 1,
         size: 10,
         responderKey: "name",
+        blameKey: "name"
     };
     tableRef.value.clearSort();
     getList();