| | |
| | | <template slot-scope="scope">{{ labelOf(holidayTypeOptions, scope.row.holidayType) }}</template> |
| | | </el-table-column> |
| | | <el-table-column prop="holidayDate" label="日期" width="150" align="center"></el-table-column> |
| | | <el-table-column prop="dayIndex" label="第几日" width="100" align="center"></el-table-column> |
| | | <el-table-column label="日期类型" width="120" align="center"> |
| | | <template slot-scope="scope">{{ dayIndexLabel(scope.row.dayIndex) }}</template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" width="150" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="mini" @click="openHolidayDialog(scope.row)">编辑</el-button> |
| | |
| | | <el-date-picker v-model="holidayForm.holidayDate" type="date" value-format="yyyy-MM-dd" |
| | | style="width:100%" placeholder="选择日期"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="第几日" prop="dayIndex"> |
| | | <el-input-number v-model="holidayForm.dayIndex" :min="1" :max="31" style="width:100%"></el-input-number> |
| | | <el-form-item label="日期类型" prop="dayIndex"> |
| | | <el-select v-model="holidayForm.dayIndex" style="width:100%"> |
| | | <el-option label="前一日" :value="0"></el-option> |
| | | <el-option v-for="day in 31" :key="day" :label="'第' + day + '日'" :value="day"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer"> |
| | |
| | | data() { |
| | | return { |
| | | activeTab: 'holidays', |
| | | years: [2024, 2025, 2026, 2027, 2028, 2029, 2030], |
| | | years: [2019, 2024, 2025, 2026, 2027, 2028, 2029, 2030], |
| | | holidayTypeOptions: [], |
| | | dateCategoryOptions: [], |
| | | holidayQuery: { year: 2026, holidayType: 'NATIONAL_DAY' }, |
| | |
| | | year: [{ required: true, message: '请选择年份', trigger: 'change' }], |
| | | holidayType: [{ required: true, message: '请选择节假日分类', trigger: 'change' }], |
| | | holidayDate: [{ required: true, message: '请选择日期', trigger: 'change' }], |
| | | dayIndex: [{ required: true, message: '请输入第几日', trigger: 'change' }] |
| | | dayIndex: [{ required: true, message: '请选择日期类型', trigger: 'change' }] |
| | | }, |
| | | coefficientRules: { |
| | | year: [{ required: true, message: '请选择年份', trigger: 'change' }], |
| | |
| | | this.loadCoefficients() |
| | | }, |
| | | methods: { |
| | | dayIndexLabel(value) { |
| | | if (Number(value) === 0) return '前一日' |
| | | return value === null || value === undefined || value === '' ? '—' : '第' + value + '日' |
| | | }, |
| | | loadOptions() { |
| | | api.get('/holiday/config/options').then(res => { |
| | | const data = res.data || {} |