<template>
  <div class="app-container">
    <!-- 搜索 -->
    <el-form inline label-width="100px" size="mini">
      <el-form-item label="充值订单号：">
        <el-input placeholder="请输入充值订单号" />
      </el-form-item>
      <el-form-item label="会员ID：">
        <el-input placeholder="请输入会员ID" />
      </el-form-item>
      <el-form-item label="操作系统：">
        <el-select placeholder="请选择操作系统">
          <el-option v-for="item in dict.type.phone_sys_type" :key="item.value" :label="item.label"
            :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="下单时间：">
        <el-date-picker type="datetimerange" start-placeholder="开始日期" end-placeholder="结束时间" />
      </el-form-item>
      <el-form-item>
        <el-button icon="el-icon-search" type="primary">搜索</el-button>
        <el-button icon="el-icon-refresh">重置</el-button>
        <el-button icon="el-icon-download" type="primary">导出</el-button>
      </el-form-item>
    </el-form>
    <!-- 列表 -->
    <el-table>
      <el-table-column label="会员ID" align="center"></el-table-column>
      <el-table-column label="充值订单号" align="center"></el-table-column>
      <el-table-column label="支付流水号" align="center"></el-table-column>
      <el-table-column label="充值金额/元" align="center"></el-table-column>
      <el-table-column label="订单来源" align="center"></el-table-column>
      <el-table-column label="支付方式" align="center"></el-table-column>
      <el-table-column label="订单状态" align="center"></el-table-column>
      <el-table-column label="充值时间" align="center"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  dicts: ['phone_sys_type'],
  data() {
    return {

    }
  }
}
</script>