|
|
@@ -0,0 +1,83 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline size="mini">
|
|
|
+ <el-form-item label="用户账号:">
|
|
|
+ <el-input placeholder="请输入用户账号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户手机号:">
|
|
|
+ <el-input placeholder="请输入用户手机号" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册来源:">
|
|
|
+ <el-select placeholder="请选择注册来源">
|
|
|
+ <el-option />
|
|
|
+ </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 type="primary" icon="el-icon-search">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh">重置</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-column label="用户积分" align="center"></el-table-column>
|
|
|
+ <el-table-column align="center">
|
|
|
+ <template slot="header">
|
|
|
+ <div>钱包余额</div>
|
|
|
+ <div>(Android)</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center">
|
|
|
+ <template slot="header">
|
|
|
+ <div>钱包余额</div>
|
|
|
+ <div>(iOS)</div>
|
|
|
+ </template>
|
|
|
+ </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>
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="form.pageNum" :limit.sync="form.pageSize"
|
|
|
+ @pagination="getList" />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 表单
|
|
|
+ form: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
+ // 列表
|
|
|
+ tableData: [],
|
|
|
+ // 总数据
|
|
|
+ total: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|
