| | |
| | | <div> |
| | | <div class="mt-10" v-for="(scheduleDto,index) in syncScheduleList" :key="index"> |
| | | <div class="mdTxt">{{titleFormatByIndex(index)}}</div> |
| | | <div class="pam-contact-schedule cursor--pointer" @click="openPopUp(scheduleDto,index)"> |
| | | <div class="pam-contact-schedule cursor--pointer fix-chrome-click--issue" @click="openPopUp(scheduleDto,index)"> |
| | | <div class="pam-contact-schedule__text"> |
| | | <template v-if="checkFormHasDone(scheduleDto)"> |
| | | <p>{{optionsFormat(scheduleDto.selectWeekOptions,weekOptions)}}</p> |
| | |
| | | :options="weekOptions.options" |
| | | :nameOfSelectAll="weekOptions.selectAll"> |
| | | </MultiSelectBtn> |
| | | <div class="pam-popUp-confirm-bolck"> |
| | | <button class="pam-select-confirm mt-30" |
| | | <div class="pam-popUp-confirm-bolck pam-paragraph"> |
| | | <button class="pam-select-confirm" |
| | | :class="[initPickerControl.selectWeekOptions.length?'el-button--primary' :'is-disabled']" |
| | | @click="confirmByStep_1"> |
| | | 確定 |
| | |
| | | :options="timesOfDayOptions.options" |
| | | :nameOfSelectAll="timesOfDayOptions.selectAll"> |
| | | </MultiSelectBtn> |
| | | <div class="pam-popUp-confirm-bolck"> |
| | | <button class="pam-select-confirm mt-30" |
| | | <div class="pam-popUp-confirm-bolck pam-paragraph"> |
| | | <button class="pam-select-confirm" |
| | | :class="[initPickerControl.selectTimesOptions.length ?'el-button--primary' :'is-disabled']" |
| | | @click="confirmByStep_2"> |
| | | 確定 |
| | |
| | | } |
| | | ], |
| | | }; |
| | | private drawerSize="40%"; |
| | | private drawerSize="'50%'"; |
| | | private dialogWidth="376px"; |
| | | private selectedSchedule!:scheduleDto; |
| | | |
| | |
| | | selectWeekOptions:[] as string[], |
| | | selectTimesOptions:[] as string[], |
| | | } |
| | | |
| | | openPopUp(schedule:scheduleDto,index:number):void{ |
| | | this.isOpenByStep_1 = true; |
| | | this.popUpTitle = this.titleFormatByIndex(index); |