创建评价任务弹窗添加开始时间/结束时间限制

src/baseComponents/FormDialog.vue

@@ -219,6 +219,7 @@
               :placeholder="item.placeholder"
               :disabled="item.disabled"
               style="width: 100%;"
+              :disabled-date="item.disabledDate"
               @change="(val)=>handleSelectChange(item.key,val,item.type)"
             />
 

src/styles/common.scss

@@ -55,6 +55,7 @@ body {
   text-rendering: optimizeLegibility;//告诉浏览器优先考虑文字的可读性而不是渲染速度或几何精度
   background: #F0F4FB;
 }
+
 .el-select .el-select__wrapper,
 .el-input .el-input__wrapper,
 .el-date-editor.el-input,
@@ -102,6 +103,10 @@ body {
   // box-shadow: 0 0 0 1px #2E64FA inset;
 }
 
+.el-date-editor--datetime{
+  border:none !important;
+}
+
 
 
 .el-button:focus  {

src/views/reviewManagement/ReviewManagement.vue

@@ -487,9 +487,49 @@ const HandleDialogConfirm = async ()=>{
 
 
 
+//  6. 创建任务时候的时间范围限制
+// 开始禁选时间
+const startDisabledDate = (date)=>{
+    if(defaultFormData.value.evaluationEndDatetime){
+        // 开始时间 要早于 结束时间
+        if(new Date(date).getTime() >= new Date(defaultFormData.value.evaluationEndDatetime).getTime()){
+            return true
+        }else{
+            return false
+        }
+    }else{
+        return false
+    }
+}
+
+// 结束禁选时间
+const endDisabledDate = (date)=>{
+    if(defaultFormData.value.evaluationStartDatetime){
+        // 开始时间 要大于结束时间
+        if(new Date(date).getTime() <= new Date(defaultFormData.value.evaluationStartDatetime).getTime()){
+            return true
+        }else{
+            return false
+        }
+    }else{
+        return false
+    }
+}
+
 onMounted(async()=>{
     await GetSchoolYearList()
     await GetQuestionnaireTaskList()
+
+    // 初始化赋值
+    formDialogItmList.value = formDialogItmList.value.map(item=>{
+        if(item.key == 'evaluationStartDatetime'){
+            item.disabledDate = startDisabledDate
+        }else if(item.key == 'evaluationEndDatetime'){
+            item.disabledDate = endDisabledDate
+        }
+        return item
+    })
+
 })
 
 

src/views/reviewManagement/formDialog.ts

@@ -27,7 +27,8 @@ export const formDialogItmList = ref([
         placeholder: '请选择日期',
         rules: [
             { required: true, message: '请选择开始时间', trigger: 'change' }
-        ]
+        ],
+        disabledDate:null,
     },
     {
         key: 'evaluationEndDatetime',
@@ -36,7 +37,8 @@ export const formDialogItmList = ref([
         placeholder: '请选择日期',
         rules: [
             { required: true, message: '请选择结束时间', trigger: 'change' }
-        ]
+        ],
+        disabledDate:null,
     },
     {
         key: 'evaluationGrade',