Bläddra i källkod

fix: 弹窗中时间选择被遮挡问题

zhangjie 1 år sedan
förälder
incheckning
ecf4bc7c70

+ 4 - 0
src/views/order/task-manage/addTimes.vue

@@ -8,6 +8,7 @@
     :align-center="false"
     :align-center="false"
     :mask-closable="false"
     :mask-closable="false"
     :esc-to-close="false"
     :esc-to-close="false"
+    modal-class="add-times"
     @before-open="modalBeforeOpen"
     @before-open="modalBeforeOpen"
   >
   >
     <a-form ref="formRef" :model="formData" auto-label-width>
     <a-form ref="formRef" :model="formData" auto-label-width>
@@ -33,6 +34,7 @@
           v-model:startTime="formData.date.startTime"
           v-model:startTime="formData.date.startTime"
           v-model:endTime="formData.date.endTime"
           v-model:endTime="formData.date.endTime"
           :show-time="false"
           :show-time="false"
+          popup-container=".add-times"
         >
         >
         </select-range-datetime>
         </select-range-datetime>
       </a-form-item>
       </a-form-item>
@@ -55,12 +57,14 @@
           v-model:endTime="formData.times[index].endTime"
           v-model:endTime="formData.times[index].endTime"
           disable-confirm
           disable-confirm
           :style="{ width: '256px' }"
           :style="{ width: '256px' }"
+          popup-container=".add-times"
         >
         >
         </select-range-time>
         </select-range-time>
         <select-range-datetime
         <select-range-datetime
           v-else
           v-else
           v-model:startTime="formData.times[index].startTime"
           v-model:startTime="formData.times[index].startTime"
           v-model:endTime="formData.times[index].endTime"
           v-model:endTime="formData.times[index].endTime"
+          popup-container=".add-times"
         >
         >
         </select-range-datetime>
         </select-range-datetime>
         <a-button class="ml-10" @click="toAdd(index)">
         <a-button class="ml-10" @click="toAdd(index)">

+ 1 - 0
src/views/order/task-manage/modifyTask.vue

@@ -8,6 +8,7 @@
     :align-center="false"
     :align-center="false"
     :mask-closable="false"
     :mask-closable="false"
     :esc-to-close="false"
     :esc-to-close="false"
+    modal-class="modify-task"
     @before-open="modalBeforeOpen"
     @before-open="modalBeforeOpen"
   >
   >
     <template #title> {{ title }} </template>
     <template #title> {{ title }} </template>

+ 4 - 0
src/views/order/task-manage/ruleForm.vue

@@ -27,6 +27,8 @@
         <select-range-datetime
         <select-range-datetime
           v-model:startTime="formData.selfApplyStartTime"
           v-model:startTime="formData.selfApplyStartTime"
           v-model:endTime="formData.selfApplyEndTime"
           v-model:endTime="formData.selfApplyEndTime"
+          :render-to-body="false"
+          popup-container=".modify-task"
         >
         >
         </select-range-datetime>
         </select-range-datetime>
         <template #extra>
         <template #extra>
@@ -37,6 +39,8 @@
         <select-range-datetime
         <select-range-datetime
           v-model:startTime="formData.openApplyStartTime"
           v-model:startTime="formData.openApplyStartTime"
           v-model:endTime="formData.openApplyEndTime"
           v-model:endTime="formData.openApplyEndTime"
+          :render-to-body="false"
+          popup-container=".modify-task"
         >
         >
         </select-range-datetime>
         </select-range-datetime>
         <template #extra>
         <template #extra>

+ 1 - 0
src/views/order/task-manage/timeForm.vue

@@ -24,6 +24,7 @@
             <select-range-datetime
             <select-range-datetime
               v-model:startTime="item.startTime"
               v-model:startTime="item.startTime"
               v-model:endTime="item.endTime"
               v-model:endTime="item.endTime"
+              popup-container=".modify-task"
             >
             >
             </select-range-datetime>
             </select-range-datetime>
             <a-button class="ml-10" status="danger" @click="toDelete(index)">
             <a-button class="ml-10" status="danger" @click="toDelete(index)">