From 3cbca89394578ca7eb210f61292d1620f60c8bcc Mon Sep 17 00:00:00 2001
From: 21819 <tomorasd@foxmail.com>
Date: Mon, 11 Mar 2024 15:27:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E5=B7=A5=E4=BD=9C=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E5=88=97=E5=AE=BD=E5=BA=A6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/work/Dissatisfied.vue |  20 ++--
 src/views/work/Done.vue         | 187 ++++++++++----------------------
 src/views/work/Fav.vue          | 157 +++++++--------------------
 src/views/work/Query.vue        |  35 +++---
 src/views/work/Todo.vue         | 180 +++++++++---------------------
 5 files changed, 174 insertions(+), 405 deletions(-)

diff --git a/src/views/work/Dissatisfied.vue b/src/views/work/Dissatisfied.vue
index c2d1522..c4cfa06 100644
--- a/src/views/work/Dissatisfied.vue
+++ b/src/views/work/Dissatisfied.vue
@@ -92,24 +92,24 @@
             }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="contactName" label="姓名" align="center" width="70" />
-                    <el-table-column prop="contactPhone" label="联系电话" width="120" />
-                    <el-table-column label="信件等级" width="100">
+                    <el-table-column prop="contactName" label="姓名" align="center" width="80" />
+                    <el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
+                    <el-table-column label="信件等级" width="100" align="center">
 
                         <template #default="{ row }">
                             <mail-level :value="row.mailLevel" :list="dictData.mail_level" />
                         </template>
                     </el-table-column>
