From c65f65a1286d0102557bd0a591d3a8662da85a14 Mon Sep 17 00:00:00 2001
From: 21819 <tomorasd@foxmail.com>
Date: Thu, 29 Feb 2024 14:47:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=A1=E4=BB=B6=E6=9F=A5=E8=AF=A2=E5=92=8C?=
 =?UTF-8?q?=E4=B8=8D=E6=BB=A1=E6=84=8F=E4=BF=A1=E4=BB=B6=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E9=A1=B9=E8=87=AA=E9=80=82=E5=BA=94=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 | 34 ++++++++++++--------------
 src/views/work/Query.vue        | 42 +++++++++++++++------------------
 2 files changed, 34 insertions(+), 42 deletions(-)

diff --git a/src/views/work/Dissatisfied.vue b/src/views/work/Dissatisfied.vue
index e337a73..89940fb 100644
--- a/src/views/work/Dissatisfied.vue
+++ b/src/views/work/Dissatisfied.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <header>
-            <el-form :inline="true" :model="form" class="demo-form-inline" :label-width="120">
+            <el-form :model="form" :label-width="120">
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="来信时间">
@@ -12,7 +12,7 @@
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件来源">
-                            <el-select v-model="query.source" placeholder="" clearable style="width: 280px">
+                            <el-select v-model="query.source" placeholder="" clearable st>
                                 <el-option v-for="item in dictData.mail_source" :key="item.value" :label="item.name"
                                     :value="item.value" />
                             </el-select>
@@ -26,14 +26,13 @@
                                     <el-option label="身份证" value="idCard" />
                                     <el-option label="联系电话" value="phone" />
                                 </el-select>
-                                <el-input v-model="query.contactFieldValue" placeholder="请输入姓名" clearable
-                                    style="width: 172px" />
+                                <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 style="width: 280px">
+                            <el-select v-model="query.mailLevel" placeholder="" clearable st>
                                 <el-option v-for="item in dictData.mail_level" :key="item.value" :label="item.name"
                                     :value="item.value" />
                             </el-select>
@@ -44,12 +43,12 @@
                     <el-col :span="6">
                         <el-form-item label="信件分类">
                             <el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
-                                filterable style="width: 280px" />
+                                filterable />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件状态">
-                            <el-select v-model="query.mailState" placeholder="" clearable style="width: 280px">
+                            <el-select v-model="query.mailState" placeholder="" clearable st>
                                 <el-option v-for="item in dictData.mail_state" :key="item.value" :label="item.name"
                                     :value="item.value" />
                             </el-select>
@@ -57,22 +56,19 @@
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="办理单位">
-                            <div class="flex gap">
-                                <el-tree-select class="flex-1" v-model="query.deptId" :data="optionsData.dept" clearable
-                                    node-key="id" filterable :props="{
-                                        value: 'id',
-                                        label: 'name',
-                                        disabled(data: any) {
-                                            return !!data.isStop
-                                        }
-                                    }" check-strictly :default-expand-all="true" placeholder="请选择上级部门"
-                                    style="width: 280px" />
-                            </div>
+                            <el-tree-select class="flex-1" v-model="query.deptId" :data="optionsData.dept" clearable
+                                node-key="id" filterable :props="{
+                                    value: 'id',
+                                    label: 'name',
+                                    disabled(data: any) {
+                                        return !!data.isStop
+                                    }
+                                }" check-strictly :default-expand-all="true" placeholder="请选择上级部门" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="申诉状态">
-                            <el-select v-model="query.complaint" placeholder="" clearable style="width: 280px">
+                            <el-select v-model="query.complaint" placeholder="" clearable st>
                             </el-select>
                         </el-form-item>
                     </el-col>
diff --git a/src/views/work/Query.vue b/src/views/work/Query.vue
index 78e793c..5a80b24 100644
--- a/src/views/work/Query.vue
+++ b/src/views/work/Query.vue
@@ -1,17 +1,18 @@
 <template>
     <div class="container">
         <header>
-            <el-form :inline="true" class="demo-form-inline" :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"/>
+                                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 style="width: 280px">
+                            <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>
@@ -25,14 +26,13 @@
                                     <el-option label="身份证" value="idCard" />
                                     <el-option label="联系电话" value="phone" />
                                 </el-select>
-                                <el-input v-model="query.contactFieldValue" :placeholder="placeholderText" clearable
-                                    style="width: 172px" />
+                                <el-input v-model="query.contactFieldValue" :placeholder="placeholderText" clearable />
                             </div>
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件等级">
-                            <el-select v-model="query.mailLevel" placeholder="" clearable style="width: 280px">
+                            <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>
@@ -43,12 +43,12 @@
                     <el-col :span="6">
                         <el-form-item label="信件分类">
                             <el-tree-select v-model="query.mailCategory" :data="mailStore.mailCategorys" check-strictly
-                                filterable style="width: 280px" />
+                                filterable />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="信件状态">
-                            <el-select v-model="query.mailState" placeholder="" clearable style="width: 280px">
+                            <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>
@@ -56,22 +56,19 @@
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="办理单位">
-                            <div class="flex gap">
-                                <el-tree-select class="flex-1" v-model="query.deptId" :data="optionsData.dept" clearable
-                                    node-key="id" filterable :props="{
-                                        value: 'id',
-                                        label: 'name',
-                                        disabled(data: any) {
-                                            return !!data.isStop
-                                        }
-                                    }" check-strictly :default-expand-all="true" placeholder="请选择上级部门"
-                                    style="width: 280px" />
-                            </div>
+                            <el-tree-select class="flex-1" v-model="query.deptId" :data="optionsData.dept" clearable
+                                node-key="id" filterable :props="{
+                                    value: 'id',
+                                    label: 'name',
+                                    disabled(data: any) {
+                                        return !!data.isStop
+                                    }
+                                }" check-strictly :default-expand-all="true" placeholder="请选择上级部门" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="6">
                         <el-form-item label="流程阶段">
-                            <el-select v-model="query.flowKey" placeholder="" clearable style="width: 280px">
+                            <el-select v-model="query.flowKey" placeholder="" clearable>
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -79,8 +76,7 @@
                 <el-row>
                     <el-col :span="6">
                         <el-form-item label="信件标签">
-                            <el-select v-model="query.mailLabels" placeholder="请选择标签" multiple clearable
-                                style="width: 280px">
+                            <el-select v-model="query.mailLabels" placeholder="请选择标签" multiple clearable>
                                 <el-option v-for="item in optionsData.labels" :key="item.id" :label="item.labelName"
                                     :value="item.id" />
                             </el-select>
@@ -336,7 +332,7 @@ const handleMailTimeQuery = (val: any) => {
     if (val) {
         query.value.mailTimeStart = val[0];
         query.value.mailTimeEnd = val[1];
-    }else{
+    } else {
         delete query.value.mailTimeStart
         delete query.value.mailTimeEnd
     }