vue后台管理系统申请页面

import request from '@/plugin/axios/classroom'

// 生成激活码
export function saveActivationCode(params) {
    return request({
        url: `/idhub/saveActivationCode`,
        method: 'get',
        params
    })
}

// 激活码列表 
export function findActivationCodeList(params) {
  return request({
      url: `/idhub/findActivationCodeList`,
      method: 'get',
      params
  })
}

// 激活记录 
export function findActivateRecordList(params) {
  return request({
      url: `/idhub/findActivateRecordList`,
      method: 'get',
      params
  })
}

// 导出 
export function downloadStrategyResult(params) {
    return request({
        url: `/idhub/activationDataExport`,
        method: 'get',
        params,
        responseType: "blob" 
    })
  }
  

主页面：

<template>
  <d2-container :filename="filename" class="page">
    <div class="contain">
      <div class="activation-code">
        <div class="activation-code-div">
          <span>激活代码：</span>
          <span v-for="(item, index) in activationCodeList" :key="index">
            {
  { item.activationCode }}， {
  { item.remark
            }}<span v-if="item.remark">，</span> 有效期{
  {
              item.leftDays
            }}天&emsp;&emsp;
          </span>
        </div>
        <el-button class="activation-code-btn" type="default" @click="generateCodeFn">生成激活码</el-button>
      </div>
      <div class="header">
        <div class="btn-num">
          <div class="heard-left">
            <el-date-picker v-model="time" type="datetimerange" range-separator="至" start-placeholder="开始日期"
              end-placeholder="结束日期" @change="searchMac">
            </el-date-picker>
            <el-input placeholder="教室名称/激活代码/mac" @blur="findActivateRecordList" v-model="keyword"
              @keyup.e