修改

src/assets/css/table.sass

@@ -115,14 +115,15 @@
 .sticky-header-column-table
   td:first-child
     /* bg color is important for td; just specify one */
-    background-color: #c1f4cd !important
+    /* background-color: #c1f4cd !important */
 
   tr th
     position: sticky
     /* higher than z-index for td below */
-    z-index: 2
+    z-index: 3
     /* bg color is important; just specify one */
-    background: #fff
+    /* background: #fff */
+    background-color:#f5f6f7
 
   /* this will be the loading indicator */
   thead tr:last-child th

src/pages/sale/monthTotal.vue

 <style>
-
+    .Sysuser_Date .el-input__inner {
+        background: transparent !important;
+        border: 0 !important;
+    }
 </style>
 <template>
   <div class="page-body">
+    <div class="col row wrap q-mb-lg">
+      <div class="col-3 Sysuser_Date q-mr-lg">
+        <q-field filled dense>
+          <template v-slot:control>
+            <el-date-picker v-model="myDate" style="width:100%" value-format="yyyy-MM" @change="getCheckDate()" size="small" type="month" placeholder="选择年月">
+            </el-date-picker>
+          </template>
+        </q-field>
+      </div>
+    </div>
     <div class="page-content">
-      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table no-bottom-table"
-        separator="none" :data="dataList" :columns="columns" row-key="">
+      <q-table :pagination="msg" ref="table" :loading="loading" :style="{'height':tableHeight+'px'}" no-data-label="暂无相关数据" flat
+        class="sticky-column-table sticky-header-column-table no-bottom-table zk_Table" separator="none" :data="dataList" :columns="columns" row-key="">
         <template v-slot:bottom>
         </template>
       </q-table>
@@ -220,31 +233,47 @@
         ],
         dataList: [],
         loading: false,
+        myDate:'',
+        tableHeight:500,
         msg: {
-          YearStr: 2022,
-          MonthStr: 2,
+          YearStr: '',
+          MonthStr: '',
           rowsPerPage: 1000,
         },
       }
     },
-    created() {},
+    created() {
+      setTimeout(() => {
+        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 90;
+      }, 100)
+    },
     mounted() {
-        this.getList();
+      let d = new Date();
+      this.msg.YearStr = d.getFullYear().toString();
+      this.msg.MonthStr = (d.getMonth()+1).toString();
+      this.myDate = this.msg.YearStr+'-'+this.msg.MonthStr
+      this.getList();
     },
     methods: {
+      getCheckDate(){
+        if(this.myDate){
+            this.msg.YearStr = this.myDate.split('-')[0];
+            this.msg.MonthStr = this.myDate.split('-')[1];
+            this.getList();
+        }
+      },
       //获取数据
       getList() {
         GetStudentStatic(this.msg).then(res => {
-            if(res.Code==1){
-                this.dataList = res.Data;
-            }
+          if (res.Code == 1) {
+            this.dataList = res.Data;
+          }
         })
       }
     }
   }
+
 </script>
 <style lang="sass">
   @import url('~assets/css/table.sass')
-
 </style>
-