修改

src/api/sale/sale.js

@@ -503,6 +503,16 @@ export function GetStudentStaticMonth(data) {
   });
 }
 
+//获取每月成长率数据
+export function GetStudentStaticRateMonth(data) {
+  return request({
+    url: '/StudentStat/GetStudentStaticRateMonth',
+    method: 'post',
+    data
+  });
+}
+
+
 
 
 

src/pages/sale/everyMonthFirst.vue

@@ -18,7 +18,7 @@
     </div>
     <div class="page-content">
       <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="">
+        class="sticky-column-table sticky-header-column-table no-bottom-table" separator="none" :data="dataList" :columns="columns" row-key="">
         <template v-slot:bottom>
         </template>
       </q-table>
@@ -39,9 +39,9 @@
     data() {
       return {
         columns: [{
-            name: 'MonthStr',
+            name: 'DateStr',
             label: '日期',
-            field: 'MonthStr',
+            field: 'DateStr',
             align: 'left'
           },
           {

src/pages/sale/everyMonthSecond.vue

+<style>
+    .Sysuser_Date .el-input__inner {
+        background: transparent !important;
+        border: 0 !important;
+    }
+</style>
 <template>
-  <div>
-
+  <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="msg.YearStr" @change="getList" style="width:100%" value-format="yyyy" size="small"
+              type="year" placeholder="选择年">
+            </el-date-picker>
+          </template>
+        </q-field>
+      </div>
+    </div>
+    <div class="page-content">
+      <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"
+        separator="none" :data="dataList" :columns="columns" row-key="">
+        <template v-slot:bottom>
+        </template>
+      </q-table>
+    </div>
   </div>
 </template>
 <script>
+  import {
+    GetStudentStaticRateMonth
+  } from '../../api/sale/sale';
   export default {
     props: {},
     meta: {
       title: ""
     },
-    components: {
-    },
+    components: {},
     data() {
       return {
         tabCheck: 1,
+        dataList: [],
+        msg: {
+          YearStr: ''
+        },
         columns: [{
-            name: 'DateStr',
-            label: '日期',
-            field: 'DateStr',
+            name: 'ItemName',
+            label: '名称',
+            field: 'ItemName',
             align: 'left'
           },
           {
-            name: 'January',
+            name: 'JanuaryRate',
             label: '1月',
-            field: 'January',
+            field: 'JanuaryRate',
             align: 'left'
           },
           {
-            name: 'February',
+            name: 'FebruaryRate',
             label: '2月',
-            field: 'February',
+            field: 'FebruaryRate',
             align: 'left',
           },
           {
-            name: 'March',
+            name: 'MarchRate',
             label: '3月',
-            field: 'March',
+            field: 'MarchRate',
             align: 'left',
           },
           {
-            name: 'April',
-            label: '四月',
-            field: 'April',
+            name: 'AprilRate',
+            label: '4月',
+            field: 'AprilRate',
+            align: 'left'
+          },
+          {
+            name: 'MayRate',
+            label: '5月',
+            field: 'MayRate',
             align: 'left'
           },
           {
-            name: 'May',
-            label: '五月',
-            field: 'May',
+            name: 'JuneRate',
+            label: '6月',
+            field: 'JuneRate',
             align: 'left'
           },
           {
-            name: 'June',
-            label: '六月',
-            field: 'June',
+            name: 'JulyRate',
+            label: '7月',
+            field: 'JulyRate',
             align: 'left'
           },
           {
-            name: 'July',
-            label: '七月',
-            field: 'July',
+            name: 'AugustRate',
+            label: '8月',
+            field: 'AugustRate',
             align: 'left'
           },
           {
-            name: 'August',
-            label: '八月',
-            field: 'August',
+            name: 'SeptemberRate',
+            label: '9月',
+            field: 'SeptemberRate',
             align: 'left'
           },
           {
-            name: 'September',
-            label: '九月',
-            field: 'September',
+            name: 'OctoberRate',
+            label: '10月',
+            field: 'OctoberRate',
             align: 'left'
           },
           {
-            name: 'October',
-            label: '十月',
-            field: 'October',
+            name: 'NovemberRate',
+            label: '11月',
+            field: 'NovemberRate',
             align: 'left'
           },
           {
-            name: 'November',
-            label: '十一月',
-            field: 'November',
+            name: 'DecemberRate',
+            label: '12月',
+            field: 'DecemberRate',
             align: 'left'
           },
           {
-            name: 'December',
-            label: '十二月',
-            field: 'December',
+            name: 'AvgRate',
+            label: '平均',
+            field: 'AvgRate',
             align: 'left'
-          }],
+          }
+        ],
       }
     },
     created() {
 
     },
-    mounted() {},
+    mounted() {
+      let d = new Date();
+      this.msg.YearStr = d.getFullYear().toString();
+      this.getList();
+    },
     methods: {
-
+      getList() {
+        GetStudentStaticRateMonth(this.msg).then(res => {
+          if (res.Code == 1) {
+            this.dataList = res.Data;
+          }
+        })
+      }
     }
   }
+
 </script>

src/pages/sale/everyMonthTotal.vue

 <template>
   <div class="page-body">
     <q-tabs v-model="tabCheck" narrow-indicator dense align="left" class="text-primary q-mb-sm">
-      <q-tab :ripple="false" :name="1" label="统计1" />
-      <q-tab :ripple="false" :name="2" label="统计2" />
+      <q-tab :ripple="false" :name="1" label="月份统计" />
+      <q-tab :ripple="false" :name="2" label="成长率" />
     </q-tabs>
     <template v-if="tabCheck==1">
       <everyMonthFirst></everyMonthFirst>

src/pages/sale/monthTotal.vue

@@ -18,7 +18,7 @@
     </div>
     <div class="page-content">
       <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="">
+        class="sticky-column-table sticky-header-column-table no-bottom-table" separator="none" :data="dataList" :columns="columns" row-key="">
         <template v-slot:bottom>
         </template>
       </q-table>