Browse Source

增加日期的鼠标滚轮控制功能

seyason 4 năm trước cách đây
mục cha
commit
40cc4d2000

+ 12 - 1
fhKeeper/formulahousekeeper/timesheet/src/views/workReport/daily.vue

@@ -12,7 +12,7 @@
         <!--列表-->
         <div>
             <el-card class="box-card daily" shadow="never" >
-                <div slot="header" class="clearfix">
+                <div slot="header" class="clearfix" @mousewheel="wheel" id="dateScroll">
                     <el-date-picker size="small" v-model="date" :editable="false" format="yyyy-MM" style="width:187px;"
                     value-format="yyyy-MM" @change="changeMonthOut" :clearable="false" type="month" placeholder="选择月份"></el-date-picker>
                     <span >
@@ -371,6 +371,17 @@
             };
         },
         methods: {
+            //左右滚动
+            wheel(e){
+                var a = document.getElementById("dateScroll");
+                var scroll_width = 80; //滚动一下的距离
+                var e = e || window.event, v;
+                e.wheelDelta ? v=e.wheelDelta : v=e.detail;
+                if(v>3||-v>3) v=-v;
+                v>0 ? a.scrollLeft+=scroll_width : a.scrollLeft-=scroll_width;
+                
+                e.preventDefault(); //阻止浏览器的默认滚动
+            },
             showExportDialog() {
                 this.exportDialog = true;
             },