修改

src/pages/sale/makeupRate.vue

@@ -4,11 +4,12 @@
     overflow: scroll;
   }
 
-  .makeTable tr td {
+  .makeTable th,
+  .makeTable td {
+    border: 1px solid #d1d1d1;
     height: 40px;
     min-width: 150px;
-    color: #000;
-    border: 1px solid #d1d1d1;
+    background-color: #fff;
   }
 
   .makeTable tr th {
@@ -42,13 +43,35 @@
     right: 0;
     background: #fff;
   }
-
+  .makeTable th:nth-last-child(2){
+    /* td第一个粘性定位 */
+    position: sticky;
+    right: 150px;
+  }
+  .makeTable td:nth-last-child(2){
+    /* td第一个粘性定位 */
+    position: sticky;
+    right: 150px;
+    background: #fff;
+  }
   .makeOutDiv {
     position: relative;
     width: 100%;
     overflow-y: auto;
   }
-
+  .makeTable th:nth-last-child(3){
+    /* td第一个粘性定位 */
+    position: sticky;
+    right: 300px;
+  }
+  .makeTable td:nth-last-child(3){
+    /* td第一个粘性定位 */
+    position: sticky;
+    right: 300px;
+    background: #fff;
+    border-left:1px solid #d1d1d1;
+    border-right:1px solid #d1d1d1;
+  }
   .makeOutDiv::-webkit-scrollbar {
     width: 3px;
     height: 8px;
@@ -81,10 +104,10 @@
   <div class="page-body">
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
-        <div class="col-3 Sysuser_Date">
+        <div class="col-4 Sysuser_Date">
           <q-field filled>
              <template v-slot:control>
-              <el-date-picker v-model="dateList" type="daterange" :picker-options="pickerOptions0" align="right"
+              <el-date-picker v-model="dateList" type="daterange" style="width:100%" :picker-options="pickerOptions0" align="right"
                 value-format="yyyy-MM-dd" @change="getData" unlink-panels range-separator="至" start-placeholder="开始日期"
                 end-placeholder="结束日期">
               </el-date-picker>
@@ -152,12 +175,32 @@
         dateList: [],
         dataList: [],
         EmployeeList: [],
+        pickerOptions0: {
+          disabledDate(time) {
+            return time.getTime() > Date.now() - 8.64e6
+          }
+        }
       };
     },
     created() {
 
     },
     mounted() {
+      var now = new Date();
+      var strLink = "-";
+      var year = now.getFullYear();
+      var month = now.getMonth() + 1;
+      var day = now.getDate();
+      if (month >= 1 && month <= 9) {
+          month = "0" + month;
+      }
+      if (day >= 1 && day <= 9) {
+          day = "0" + day;
+      }
+      this.msg.startTime = year + strLink + month + strLink + '01';
+      this.msg.endTime = year + strLink + month + strLink + day; 
+      this.dateList.push(year + strLink + month + strLink + '01');
+      this.dateList.push(year + strLink + month + strLink + day); 
       this.getEmployeeList();
       this.getData();
     },
@@ -191,7 +234,7 @@
       getEmployeeList() {
         var qMsg = {
           IsLeave: 1,
-          Dept_Id: 0,
+          Dept_Id: 4
         };
         queryEmployee(qMsg).then(res => {
           this.EmployeeList = res.Data;