-                    <el-table-column prop="mailCategory" label="信件分类" width="120" />
-                    <el-table-column prop="content" label="信件内容" show-overflow-tooltip />
-                    <el-table-column label="信件状态" width="90">
+                    <el-table-column prop="mailCategory" label="信件分类" width="120" align="center" />
+                    <el-table-column prop="content" label="信件内容" show-overflow-tooltip align="center" />
+                    <el-table-column label="信件状态" width="90" align="center">
 
                         <template #default="{ row }">
                             <span>{{ getDictLable(dictData.mail_state, row.mailState) }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="threeDeptName" label="办理单位" width="160" />
-                    <el-table-column label="流程节点">
+                    <el-table-column prop="threeDeptName" label="办理单位" width="120" align="center" />
+                    <el-table-column label="流程节点" align="center">
 
                         <template #default="{ row }">
                             <el-tag :type="getFlowTagType(row.flowName)" v-if="row.flowName">{{ row.flowName
@@ -117,7 +117,7 @@
                             <el-tag type="danger" v-else>未签收</el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="appealState" label="申诉状态">
+                    <el-table-column prop="appealState" label="申诉状态" align="center">
 
                         <template #default="{ row }">
                             <el-text :type="getAppealType(row.appealState)" v-if="row.appealState">{{
@@ -128,7 +128,7 @@
                             </el-text>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作">
+                    <el-table-column label="操作" fixed="right" width="120" align="center">
 
                         <template #default="{ row }">
                             <el-button type="primary" link @click="handleDetail(row.id)">详情</el-button>
diff --git a/src/views/work/Done.vue b/src/views/work/Done.vue
index 6737a34..d6e43a3 100644
--- a/src/views/work/Done.vue
+++ b/src/views/work/Done.vue
@@ -1,71 +1,40 @@
 <template>
     <div class="container">
         <header>
-            <el-form
-                :label-width="120"
-            >
+            <el-form :label-width="120">
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="来信时间">
-                            <el-date-picker
-                                v-model="query.mailTime"
-                                value-format="YYYY-MM-DD"
-                                type="daterange"
-                                range-separator="~"
-                                start-placeholder="开始日期"
-                                end-placeholder="结束日期"
-                                @change="handleMailTimeQuery"
-                            />
+                            <el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange"
+                                range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"
+                                @change="handleMailTimeQuery" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件来源">
-                            <el-select
-                                v-model="query.source"
-                                placeholder="请选择信件来源"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_source"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.source" placeholder="请选择信件来源" clearable>
+                                <el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="来信人员">
                             <div class="flex gap">
-                                <el-select
-                                    v-model="query.contactField"
-                                    style="width: 180px"
-                                >
+                                <el-select v-model="query.contactField" style="width: 180px">
                                     <el-option label="姓名" value="name" />
                                     <el-option label="身份证" value="idCard" />
                                     <el-option label="联系电话" value="phone" />
                                 </el-select>
-                                <el-input
-                                    v-model="query.contactFieldValue"
-                                    placeholder="请输入姓名"
-                                    clearable
-                                />
+                                <el-input v-model="query.contactFieldValue" placeholder="请输入姓名" clearable />
                             </div>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件等级">
-                            <el-select
-                                v-model="query.mailLevel"
-                                placeholder="请选择信件等级"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_level"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailLevel" placeholder="请选择信件等级" clearable>
+                                <el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -73,27 +42,15 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="信件分类">
-                            <el-tree-select
-                                v-model="query.mailCategory"
-                                :data="mailStore.mailCategorys"
-                                check-strictly
-                                filterable
-                            />
+                            <el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
+                                filterable />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件状态">
-                            <el-select
-                                v-model="query.mailState"
-                                placeholder="请选择信件状态"
-                                clearable
-                            >
-                            <el-option
-                                    v-for="item in dictData.mail_state"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailState" placeholder="请选择信件状态" clearable>
+                                <el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -128,109 +85,75 @@
         <main>
             <div class="table-container">
                 <el-table :data="dones" style="width: 100%" stripe>
-                    <el-table-column
-                        prop="mailTime"
-                        label="来信时间"
-                        align="center"
-                        width="180"
-                    />
-                    <el-table-column
-                        label="信件来源"
-                        align="center"
-                        width="120"
-                    >
+                    <el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
+                    <el-table-column label="信件来源" align="center" width="90">
                         <template #default="{ row }">
                             <span>{{
-                                dictData.mail_source.filter(
-                                    (item) => item.value === row.source
-                                )[0].name
-                            }}</span>
+                dictData.mail_source.filter(
+                    (item) => item.value === row.source
+                )[0].name
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="contactName"
-                        label="姓名"
-                        align="center"
-                        width="120"
-                    />
-                    <el-table-column
-                        prop="contactPhone"
-                        label="联系电话"
-                        width="120"
-                    />
-                    <el-table-column label="信件等级" width="120">
+                    <el-table-column prop="contactName" label="姓名" align="center" width="80" />
+                    <el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
+                    <el-table-column label="信件等级" width="100" align="center">
                         <template #default="{ row }">
-                            <mail-level
-                                :value="row.mailLevel"
-                                :list="dictData.mail_level"
-                            />
+                            <mail-level :value="row.mailLevel" :list="dictData.mail_level" />
                         </template>
                     </el-table-column>
-                    <el-table-column prop="mailCategory" label="信件分类" />
-                    
-                    <el-table-column label="信件状态" width="90">
+                    <el-table-column prop="mailCategory" label="信件分类" align="center" width="120"/>
+
+                    <el-table-column label="信件状态" width="90" align="center">
                         <template #default="{ row }">
                             <span>{{
-                                getDictLable(dictData.mail_state, row.mailState)
-                            }}</span>
+                getDictLable(dictData.mail_state, row.mailState)
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="threeDeptName" label="办理单位" />
-                    <el-table-column prop="currentOperator" label="当前处理对象"></el-table-column>
+                    <el-table-column prop="threeDeptName" label="办理单位" width="120" align="center"/>
+                    <el-table-column prop="currentOperator" label="当前处理对象" width="120" align="center"></el-table-column>
                     <el-table-column label="流程节点" class-name="text-no-ellipsis" align="center">
                         <template #default="{ row }">
-                            <el-tag
-                                :type="getFlowTagType(row.mailFlowName)"
-                                >{{ row.mailFlowName }}</el-tag
-                            >
+                            <el-tag :type="getFlowTagType(row.mailFlowName)">{{ row.mailFlowName }}</el-tag>
                         </template>
                     </el-table-column>
                     <el-table-column label="流程限时" align="center">
                         <template #default="{ row }">
-                            <div
-                                v-if="row.flowLimitedRemainingTime > 0"
-                                class="success"
-                            >
+                            <div v-if="row.flowLimitedRemainingTime > 0" class="success">
                                 <span class="mr-4">剩余</span>
                                 <span class="text">{{
-                                    formatTimeText(row.flowLimitedRemainingTime)
-                                }}</span>
+                formatTimeText(row.flowLimitedRemainingTime)
+            }}</span>
                             </div>
-                            <div
-                                v-if="row.flowLimitedRemainingTime < 0"
-                                class="error"
-                            >
+                            <div v-if="row.flowLimitedRemainingTime < 0" class="error">
                                 <span class="mr-4">超时</span>
                                 <span class="text">{{
-                                    formatTimeText(
-                                        -row.flowLimitedRemainingTime
-                                    )
-                                }}</span>
+                formatTimeText(
+                    -row.flowLimitedRemainingTime
+                )
+            }}</span>
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="100">
+                    <el-table-column label="操作" fixed="right" align="center">
                         <template #default="{ row }">
-                            <el-button
-                                type="primary"
-                                link
-                                @click="handleMail(row)"
-                                >详情</el-button
-                            >
+                            <el-button type="primary" link @click="handleMail(row)">详情</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
             </div>
             <div class="flex mt-4 end">
-                    <el-pagination @size-change="getList" @current-change="getList" :current-page="query.current"
-                        :page-sizes="[10, 20, 50]" :page-size="query.size" v-model:current-page="query.current"
-                        layout="total,sizes, prev, pager, next, jumper" :total="totalSize.total">
-                    </el-pagination>
-                </div>
+                <el-pagination @size-change="getList" @current-change="getList" :current-page="query.current"
+                    :page-sizes="[10, 20, 50]" :page-size="query.size" v-model:current-page="query.current"
+                    layout="total,sizes, prev, pager, next, jumper" :total="totalSize.total">
+                </el-pagination>
+            </div>
         </main>
     </div>
 
-    <MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :disabled="true" @update="getList" />
+    <MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :disabled="true"
+        @update="getList" />
 </template>
 <script setup>
 import MailDialog from "./components/MailDialog.vue";
@@ -239,7 +162,7 @@ import { getDones } from "@/api/work";
 import { getMailFlowDetail } from "@/api/mail";
 import { useDictData } from "@/hooks/useDictOptions";
 import useMailStore from "@/stores/modules/mail";
-import { getDictLable, formatTimeText,getFlowTagType  } from "@/utils/util";
+import { getDictLable, formatTimeText, getFlowTagType } from "@/utils/util";
 
 const mailStore = useMailStore();
 mailStore.getMailCategorys();
@@ -284,7 +207,7 @@ function handleMailTimeQuery(val) {
     if (val) {
         query.value.mailTimeStart = val[0];
         query.value.mailTimeEnd = val[1];
-    }else{
+    } else {
         delete query.value.mailTimeStart
         delete query.value.mailTimeEnd
     }
@@ -296,10 +219,12 @@ function handleMailTimeQuery(val) {
     height: 24px;
     line-height: 24px;
     text-align: center;
+
     .text {
         color: #128009;
     }
 }
+
 .error {
     background-color: #ff0000;
     color: #fff;
diff --git a/src/views/work/Fav.vue b/src/views/work/Fav.vue
index f2d8a11..74bd05e 100644
--- a/src/views/work/Fav.vue
+++ b/src/views/work/Fav.vue
@@ -5,64 +5,36 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="来信时间">
-                            <el-date-picker
-                                v-model="query.mailTime"
-                                value-format="YYYY-MM-DD"
-                                type="daterange"
-                                range-separator="~"
-                                start-placeholder="开始日期"
-                                end-placeholder="结束日期"
-                                @change="handleMailTimeQuery"
-                            />
+                            <el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange"
+                                range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"
+                                @change="handleMailTimeQuery" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件来源">
-                            <el-select
-                                v-model="query.source"
-                                placeholder="请选择信件来源"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_source"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.source" placeholder="请选择信件来源" clearable>
+                                <el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="来信人员">
                             <div class="flex gap">
-                                <el-select
-                                    v-model="query.contactField"
-                                >
+                                <el-select v-model="query.contactField">
                                     <el-option label="姓名" value="name" />
                                     <el-option label="身份证" value="idCard" />
                                     <el-option label="联系电话" value="phone" />
                                 </el-select>
-                                <el-input
-                                    v-model="query.contactFieldValue"
-                                    placeholder="请输入"
-                                    clearable
-                                />
+                                <el-input v-model="query.contactFieldValue" placeholder="请输入" clearable />
                             </div>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件等级">
-                            <el-select
-                                v-model="query.mailLevel"
-                                placeholder="请选择信件等级"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_level"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailLevel" placeholder="请选择信件等级" clearable>
+                                <el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -70,32 +42,20 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="信件分类">
-                            <el-tree-select
-                                v-model="query.mailCategory"
-                                :data="mailStore.mailCategorys"
-                                check-strictly
-                                filterable
-                            />
+                            <el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
+                                filterable />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件状态">
-                            <el-select
-                                v-model="query.mailState"
-                                placeholder="请选择信件状态"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_state"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailState" placeholder="请选择信件状态" clearable>
+                                <el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
-                    
-                    
+
+
                 </el-row>
                 <div class="flex end mb-20">
                     <div>
@@ -108,80 +68,43 @@
         <main>
             <div class="table-container">
                 <el-table :data="favs" style="width: 100%" stripe>
-                    <el-table-column
-                        prop="mailTime"
-                        label="来信时间"
-                        align="center"
-                        width="170"
-                    />
-                    <el-table-column label="信件来源" align="center" width="94">
+                    <el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
+                    <el-table-column label="信件来源" align="center" width="90">
                         <template #default="{ row }">
                             <span>{{
-                                dictData.mail_source.filter(
-                                    (item) => item.value === row.source
-                                )[0].name
-                            }}</span>
+                dictData.mail_source.filter(
+                    (item) => item.value === row.source
+                )[0].name
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="contactName"
-                        label="姓名"
-                        align="center"
-                        width="70"
-                    />
-                    <el-table-column
-                        prop="contactPhone"
-                        label="联系电话"
-                        width="120"
-                    />
-                    <el-table-column label="信件等级" width="100">
+                    <el-table-column prop="contactName" label="姓名" align="center" width="80" />
+                    <el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
+                    <el-table-column label="信件等级" width="100" align="center">
                         <template #default="{ row }">
-                            <mail-level
-                                :value="row.mailLevel"
-                                :list="dictData.mail_level"
-                            />
+                            <mail-level :value="row.mailLevel" :list="dictData.mail_level" />
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="mailCategory"
-                        label="信件分类"
-                        width="160"
-                    />
-                    <el-table-column
-                        prop="content"
-                        label="信件内容"
-                        show-overflow-tooltip
-                    />
-                    <el-table-column label="信件状态" width="90">
+                    <el-table-column prop="mailCategory" label="信件分类" width="120" align="center" />
+                    <el-table-column prop="content" label="信件内容" align="center" show-overflow-tooltip />
+                    <el-table-column label="信件状态" width="90" align="center">
                         <template #default="{ row }">
                             <span>{{
-                                getDictLable(dictData.mail_state, row.mailState)
-                            }}</span>
+                getDictLable(dictData.mail_state, row.mailState)
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="threeDeptName"
-                        label="办理单位"
-                        width="160"
-                    />
-                    <el-table-column label="流程节点">
+                    <el-table-column prop="threeDeptName" label="办理单位" width="120" align="center" />
+                    <el-table-column label="流程节点" align="center">
                         <template #default="{ row }">
-                            <el-tag
-                                :type="getFlowTagType(row.flowKey)"
-                                v-if="row.flowBeforeName"
-                                >{{ row.flowBeforeName }}</el-tag
-                            >
+                            <el-tag :type="getFlowTagType(row.flowKey)" v-if="row.flowBeforeName">{{ row.flowBeforeName
+                                }}</el-tag>
                             <el-tag type="danger" v-else>未签收</el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作">
+                    <el-table-column label="操作" fixed="right" align="center">
                         <template #default="{ row }">
-                            <el-button
-                                type="primary"
-                                link
-                                @click="handleMail(row)"
-                                >详情</el-button
-                            >
+                            <el-button type="primary" link @click="handleMail(row)">详情</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -251,7 +174,7 @@ function handleMailTimeQuery(val) {
     if (val) {
         query.value.mailTimeStart = val[0];
         query.value.mailTimeEnd = val[1];
-    }else{
+    } else {
         delete query.value.mailTimeStart
         delete query.value.mailTimeEnd
     }
diff --git a/src/views/work/Query.vue b/src/views/work/Query.vue
index 8d2f788..06c729a 100644
--- a/src/views/work/Query.vue
+++ b/src/views/work/Query.vue
@@ -102,7 +102,7 @@
                     @selection-change="handleSelectionChange" :row-key="rowKey">
                     <el-table-column type="selection" width="30" :reserve-selection="true" />
                     <el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
-                    <el-table-column label="信件来源" align="center" width="94">
+                    <el-table-column label="信件来源" align="center" width="90">
                         <template #default="{ row }">
                             <span>{{
                 dictData.mail_source.filter(
@@ -111,25 +111,25 @@
             }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="contactName" label="姓名" align="center" width="70" />
-                    <el-table-column prop="contactPhone" label="联系电话" width="120" />
-                    <el-table-column label="信件等级" width="100">
+                    <el-table-column prop="contactName" label="姓名" align="center" width="80" />
+                    <el-table-column prop="contactPhone" label="联系电话" width="120" align="center" />
+                    <el-table-column label="信件等级" width="100" align="center">
 
                         <template #default="{ row }">
                             <mail-level :value="row.mailLevel" :list="dictData.mail_level" />
                         </template>
                     </el-table-column>
-                    <el-table-column prop="mailCategory" label="信件分类" width="120" />
-                    <el-table-column prop="content" label="信件内容" show-overflow-tooltip />
-                    <el-table-column label="信件状态" width="90">
+                    <el-table-column prop="mailCategory" label="信件分类" width="120" align="center" />
+                    <el-table-column prop="content" label="信件内容" show-overflow-tooltip align="center" width="90" />
+                    <el-table-column label="信件状态" width="90" align="center">
 
                         <template #default="{ row }">
                             <span>{{ getDictLable(dictData.mail_state, row.mailState) }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="threeDeptName" label="办理单位" width="140" />
-                    <el-table-column prop="handlingDeptName" label="当前处理对象" width="140" />
-                    <el-table-column label="流程节点" width="120">
+                    <el-table-column prop="threeDeptName" label="办理单位" width="140" align="center" />
+                    <el-table-column prop="handlingDeptName" label="当前处理对象" width="140" align="center" />
+                    <el-table-column label="流程节点" width="120" align="center">
 
                         <template #default="{ row }">
                             <el-tag :type="getFlowTagType(row.flowName)" v-if="row.flowName">{{ row.flowName
@@ -137,7 +137,7 @@
                             <el-tag type="danger" v-else>未签收</el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="流程限时" width="140">
+                    <el-table-column label="流程限时" width="140" align="center">
 
                         <template #default="{ row }">
                             <div v-if="row.flowLimitedRemainingTime > 0" class="success">
@@ -150,8 +150,8 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="mailLabels" label="信件标签" width="160" />
-                    <el-table-column label="操作" width="120">
+                    <el-table-column prop="mailLabels" label="信件标签" width="160" align="center" />
+                    <el-table-column label="操作" width="120" fixed="right" align="center">
 
                         <template #default="{ row }">
                             <el-button type="primary" link @click="handleMail(row.id)">详情</el-button>
@@ -342,10 +342,11 @@ function getList() {
 }
 
 const clearRouteQuery = () => {
-    if (route.query.flowKey || route.query.mailState) {
-        router.replace({ path: '/work/query' }).catch((err) => {
-            console.log(err)
-        })
+    if (route.query.flowKey) {
+        delete route.query.flowKey
+    }
+    if (route.query.mailState) {
+        delete route.query.mailState
     }
 }
 
diff --git a/src/views/work/Todo.vue b/src/views/work/Todo.vue
index c439228..3bab737 100644
--- a/src/views/work/Todo.vue
+++ b/src/views/work/Todo.vue
@@ -5,64 +5,36 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="来信时间">
-                            <el-date-picker
-                                v-model="query.mailTime"
-                                value-format="YYYY-MM-DD"
-                                type="daterange"
-                                range-separator="~"
-                                start-placeholder="开始日期"
-                                end-placeholder="结束日期"
-                                @change="handleMailTimeQuery"
-                            />
+                            <el-date-picker v-model="query.mailTime" value-format="YYYY-MM-DD" type="daterange"
+                                range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"
+                                @change="handleMailTimeQuery" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件来源">
-                            <el-select
-                                v-model="query.source"
-                                placeholder="请选择信件来源"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_source"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.source" placeholder="请选择信件来源" clearable>
+                                <el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="来信人员">
                             <div class="flex gap">
-                                <el-select
-                                    v-model="query.contactField"
-                                >
+                                <el-select v-model="query.contactField">
                                     <el-option label="姓名" value="name" />
                                     <el-option label="身份证" value="idCard" />
                                     <el-option label="联系电话" value="phone" />
                                 </el-select>
-                                <el-input
-                                    v-model="query.contactFieldValue"
-                                    placeholder="请输入"
-                                    clearable
-                                />
+                                <el-input v-model="query.contactFieldValue" placeholder="请输入" clearable />
                             </div>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件等级">
-                            <el-select
-                                v-model="query.mailLevel"
-                                placeholder="请选择信件等级"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_level"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailLevel" placeholder="请选择信件等级" clearable>
+                                <el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -70,27 +42,15 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="信件分类">
-                            <el-tree-select
-                                v-model="query.mailCategory"
-                                :data="mailStore.mailCategorys"
-                                check-strictly
-                                filterable
-                            />
+                            <el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
+                                filterable />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件状态">
-                            <el-select
-                                v-model="query.mailState"
-                                placeholder="请选择信件状态"
-                                clearable
-                            >
-                                <el-option
-                                    v-for="item in dictData.mail_state"
-                                    :key="item.value"
-                                    :label="item.name"
-                                    :value="item.value"
-                                />
+                            <el-select v-model="query.mailState" placeholder="请选择信件状态" clearable>
+                                <el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
+                                    :value="item.value" />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -130,102 +90,59 @@
         <main>
             <div class="table-container">
                 <el-table :data="todos" style="width: 100%" stripe>
-                    <el-table-column
-                        prop="mailTime"
-                        label="来信时间"
-                        align="center"
-                        width="170"
-                    />
-                    <el-table-column label="信件来源" align="center" width="94">
+                    <el-table-column prop="mailTime" label="来信时间" align="center" width="160" />
+                    <el-table-column label="信件来源" align="center" width="90">
                         <template #default="{ row }">
                             <span>{{
-                                dictData.mail_source.filter(
-                                    (item) => item.value === row.source
-                                )[0].name
-                            }}</span>
+                dictData.mail_source.filter(
+                    (item) => item.value === row.source
+                )[0].name
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="contactName"
-                        label="姓名"
-                        align="center"
-                        width="70"
-                    />
-                    <el-table-column
-                        prop="contactPhone"
-                        label="联系电话"
-                        width="120"
-                    />
-                    <el-table-column label="信件等级" width="100">
+                    <el-table-column prop="contactName" label="姓名" align="center" width="80" />
+                    <el-table-column prop="contactPhone" label="联系电话" align="center" width="120" />
+                    <el-table-column label="信件等级" width="100" align="center">
                         <template #default="{ row }">
-                            <mail-level
-                                :value="row.mailLevel"
-                                :list="dictData.mail_level"
-                            />
+                            <mail-level :value="row.mailLevel" :list="dictData.mail_level" />
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="mailCategory"
-                        label="信件分类"
-                        width="160"
-                    />
-                    <el-table-column
-                        prop="content"
-                        label="信件内容"
-                        show-overflow-tooltip
-                    />
-                    <el-table-column label="信件状态" width="90">
+                    <el-table-column prop="mailCategory" label="信件分类" align="center" width="120" />
+                    <el-table-column prop="content" align="center" label="信件内容" show-overflow-tooltip width="150" />
+                    <el-table-column label="信件状态" width="90" align="center">
                         <template #default="{ row }">
                             <span>{{
-                                getDictLable(dictData.mail_state, row.mailState)
-                            }}</span>
+                getDictLable(dictData.mail_state, row.mailState)
+            }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column
-                        prop="threeDeptName"
-                        label="办理单位"
-                        width="160"
-                    />
-                    <el-table-column label="流程节点">
+                    <el-table-column prop="threeDeptName" label="办理单位" width="120" align="center" />
+                    <el-table-column label="流程节点" align="center">
                         <template #default="{ row }">
-                            <el-tag
-                                :type="getFlowTagType(row.flowName)"
-                                >{{ row.flowName }}</el-tag
-                            >
+                            <el-tag :type="getFlowTagType(row.flowName)">{{ row.flowName }}</el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="流程限时">
+                    <el-table-column label="流程限时" align="center">
                         <template #default="{ row }">
-                            <div
-                                v-if="row.flowLimitedRemainingTime > 0"
-                                class="success"
-                            >
+                            <div v-if="row.flowLimitedRemainingTime > 0" class="success">
                                 <span class="mr-4">剩余</span>
                                 <span class="text">{{
-                                    formatTimeText(row.flowLimitedRemainingTime)
-                                }}</span>
+                formatTimeText(row.flowLimitedRemainingTime)
+            }}</span>
                             </div>
-                            <div
-                                v-if="row.flowLimitedRemainingTime < 0"
-                                class="error"
-                            >
+                            <div v-if="row.flowLimitedRemainingTime < 0" class="error">
                                 <span class="mr-4">超时</span>
                                 <span class="text">{{
-                                    formatTimeText(
-                                        -row.flowLimitedRemainingTime
-                                    )
-                                }}</span>
+                formatTimeText(
+                    -row.flowLimitedRemainingTime
+                )
+            }}</span>
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作">
+                    <el-table-column label="操作" fixed="right" align="center">
                         <template #default="{ row }">
-                            <el-button
-                                type="primary"
-                                link
-                                @click="handleMail(row)"
-                                >立即处理</el-button
-                            >
+                            <el-button type="primary" link @click="handleMail(row)">立即处理</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -239,7 +156,8 @@
         </main>
     </div>
 
-    <MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :work-type="activeWorkType" @update="getList" />
+    <MailDialog v-model:show="showModel" :mail-id="activeMailId" :work-id="activeWorkId" :work-type="activeWorkType"
+        @update="getList" />
     <AddMail v-model="addMailShow" @close="addMailShow = false" @success="getList" />
 
 </template>
@@ -305,7 +223,7 @@ function handleMailTimeQuery(val) {
     if (val) {
         query.value.mailTimeStart = val[0];
         query.value.mailTimeEnd = val[1];
-    }else{
+    } else {
         delete query.value.mailTimeStart
         delete query.value.mailTimeEnd
     }
@@ -317,10 +235,12 @@ function handleMailTimeQuery(val) {
     height: 24px;
     line-height: 24px;
     text-align: center;
+
     .text {
         color: #128009;
     }
 }
+
 .error {
     background-color: #ff0000;
     color: #fff;