diff --git a/src/components/http/order.vue b/src/components/http/order.vue
new file mode 100644
index 0000000..5d2946a
--- /dev/null
+++ b/src/components/http/order.vue
@@ -0,0 +1,66 @@
+<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;
+        console.log(res)
+      });
+    },
+  }
+}
+</script>
diff --git a/src/components/http/recharge.vue b/src/components/http/recharge.vue
new file mode 100644
index 0000000..d6d552c
--- /dev/null
+++ b/src/components/http/recharge.vue
@@ -0,0 +1,63 @@
+<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="ju_money" label="充值H币"></el-table-column>
+      <el-table-column prop="pay_money" label="实付金额"></el-table-column>
+      <el-table-column prop="pay_type" label="支付方式"></el-table-column>
+      <el-table-column prop="order_no" label="订单编号"></el-table-column>
+      <el-table-column prop="ali_wx_no" 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_recharge_list", this.searchModel).then(res => {
+        this.retData = res;
+        console.log(res)
+      });
+    },
+  }
+}
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index 2b8b4f7..06abb8e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -309,6 +309,16 @@ let router = new Router({
           path: 'product/line',
           name: 'linlist',
           component: resolve => require(['@/components/product/lineList'], resolve)
+        },
+        {
+          path: 'http/recharge',
+          name: 'httprecharge',
+          component: resolve => require(['@/components/http/recharge'], resolve)
+        },
+        {
+          path: 'http/order',
+          name: 'httporder',
+          component: resolve => require(['@/components/http/order'], resolve)
         }
       ]
     }