涉访涉诉--办理临时保存功能

src/api/data/complaintCollection.ts

@@ -106,3 +106,13 @@ export async function exportData(body) {
     document.body.removeChild(a)
     window.URL.revokeObjectURL(url)
 }
+
+/**
+ * 办理页面保存：保存涉及人员/领导等 JSON
+ */
+export function saveInvolveJson(body) {
+    return request.post({
+        url: `/data/complaintCollection/saveInvolveJson`,
+        body
+    });
+}

src/components/negative/verify-sfss.vue

@@ -83,10 +83,6 @@
       </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>
@@ -259,6 +255,21 @@
           :autosize="{ minRows: 4 }"
       />
     </el-form-item>
+    <el-form-item
+        prop="files"
+        label-position="top"
+    >
+      <template #label>
+        <h5 class="inline-block mb-0" style="text-align: left">佐证材料</h5>
+      </template>
+      <div style="width: 100%" class="mb-10 mt-10">
+        <file-upload-group
+            v-model:files="form.files"
+            :problemSourcesCode="negative.problemSourcesCode"
+        />
+      </div>
+      <file-list v-model:files="form.files" :removeEnable="true"/>
+    </el-form-item>
     <template
         v-if="
                 negative.problemSourcesCode === ProblemSources.GJXFPT ||
@@ -1553,21 +1564,6 @@
       </div>
     </el-form-item>
 
-    <el-form-item
-        prop="files"
-        label-position="top"
-    >
-      <template #label>
-        <h5 class="inline-block mb-0" style="text-align: left">佐证材料</h5>
-      </template>
-      <div style="width: 100%" class="mb-10 mt-10">
-        <file-upload-group
-            v-model:files="form.files"
-            :problemSourcesCode="negative.problemSourcesCode"
-        />
-      </div>
-      <file-list v-model:files="form.files" :removeEnable="true" />
-    </el-form-item>
 
   </el-form>
 </template>
@@ -1666,11 +1662,29 @@ const problemIsTrue = computed(() => {
   return form.value.checkStatusCode === '1' || form.value.checkStatusCode === '2' || form.value.checkStatusCode === '3';
 });
 
-getFormData();
 
