boss/pages/main/index/balance_change.vue

<template>
  <div>
    <el-form ref="form" label-width="40px" :model="form">
      <el-row :gutter="20">
        <el-col :span="3">
          <el-form-item label="用户">
            <el-input placeholder="UID/昵称"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-form-item label="编号">
            <el-input placeholder="订单编号"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="7">
          <el-form-item label="时间范围" label-width="80px">
            <el-date-picker
              v-model="value1"
              type="daterange"
              range-separator="至"
              start-placeholder="开始时间"
              end-placeholder="结束时间">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-button type="primary" plain>筛选</el-button>
        <el-button plain>导出报表</el-button>
      </el-row>
    </el-form>
    <el-table
      :data="tableData" border
      style="width: 100%">
      <el-table-column
        prop="date"
        label="ID"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="用户"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动金额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动后总金额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动前总金额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动后充值余额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动后收入余额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="变动前收入余额">
      </el-table-column>
      <el-table-column
        prop="address"
        label="创建时间">
      </el-table-column>
      <el-table-column
        prop="address"
        label="更新时间">
      </el-table-column>
      <el-table-column
        prop="address"
        label="订单编号">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss" scoped>
  
</style>