<template>
  <div>
    <div class="heior_box">
        <el-input v-model="searchModel.username" style="width:15%;float:right;" placeholder="请输入会员号/名称" clearable size="small">
          <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
        </el-input>
    </div>

    <el-table :data="retData.Data" size="medium" :height="$getHeight(100)" border>
      <el-table-column prop="create_time" label="日期" ></el-table-column>
      <el-table-column prop="username" label="用户名" width="160px"></el-table-column>
      <el-table-column prop="order_type" label="订单类型"></el-table-column>
      <el-table-column prop="package_type" label="套餐类型"></el-table-column>
      <el-table-column prop="durationType" label="使用时长"></el-table-column>
      <el-table-column prop="money" label="支付H币"></el-table-column>
      <el-table-column prop="order_id" label="原后台订单ID"></el-table-column>
      <el-table-column prop="payCash" label="原后台支付金额"></el-table-column>
      <el-table-column prop="serial" label="原后台订单编号"></el-table-column>
      <el-table-column prop="status" label="请求结果"></el-table-column>
    
    </el-table>
    <div class="block">
      <el-pagination
        v-if="retData.Data.length>0"
        @current-change="get"
        :page-size="50"
        :current-page.sync="searchModel.PageIndex"
        layout="total,prev, pager, next"
        :total="retData.TotalCount"
      ></el-pagination>
    </div>

  </div>
</template>
<script>
export default {
  name: "httprecharge",
  data() {
    return {
      retData:null,
      searchModel:{
        PageIndex: 1,
        username:'',
      }
    };
  },
  created () {
    this.$store.commit('setCurrentNav', 'HTTP>>客户消费订单')
    this.get()

  },
  methods: {
    
    search(){
      this.searchModel.PageIndex=1;
      this.get();
    },
    get() {
      this.$api.post(this.$api.phpURL + "http/admin/get_order_list", this.searchModel).then(res => {
        this.retData = res;
      });
    },
  }
}
</script>
