From bfd978abd558ce5e08f8791fd478756e36fda9f0 Mon Sep 17 00:00:00 2001
From: zzyuan <781948537@qq.com>
Date: Tue, 16 Dec 2025 14:00:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E9=97=AE=E7=84=B6=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../certificateOverdue/index.vue              |  8 ++--
 .../certificateRequest/index.vue              | 35 ++++++++++++++++--
 .../remoteVerificationTask/index.vue          | 37 +++++++++++++++++--
 3 files changed, 69 insertions(+), 11 deletions(-)

diff --git a/src/views/certificate/certificateManage/certificateOverdue/index.vue b/src/views/certificate/certificateManage/certificateOverdue/index.vue
index ae9af45..1d6d4d9 100644
--- a/src/views/certificate/certificateManage/certificateOverdue/index.vue
+++ b/src/views/certificate/certificateManage/certificateOverdue/index.vue
@@ -63,14 +63,14 @@
         <el-table-column label="证件有效期至" align="center" prop="issueLifespan" :show-overflow-tooltip="true"/>
         <el-table-column label="过期类型" align="center" prop="" :show-overflow-tooltip="true">
           <template slot-scope="scope">
-              <span v-if="scope.row.type==1" style="color: orange;font-size: 25px;">临期</span>
-              <span v-else="scope.row.type==2" style="color: red;font-size: 25px;">过期</span>
+              <span v-if="scope.row.type==1" style="color: orange;font-size: 18px;">临期</span>
+              <span v-else="scope.row.type==2" style="color: red;font-size: 18px;">过期</span>
           </template>
         </el-table-column>
         <el-table-column label="天数" align="center" prop="" :show-overflow-tooltip="true">
           <template slot-scope="scope">
-              <span v-if="scope.row.type==1" style="color: orange;font-size: 25px;">{{scope.row.processGapDate}}</span>
-              <span v-else="scope.row.type==2" style="color: red;font-size: 25px;">{{scope.row.processGapDate}}</span>
+              <span v-if="scope.row.type==1" style="color: orange;font-size: 18px;">{{scope.row.processGapDate}}</span>
+              <span v-else="scope.row.type==2" style="color: red;font-size: 18px;">{{scope.row.processGapDate}}</span>
           </template>
         </el-table-column>
         <!-- <el-table-column label="过期类型" align="center" prop="" :show-overflow-tooltip="true">
diff --git a/src/views/certificate/certificateReturnManage/certificateRequest/index.vue b/src/views/certificate/certificateReturnManage/certificateRequest/index.vue
index 1a7e336..5f452ac 100644
--- a/src/views/certificate/certificateReturnManage/certificateRequest/index.vue
+++ b/src/views/certificate/certificateReturnManage/certificateRequest/index.vue
@@ -230,7 +230,7 @@
               <el-form-item label="计划出国日期" prop="exitTime">
                 <el-date-picker
                   v-model="baseForm.exitTime"
-                  type="date"
+                  type="date" :picker-options="searchPickerOptionsStart" @change="searchChangeEnd"
                   placeholder="选择日期"
                   format="yyyy-MM-dd" style="width: 100%;"
                   value-format="yyyy-MM-dd"></el-date-picker>
@@ -240,7 +240,7 @@
               <el-form-item label="计划回国日期" prop="entryTime">
                 <el-date-picker
                   v-model="baseForm.entryTime"
-                  type="date"
+                  type="date" :picker-options="searchPickerOptionsEnd"  @change="searchChangeStart"
                   placeholder="选择日期"
                   format="yyyy-MM-dd" style="width: 100%;"
                   value-format="yyyy-MM-dd"></el-date-picker>
@@ -477,6 +477,8 @@
                     thridIdNumber:"",
                     remark:"",
                 },
+                searchPickerOptionsStart:{},
+                searchPickerOptionsEnd:{},
                 selectItme:{},
                 allUserList:[],
                 certificateList:[],
@@ -875,7 +877,34 @@
               const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
               const day = String(date.getDate()).padStart(2, '0');
               return `${year}-${month}-${day}`;
