up

src/views/attendance/YearStatistics.vue

@@ -4,9 +4,17 @@
       <vxe-toolbar print custom export>
         <template #buttons>
           <el-date-picker v-model="select.year" type="year" size="small" value-format="yyyy" placeholder="年份"
-            format="yyyy" />
+            format="yyyy" />
-          <el-date-picker style="width:250px;margin-left:6px" v-model="select.month" type="month" size="small" value-format="MM" placeholder="月份"
+          <el-select  style="width:250px;margin-left:6px" clearable v-model="select.month" placeholder="请选择月份" size="small">
-            format="MM" />
+              <el-option
+                v-for="item in monthOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          <!-- <el-date-picker style="width:250px;margin-left:6px" v-model="select.month" type="month" size="small" placeholder="月份"
+              /> -->
           <!-- <el-select  v-if="is_bgs" style="width:250px;margin-left:6px" size="small" @change="changeDepartment"
             v-model="select.department_id" placeholder="请选择">
             <el-option v-for="item in departments" :key="item.id" :label="item.name" :value="item.id">
@@ -35,9 +43,9 @@
                    name: 'input',
                  }"></vxe-column>
         <vxe-column width="120" header-align="center" align="center" field="year_holiday" title="年休假总天数"></vxe-column>
-        
+
         <vxe-column width="120" header-align="center" align="center" field="chuchai_days" title="出差天数"></vxe-column>
-        
+
         <vxe-column width="120" header-align="center" align="center" field="overtime_days" title="加班时长"></vxe-column>
 
         <vxe-column width="120" header-align="center" align="center" field="annual_leave_days"
@@ -72,12 +80,26 @@
       return {
         select: {
           year: this.$moment().format('YYYY'),
-          month: (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth(),
+          month: (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth()+1,
           department_id: '',
           keyword: ''
         },
         tableData: [],
-        departments: []
+        departments: [],
+        monthOptions:[
+          {'value':1,label:'一月'},
+          {'value':2,label:'二月'},
+          {'value':3,label:'三月'},
+          {'value':4,label:'四月'},
+          {'value':5,label:'五月'},
+          {'value':6,label:'六月'},
+          {'value':7,label:'七月'},
+          {'value':8,label:'八月'},
+          {'value':9,label:'九月'},
+          {'value':10,label:'十月'},
+          {'value':11,label:'十一月'},
+          {'value':12,label:'十二月'}
+        ]
       }
     },
     methods: {