
<template>
  <div>
    <div class="space-x-5 my-2 h-11">
      <Input v-model="search.account" class="w-80 " clearable placeholder="请输入account"></Input>
      <Input v-model="search.unikey" class="w-80 " clearable placeholder="请输入unikey"></Input>
      <template>
        <DatePicker v-model="search.time" type="daterange" split-panels placeholder="选择日期" @on-change="changeTime"  class="w-80 "></DatePicker>
      </template>
      <Button type="primary" icon="ios-search-outline"  :loading="loading" @click="searchEvent">搜索</Button>
      <Button type="success"   :loading="loading" @click="exportEvent">导出Excel</Button>
      <Radio-group v-model="search.status" type="button" button-style="solid" @on-change="radioState" style="float: right">
        <template v-for="item in cutRadio()" >
          <Radio :label="item.id">{{item.text}}</Radio>
        </template>
      </Radio-group>
    </div>
    <custom-page :data-list="List" :page.sync="search.page" :page-size.sync="search.size"
                 :total="total"  row-key="id" :columns="columns" >
    </custom-page>
  </div>
</template>
<script src="./mint.ts"></script>