申诉流程部门记录优化

src/views/work/Dissatisfied.vue

@@ -120,8 +120,9 @@
                     <el-table-column prop="appealState" label="申诉状态">
 
                         <template #default="{ row }">
-                            <el-text :type="getAppealType(row.appealState)">{{ getAppealName(row.appealState)
-                                }}</el-text>
+                            <el-text :type="getAppealType(row.appealState)" v-if="row.appealState">{{
+                getAppealName(row.appealState) }}</el-text>
+                            <el-text v-else>未审诉</el-text>
                             <el-text type="info" v-if="['1', '3'].includes(row.appealState)">
                                 ({{ appealDepts[row.handlingDept] || '加载中...' }})
                             </el-text>
@@ -131,13 +132,14 @@
 
                         <template #default="{ row }">
                             <el-button type="primary" link @click="handleDetail(row.id)">详情</el-button>
-                            <el-button type="primary" link v-if="row.appealState === '0'"
+                            <el-button type="primary" link v-if="row.appealState === '0' || row.appealState === null"
                                 @click="launchAppeal(row.id)">申诉</el-button>
                             <el-button type="primary" link v-if="row.appealState === '1' || row.appealState === '2'"
                                 @click="handleAppealProgress(row.id)">查看申诉进度</el-button>
                             <el-button type="primary" link v-if="row.appealState === '3'"
                                 @click="handleOverruleReason(row.id)">查看驳回理由</el-button>
-                            <el-button type="primary" link v-if="row.appealState === '1'"
+                            <el-button type="primary" link
+                                v-if="row.appealState === '1' && row.nowDeptId === row.handlingDept"
                                 @click="handleAppeal(row.id)">立即处理</el-button>
                         </template>
                     </el-table-column>
@@ -167,7 +169,7 @@ import OverruleReason from "./components/OverruleReason.vue";
 import HandleAppeal from "./components/HandleAppeal.vue";
 import useMailStore from "@/stores/modules/mail";
 import { getDissatisfied } from "@/api/work";
-import { ref, reactive } from "vue";
+import { ref, reactive, watchEffect } from "vue";
 import { useDictData } from "@/hooks/useDictOptions";
 import { getDictLable, getFlowTagType, getAppealType, getAppealDept, getAppealName } from "@/utils/util";
 import { useDictOptions } from '@/hooks/useDictOptions'