转为代办样式调整

src/views/work/Query.vue

@@ -357,7 +357,7 @@ const handleTodoByChange = (mailId: any) => {
     activeMailId.value = mailId
 }
 const handleMailCategory = (row: any) => {
-    const allowChangeList = ['终止类']
+    const allowChangeList = ['终止类', '无效类']
     return allowChangeList.includes(row.mailCategory)
 }
 

src/views/work/components/MailTodoByChange.vue

@@ -44,27 +44,32 @@
                         <el-col :span="2" />
                         <el-col :span="2">
                             <span>信件来源</span>
-                            <span>{{ mail.mailSource }}</span>
+                            <span>{{ mail.source }}</span>
                         </el-col>
                     </el-row>
                     <div class="mt-20 mb-10"><span class="label-title">来信人信息</span></div>
                     <el-row>
                         <el-col :span="2">
                             <span>姓名</span>
-                            <span>{{ mail.name }}</span>
+                            <span>{{ mail.contactName }}</span>
                         </el-col>
                         <el-col :span="2">
                             <span>性别</span>
-                            <span>{{ mail.sex }}</span>
+                            <span>{{ mail.contactSex }}</span>
                         </el-col>
                         <el-col :span="4">
                             <span>证件号码</span>
-                            <span>{{ mail.idNumber }}</span>
+                            <span>{{ mail.contactIdCard }}</span>
                         </el-col>
                         <el-col :span="3"><span>联系电话</span>
-                            <span>{{ mail.tel }}</span>
+                            <span>{{ mail.contactPhone }}</span>
                         </el-col>
                     </el-row>
+                    <el-row style="background: #333333;">
+                        <el-scrollbar height="10vh">
+                            <el-text class="mx-1">{{ mail.content }}</el-text>
+                        </el-scrollbar>
+                    </el-row>
                     <div class="mt-20 mb-10"><span class="label-title">信件内容</span></div>
                     <el-row>
                         <el-col :span="4">
@@ -73,19 +78,19 @@
                         </el-col>
                         <el-col :span="2">
                             <span>被投诉/涉及单位</span>
-                            <span>{{ mail.complaintUnit }}</span>
+                            <span>{{ mail.involvedDeptName }}</span>
                         </el-col>
                     </el-row>
                     <div class="mt-20 mb-10"><span class="label-title">附件</span></div>
                     <div></div>
                 </div>
             </div>
-            <div class="mr-15 ml-15 mb-20">
+            <div class="mr-15 ml-15 mb-20 mt-20">
                 <div><span class="main-label">信件类型</span></div>
                 <div class="ml-end">
                     <el-col :span="2">
                         <span>信件分类</span>
-                        <span>{{ mail.mailType }}</span>
+                        <span>{{ mail.mailCategory }}</span>
                     </el-col>
                     <div class="mb-20"></div>
                     <el-col :span="2">
@@ -119,35 +124,15 @@ const steps = ref([]);
 const activeStep = ref(0);
 const isFav = ref(false);
 const mail = ref<Mail>({
-    mailTime: '',
-    mailSource: '',
-    name: '',
-    sex: '',
-    idNumber: '',
-    tel: '',
-    caseNumber: '',
-    complaintUnit: '',
-    mailType: '',
-    reason: '',
-    id: ''
 })
 interface Mail {
-    mailTime: string;
+    id: string,
-    mailSource: string;
-    name: string;
-    sex: string;
-    idNumber: string;
-    tel: string;
-    caseNumber: string;
-    complaintUnit: string;
-    mailType: string;
-    reason: string;
-    id: string;
 }
 onMounted(() => {
     mail.value.id = props.mailId;
-    getMailFlowDetail(props.mailId).then((res) => {
+    getMailFlowDetail(props.mailId).then((res: any) => {
         console.log(res)
+        mail.value = res.mail
     })
 })