<style>
  .Sysuser_Date .el-input__inner {
    background: transparent !important;
    border: 0 !important;
  }

  .myTable_Zk tbody tr:first-child td {
    background: yellow !important;
  }

  .myTable_Zk tbody tr:first-child {
    background: yellow !important;
    z-index: 1 !important;
  }
</style>
<template>
  <div class="page-body">
    <div class="col row wrap q-mb-lg" style="justify-content:space-between;">
      <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>
        <q-btn color="accent" class="q-mr-md" size="sm" icon="download" style="margin-top:15px;"
          @click="downloadStudentStatic" label="下载" />
      </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 myTable_Zk"
        separator="none" :data="dataList" :columns="columns" row-key="">
        <template v-slot:bottom>
        </template>
      </q-table>
    </div>
  </div>
</template>
<script>
  import {
    GetStudentStatic
  } from '../../api/sale/sale';
  import {
    EduDownLoad
  } from "../../api/common/common";
  export default {
    props: {},
    meta: {
      title: "课程顾问部每日数据统计"
    },
    components: {},
    data() {
      return {
        columns: [{
            name: 'DateStr',
            label: '日期',
            field: 'DateStr',
            align: 'left'
          },
          {
            name: 'PushCount',
            label: '推送人数',
            field: 'PushCount',
            align: 'left'
          },
          {
            name: 'NewCount',
            label: '新客户',
            field: 'NewCount',
            align: 'left',
          },
          {
            name: 'CommunicationCount',
            label: '初步沟通(二次沟通)',
            field: 'CommunicationCount',
            align: 'left',
          },
          {
            name: 'TrialLessonCount',
            label: '预约试听(已到店,已试听)',
            field: 'TrialLessonCount',
            align: 'left'
          },
          {
            name: 'NotContacted',
            label: '待联系',
            field: 'NotContacted',
            align: 'left'
          },
          {
            name: 'JPCount',
            label: '日本语培',
            field: 'JPCount',
            align: 'left'
          },
          {
            name: 'KRCount',
            label: '韩国语培',
            field: 'KRCount',
            align: 'left'
          },
          {
            name: 'FRCount',
            label: '法国语培',
            field: 'FRCount',
            align: 'left'
          },
          {
            name: 'JPStudyCount',
            label: '日本留学',
            field: 'JPStudyCount',
            align: 'left'
          },
          {
            name: 'KRStudyCount',
            label: '韩国留学',
            field: 'KRStudyCount',
            align: 'left'
          },
          {
            name: 'YGAStudyCount',
            label: '英港澳留学',
            field: 'YGAStudyCount',
            align: 'left'
          },
          {
            name: 'USStudyCount',
            label: '美国留学',
            field: 'USStudyCount',
            align: 'left'
          },
          {
            name: 'SGStudyCount',
            label: '新加坡留学',
            field: 'SGStudyCount',
            align: 'left'
          },
          {
            name: 'AXStudyCount',
            label: '澳新留学',
            field: 'AXStudyCount',
            align: 'left'
          },
          {
            name: 'OtherCount',
            label: '其他',
            field: 'OtherCount',
            align: 'left'
          },
          {
            name: 'ClassACount',
            label: 'A类客户',
            field: 'ClassACount',
            align: 'left'
          },
          {
            name: 'ClassBCount',
            label: 'B类客户',
            field: 'ClassBCount',
            align: 'left'
          },
          {
            name: 'ClassCCount',
            label: 'C类客户',
            field: 'ClassCCount',
            align: 'left'
          },
          {
            name: 'ClassDCount',
            label: 'D类客户',
            field: 'ClassDCount',
            align: 'left'
          },
          {
            name: 'CustomerCount',
            label: '同行介绍',
            field: 'CustomerCount',
            align: 'left'
          },
          {
            name: 'B2CCount',
            label: '直客',
            field: 'B2CCount',
            align: 'left'
          },
          {
            name: 'TransCount',
            label: '学员转介绍',
            field: 'TransCount',
            align: 'left'
          },
          {
            name: 'InnerCount',
            label: '内部介绍',
            field: 'InnerCount',
            align: 'left'
          },
          {
            name: 'InvalidCount',
            label: '无效',
            field: 'InvalidCount',
            align: 'left'
          },
          {
            name: 'SuspectedCount',
            label: '疑似',
            field: 'SuspectedCount',
            align: 'left'
          },
          {
            name: 'IntentionCount',
            label: '意向',
            field: 'IntentionCount',
            align: 'left'
          },
          {
            name: 'InvitationCount',
            label: '近期可邀约',
            field: 'InvitationCount',
            align: 'left'
          },
          {
            name: 'NegotiationCount',
            label: '谈判',
            field: 'NegotiationCount',
            align: 'left'
          },
          {
            name: 'ContractCount',
            label: '签约(成交.续费)',
            field: 'ContractCount',
            align: 'left'
          },
          {
            name: 'OrderMoney',
            label: '语培签约金额',
            field: 'OrderMoney',
            align: 'left'
          },
          {
            name: 'StudyOrderMoney',
            label: '留学签约金额',
            field: 'StudyOrderMoney',
            align: 'left'
          }
        ],
        dataList: [],
        loading: false,
        myDate: '',
        tableHeight: 500,
        msg: {
          YearStr: '',
          MonthStr: '',
          rowsPerPage: 0
        },
      }
    },
    created() {
      setTimeout(() => {
        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 90;
      }, 100)
    },
    mounted() {
      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: {
      //下载数据
      downloadStudentStatic() {
        this.loading = true;
        var msg = JSON.parse(JSON.stringify(this.msg));
        EduDownLoad(
          "/StudentStat/DownLoadStudentStatic",
          msg,
          "课程顾问部每日数据统计.xls", res => {
            this.loading = false;
          }
        );
      },
      getCheckDate() {
        if (this.myDate) {
          this.msg.YearStr = this.myDate.split('-')[0];
          this.msg.MonthStr = this.myDate.split('-')[1];
          this.getList();
        }
      },
      //获取数据
      getList() {
        this.loading = true;
        GetStudentStatic(this.msg).then(res => {
          this.loading = false;
          if (res.Code == 1) {
            this.dataList = res.Data;
          }
        })
      }
    }
  }
</script>
<style lang="sass">
  @import url('~assets/css/table.sass')
</style>