测试问然修改2

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-if="scope.row.type==1" style="color: orange;font-size: 18px;">临期</span>
-              <span v-else="scope.row.type==2" style="color: red;font-size: 25px;">过期</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-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: 25px;">{{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">

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:[],
@@ -876,6 +878,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.exitTime).getTime();
+                    }
+                })
+            },
         }
     };
   </script>

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>
@@ -154,7 +154,7 @@
                       v-model="baseForm.verifyUsers"
                       :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>