From d8ebc63e3b4d7a4c2d9439c759605d8477bc61c7 Mon Sep 17 00:00:00 2001
From: buaixuexideshitongxue <2936013465@qq.com>
Date: Tue, 30 Dec 2025 15:47:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=89=E8=AE=BF=E6=B6=89=E8=AF=89--=E5=8A=9E?=
 =?UTF-8?q?=E7=90=86=E5=88=9D=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/data/complaintCollection.ts         |   15 +
 src/components/data/complaint_detail.vue    |  394 ++++
 src/components/data/complaintformdialog.vue |  129 +-
 src/components/negative/verify-sfss.vue     | 2011 +++++++++++++++++++
 src/components/police-select.vue            |   15 +-
 src/views/data/ComplaintCollection.vue      |  150 +-
 6 files changed, 2658 insertions(+), 56 deletions(-)
 create mode 100644 src/components/data/complaint_detail.vue
 create mode 100644 src/components/negative/verify-sfss.vue

diff --git a/src/api/data/complaintCollection.ts b/src/api/data/complaintCollection.ts
index e65b9f5..a3197fa 100644
--- a/src/api/data/complaintCollection.ts
+++ b/src/api/data/complaintCollection.ts
@@ -28,4 +28,19 @@ export function updateComplaintCollection(body) {
         url: `/data/complaintCollection/updateComplaintCollection`,
         body
     });
+}
+
+export function addComplaintCollectionBlame(body) {
+    return request.post({
+        url: `/data/complaintCollection/addComplaintCollectionBlame`,
+        body
+    });
+}
+
+
+export function watchDetail(body) {
+    return request.post({
+        url: `/data/complaintCollection/watchDetail`,
+        body
+    });
 }
