dy-admin-manager/src/views/businessManager/orderManager/income.vue

<template>
  <div>
    <h2>收入</h2>
    <!-- 搜索类型 -->
    <el-form :inline="true"
             class="searchForm"
             v-model="searchForm">
      <el-form-item>
        <el-select v-model="searchForm.status"
                   placeholder="工作类型">
          <el-option label="哈哈哈"
                     value="1"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <!-- 查询列表 -->
    <div class="searchWrap">
      <p>查询条件:</p>
      <div class="searchItem"
           @click="closeSearch(item)"
           v-for="(item,index) in searchLsit">
        {{ item.key }}
        <i class="el-icon-close"></i>
      </div>
    </div>
    <!-- 列表 -->
    <div class="tableWrap">
      <el-table :data='tableList'>
        <el-table-column align='center'
                         label="交易流水号">
        </el-table-column>
        <el-table-column align='center'
                         label="订单日期">
        </el-table-column>
        <el-table-column align='center'
                         label="交易类型">
        </el-table-column>
        <el-table-column align='center'
                         label="订单说明">
        </el-table-column>
        <el-table-column align='center'
                         label="应付金额">
        </el-table-column>
        <el-table-column align='center'
                         label="实付金额">
        </el-table-column>
        <el-table-column align='center'
                         label="学员姓名">
        </el-table-column>
        <el-table-column align='center'
                         label="交易方式">
        </el-table-column>
        <el-table-column align='center'
                         label="收款账户">
        </el-table-column>
        <el-table-column align='center'
                         label="交易状态">
        </el-table-column>
      </el-table>
      <pagination :total="rules.total"
                  :page.sync="rules.page"
                  :limit.sync="rules.limit"
                  :page-sizes="rules.page_size"
                  @pagination="getList" />
    </div>
  </div>
</template>
<script>
import pagination from '@/components/Pagination/index'
export default {
  components: { pagination },
  name: 'income',
  data () {
    return {
      searchForm: {
        status: ''
      },
      searchLsit: [],
      tableList: [],
      rules: {
        // 分页规则
        limit: 10, // 限制显示条数
        page: 1, // 当前页
        total: 0, // 总条数
        page_size: [10, 20, 40, 50] // 选择限制显示条数
      },
    }
  },
  methods: {
    getList () { }
  }
}
</script>
<style lang="scss">
</style>