|  |  | 
 |  |  |         <div class="tab-content"> | 
 |  |  |           <el-button type="primary" @click="openDialog('holiday', 'add')">新增假期</el-button> | 
 |  |  |            | 
 |  |  |           <el-table :data="holidayData" border style="width: 100%; margin-top: 20px;"> | 
 |  |  |           <el-table :data="holidayData" border style="width: 100%; margin-top: 20px;" stripe> | 
 |  |  |             <el-table-column prop="name" label="假期名称" /> | 
 |  |  |             <el-table-column prop="type" label="假期类型"> | 
 |  |  |               <template #default="scope"> | 
 |  |  | 
 |  |  |         <div class="tab-content"> | 
 |  |  |           <el-button type="primary" @click="openDialog('annual', 'add')">新增年假规则</el-button> | 
 |  |  |            | 
 |  |  |           <el-table :data="annualData" border style="width: 100%; margin-top: 20px;"> | 
 |  |  |           <el-table :data="annualData" border style="width: 100%; margin-top: 20px;" stripe> | 
 |  |  |             <el-table-column prop="employeeType" label="员工类型"/> | 
 |  |  |             <el-table-column prop="workYears" label="工作年限" /> | 
 |  |  |             <el-table-column prop="annualDays" label="年假天数" align="center" /> | 
 |  |  | 
 |  |  |         <div class="tab-content"> | 
 |  |  |           <el-button type="primary" @click="openDialog('overtime', 'add')">新增加班规则</el-button> | 
 |  |  |            | 
 |  |  |           <el-table :data="overtimeData" border style="width: 100%; margin-top: 20px;"> | 
 |  |  |           <el-table :data="overtimeData" border style="width: 100%; margin-top: 20px;" stripe> | 
 |  |  |             <el-table-column prop="name" label="规则名称" /> | 
 |  |  |             <el-table-column prop="type" label="加班类型" > | 
 |  |  |               <template #default="scope"> | 
 |  |  | 
 |  |  |         <div class="tab-content"> | 
 |  |  |           <el-button type="primary" @click="openDialog('worktime', 'add')">新增时间段</el-button> | 
 |  |  |            | 
 |  |  |           <el-table :data="worktimeData" border style="width: 100%; margin-top: 20px;"> | 
 |  |  |           <el-table :data="worktimeData" border style="width: 100%; margin-top: 20px;" stripe> | 
 |  |  |             <el-table-column prop="name" label="时间段名称"  /> | 
 |  |  |             <el-table-column prop="startTime" label="上班时间"/> | 
 |  |  |             <el-table-column prop="endTime" label="下班时间" /> |