\ No newline at end of file
diff --git a/src/components/data/complaint_detail.vue b/src/components/data/complaint_detail.vue
new file mode 100644
index 0000000..d421172
--- /dev/null
+++ b/src/components/data/complaint_detail.vue
@@ -0,0 +1,394 @@
+  <template>
+  <el-dialog title="详情" v-model="visible" width="60vw" :lock-scroll="false" destroy-on-close>
+    <div style="min-height: 50vh" v-loading="loading">
+      <div class="row" style="margin: 0 60px">
+        <!-- ================== 基本信息（登记来件） ================== -->
+        <div class="col col-12">
+          <label>来源</label>
+          <span>{{ sourcePathText }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>业务类别</label>
+          <span>{{ dictLabel(dict?.businessType, base.businessTypeCode) }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>编号</label>
+          <span>{{ base.originId || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>受理时间</label>
+          <span>{{ base.discoveryTime ? dayjs(base.discoveryTime).format('YYYY-MM-DD HH:mm:ss') : '/' }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>来件人姓名</label>
+          <span>{{ base.responderName || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>身份证号码</label>
+          <span>{{ base.responderIdCode || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>联系电话</label>
+          <span>{{ base.responderPhone || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>被投诉二级机构</label>
+          <span>{{ base.secondDepartName || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>涉嫌问题</label>
+          <span>{{ suspectProblemText }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>是否重复件</label>
+          <span>{{ dictLabel(dict?.yesNo, base.repeatt) }}</span>
+        </div>
+
+        <div class="col col-24">
+          <label>标签</label>
+          <span>{{ tagText }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>办理方式</label>
+          <span>{{ dictLabel(dict?.BlameType, base.handleMethod) }}</span>
+        </div>
+
+        <div class="col col-24">
+          <label>来件内容</label>
+          <span class="content">{{ base.thingDesc || "/" }}</span>
+        </div>
+
+        <!-- ================== 核查情况（新增：放在基本信息后、涉及信息前） ================== -->
+        <div class="col col-24 section-title">
+          <h5>核查情况</h5>
+        </div>
+
+        <div class="col col-12">
+          <label>涉及案件/警情编号</label>
+          <span>{{ base.caseNumber || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>涉及单位</label>
+          <span>{{ base.involveDepartName || "/" }}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>核查结论</label>
+          <span>{{ base.checkStatusName || '/'}}</span>
+        </div>
+
+        <div class="col col-12">
+          <label>涉及对象</label>
+          <span>{{ dictLabel(dict?.accountabilityTarget, base.accountabilityTarget) }}</span>
+<!--          <span>{{ dictLabel(dict?.handleMethodType, base.accountabilityTarget ) }}</span>-->
+        </div>
+
+        <div class="col col-12">
+          <label>问题核查情况
+          </label>
+          <span>{{ base.checkStatusDesc }}</span>
+        </div>
+        <!-- ================== 涉及信息（人员/单位）（你上次要的那块，保持不变） ================== -->
+        <div class="col col-24 section-title">
+          <h5>涉及单位</h5>
+        </div>
+
+        <template v-if="deptBlames.length">
+          <div class="col col-24 sub-title">
+            <strong>涉及班子成员</strong>
+          </div>
+
+          <div
+              class="col col-24 blame-card"
+              v-for="(item, idx) in deptBlames"
+              :key="item.id || item.blameEmpNo || idx"
+          >
+            <div class="row inner">
+              <div class="col col-12">
+                <label>姓名</label>
+                <span>{{ item.blameName || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>警号</label>
+                <span>{{ item.blameEmpNo || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>身份证号码</label>
+                <span>{{ item.blameIdCode || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>人员属性</label>
+                <span>{{ item.ivPersonTypeName || item.ivPersonType || "/" }}</span>
+              </div>
+            </div>
+          </div>
+        </template>
+        <div class="col col-24" v-else>
+          <label></label>
+          <span>/</span>
+        </div>
+
+        <div class="col col-24 section-title">
+          <h5>涉及人员</h5>
+        </div>
+
+        <template v-if="personalBlames.length">
+          <div
+              class="col col-24 blame-card"
+              v-for="(item, idx) in personalBlames"
+              :key="item.id || item.blameEmpNo || idx"
+          >
+            <div class="row inner">
+              <div class="col col-12">
+                <label>姓名</label>
+                <span>{{ item.blameName || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>警号</label>
+                <span>{{ item.blameEmpNo || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>身份证号码</label>
+                <span>{{ item.blameIdCode || "/" }}</span>
+              </div>
+              <div class="col col-12">
+                <label>人员属性</label>
+                <span>{{ item.ivPersonTypeName || item.ivPersonType || "/" }}</span>
+              </div>
+            </div>
+          </div>
+        </template>
+        <div class="col col-24" v-else>
+          <label></label>
+          <span>/</span>
+        </div>
+      </div>
+
+      <el-empty v-if="!loading && loaded && !detail?.id" description="未查询到详情数据" />
+      <el-empty v-if="!loading && !loaded && !id" description="未传入ID" />
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button size="large" @click="visible = false">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { computed, ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import {watchDetail} from "@/api/data/complaintCollection.ts";
+import dayjs from "dayjs";
+
+const props = defineProps({
+  modelValue: { type: Boolean, default: false },
+  id: { type: [String, Number], default: "" },
+  dict: { type: Object, default: () => ({}) },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v),
+});
+
+const loading = ref(false);
+const loaded = ref(false);
+const detail = ref({});
+
+/** ✅ 假设接口统一返回：detail = { ...baseFields, negative: { ...核查/涉及信息 } } */
+const base = computed(() => detail.value || {});
+const neg = computed(() => detail.value?.negative || detail.value?.neg || {});
+
+function dictLabel(list, value) {
+  if (!Array.isArray(list)) return "/";
+  if (value === undefined || value === null || value === "") return "/";
+  const hit = list.find((x) => String(x.dictValue) === String(value));
+  return hit?.dictLabel ?? "/";
+}
+
+/** 来源展示：优先后端给的“全路径”，否则用 sourcePath 数组拼 */
+const sourcePathText = computed(() => {
+  if (base.value?.sourceTablePath) return base.value.sourceTablePath;
+  if (Array.isArray(base.value?.sourcePath) && base.value.sourcePath.length) {
+    return base.value.sourcePath.join(" / ");
+  }
+  return "/";
+});
+
+/** 涉嫌问题：involveProblemStr 优先，其次 involveProblemIdList -> 字典label */
+const suspectProblemText = computed(() => {
+  if (base.value?.involveProblemStr) return base.value.involveProblemStr;
+  const ids = base.value?.involveProblemIdList;
+  if (!Array.isArray(ids) || !ids.length) return "/";
+  const labels = ids
+      .map((v) => dictLabel(props.dict?.suspectProblem, v))
+      .filter((x) => x && x !== "/");
+  return labels.length ? labels.join("，") : "/";
+});
+
+/** 标签：优先 tag(单值)；其次 tags(数组/逗号串) */
+const tagText = computed(() => {
+  const v = base.value?.tag ?? base.value?.tags;
+  if (!v) return "/";
+  if (!Array.isArray(v) && String(v).indexOf(",") === -1 && base.value?.tag !== undefined) {
+    return dictLabel(props.dict?.tagList, v);
+  }
+  const arr = Array.isArray(v) ? v : String(v).split(",");
+  const labels = arr
+      .map((x) => dictLabel(props.dict?.tagList, x))
+      .filter((x) => x && x !== "/");
+  return labels.length ? labels.join("，") : "/";
+});
+
+/** 核查办理里的逻辑：problemIsTrue = checkStatusCode 为 1/2/3 :contentReference[oaicite:2]{index=2} */
+const problemIsTrue = computed(() => ["1", "2", "3"].includes(String(neg.value?.checkStatusCode ?? "")));
+
+/** 核查办理里的逻辑：整改限制显示条件（isRectify=NOT 且 checkStatusCode 1/2/3） :contentReference[oaicite:3]{index=3}
+ * 你枚举里 IsRectify.NOT 是多少不确定，这里按你的模板写法：isRectifyCode === '0' 或 '2' 这类也可能是未整改
+ * 为了稳：用 “非真” 来判断，项目里你再对齐。
+ */
+const showRectifyRestrictionDays = computed(() => {
+  const code = String(neg.value?.isRectifyCode ?? "");
+  const isNotRectify = code === "0" || code === "2" || code.toLowerCase() === "not";
+  return problemIsTrue.value && isNotRectify;
+});
+
+/** 未整改原因：你模板里是 (form.isRectifyCode === '0' || form.isRectifyCode === '2') :contentReference[oaicite:4]{index=4} */
+const showUnrectifyReason = computed(() => {
+  const code = String(neg.value?.isRectifyCode ?? "");
+  return code === "0" || code === "2";
+});
+
+/** 问题整改情况：你模板里是 problemIsTrue && isRectifyCode === InspectCase.TRUE :contentReference[oaicite:5]{index=5}
+ * 这里同样做宽松兼容：'1' / 'true' / 'TRUE'
+ */
+const showRectifyDesc = computed(() => {
+  if (!problemIsTrue.value) return false;
+  const code = String(neg.value?.isRectifyCode ?? "");
+  return code === "1" || code.toLowerCase() === "true" || code.toUpperCase() === "TRUE";
+});
+
+/** 涉及对象分类（人员/单位） */
+const BlameType = { PERSONAL: "PERSONAL", DEPARTMENT: "DEPARTMENT" };
+const deptBlames = computed(() => (Array.isArray(base.value?.deptBlames) ? base.value.deptBlames : []));
+const personalBlames = computed(() => (Array.isArray(base.value?.personalBlames) ? base.value.personalBlames : []));
+/**
+ * ✅ 替换为你的真实接口（接口一次性返回 base + negative）
+ * 示例：
+ * import { getDetail } from "@/api/xxx";
+ * return await getDetail({ id })
+ */
+
+async function fetchDetail() {
+  if (!props.id) return;
+
+  loading.value = true;
+  loaded.value = false;
+  try {
+    const body={
+      id:props.id
+    }
+    const res = await watchDetail(body);
+    detail.value = res?.data ?? res ?? {};
+    loaded.value = true;
+  } catch (e) {
+    detail.value = {};
+    loaded.value = true;
+    ElMessage.error(e?.message || "详情获取失败");
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 打开弹窗或 id 变化时自动请求 */
+watch(
+    () => [visible.value, props.id],
+    ([v]) => {
+      if (v) fetchDetail();
+    }
+);
+</script>
+
+<style scoped>
+/* 参考你给的 row/col 展示结构：普通详情，不是表单禁用态 */
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0;
+  row-gap: 14px;
+}
+
+.col {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+
+.col-12 {
+  width: 50%;
+}
+
+.col-24 {
+  width: 100%;
+}
+
+label {
+  width: 120px;
+  color: #606266;
+  flex: 0 0 auto;
+}
+
+span {
+  flex: 1 1 auto;
+  color: #303133;
+}
+
+.content {
+  white-space: pre-wrap;
+  line-height: 1.6;
+}
+
+.section-title h5 {
+  margin: 12px 0 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.sub-title {
+  margin-top: 6px;
+  color: #606266;
+}
+
+.blame-card {
+  background: #f9faff;
+  border-radius: 6px;
+  padding: 10px 12px;
+}
+
+.inner {
+  margin: 0;
+  row-gap: 10px;
+}
+
+.dialog-footer {
+  padding: 16px 24px 24px;
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/components/data/complaintformdialog.vue b/src/components/data/complaintformdialog.vue
index b69a42a..f02289b 100644
--- a/src/components/data/complaintformdialog.vue
+++ b/src/components/data/complaintformdialog.vue
@@ -10,7 +10,8 @@
       <el-form
           ref="formRef"
           :model="model"
-          :label-width="120"
+          :label-width="150"
+          class="form-layout"
           style="min-height: 66vh"
           :rules="rules"
       >
@@ -21,15 +22,34 @@
               <el-cascader
                   v-model="model.sourcePath"
                   :options="dict.sourceTableAndLevel"
-                  :props="{ emitPath: true, checkStrictly: true }"
+                  :props="{ emitPath: true, checkStrictly: false }"
                   clearable
                   filterable
                   show-all-levels
                   style="width: 100%"
                   placeholder="请选择来源（一级/二级）"
+                  :disabled="mode=== 'edit'"
               />
             </el-form-item>
           </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="业务类别" prop="handleMethod">
+              <el-select
+                  v-model="model.businessTypeCode"
+                  placeholder="业务类别"
+                  clearable
+              >
+                <el-option
+                    v-for="item in dict.businessType"
+                    :key="item.id"
+                    :label="item.dictLabel"
+                    :value="item.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
         </el-row>
 
         <!-- 编号 + 受理时间 -->
@@ -38,9 +58,18 @@
             <el-form-item label="编号" prop="originId">
               <el-input
                   v-model="model.originId"
-                  placeholder="请输入编号"
+                  :placeholder="model.originIdSkip ? '无' : '请输入编号'"
                   :disabled="mode === 'edit' || model.originIdSkip"
-              />
+              >
+                <template #append>
+                  <el-checkbox
+                      v-model="model.originIdSkip"
+                      @change="(v) => v && (model.originId = '')"
+                  >
+                    无
+                  </el-checkbox>
+                </template>
+              </el-input>
             </el-form-item>
           </el-col>
 
@@ -62,14 +91,41 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="来件人姓名" prop="responderName">
-              <el-input v-model="model.responderName" placeholder="请输入来件人姓名" />
+              <el-input
+                  v-model="model.responderName"
+                  :placeholder="model.responderNameSkip ? '无' : '请输入来件人姓名'"
+                  :disabled="model.responderNameSkip"
+              >
+                <template #append>
+                  <el-checkbox
+                      v-model="model.responderNameSkip"
+                      @change="(v) => v && (model.responderName = '')"
+                  >
+                    无
+                  </el-checkbox>
+                </template>
+              </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="身份证号码" prop="responderIdCode">
-              <el-input v-model="model.responderIdCode" placeholder="请输入身份证号码" />
+              <el-input
+                  v-model="model.responderIdCode"
+                  :placeholder="model.responderIdCodeSkip ? '无' : '请输入身份证号码'"
+                  :disabled="model.responderIdCodeSkip"
+              >
+                <template #append>
+                  <el-checkbox
+                      v-model="model.responderIdCodeSkip"
+                      @change="(v) => v && (model.responderIdCode = '')"
+                  >
+                    无
+                  </el-checkbox>
+                </template>
+              </el-input>
             </el-form-item>
+
           </el-col>
         </el-row>
 
@@ -77,12 +133,25 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="联系电话" prop="responderPhone">
-              <el-input v-model="model.responderPhone" placeholder="请输入联系电话" />
+              <el-input
+                  v-model="model.responderPhone"
+                  :placeholder="model.responderPhoneSkip ? '无' : '请输入联系电话'"
+                  :disabled="model.responderPhoneSkip"
+              >
+                <template #append>
+                  <el-checkbox
+                      v-model="model.responderPhoneSkip"
+                      @change="(v) => v && (model.responderPhone = '')"
+                  >
+                    无
+                  </el-checkbox>
+                </template>
+              </el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="被投诉二级机构" prop="secondDepartId" label-width="140px">
+            <el-form-item label="被投诉二级机构" prop="secondDepartId" >
               <depart-tree-select
                   v-model="model.secondDepartId"
                   :check-strictly="true"
@@ -161,10 +230,12 @@
     </el-scrollbar>
 
     <template #footer>
-      <el-button @click="visibleProxy = false" size="large">取消</el-button>
-      <el-button type="primary" @click="onSubmit" size="large">
-        {{ mode === 'add' ? '添加' : '修改' }}
-      </el-button>
+      <div class="dialog-footer">
+        <el-button @click="visibleProxy = false" size="large">取消</el-button>
+        <el-button type="primary" @click="onSubmit" size="large">
+          {{ mode === 'add' ? '添加' : '修改' }}
+        </el-button>
+      </div>
     </template>
   </el-dialog>
 </template>
@@ -188,6 +259,19 @@ const visibleProxy = computed({
   get: () => props.modelValue,
   set: (v) => emit("update:modelValue", v),
 });
+watch(
+    () => visibleProxy.value,
+    (v) => {
+      if (v) {
+        // 打开弹窗时，统一重置所有 “无” 勾选状态
+        props.model.originIdSkip = false
+        props.model.responderNameSkip = false
+        props.model.responderIdCodeSkip = false
+        props.model.responderPhoneSkip = false
+      }
+    }
+)
+
 
 // 级联选择 -> 拆字段（和你现在 addForm 的 watch 一样）
 watch(
@@ -200,8 +284,29 @@ watch(
     { deep: true }
 );
 
+
+function fillFiledName() {
+  const code = props.model.businessTypeCode;
+  const hit = props.dict.businessType?.find(
+      (d) => String(d.dictValue) === String(code)
+  );
+  props.model.businessTypeName = hit?.dictLabel || "";
+}
+
 async function onSubmit() {
+  fillFiledName();
   await formRef.value.validate();
   emit("submit");
 }
 </script>
+
+<style>
+.form-layout {
+  padding: 0 34px;
+}
+
+.dialog-footer {
+  padding: 16px 24px 24px;
+}
+
+</style>
diff --git a/src/components/negative/verify-sfss.vue b/src/components/negative/verify-sfss.vue
new file mode 100644
index 0000000..ef7e087
--- /dev/null
+++ b/src/components/negative/verify-sfss.vue
@@ -0,0 +1,2011 @@
+<template>
+  <!-- ✅ 新增：问题信息展示 -->
+  <div class="info-container">
+    <h3>问题信息</h3>
+    <div class="row">
+      <div class="col col-12" v-if="false">
+        <label>id</label>
+        <span>{{ currentRow.id || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>来源</label>
+        <span>{{ currentRow.sourceTablePath }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>业务类型</label>
+        <span>{{ getDictLabel(dict.businessType, currentRow.businessTypeCode) }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>编号</label>
+        <span>{{ currentRow.originId || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>受理时间</label>
+        <span>{{ formatLocalDateTime(currentRow.discoveryTime) }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>来件人姓名</label>
+        <span>{{ currentRow.responderName || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>身份证号码</label>
+        <span>{{ currentRow.responderIdCode || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>联系电话</label>
+        <span>{{ currentRow.responderPhone || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>涉及二级机构</label>
+        <span>{{ currentRow.secondDepartName || '/' }}</span>
+      </div>
+
+      <div class="col col-24">
+        <label>来件内容</label>
+        <span>{{ currentRow.thingDesc || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>涉嫌问题</label>
+        <span>{{ currentRow.involveProblemStr || '/' }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>是否重复件</label>
+        <span>{{ getDictLabel(dict.yesNo, currentRow.repeatt) }}</span>
+      </div>
+
+      <div class="col col-12">
+        <label>标签</label>
+        <span>
+          {{
+            currentRow.tag
+                ? currentRow.tag
+                    .split(',')
+                    .map(v => getDictLabel(dict.tagList, v))
+                    .join('，')
+                : '/'
+          }}
+        </span>
+      </div>
+
+      <div class="col col-24">
+        <label>办理方式</label>
+        <span>{{ getDictLabel(dict.handleMethodType, currentRow.handleMethod) }}</span>
+      </div>
+    </div>
+
+    <div v-if="currentRow.reportFile?.length">
+      <div class="text-primary mt-10 mb-10">督察报告附件</div>
+      <file-list :files="currentRow.reportFile"/>
+    </div>
+
+    <div v-if="currentRow.thingFiles?.length">
+      <div class="text-primary mt-10 mb-10">附件</div>
+      <file-list :files="currentRow.thingFiles"/>
+    </div>
+  </div>
+  <h5>核查办理</h5>
+  <el-form :label-width="146" :model="form" ref="formRef">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="涉及案件/警情编号" prop="caseNumber">
+          <el-input
+              v-model="form.caseNumber"
+              placeholder="请输入"
+              style="width: 280px"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item
+            label="涉及举报对象"
+            prop="accountabilityTarget"
+            :rules="{
+                        required: true,
+                        message: '请选择追责对象',
+                        trigger: ['blur'],
+                    }"
+        >
+          <el-radio-group v-model="form.accountabilityTarget">
+            <el-radio
+                v-for="item in dict.accountabilityTarget"
+                :key="item.dictCode"
+                :value="item.dictValue"
+            >{{ item.dictLabel }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item
+            label="核查结论"
+            prop="checkStatusCode"
+            :rules="{
+                        required: true,
+                        message: '请选择核查结论',
+                        trigger: ['blur'],
+                    }"
+        >
+
+          <el-select v-model="form.checkStatusCode" @change="(val) => handleChangeCheckStatus(val, item)" clearable
+                     style="width: 280px">
+            <el-option v-for="item in dict.checkStatus" :value="item.dictValue" :label="item.dictLabel"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item
+            label="涉及单位"
+            prop="involveDepartId"
+            :rules="{
+                        required: true,
+                        message: '请选择涉及单位',
+                        trigger: ['blur'],
+                    }"
+        >
+          <div style="width: 280px">
+            <depart-tree-select
+                v-model="form.involveDepartId"
+
+                @node-click="(row) => (form.involveDepartName = row.shortName)"
+                :auth="false"
+            />
+          </div>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="办结情况">
+          <el-radio-group v-model="form.completionStatus">
+            <el-radio :label="'1'">程序办结</el-radio>
+            <el-radio :label="'2'">已解决合理诉求</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item label="群众认可">
+          <el-radio-group v-model="form.publicRecognition">
+            <el-radio :label="'1'">认可</el-radio>
+            <el-radio :label="'2'">不认可</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-col>
+
+      <!--      <el-col :span="12" v-if="problemIsTrue">-->
+      <!--        <el-form-item-->
+      <!--            label="是否整改"-->
+      <!--            prop="isRectifyCode"-->
+      <!--            :rules="{-->
+      <!--                        required: true,-->
+      <!--                        message: '请选择是否整改',-->
+      <!--                        trigger: ['blur'],-->
+      <!--                    }"-->
+
+      <!--        >-->
+      <!--          <el-radio-group-->
+      <!--              v-model="form.isRectifyCode"-->
+      <!--              @change="-->
+      <!--                            (val) =>-->
+      <!--                                (form.isRectifyName = dict.isRectify.filter(-->
+      <!--                                    (item) => item.dictValue === val-->
+      <!--                                )[0].dictLabel)-->
+      <!--                        "-->
+      <!--          >-->
+      <!--            <el-radio-->
+      <!--                v-for="item in dict.isRectify"-->
+      <!--                :key="item.dictCode"-->
+      <!--                :value="item.dictValue"-->
+      <!--            >{{ item.dictLabel }}-->
+      <!--            </el-radio>-->
+      <!--          </el-radio-group>-->
+      <!--        </el-form-item>-->
+      <!--      </el-col>-->
+      <!--      <el-col-->
+      <!--          :span="12"-->
+      <!--          v-if="-->
+      <!--                    problemIsTrue &&-->
+      <!--                    form.isRectifyCode === IsRectify.NOT &&-->
+      <!--                    (form.checkStatusCode === '1' || form.checkStatusCode === '2' || form.checkStatusCode === '3')-->
+      <!--                "-->
+      <!--      >-->
+      <!--        <el-form-item-->
+      <!--            label="整改限制"-->
+      <!--            prop="rectifyRestrictionDays"-->
+      <!--            :rules="{-->
+      <!--                        required: true,-->
+      <!--                        message: '请选择整改限制',-->
+      <!--                        trigger: ['blur'],-->
+      <!--                    }"-->
+      <!--        >-->
+      <!--          <el-input-number v-model="form.rectifyRestrictionDays"/>-->
+      <!--          <span class="ml-8">天</span>-->
+      <!--        </el-form-item>-->
+      <!--      </el-col>-->
+    </el-row>
+
+    <el-form-item
+        label="问题核查情况"
+        prop="checkStatusDesc"
+        :rules="{
+                required: true,
+                message: '请输入问题核查情况',
+                trigger: ['blur'],
+            }"
+    >
+      <el-input
+          type="textarea"
+          placeholder="请输入问题核查情况"
+          v-model="form.checkStatusDesc"
+          :autosize="{ minRows: 4 }"
+      />
+    </el-form-item>
+    <template
+        v-if="
+                negative.problemSourcesCode === ProblemSources.GJXFPT ||
+                negative.problemSourcesCode === ProblemSources.GABXF ||
+                negative.problemSourcesCode === ProblemSources.JZXX ||
+                negative.problemSourcesCode === ProblemSources.XF12337
+            "
+    >
+      <h5>信访办理</h5>
+      <template v-if="negative.problemSourcesCode === ProblemSources.XF12337">
+        <el-form-item
+            prop="verifiedIsLeader"
+            :rules="{
+                        required: true,
+                        message: '请选择涉及人员是否属于领导班子成员',
+                        trigger: ['blur'],
+                    }"
+        >
+          <template #label>
+            <div style="line-height: 1">涉及人员是否属于领导班子成员</div>
+          </template>
+          <el-select
+              v-model="form.verifiedIsLeader"
+              clearable
+              style="width: 280px"
+          >
+            <el-option value="非领导班子成员">非领导班子成员</el-option>
+            <el-option value="县级单位班子成员">县级单位班子成员</el-option>
+            <el-option value="市级单位班子成员">市级单位班子成员</el-option>
+            <el-option value="省级单位班子成员">省级单位班子成员</el-option>
+            <el-option value="中央单位班子成员">中央单位班子成员</el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+            prop="processResult"
+            label="办理结果"
+            :rules="{
+                        required: true,
+                        message: '请选择办理结果',
+                        trigger: ['blur'],
+                    }"
+        >
+          <el-select
+              v-model="form.processResult"
+              clearable
+              style="width: 280px"
+          >
+            <el-option value="具有违纪违法情况">具有违纪违法情况</el-option>
+            <el-option value="无违纪违法情况">无违纪违法情况</el-option>
+            <el-option value="其他">其他</el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+            label="处理结论结果"
+            prop="handleResult12337"
+            :rules="{
+                        required: true,
+                        message: '请选择12337处理结论结果',
+                        trigger: ['blur'],
+                    }"
+            v-if="form.processResult === '具有违纪违法情况'"
+        >
+          <handle-result12337-select
+              v-model="form.handleResult12337"
+              style="width: 280px"
+              @select="handleResult12337"
+          />
+          <span class="ml-20">{{ form.handleResult12337Group }}</span>
+        </el-form-item>
+        <el-form-item label="处分处理情况" prop="disciplinaryActionDesc" :rules="{
+                    required: true,
+                    message: '请输入处分处理情况',
+                    trigger: ['blur']
+                }"
+                      v-if="form.processResult === '具有违纪违法情况' && form.handleResult12337 !== '免予处分' && form.handleResult12337 !== '不予处分'">
+          <el-input
+              type="textarea"
+              placeholder="请输入处分处理情况"
+              v-model="form.disciplinaryActionDesc"
+              :autosize="{ minRows: 4 }"
+          />
+        </el-form-item>
+      </template>
+
+      <el-form-item
+          prop="handlePolices"
+          label="经办人"
+          :rules="{
+                    required: true,
+                    validator: validateHandlePolices,
+                }"
+      >
+        <div
+            class="mb-8 flex gap v-center"
+            v-for="(item, index) in form.handlePolices"
+            :key="index"
+            style="width: 100%"
+        >
+          <police-select
+              :depart-id="negative.handleSecondDepartId"
+              v-model="item.empNo"
+              @change="
+                            (police) => {
+                                item.name = police.name;
+                                item.idCode = police.idCode;
+                                item.mobile = police.mobile;
+                            }
+                        "
+          />
+          <span class="ml-20 text-right" style="width: 80px">联系电话：</span>
+          <el-input
+              placeholder="联系方式"
+              v-model="item.mobile"
+              style="width: 240px"
+          />
+          <el-button
+              plain
+              type="primary"
+              v-if="index === 0"
+              @click="form.handlePolices.push({})"
+          >
+            <template #icon>
+              <icon name="el-icon-Plus"/>
+            </template>
+            添加经办人
+          </el-button>
+          <el-button
+              plain
+              type="danger"
+              v-else
+              @click="form.handlePolices.splice(index, 1)"
+          >
+            <template #icon>
+              <icon name="el-icon-Delete"/>
+            </template>
+            删除经办人
+          </el-button>
+        </div>
+      </el-form-item>
+      <el-form-item>
+        <p class="tips" style="font-size: 13px; color: #666">经办人不能是涉及人员</p>
+      </el-form-item>
+      <el-form-item
+          prop="visitingLeaderName"
+          label="接访领导"
+          :rules="{
+                    required: true,
+                    message: '请选择接访领导',
+                    trigger: ['blur'],
+                }"
+          v-if="
+                    negative.problemSourcesCode === ProblemSources.GJXFPT ||
+                    negative.problemSourcesCode === ProblemSources.GABXF
+                "
+      >
+        <div class="flex gap" style="width: 100%">
+          <police-select
+              :host-level="negative.hostLevel"
+              :depart-id="
+                            negative.hostLevel === HostLevel.SECOND
+                                ? negative.handleSecondDepartId
+                                : negative.handleThreeDepartId
+                        "
+              v-model="form.visitingLeaderEmpNo"
+              @change="(police) => (form.visitingLeaderName = police.name)"
+              :isLeader="true"
+          />
+          <span class="ml-20 text-right" style="width: 80px">警号：</span>
+          <el-input
+              v-model="form.visitingLeaderEmpNo"
+              placeholder="接访领导警号"
+              style="width: 240px"
+          />
+        </div>
+      </el-form-item>
+      <el-form-item
+          label="化解情况"
+          prop="resolveSituation"
+          v-if="
+                    negative.problemSourcesCode === ProblemSources.GJXFPT ||
+                    negative.problemSourcesCode === ProblemSources.GABXF
+                "
+          :rules="{
+                    required: true,
+                    message: '请选择信访化解情况',
+                    trigger: ['blur'],
+                }"
+      >
+        <el-select
+            v-model="form.resolveSituation"
+            clearable
+            style="width: 240px"
+            placeholder="请选择信访化解情况"
+        >
+          <el-option
+              v-for="item in dict.resolveSituation"
+              :key="item.id"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+          prop="resolveStatus"
+          label="当前状态"
+          :rules="{
+                    required: true,
+                    message: '请选择信访当前状态',
+                    trigger: ['blur'],
+                }"
+          v-if="
+                    negative.problemSourcesCode === ProblemSources.GJXFPT ||
+                    negative.problemSourcesCode === ProblemSources.GABXF
+                "
+      >
+        <el-select
+            v-model="form.resolveStatus"
+            clearable
+            style="width: 240px"
+            placeholder="请选择信访化当前状态"
+        >
+          <el-option
+              v-for="item in dict.resolveStatus"
+              :key="item.id"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+          />
+        </el-select>
+      </el-form-item>
+      <el-divider/>
+    </template>
+
+
+    <div v-if="form.accountabilityTarget !== AccountabilityTarget.DEPARTMENT">
+
+      <el-form-item
+          label-position="top"
+          prop="blames"
+          :rules="{
+                    required: true,
+                    message: '请添加涉及人员',
+                    trigger: ['change'],
+                }"
+      >
+        <div
+            v-for="(item, index) in form.blames.filter(
+                        (obj) => obj.type === BlameType.PERSONAL
+                    )"
+            :key="index"
+        >
+          <div class="flex v-center">
+            <h5>
+              涉及人员{{
+                form.blames
+                    .filter(
+                        (blame) => blame.type === BlameType.PERSONAL
+                    )
+                    .indexOf(item) + 1
+              }}
+            </h5>
+            <el-button
+                type="danger"
+                plain
+                size="small"
+                @click="handleRemoveBlame(item)"
+                text
+                class="ml-10"
+            >删除
+            </el-button>
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                  label="涉及人员姓名"
+                  :prop="`blames.${index}.blameEmpNo`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择涉及人员',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <police-select
+                    :host-level="negative.hostLevel"
+                    :depart-id="form.involveDepartId"
+                    v-model="item.blameEmpNo"
+                    :disabldKeys="
+                                        form.blames
+                                            .filter((obj) => obj.blameEmpNo)
+                                            .map((obj) => obj.blameEmpNo)
+                                    "
+                    @change="
+                                        (police) => handleChangePolice(police, item)
+                                    "
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="警号"
+
+                  :prop="`blames.${index}.blameEmpNo`"
+                  :rules="{
+                                    required: true,
+                                    message: '请输入警号',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    :disabled="true"
+                    placeholder="请输入警号"
+                    v-model="item.blameEmpNo"
+                    style="width: 240px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="身份证号码"
+                  :prop="`blames.${index}.blameIdCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请输入身份证号码',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    placeholder="请输入身份证号码"
+                    v-model="item.blameIdCode"
+                    :disabled="true"
+                    style="width: 240px"
+                />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="12">
+              <el-form-item
+                  label="人员属性"
+                  :prop="`blames.${index}.ivPersonTypeCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择人员属性',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-radio-group
+                    :disabled="true"
+                    v-model="item.ivPersonTypeCode"
+                    @change="
+                                        (val) =>
+                                            (item.ivPersonType = dict.personType.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="item in dict.personType"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                  >{{ item.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-form-item
+              :prop="`blames.${index}.problems`"
+              :rules="{
+                            required: true,
+                            message: '请添加问题类型',
+                            trigger: ['blur'],
+                        }"
+              v-if="problemIsTrue"
+              style="margin-bottom: 0"
+          >
+            <div
+                v-for="(problem, j) in item.problems"
+                :key="j"
+                style="width: 98%"
+            >
+              <el-form-item
+                  :label="`查实问题类型${j + 1}`"
+                  :prop="`blames.${index}.problems.${j}.threeLevelCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择问题类型',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <div class="flex between" style="width: 100%">
+                  <div class="flex gap">
+                    <problem-type-select
+                        v-model="problem.threeLevelCode"
+                        @change="
+                                                (node) =>
+                                                    handleChangeProblem(node, problem)
+                                            "
+                    />
+                    <div style="width: 140px">
+                      <el-form-item
+                          label-position="top"
+                          :prop="`blames.${index}.problems.${j}.threeLevelContentOther`"
+                          :rules="{
+                                                    required: true,
+                                                    message: '请输入',
+                                                    trigger: ['blur'],
+                                                }"
+                          style="margin-bottom: 0"
+                          v-if="
+                                                    problem.threeLevelContent ===
+                                                    '其他'
+                                                "
+                      >
+                        <el-input
+                            placeholder="其他类型详细描述"
+                            v-model="
+                                                        problem.threeLevelContentOther
+                                                    "
+                        />
+                      </el-form-item>
+                    </div>
+                    <div>
+                                            <span>{{
+                                                problem.oneLevelContent
+                                                    ? problem.oneLevelContent + " / "
+                                                    : ""
+                                              }}</span>
+                      <span>{{
+                          problem.twoLevelContent
+                              ? problem.twoLevelContent + " / "
+                              : ""
+                        }}</span>
+                      <span>{{
+                          problem.threeLevelContent
+                        }}</span>
+                    </div>
+                  </div>
+
+                  <div class="flex center v-center">
+                    <el-button
+                        type="danger"
+                        plain
+                        @click="item.problems.splice(j, 1)"
+                        v-if="j !== 0"
+                        size="small"
+                    >
+                      <template #icon>
+                        <icon name="el-icon-Delete"/>
+                      </template>
+                      删除问题
+                    </el-button>
+                    <el-button
+                        @click="handleAddProblem(item)"
+                        plain
+                        type="primary"
+                        v-if="j === 0"
+                        size="small"
+                    >
+                      <template #icon>
+                        <icon name="el-icon-Plus"/>
+                      </template>
+                      添加问题
+                    </el-button>
+                  </div>
+                </div>
+              </el-form-item>
+            </div>
+            <div
+                class="flex center"
+                style="width: 100%"
+                v-if="!item.problems || item.problems.length === 0"
+            >
+              <el-button
+                  @click="handleAddProblem(item)"
+                  plain
+                  type="primary"
+                  size="small"
+              >
+                <template #icon>
+                  <icon name="el-icon-Plus"/>
+                </template>
+                添加问题
+              </el-button>
+            </div>
+          </el-form-item>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                  label="责任归属"
+                  :prop="`blames.${index}.responsibilityTypeCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择责任归属',
+                                    trigger: ['blur'],
+                                }"
+                  v-if="problemIsTrue"
+              >
+                <el-radio-group
+                    v-model="item.responsibilityTypeCode"
+                    @change="
+                                        (val) =>
+                                            (item.responsibilityTypeName = dict.responsibilityType.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="item in dict.responsibilityType"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                  >{{ item.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="problemIsTrue">
+              <el-form-item
+                  label="主观方面"
+                  :prop="`blames.${index}.subjectiveAspectCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择主观方面',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <div class="flex gap v-center">
+                  <el-radio-group
+                      v-model="item.subjectiveAspectCode"
+                      @change="
+                                            (val) =>
+                                                handleChangeSubjectiveAspect(
+                                                    val,
+                                                    item
+                                                )
+                                        "
+                  >
+                    <el-radio
+                        v-for="item in dict.subjectiveAspect"
+                        :key="item.dictCode"
+                        :value="item.dictValue"
+                    >{{ item.dictLabel }}
+                    </el-radio>
+                  </el-radio-group>
+                  <el-form-item
+                      :prop="`blames.${index}.subjectiveAspectName`"
+                      :rules="{
+                                            required: true,
+                                            message: '其他主观方面不能为空',
+                                            trigger: ['blur'],
+                                        }"
+                      v-if="
+                                            item.subjectiveAspectCode ===
+                                            SubjectiveAspect.OTHER
+                                        "
+                      style="margin-bottom: 0"
+                      class="ml-20"
+                  >
+                    <el-input
+                        v-model="item.subjectiveAspectName"
+                        placeholder="请输入其他主观方面"
+                        style="width: 160px"
+                    />
+                  </el-form-item>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="problemIsTrue">
+              <el-form-item
+                  label="处理结果"
+                  :prop="`blames.${index}.handleResultCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择处理结果',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-select
+                    v-model="item.handleResultCode"
+                    style="width: 240px"
+                    multiple
+                    @change="
+                                        (val) => handleChangeResultCode(item, val)
+                                    "
+                    clearable
+                >
+                  <el-option
+                      v-for="dictItem in dict.handleResult"
+                      :key="dictItem.dictCode"
+                      :value="dictItem.dictValue"
+                      :label="dictItem.dictLabel"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col
+                :span="12"
+                v-if="item.handleResultCode?.includes('11')"
+            >
+              <el-form-item
+                  label="其他处理结果"
+                  :prop="`blames.${index}.handleResultCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择处理结果',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    v-model="item.handleResultNameOther"
+                    placeholder="其他类型详细描述"
+                />
+              </el-form-item>
+            </el-col>
+            <template v-if="problemIsTrue">
+              <!--              <el-col :span="12">-->
+              <!--                <el-form-item-->
+              <!--                    label="维权容错"-->
+              <!--                    :prop="`blames.${index}.protectRightsCode`"-->
+              <!--                    v-if="-->
+              <!--                                        negative.problemSourcesCode !==-->
+              <!--                                        ProblemSources.JWDC-->
+              <!--                                    "-->
+              <!--                >-->
+              <!--                  <el-radio-group-->
+              <!--                      v-model="item.protectRightsCode"-->
+              <!--                      @change="-->
+              <!--                                            (val) =>-->
+              <!--                                                (item.protectRightsName = dict.protectRights.filter(-->
+              <!--                                                    (item) => item.dictValue === val-->
+              <!--                                                )[0].dictLabel)-->
+              <!--                                        "-->
+              <!--                  >-->
+              <!--                    <el-radio-->
+              <!--                        v-for="item in dict.protectRights"-->
+              <!--                        :key="item.dictCode"-->
+              <!--                        :value="item.dictValue"-->
+              <!--                    >{{ item.dictLabel }}-->
+              <!--                    </el-radio>-->
+              <!--                  </el-radio-group>-->
+              <!--                </el-form-item>-->
+              <!--              </el-col>-->
+
+              <el-col :span="12">
+                <el-form-item
+                    label="督察措施"
+                    :prop="`blames[${index}].superviseMeasuresCode`"
+                >
+                  <el-radio-group
+                      v-model="item.superviseMeasuresCode"
+                  >
+                    <el-radio
+                        v-for="dictItem in dict.superviseMeasures"
+                        :key="dictItem.dictCode"
+                        :value="dictItem.dictValue"
+                        @click.native.prevent="
+                                                () => {
+                                                    if (
+                                                        item.superviseMeasuresCode ===
+                                                        dictItem.dictValue
+                                                    ) {
+                                                        item.superviseMeasuresCode =
+                                                            '';
+                                                        item.superviseMeasuresName =
+                                                            '';
+                                                        item.confinementId = null;
+                                                    } else {
+                                                        item.superviseMeasuresCode =
+                                                            dictItem.dictValue;
+                                                        item.superviseMeasuresName =
+                                                            dictItem.dictLabel;
+
+                                                        if (dictItem.dictValue != 1) {
+                                                            item.confinementId = null;
+                                                        }
+                                                    }
+                                                }
+                                            "
+                    >{{ dictItem.dictLabel }}
+                    </el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </template>
+          </el-row>
+          <el-row v-if="item.superviseMeasuresCode == 1">
+            <el-col>
+              <el-form-item label="禁闭关联">
+                <!--                {{item.superviseMeasuresCode}}-->
+                <el-select
+                    v-model="item.confinementId"
+                    filterable
+                    remote
+                    clearable
+                    :remote-method="fileConfinement"
+                    popper-class="widthClass"
+                >
+                  <template #header>
+                    <el-row>
+                      <el-col :span="2">姓名</el-col>
+                      <el-col :span="2">警号</el-col>
+                      <el-col :span="3">部门</el-col>
+                      <el-col :span="8">事由</el-col>
+                      <el-col :span="4">禁闭时间</el-col>
+                    </el-row>
+                  </template>
+                  <el-option
+                      v-for="(val, key) in confinementOpens"
+                      :key="key"
+                      :label="val.matter"
+                      :value="val.id"
+                  >
+                    <el-row>
+                      <el-col :span="2">{{ val.name }}</el-col>
+                      <el-col :span="2">{{ val.empNo }}</el-col>
+                      <el-col :span="3">
+                        <div class="flex gap-4">
+                                                    <span>{{
+                                                        val.departShortName || "/"
+                                                      }}</span>
+                        </div>
+                      </el-col>
+                      <el-col :span="8">
+                        <el-tooltip
+                            :content="val.matter"
+                            placement="top"
+                        >
+                          <el-text truncated>
+                            {{ val.matter }}
+                          </el-text
+                          >
+                        </el-tooltip>
+                      </el-col>
+                      <el-col :span="4">
+                        {{
+                          val.startTime + "-" + val.endTime
+                        }}
+                      </el-col>
+                    </el-row>
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="flex center" style="width: 100%">
+          <el-button type="primary" plain @click="handleAddPersonalBlame">
+            <template #icon>
+              <icon name="el-icon-Plus"/>
+            </template>
+            添加涉及人员
+          </el-button>
+        </div>
+      </el-form-item>
+      <el-divider/>
+      <el-form-item
+          label-position="top"
+          prop="blameLeaders"
+          :rules="{
+                    required: true,
+                    message: '请添加涉及领导',
+                }"
+      >
+        <div v-for="(item, index) in form.blameLeaders" :key="index">
+          <div class="flex v-center">
+            <h5>涉及领导{{ index + 1 }}</h5>
+            <el-button
+                type="danger"
+                plain
+                size="small"
+                @click="handleRemoveBlameLeader(index)"
+                text
+                class="ml-10"
+            >删除
+            </el-button>
+          </div>
+
+          <el-row style="background: #f9faff">
+            <el-col :span="24">
+              <el-form-item
+                  label="关联涉及人员"
+                  :prop="`blameLeaders.${index}.blameIdCodes`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择涉及领导关联的涉及人员',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-checkbox
+                    border
+                    v-for="(obj, j) in form.blames.filter(
+                                        (obj) =>
+                                            obj.type === BlameType.PERSONAL &&
+                                            obj.blameIdCode
+                                    )"
+                    :key="obj.blameIdCode"
+                    :label="obj.blameName"
+                    :value="obj.blameIdCode"
+                    :checked="
+                                        item.blameIdCodes.includes(obj.blameIdCode)
+                                    "
+                    @change="
+                                        (bool) =>
+                                            handleCheckboxChange(
+                                                item,
+                                                bool,
+                                                obj.blameIdCode
+                                            )
+                                    "
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="涉及领导姓名"
+                  :prop="`blameLeaders.${index}.leadName`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择涉及领导',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <police-select
+                    :host-level="negative.hostLevel"
+                    :depart-id="form.involveDepartId"
+                    v-model="item.leadEmpNo"
+                    @change="
+                                        (police) => {
+                                            item.leadName = police.name;
+                                            item.leadIdCode = police.idCode;
+                                        }
+                                    "
+                    :isLeader="true"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="警号"
+                  :prop="`blameLeaders.${index}.leadEmpNo`"
+                  :rules="{
+                                    required: true,
+                                    message: '请输入警号',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    placeholder="请输入警号"
+                    v-model="item.leadEmpNo"
+                    style="width: 240px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="身份证号码"
+                  :prop="`blameLeaders.${index}.leadIdCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请输入身份证号码',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    placeholder="请输入身份证号码"
+                    style="width: 240px"
+                    v-model="item.leadIdCode"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="责任归属"
+                  :prop="`blameLeaders.${index}.leadResponsibilityTypeCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择责任归属',
+                                    trigger: ['blur'],
+                                }"
+                  v-if="problemIsTrue"
+              >
+                <el-radio-group
+                    v-model="item.leadResponsibilityTypeCode"
+                    @change="
+                                        (val) =>
+                                            (item.leadResponsibilityTypeName = dict.leadResponsibilityType.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="item in dict.leadResponsibilityType"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                  >{{ item.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="12">
+              <el-form-item
+                  label="处理结果"
+                  :prop="`blameLeaders.${index}.leadHandleResultCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择处理结果',
+                                    trigger: ['blur'],
+                                }"
+                  v-if="problemIsTrue"
+              >
+                <el-select
+                    v-model="item.leadHandleResultCode"
+                    style="width: 240px"
+                    @change="
+                                        (val) => handleChangeLeadResultCode(item, val)
+                                    "
+                    clearable
+                    multiple
+                >
+                  <el-option
+                      v-for="item in dict.handleResult"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                      :label="item.dictLabel"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col
+                :span="12"
+                v-if="item.leadHandleResultCode?.includes('11')"
+            >
+              <el-form-item
+                  label="其他处理结果"
+                  :prop="`blames.${index}.leadHandleResultNameOther`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择处理结果',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    v-model="item.leadHandleResultNameOther"
+                    placeholder="其他类型详细描述"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div
+            class="flex center"
+            style="width: 100%"
+            v-if="
+                        form.accountabilityTarget !== AccountabilityTarget.DEPARTMENT
+                    "
+        >
+          <el-button type="primary" plain @click="handleAddBlameLeader">
+            <template #icon>
+              <icon name="el-icon-Plus"/>
+            </template>
+            添加涉及领导
+          </el-button>
+        </div>
+      </el-form-item>
+    </div>
+    <el-form-item
+        label-position="top"
+        v-if="form.accountabilityTarget !== AccountabilityTarget.PERSONAL"
+    >
+      <div v-for="(item, index) in form.blames" :key="index">
+        <template v-if="item.type === BlameType.DEPARTMENT">
+          <div class="flex between v-center">
+            <h5>涉及单位</h5>
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                  label="涉及班子成员"
+                  :prop="`blames.${index}.blameEmpNo`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择涉及班子成员',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <police-select
+                    :host-level="negative.hostLevel"
+                    :depart-id="form.involveDepartId"
+                    v-model="item.blameEmpNo"
+                    @change="
+                                        (police) => {
+                                            item.blameName = police.name;
+                                            item.blameIdCode = police.idCode;
+                                        }
+                                    "
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="身份证号码"
+                  :prop="`blames.${index}.blameIdCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请输入身份证号码',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-input
+                    placeholder="请输入身份证号码"
+                    v-model="item.blameIdCode"
+                    style="width: 240px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="人员属性"
+                  :prop="`blames.${index}.ivPersonTypeCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择人员属性',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-radio-group
+                    v-model="item.ivPersonTypeCode"
+                    @change="(val) => {
+    const hit = dict.personType?.find(d => String(d.dictValue) === String(val))
+    const label = hit?.dictLabel || '民警'
+    item.ivPersonType = label
+    item.ivPersonTypeName = label
+  }"
+                >
+                  <el-radio :value="PersonType.POLICE">民警</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="problemIsTrue">
+              <el-form-item
+                  label="督察措施"
+                  :prop="`blames.${index}.superviseMeasuresCode`"
+              >
+                <el-radio-group
+                    v-model="item.superviseMeasuresCode"
+                    @change="
+                                        (val) =>
+                                            (item.superviseMeasuresName = dict.superviseMeasures.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="dictItem in dict.superviseMeasures"
+                      :key="dictItem.dictCode"
+                      :value="dictItem.dictValue"
+                      @click.native.prevent="
+                                            () => {
+                                                if (
+                                                    item.superviseMeasuresCode ===
+                                                    dictItem.dictValue
+                                                ) {
+                                                    item.superviseMeasuresCode = '';
+                                                    item.superviseMeasuresName = '';
+                                                } else {
+                                                    item.superviseMeasuresCode =
+                                                        dictItem.dictValue;
+                                                    item.superviseMeasuresName =
+                                                        dictItem.dictLabel;
+                                                }
+                                            }
+                                        "
+                  >{{ dictItem.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-form-item
+              :prop="`blames.${index}.problems`"
+              :rules="{
+                            required: true,
+                            message: '请添加问题类型',
+                            trigger: ['blur'],
+                        }"
+              v-if="problemIsTrue"
+              style="margin-bottom: 0"
+          >
+            <div
+                v-for="(problem, j) in item.problems"
+                :key="j"
+                style="width: 98%"
+            >
+              <el-form-item
+                  :label="`查实问题类型${j + 1}`"
+                  :prop="`blames.${index}.problems.${j}.threeLevelCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择问题类型',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <div class="flex between" style="width: 100%">
+                  <div class="flex gap">
+                    <problem-type-select
+                        v-model="problem.threeLevelCode"
+                        @change="
+                                                (node) =>
+                                                    handleChangeProblem(node, problem)
+                                            "
+                    />
+                    <div style="width: 140px">
+                      <el-form-item
+                          label-position="top"
+                          :prop="`blames.${index}.problems.${j}.threeLevelContentOther`"
+                          :rules="{
+                                                    required: true,
+                                                    message: '请输入',
+                                                    trigger: ['blur'],
+                                                }"
+                          style="margin-bottom: 0"
+                          v-if="
+                                                    problem.threeLevelContent ===
+                                                    '其他'
+                                                "
+                      >
+                        <el-input
+                            placeholder="其他类型详细描述"
+                            v-model="
+                                                        problem.threeLevelContentOther
+                                                    "
+                        />
+                      </el-form-item>
+                    </div>
+                    <div>
+                                            <span>{{
+                                                problem.oneLevelContent
+                                                    ? problem.oneLevelContent + " / "
+                                                    : ""
+                                              }}</span>
+                      <span>{{
+                          problem.twoLevelContent
+                              ? problem.twoLevelContent + " / "
+                              : ""
+                        }}</span>
+                      <span>{{
+                          problem.threeLevelContent
+                        }}</span>
+                    </div>
+                  </div>
+
+                  <div class="flex center v-center">
+                    <el-button
+                        type="danger"
+                        plain
+                        @click="item.problems.splice(j, 1)"
+                        v-if="j !== 0"
+                        size="small"
+                    >
+                      <template #icon>
+                        <icon name="el-icon-Delete"/>
+                      </template>
+                      删除问题
+                    </el-button>
+                    <el-button
+                        @click="handleAddProblem(item)"
+                        plain
+                        type="primary"
+                        v-if="j === 0"
+                        size="small"
+                    >
+                      <template #icon>
+                        <icon name="el-icon-Plus"/>
+                      </template>
+                      添加问题
+                    </el-button>
+                  </div>
+                </div>
+                <div
+                    class="flex center"
+                    style="width: 100%"
+                    v-if="
+                                        !item.problems || item.problems.length === 0
+                                    "
+                >
+                  <el-button
+                      @click="handleAddProblem(item)"
+                      plain
+                      type="primary"
+                      size="small"
+                  >
+                    <template #icon>
+                      <icon name="el-icon-Plus"/>
+                    </template>
+                    添加问题
+                  </el-button>
+                </div>
+              </el-form-item>
+            </div>
+          </el-form-item>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                  label="主观方面"
+                  :prop="`blames.${index}.subjectiveAspectCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择主观方面',
+                                    trigger: ['blur'],
+                                }"
+              >
+                <el-radio-group
+                    v-model="item.subjectiveAspectCode"
+                    @change="
+                                        (val) =>
+                                            (item.subjectiveAspectName = dict.subjectiveAspect.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="item in dict.subjectiveAspect"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                  >{{ item.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="12">
+              <el-form-item
+                  label="责任归属"
+                  :prop="`blames.${index}.responsibilityTypeCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择责任归属',
+                                    trigger: ['blur'],
+                                }"
+                  v-if="problemIsTrue"
+              >
+                <el-radio-group
+                    v-model="item.responsibilityTypeCode"
+                    @change="
+                                        (val) =>
+                                            (item.responsibilityTypeName = dict.responsibilityType.filter(
+                                                (item) => item.dictValue === val
+                                            )[0].dictLabel)
+                                    "
+                >
+                  <el-radio
+                      v-for="item in dict.responsibilityType"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                  >{{ item.dictLabel }}
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                  label="处理结果"
+                  :prop="`blames.${index}.handleResultCode`"
+                  :rules="{
+                                    required: true,
+                                    message: '请选择处理结果',
+                                    trigger: ['blur'],
+                                }"
+                  v-if="problemIsTrue"
+              >
+                <el-select
+                    v-model="item.handleResultCode"
+                    style="width: 240px"
+                    @change="
+                                        (val) =>
+                                            handleChangeDepartResultCode(item, val)
+                                    "
+                    clearable
+                    multiple
+                >
+                  <el-option
+                      v-for="item in dict.departHandleResult"
+                      :key="item.dictCode"
+                      :value="item.dictValue"
+                      :label="item.dictLabel"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+      </div>
+    </el-form-item>
+
+  </el-form>
+</template>
+<script lang="ts" setup>
+import {BASE_PATH} from "@/api/request";
+import {
+  InspectCase,
+  IsRectify,
+  AccountabilityTarget,
+  BlameType,
+  ProblemSources,
+  PersonType,
+  HostLevel,
+  SubjectiveAspect,
+} from "@/enums/dictEnums";
+import useCatchStore from "@/stores/modules/catch";
+import {getConfinementListAll} from "@/api/work/confinement";
+import {timeFormat} from "@/utils/util";
+//获取数据
+const catchSotre = useCatchStore();
+const dict = catchSotre.getDicts([
+  "isRectify",
+  "personType",
+  "superviseMeasures",
+  "subjectiveAspect",
+  "responsibilityType",
+  "handleResult",
+  "departHandleResult",
+  "protectRights",
+  "accountabilityTarget",
+  "leadResponsibilityType",
+  "resolveSituation",
+  "resolveStatus",
+  "checkStatus",
+  "sfssSourceTable"
+]);
+
+const negative = inject("negative");
+const form = ref({
+  handlePolices: [{}],
+});
+
+//禁闭信息数组
+
+let confinementOpens = ref([]);
+/**
+ * 禁闭信息入参
+ * */
+let confinementQuery = ref({
+  current: 1,
+  size: 100,
+  departBranch: false,
+});
+
+/**
+ * 下拉搜索过滤数据(姓名，警号)
+ * @param query 输入参数
+ *
+ * */
+const fileConfinement = async (query, type = "All") => {
+  confinementQuery.value = {
+    current: 1,
+    size: 100,
+    departBranch: false,
+  };
+  if (query && type == "All") {
+    confinementQuery.value.id = query;
+    confinementQuery.value.name = query;
+    confinementQuery.value.empNo = query;
+  }
+  if (query && type == "Id") {
+    confinementQuery.value.id = query;
+  }
+  const data = await getConfinementListAll(confinementQuery.value);
+  confinementOpens.value = data.records;
+};
+
+const problemIsTrue = computed(() => {
+  return form.value.checkStatusCode === '1' || form.value.checkStatusCode === '2' || form.value.checkStatusCode === '3';
+});
+
+getFormData();
+
+watch(negative, () => {
+  getFormData();
+});
+
+async function getFormData() {
+  form.value = {
+    ...negative.value.currentRow,
+    complaintId: negative.value?.currentRow?.id,
+    involveDepartId: negative.value.involveDepartId,
+    caseNumber: negative.value.caseNumber,
+    checkStatus: negative.value.checkStatus,
+    checkStatusCode: negative.value.checkStatusCode,
+    checkStatusName: negative.value.checkStatusName,
+    isRectifyName: negative.value.isRectifyName,
+    isRectifyCode: negative.value.isRectifyCode,
+    checkStatusDesc: negative.value.checkStatusDesc,
+    rectifyDesc: negative.value.rectifyDesc,
+    rectifyRestrictionDays: negative.value.rectifyRestrictionDays,
+    accountabilityTarget: negative.value.accountabilityTarget,
+    unrectifyReason: negative.value.unrectifyReason,
+    blames: negative.value.blames,
+    blameLeaders: negative.value.blameLeaders,
+    files: negative.value.files || [],
+    handlePolices:
+        !negative.value.handlePolices || negative.value.handlePolices.length === 0
+            ? [{}]
+            : negative.value.handlePolices,
+    // 化解情况
+    resolveSituation: negative.value.resolveSituation,
+    resolveStatus: negative.value.resolveStatus,
+    visitingLeaderName: negative.value.visitingLeaderName,
+    visitingLeaderEmpNo: negative.value.visitingLeaderEmpNo,
+    processResult: negative.value.processResult,
+    handleResult12337: negative.value.handleResult12337,
+    handleResult12337Group: negative.value.handleResult12337Group,
+    verifiedIsLeader: negative.value.verifiedIsLeader,
+  };
+  if (negative.value.blames) {
+    negative.value.blames.forEach((item) => {
+      fileConfinement(item.confinementId, "Id");
+    });
+
+  }
+  if (negative.value.blameLeaders) {
+    negative.value.blameLeaders.forEach((item) => {
+      fileConfinement(item.leadConfinementId, "Id");
+    });
+  }
+  if (negative.value.accountabilityTarget != undefined) {
+    form.value.accountabilityTarget = negative.value.accountabilityTarget;
+    return;
+  }
+  if (negative.value.problemSourcesCode === ProblemSources.JWDC) {
+    form.value.accountabilityTarget = AccountabilityTarget.PERSONAL;
+  }
+  console.log(form.value);
+}
+
+function handleSupervise(val, index) {
+  console.log("chang事件触发");
+  console.log(`val${index}`, val);
+}
+
+function handleAddBlame(type) {
+  if (!Array.isArray(form.value.blames)) form.value.blames = [];
+
+  const problems = Array.isArray(negative.value?.problems) ? negative.value.problems : [];
+
+  form.value.blames.push({
+    type,
+    problems: problems.length === 0 ? [{}] : JSON.parse(JSON.stringify(problems)),
+  });
+}
+
+
+function handleAddDepartBlame() {
+  handleAddBlame(BlameType.DEPARTMENT);
+
+}
+
+function handleAddPersonalBlame() {
+  handleAddBlame(BlameType.PERSONAL);
+  if (form.value.blameLeaders.length == 0) {
+    handleAddBlameLeader();
+  }
+}
+
+function handleRemoveBlame(item) {
+  form.value.blames.splice(form.value.blames.indexOf(item), 1);
+}
+
+function handleAddProblem(blame) {
+  if (!blame.problems) {
+    blame.problems = [];
+  }
+  blame.problems.push({});
+}
+
+function handleAddBlameLeader() {
+  form.value.blameLeaders.push({
+    blameIdCodes: [],
+  });
+}
+
+function handleRemoveBlameLeader(index) {
+  form.value.blameLeaders.splice(index, 1);
+}
+
+// 更改追责对象
+watch(
+    () => form.value.accountabilityTarget,
+    (val) => {
+      if (val === AccountabilityTarget.PERSONAL) {
+        if (
+            form.value.blames.filter((item) => item.type === BlameType.PERSONAL)
+                .length === 0
+        ) {
+          handleAddPersonalBlame();
+        }
+        form.value.blames.forEach((item) => {
+          if (item.type === BlameType.DEPARTMENT) {
+            handleRemoveBlame(item);
+          }
+        });
+      }
+      if (val === AccountabilityTarget.DEPARTMENT) {
+        form.value.blames.forEach((item) => {
+          if (item.type === BlameType.PERSONAL) {
+            handleRemoveBlame(item);
+          }
+        });
+        if (
+            form.value.blames.filter((item) => item.type === BlameType.DEPARTMENT)
+                .length === 0
+        ) {
+          handleAddDepartBlame();
+        }
+        form.value.blameLeaders = [];
+      }
+      if (val === AccountabilityTarget.PERSONAL_AND_DEPARTMENT) {
+        if (
+            form.value.blames.filter((item) => item.type === BlameType.PERSONAL)
+                .length === 0
+        ) {
+          handleAddPersonalBlame();
+        }
+        if (
+            form.value.blames.filter((item) => item.type === BlameType.DEPARTMENT)
+                .length === 0
+        ) {
+          handleAddDepartBlame();
+        }
+      }
+    }
+);
+
+function handleChangeCheckStatus(val, item) {
+  form.value.checkStatusName = dict.checkStatus.filter(
+      (item) => item.dictValue === val
+  )[0].dictLabel;
+  if (val) {
+    if (val === '1') {
+      form.value.checkStatus = '1';
+    } else if (val === '2' || val === '3') {
+      form.value.checkStatus = '2';
+    } else if (val === '4' || val === '5') {
+      form.value.checkStatus = '3';
+    }
+  } else {
+    form.value.checkStatus = '';
+  }
+}
+
+function handleChangePolice(police, item) {
+  item.blameName = police.name;
+  item.blameIdCode = police.idCode;
+  item.ivPersonTypeCode = police.personType;
+  const hit = dict.personType?.find(
+      d => String(d.dictValue) === String(police.personType)
+  );
+  item.ivPersonTypeName = hit?.dictLabel || '';
+}
+
+function handleChangeSubjectiveAspect(val, item) {
+  if (val === SubjectiveAspect.OTHER) {
+    item.subjectiveAspectName = "";
+    return;
+  }
+  item.subjectiveAspectName = dict.subjectiveAspect.filter(
+      (item) => item.dictValue === val
+  )[0].dictLabel;
+}
+
+function handleChangeProblem(node, problem) {
+  if (node.level === 3) {
+    problem.threeLevelContent = node.label;
+    problem.oneLevelCode = node.parent.parent.key;
+    problem.oneLevelContent = node.parent.parent.label;
+    problem.twoLevelCode = node.parent.key;
+    problem.twoLevelContent = node.parent.label;
+  }
+}
+
+function handleCheckboxChange(blameLeader, bool, val) {
+  if (bool) {
+    blameLeader.blameIdCodes.push(val);
+  } else {
+    blameLeader.blameIdCodes.splice(blameLeader.blameIdCodes.indexOf(val), 1);
+  }
+}
+
+function handleChangeResultCode(item) {
+  if (item.handleResultCode && item.handleResultCode.length > 0) {
+    item.handleResultName = dict.handleResult
+        .filter((obj) => item.handleResultCode.includes(obj.dictValue))
+        .map((obj) => obj.dictLabel)
+        .join("、");
+  } else {
+    item.handleResultName = "";
+  }
+}
+
+function handleChangeLeadResultCode(item) {
+  if (item.leadHandleResultCode && item.leadHandleResultCode.length > 0) {
+    item.leadHandleResultName = dict.handleResult
+        .filter((obj) => item.leadHandleResultCode.includes(obj.dictValue))
+        .map((obj) => obj.dictLabel)
+        .join("、");
+  } else {
+    item.leadHandleResultName = "";
+  }
+}
+
+function handleChangeDepartResultCode(item) {
+  if (item.handleResultCode && item.handleResultCode.length > 0) {
+    item.handleResultName = dict.departHandleResult
+        .filter((obj) => item.handleResultCode.includes(obj.dictValue))
+        .map((obj) => obj.dictLabel)
+        .join("、");
+  } else {
+    item.handleResultName = "";
+  }
+}
+
+function validateHandlePolices(rule, value, cb) {
+  console.log(value);
+  if (value.length === 0) {
+    cb(new Error("请选择经办人"));
+  } else if (!value[0].name) {
+    cb(new Error("请选择经办人"));
+  } else if (!value[0].mobile) {
+    cb(new Error("请输入经办人联系方式"));
+  } else {
+    cb();
+  }
+}
+
+function handleResult12337(item) {
+  form.value.handleResult12337Group = item.group;
+}
+
+const formRef = ref(null);
+
+async function validate() {
+  // 解决核查办理 当涉及对象是涉及个人时，有一条涉及单位的数据，导致问题无法提交的问题。
+  if (form.value.accountabilityTarget === AccountabilityTarget.PERSONAL) {
+    form.value.blames = form.value.blames.filter(
+        (item) => item.type === BlameType.PERSONAL
+    );
+  }
+  await formRef.value.validate();
+  if (form.value.accountabilityTarget !== AccountabilityTarget.DEPARTMENT) {
+    let arr = [];
+    form.value.blameLeaders.forEach((item) => {
+      arr = arr.concat(item.blameIdCodes);
+    });
+    const blame = form.value.blames.filter(
+        (item) => item.type === BlameType.PERSONAL && !arr.includes(item.blameIdCode)
+    );
+    if (blame.length) {
+      throw new Error(
+          `涉及人员【${blame.map((item) => item.blameName).join("、")}】未关联领导`
+      );
+    }
+  }
+
+  return form.value;
+}
+
+
+// ✅ 展示用：直接把 negative 当 currentRow
+const currentRow = computed(() => negative?.value?.currentRow ?? {})
+
+function getDictLabel(list: any[] = [], value: any) {
+  if (value === undefined || value === null || value === '') return '/';
+  const hit = list?.find((x) => String(x.dictValue) === String(value));
+  return hit?.dictLabel ?? '/';
+}
+
+
+function getData() {
+  return form.value;
+}
+
+
+const formatLocalDateTime = (val) => {
+  if (!val) return '/'
+
+  // LocalDateTime: 2024-09-01T14:23:45
+  const timestamp = new Date(val).getTime()
+  if (isNaN(timestamp)) return val
+
+  return timeFormat(timestamp, 'yyyy-mm-dd hh:MM:ss')
+}
+
+
+defineExpose({
+  validate,
+  getData,
+});
+</script>
+<style>
+.widthClass {
+  min-width: 50% !important;
+}
+</style>
+<style lang="scss" scoped>
+.el-form-item .el-form-item {
+  margin-bottom: 18px;
+}
+
+:deep() {
+  .el-form-item--label-right .el-form-item__label {
+    text-align: right;
+    line-height: 32px;
+    margin-bottom: 0;
+  }
+}
+
+p {
+  margin: 0;
+  line-height: 1.4;
+}
+
+.info-container {
+  border: 1px solid #eee;
+  background: #fafcff;
+  padding: 12px 16px;
+  border-radius: 6px;
+  margin-bottom: 12px;
+}
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px 0;
+}
+
+.col {
+  display: flex;
+  gap: 8px;
+  line-height: 22px;
+}
+
+.col-12 {
+  width: 50%;
+}
+
+.col-24 {
+  width: 100%;
+}
+
+label {
+  width: 120px;
+  color: #666;
+  flex: 0 0 auto;
+}
+
+span {
+  color: #222;
+  flex: 1 1 auto;
+  word-break: break-word;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/police-select.vue b/src/components/police-select.vue
index 1b35755..f2082d9 100644
--- a/src/components/police-select.vue
+++ b/src/components/police-select.vue
@@ -62,9 +62,18 @@ getPolices();
 watch(value, (val) => {
     emit("update:modelValue", val);
 });
-watch(departId, () => {
-    getPolices();
-});
+// watch(departId, () => {
+//     getPolices();
+// });
+watch(
+    () => props.departId,
+    (val) => {
+      departId.value = val;
+      getPolices();         // 重新拉人
+    },
+    { immediate: true }
+);
+
 
 async function getPolices() {
     if (departId.value) {
diff --git a/src/views/data/ComplaintCollection.vue b/src/views/data/ComplaintCollection.vue
index e062a4b..37e4ffe 100644
--- a/src/views/data/ComplaintCollection.vue
+++ b/src/views/data/ComplaintCollection.vue
@@ -47,7 +47,7 @@
         </el-row>
         <el-row>
           <el-col :span="6">
-            <el-form-item label="被投诉二级机构" prop="secondDepartName">
+            <el-form-item label="涉及二级机构" prop="secondDepartName">
               <depart-tree-select
                   v-model="query.secondDepartId"
                   :check-strictly="true"
@@ -254,7 +254,7 @@
         <el-table-column label="来件人姓名" width="100" prop="responderName"/>
         <el-table-column label="身份证号" width="100" prop="responderIdCode" show-overflow-tooltip/>
         <el-table-column label="联系电话" width="100" prop="responderPhone" show-overflow-tooltip/>
-        <el-table-column label="被投诉二级机构" width="130" prop="secondDepartName"/>
+        <el-table-column label="被投诉机构" width="130" prop="secondDepartName"/>
         <el-table-column label="来信内容" width="100" prop="thingDesc" show-overflow-tooltip/>
         <el-table-column label="涉嫌问题" width="100" prop="involveProblemStr" show-overflow-tooltip/>
         <el-table-column label="是否重复件" width="100">
@@ -262,7 +262,7 @@
             {{ getDictLabel(dict.yesNo, row.repeatt) }}
           </template>
         </el-table-column>
-        <el-table-column label="是否领导批示" width="130">
+        <el-table-column label="是否领导批示" width="130" v-if="false">
           <template #default="{ row }">
             {{ getDictLabel(dict.yesNo, row.leadApproval) }}
           </template>
@@ -277,12 +277,17 @@
             {{ getDictLabel(dict.handleMethodType, row.handleMethod) }}
           </template>
         </el-table-column>
-        <el-table-column label="办理情况" width="100" prop="petitionProcessingStatus"/>
+        <el-table-column label="办理情况" width="100" prop="xxx" v-if="false"/>
+        <el-table-column label="业务类别" width="100" prop="businessTypeName"/>
+        <el-table-column label="业务类别Code" width="100" prop="businessTypeCode" v-if="false"/>
+        <el-table-column label="状态" width="100" prop="status"/>
         <el-table-column label="操作" width="240" fixed="right">
           <template #default="{ row }">
-            <el-button type="primary" link @click="handleAction(row)">办理</el-button>
-            <el-button type="primary" link @click="handleUpdate(row)">修改</el-button>
-            <el-button type="danger" link @click="handleDel(row)">删除</el-button>
+            <el-button type="primary" v-if="row.status === '0'" link @click="handleAction(row)">办理</el-button>
+            <el-button type="primary" v-if="row.status === '0'" link @click="handleUpdate(row)">修改</el-button>
+            <el-button type="danger" v-if="row.status === '0'" link @click="handleDel(row)">删除</el-button>
+            <el-button type="primary" v-if="row.status === '1'" link @click="handleWatchDetail(row)">查看详情
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -328,7 +333,7 @@
       @submit="submitUpdate"
   />
 
-
+  <!-- 办理 -->
   <el-dialog
       v-model="negativeVerifySfssDailog"
       title="办理情况"
@@ -336,13 +341,31 @@
       top="5vh"
       destroy-on-close
   >
-    <negative-verify-sfss ref="negativeVerifySfssRef"/>
+    <div v-loading="submitLoading" element-loading-text="提交中...">
+      <negative-verify-sfss ref="negativeVerifySfssRef" />
+    </div>
     <template #footer>
-      <el-button type="primary" @click="handleSubmit">提交</el-button>
+      <div class="dialog-footer">
+        <el-button @click="negativeVerifySfssDailog = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit" :loading="submitLoading" :disabled="submitLoading" >提交</el-button>
+      </div>
     </template>
+
   </el-dialog>
 
 
+  <!-- 详情 -->
+  <!--  <negative-dialog-->
+  <!--      v-model="dialogShow"-->
+  <!--      id="2003439481629294659"-->
+  <!--      @close="show = false"-->
+  <!--      ref="negativeDialogRef"-->
+  <!--  />-->
+  <complaint_detail
+      v-model="detailShow"
+      :id="activeId"
+      :dict="dict"/>
+
 </template>
 
 
@@ -352,11 +375,12 @@ import {timeFormat} from "@/utils/util";
 import feedback from "@/utils/feedback";
 import useCatchStore from "@/stores/modules/catch";
 import {
-  addComplaintCollection,
+  addComplaintCollection, addComplaintCollectionBlame,
   delComplaintCollection,
   getComplaintCollectionPage,
   updateComplaintCollection
 } from "@/api/data/complaintCollection.ts";
+import Complaint_detail from "@/components/data/complaint_detail.vue";
 
 const route = useRoute()
 const catchStore = useCatchStore();
@@ -465,7 +489,7 @@ const addRules = {
   repeatt: [{required: true, message: '请选择是否重复件', trigger: 'change'}],
   // leadApproval: [{required: true, message: '请选择是否领导批示', trigger: 'change'}],
   // tags: [{required: true, message: '请选择标签', trigger: 'change'}],
-  handleMethod: [{required: true, message: '请选择办理方式', trigger: 'change'}],
+  // handleMethod: [{required: true, message: '请选择办理方式', trigger: 'change'}],
 }
 watch(
     () => addForm.value.sourcePath,
@@ -528,6 +552,8 @@ const handleUpdate = async (row) => {
     // 多选字段
     involveProblemIdList: splitToArray(r.involveProblemIdList ?? r.involveProblem),
     tags: splitToArray(r.tags ?? r.tag),
+    businessTypeName: r.businessTypeName ?? '',
+    businessTypeCode: r.businessTypeCode ?? '',
   };
   updateShow.value = true
 }
@@ -542,6 +568,7 @@ const submitUpdate = async () => {
     getList()
   }
 }
+
 function splitToArray(val) {
   if (!val) return []
   if (Array.isArray(val)) return val
@@ -598,30 +625,34 @@ const localDict = {
     {
       id: 1,
       label: "局长信箱",
-      value: "data_mailbox",
+      value: "23",
       children: [
         {
           label: "局长信箱",
-          value: "data_mailbox_jz",
+          value: "23_jz",
         },
         {
           label: "厅长信箱",
-          value: "data_mailbox_tz",
+          value: "23_tz",
         },
       ],
     },
     {
       id: 2,
       label: "公安部信访",
-      value: "data_petition_complaint_21",
+      value: "22",
       children: [
         {
-          label: "公安部信访子1",
-          value: "data_petition_complaint_21_1",
+          label: "公安部信访件",
+          value: "22_1",
+        },
+        {
+          label: "省厅信访件",
+          value: "22_2",
         },
         {
-          label: "公安部信访子2",
-          value: "data_petition_complaint_21_2",
+          label: "市局信访件",
+          value: "22_3",
         },
       ],
 
@@ -629,30 +660,38 @@ const localDict = {
     {
       id: 3,
       label: "国家信访",
-      value: "data_petition_complaint_22",
+      value: "21",
       children: [
         {
-          label: "国家信访子1",
-          value: "data_petition_complaint_22_1",
+          label: "国家信访件",
+          value: "21_1",
+        },
+        {
+          label: "省信访件",
+          value: "21_2",
         },
         {
-          label: "国家信访子2",
-          value: "data_petition_complaint_22_2",
+          label: "市信访件",
+          value: "21_3",
         },
       ],
     },
     {
       id: 4,
       label: "12389投诉",
-      value: "data_case_verif",
+      value: "17",
       children: [
         {
-          label: "12389投诉子1",
-          value: "data_case_verif1",
+          label: "公安部件",
+          value: "17_1",
         },
         {
-          label: "12389投诉子2",
-          value: "data_case_verif2",
+          label: "省厅件",
+          value: "17_2",
+        },
+        {
+          label: "市局件",
+          value: "17_3",
         },
       ],
     },
@@ -662,12 +701,16 @@ const localDict = {
       value: "leader_explain",
       children: [
         {
-          label: "领导交办子1",
-          value: "leader_explain1",
+          label: "市局领导交办",
+          value: "18",
+        },
+        {
+          label: "支队领导交办",
+          value: "19",
         },
         {
-          label: "领导交办子2",
-          value: "leader_explain2",
+          label: "上级领导交办",
+          value: "20",
         },
       ],
     },
@@ -712,6 +755,9 @@ function getDictLabel(list, value) {
 // endregion
 
 // region 办理相关
+const negativeVerifySfssDailog = ref(false)
+const submitLoading = ref(false)
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 // 点击办理
 const handleAction = async (row) => {
   negativeSfss.value.currentRow = JSON.parse(JSON.stringify(row))
@@ -721,25 +767,30 @@ const handleAction = async (row) => {
 const negativeVerifySfssRef = ref();
 // 办理提交
 const handleSubmit = async () => {
+  if (submitLoading.value) return
+  submitLoading.value = true
+  await nextTick();
   try {
-    // ✅ 1. 调子组件校验 + 获取完整表单数据
     // const formData = await negativeVerifySfssRef.value.validate();
     const formData = negativeVerifySfssRef.value.getData()
     console.log(formData)
-    // ✅ 2. 调后台接口提交
-    // await submitApi(formData);
+    await sleep(3000);
+    let res = await addComplaintCollectionBlame(formData);
     feedback.msgSuccess("提交成功");
-    // dialogVisible.value = false;
+    negativeVerifySfssDailog.value = false;
+    getList();
   } catch (err) {
-    // validate() 里你自己 throw new Error(...) 的会走到这里
     feedback.notifyError("提交失败")
+  } finally {
+    submitLoading.value = false
   }
 }
-const negativeVerifySfssDailog = ref(false)
+
+
 
 const negativeSfss = ref({
   currentRow: {},
-  problemSourcesCode: ProblemSources.GJXFPT,
+  // problemSourcesCode: ProblemSources.GJXFPT,
   //  涉及人员
   blames: [],
   // 涉及领导
@@ -750,6 +801,16 @@ const negativeSfss = ref({
 provide('negative', negativeSfss)
 // endregion
 
+
+// region  查看详情相关
+const detailShow = ref(false)
+const activeId = ref("")
+const handleWatchDetail = async (row) => {
+  activeId.value = row.id
+  detailShow.value = true
+}
+// endregion
+
 </script>
 
 
@@ -787,4 +848,11 @@ p {
   margin-right: 0;
 }
 
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end; /* 右下角 */
+  padding: 0 24px 16px;      /* 👈 关键：不贴边 */
+}
+
+
 </style>
\ No newline at end of file