-          },
+            }, 
+            searchChangeStart(value) {
+                if(!value){//为了解决点击输入框内的×之后时间限制没有变化，不能自由选择，这里利用设置了2999年之后都可选
+                    // 可通过箭头函数的方式访问到this
+                    this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
+                        // 可通过箭头函数的方式访问到this
+                        disabledDate: (time) => {
+                            return time.getTime()>=new Date('2999-12-30 23:59:59').getTime()  ;
+                        }
+                    })
+                    return;
+                }
+                this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
+                    // 可通过箭头函数的方式访问到this
+                    disabledDate: (time) => {
+                        return time.getTime()>new Date(value).getTime()  ;
+                    }
+                })
+            },
+            //开始时间 控制结束时间
+            searchChangeEnd() {
+                // console.log(new Date(this.addFormList[0].startTime).getTime());
+                this.searchPickerOptionsEnd = Object.assign({}, this.searchPickerOptionsEnd, {
+                    disabledDate: (time) => {
+                        return time.getTime()<new Date(this.baseForm.exitTime).getTime();
+                    }
+                })
+            },
         }
     };
   </script>
diff --git a/src/views/certificate/remoteVerification/remoteVerificationTask/index.vue b/src/views/certificate/remoteVerification/remoteVerificationTask/index.vue
index d4b75e4..25b8857 100644
--- a/src/views/certificate/remoteVerification/remoteVerificationTask/index.vue
+++ b/src/views/certificate/remoteVerification/remoteVerificationTask/index.vue
@@ -132,7 +132,7 @@
               <el-form-item label="开始时间" prop="startTime">
                   <el-date-picker
                       v-model="baseForm.startTime"
-                      type="date"
+                      type="date" :picker-options="searchPickerOptionsStart" @change="searchChangeEnd"
                       placeholder="选择日期"
                       format="yyyy-MM-dd" style="width: 100%;"
                       value-format="yyyy-MM-dd"></el-date-picker>
@@ -142,7 +142,7 @@
               <el-form-item label="结束时间" prop="endTime">
                   <el-date-picker
                       v-model="baseForm.endTime"
-                      type="date"
+                      type="date" :picker-options="searchPickerOptionsEnd"  @change="searchChangeStart"
                       placeholder="选择日期"
                       format="yyyy-MM-dd" style="width: 100%;"
                       value-format="yyyy-MM-dd"></el-date-picker>
@@ -152,9 +152,9 @@
               <el-form-item label="核验人员" prop="verifyUsers">
                   <treeselect
                       v-model="baseForm.verifyUsers"
-                      :options="deptOptions"
+                      :options="deptOptions" 
                       :normalizer="normalizer" :multiple="true" :flat="false" value-consists-of="LEAF_PRIORITY"
-                      placeholder="选择核验人员"
+                      placeholder="选择核验人员" noResultsText="未查询到想要的结果"
                   />
               </el-form-item>
             </el-col>
@@ -308,6 +308,8 @@
                 //表格数据
                 tableListData: [],
                 dateRange:[],
+                searchPickerOptionsStart:{},
+                searchPickerOptionsEnd:{},
                 // 弹出层标题
                 title: "",
                 // 是否显示弹出层
@@ -512,6 +514,33 @@
                 const day = String(date.getDate()).padStart(2, '0');
                 return `${year}-${month}-${day}`;
             },
+            searchChangeStart(value) {
+                if(!value){//为了解决点击输入框内的×之后时间限制没有变化，不能自由选择，这里利用设置了2999年之后都可选
+                    // 可通过箭头函数的方式访问到this
+                    this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
+                        // 可通过箭头函数的方式访问到this
+                        disabledDate: (time) => {
+                            return time.getTime()>=new Date('2999-12-30 23:59:59').getTime()  ;
+                        }
+                    })
+                    return;
+                }
+                this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
+                    // 可通过箭头函数的方式访问到this
+                    disabledDate: (time) => {
+                        return time.getTime()>new Date(value).getTime()  ;
+                    }
+                })
+            },
+            //开始时间 控制结束时间
+            searchChangeEnd() {
+                // console.log(new Date(this.addFormList[0].startTime).getTime());
+                this.searchPickerOptionsEnd = Object.assign({}, this.searchPickerOptionsEnd, {
+                    disabledDate: (time) => { 
+                        return time.getTime()<new Date(this.baseForm.startTime).getTime();
+                    }
+                })
+            },
         }
     };
   </script>