-watch(negative, () => {
-  getFormData();
-});
+// 只监听 complaintId（或 currentRow.id）变化才回显
+watch(
+    () => negative?.value?.currentRow?.id,
+    (id) => {
+      if (id) getFormData()
+    },
+    {immediate: true}
+)
+
+// 在 <script setup> 里加
+watch(
+    problemIsTrue,
+    (now, prev) => {
+      // 从 “属实” 切到 “不属实”
+      if (prev === true && now === false) {
+        // ✅ 清空问责相关
+        form.value.blames = []
+        form.value.blameLeaders = []
+      }
+    },
+    { immediate: true }
+)
 
 async function getFormData() {
   const row = negative.value?.currentRow ?? {}
@@ -1690,9 +1704,9 @@ async function getFormData() {
     rectifyRestrictionDays: negative.value.rectifyRestrictionDays,
     accountabilityTarget: negative.value.accountabilityTarget,
     unrectifyReason: negative.value.unrectifyReason,
-    blames: negative.value.blames,
-    blameLeaders: negative.value.blameLeaders,
-    files: negative.value.files || [],
+    blames: JSON.parse(JSON.stringify(negative.value.blames || [])),
+    blameLeaders: JSON.parse(JSON.stringify(negative.value.blameLeaders || [])),
+    files: JSON.parse(JSON.stringify(negative.value.files || [])),
     handlePolices:
         !negative.value.handlePolices || negative.value.handlePolices.length === 0
             ? [{}]
@@ -1706,6 +1720,8 @@ async function getFormData() {
     handleResult12337: negative.value.handleResult12337,
     handleResult12337Group: negative.value.handleResult12337Group,
     verifiedIsLeader: negative.value.verifiedIsLeader,
+    completionStatus: String(negative.value?.completionStatus ?? row?.completionStatus ?? ''),
+    publicRecognition: String(negative.value?.publicRecognition ?? row?.publicRecognition ?? ''),
   };
   if (negative.value.blames) {
     negative.value.blames.forEach((item) => {
@@ -1979,7 +1995,7 @@ function getDictLabel(list: any[] = [], value: any) {
 
 
 function getData() {
-  return form.value;
+  return JSON.parse(JSON.stringify(toRaw(form.value)))
 }
 
 
@@ -1999,11 +2015,6 @@ defineExpose({
   getData,
 });
 </script>
-<style>
-.widthClass {
-  min-width: 50% !important;
-}
-</style>
 <style lang="scss" scoped>
 .el-form-item .el-form-item {
   margin-bottom: 18px;

src/views/data/ComplaintCollection.vue

@@ -67,25 +67,15 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="办理情况">
+            <el-form-item label="状态">
               <el-select
-                  v-model="query.xxx"
-                  :disabled="true"
+                  v-model="query.status"
               >
-                <el-option value="-1" label="全部"/>
-                <el-option value="0" label="自办"/>
-                <el-option value="1" label="下发"/>
+                <el-option value="0" label="未办理"/>
+                <el-option value="1" label="已办理"/>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
-            <el-form-item label="办结时间">
-              <date-time-range-picker-ext
-                  v-model="query.xxxxTime"
-                  :disabled="true"
-              />
-            </el-form-item>
-          </el-col>
         </el-row>
         <el-row>
           <el-col :span="6">
@@ -394,6 +384,9 @@
         <el-button @click="negativeVerifySfssDailog = false">取消</el-button>
         <el-button type="primary" @click="handleSubmit" :loading="submitLoading" :disabled="submitLoading">提交
         </el-button>
+          <el-button type="primary" @click="handleSaveInvolve" :loading="saveLoading">
+            临时保存
+          </el-button>
       </div>
     </template>
 
@@ -416,7 +409,7 @@ import useCatchStore from "@/stores/modules/catch";
 import {
   addComplaintCollection, addComplaintCollectionBlame,
   delComplaintCollection, exportData,
-  getComplaintCollectionPage, handlerData,
+  getComplaintCollectionPage, handlerData, saveInvolveJson,
   updateComplaintCollection
 } from "@/api/data/complaintCollection.ts";
 import Complaint_detail from "@/components/data/complaint_detail.vue";
@@ -816,10 +809,29 @@ const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 const handleAction = async (row) => {
   submitLoading.value = true
   try {
-    // 先设置基础信息
+    // 1️⃣ 基础信息
     negativeSfss.value.currentRow = JSON.parse(JSON.stringify(row))
+
+    // 2️⃣ 后端回显数据
     const res = await handlerData({ id: row.id })
-    Object.assign(negativeSfss.value, res?.data ?? res)
+    const data = res?.data ?? res ?? {}
+
+    // 3️⃣ 解析 involveJson
+    let involveObj = {}
+    if (data.involveJson) {
+      try {
+        involveObj = JSON.parse(data.involveJson)
+      } catch (e) {
+        console.error("involveJson 解析失败", e)
+      }
+    }
+
+    // 4️⃣ 合并到 negative（🔥关键）
+    Object.assign(negativeSfss.value, {
+      ...data,
+      ...involveObj,          // ⭐ blames / blameLeaders / handlePolices
+    })
+
     negativeVerifySfssDailog.value = true
   } catch (e) {
     console.error("加载办理数据失败", e)
@@ -849,6 +861,54 @@ const handleSubmit = async () => {
     submitLoading.value = false
   }
 }
+// 办理保存
+const saveLoading = ref(false)
+const handleSaveInvolve = async () => {
+  if (saveLoading.value) return
+  saveLoading.value = true
+  try {
+    // ✅ 关键：让 el-input / el-select / 自定义组件把最后一次变更刷进 model
+    await nextTick()
+
+    // ✅ 再取一次最新数据
+    const formData = negativeVerifySfssRef.value.getData()
+
+    // ✅ 关键：深拷贝 + 去代理，避免 Proxy/引用带来的“看起来旧值”
+    const plain = JSON.parse(JSON.stringify(toRaw(formData)))
+
+    const payload = {
+      blames: plain.blames || [],
+      blameLeaders: plain.blameLeaders || [],
+      files: plain.files || [],
+    }
+
+    await saveInvolveJson({
+      complaintId: plain.complaintId,
+
+      // 表字段
+      checkStatusCode: plain.checkStatusCode,
+      checkStatusName: plain.checkStatusName,
+      checkStatusDesc: plain.checkStatusDesc,
+      accountabilityTarget: plain.accountabilityTarget,
+      involveDepartId: plain.involveDepartId,
+      involveDepartName: plain.involveDepartName,
+      completionStatus: plain.completionStatus,
+      publicRecognition: plain.publicRecognition,
+      caseNumber: plain.caseNumber,
+
+      // JSON
+      involveJson: JSON.stringify(payload),
+    })
+    feedback.msgSuccess("操作成功")
+    negativeVerifySfssDailog.value = false
+    getList()
+  } catch (e) {
+    console.error(e)
+    feedback.notifyError("操作失败")
+  } finally {
+    saveLoading.value = false
+  }
+}
 
 
 const negativeSfss = ref({
@@ -862,6 +922,18 @@ const negativeSfss = ref({
   handlePolices: [{}],
 });
 provide('negative', negativeSfss)
+watch(negativeVerifySfssDailog, (open) => {
+  if (!open) {
+    negativeSfss.value = {
+      currentRow: {},
+      blames: [],
+      blameLeaders: [],
+      handlePolices: [{}],
+      files: [],
+    }
+  }
+})
+
 // endregion