Skip to content

A
admin
Commit bc23b968 by baihong
Options

add:早起用户列表，早起活动详情

parent be1d29ec
Showing with 267 additions and 19 deletions
src/router/routers.js
......@@ -124,32 +124,42 @@ export default [
]
},
{
path: "/cms",
name: "cms",
path: "/clockIn",
name: "clockIn",
meta: {
icon: "ios-briefcase",
title: "内容管理"
title: "早起打卡管理"
},
component: Main,
children: [
{
path: "/banner",
name: "banner",
path: "/clockEarly/userList",
name: "clockEarlyUserList",
meta: {
icon: "md-grid",
title: "自测"
title: "用户列表"
},
component: () => import("@/view/advertisingManager/banner/index.vue")
component: () => import("@/view/clockEarly/userList.vue")
},
{
path: "/clockEarly/detail",
meta: {
title: "详情",
hideInMenu: true,
showbr: true
},
component: () => import("@/view/clockEarly/detail.vue")
},
{
path: "/advertisement",
name: "advertisement",
meta: {
icon: "md-grid",
title: "树洞"
},
component: () =>
import("@/view/advertisingManager/advertisement/index.vue")
}
// {
// path: '/advertisement',
// name: 'advertisement',
// meta: {
// icon: 'md-grid',
// title: '树洞'
// },
// component: () => import('@/view/advertisingManager/advertisement/index.vue')
// }
// {
// path: '/theme',
// name: 'theme',
......
src/view/clockEarly/detail.vue 0 → 100644
<template>
<div class="detail">
<Card dis-hover :padding='30'>
<p slot="title">基础信息</p>
<Row>
<Col span="8">用户ID：123123123</Col>
<Col span="8">头像：<Avatar icon="ios-person"/></Col>
<Col span="8">姓名：阿斯顿马丁</Col>
</Row>
<Row style="margin-top: 40px;">
<Col span="8">手机号：17762662211</Col>
<Col span="8">真我币：1233123</Col>
<Col span="8">签到次数：365</Col>
</Row>
</Card>
<div class="pc-main">
<Tabs v-model="tab">
<TabPane label="早起活动" name="1"></TabPane>
<TabPane label="优惠卷" name="2"></TabPane>
</Tabs>
<Table
v-if="tab==='1'"
:loading="$store.state.app.isLoading"
border
ref="selection"
:columns="columns"
:data="data"
>
<template slot-scope="{ row }" slot="name">
<span>{{ row.details.name }}</span>
</template>
<template slot-scope="{ row }" slot="title">
<span>{{ row.details.title }}</span>
</template>
<template slot-scope="{ row }" slot="created_at">
<span>{{ row.created_at | format }}</span>
</template>
<template slot-scope="{ row }" slot="enable">
<i-switch
:value="row.is_enable === 1 ? true : false"
@on-change="
value => {
change(value, row);
}
"
/>
</template>
<template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a>
</template>
<template slot-scope="{ row }" slot="edit">
<a @click="goTheme(row)">编辑</a>
</template>
</Table>
<Table
v-else
:loading="$store.state.app.isLoading"
border
ref="selection"
:columns="yhqcolumns"
:data="data"
>
<template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a>
</template>
</Table>
</div>
<div class="btn">
<Button type="primary" @click="$router.go(-1)">返回</Button>
</div>
</div>
</template>
<script>
import { getScenes, delScenes, editScenes } from '@/api/scenes'
export default {
name: 'categories',
components: {},
data () {
return {
tab: '1',
data: [],
yhqcolumns: [
{
title: '优惠卷名称',
key: 'created_at'
},
{
title: '获奖时间',
slot: 'name'
}
],
columns: [
{
title: '活动日期',
key: 'created_at'
},
{
title: '打卡状态',
slot: 'name'
},
{
title: '支付金额(真我币)',
slot: 'title'
},
{
title: '报名时间',
key: 'created_at'
},
{
title: '打开时间',
slot: 'enable'
},
{
title: '本场瓜分(真我币)',
slot: 'enable'
},
{
title: '操作',
slot: 'action'
}
]
}
},
methods: {},
mounted () {}
}
</script>
<style lang="less" scoped>
.pc-main {
padding: 20px;
margin-top: 20px;
background-color: #fff;
}
.btn {
text-align: right;
width: 80%;
position: fixed;
background-color: #fff;
bottom: 10px;
padding: 10px 30px;
}
</style>
src/view/clockEarly/userList.vue.vue 0 → 100644
<template>
<div class="content">
<div class="topSearch">
<div class="left">
用户搜索：
<Input
style="width:200px"
enter-button
placeholder="请输入"
/>
<Button type="primary" @click="goDetail">查 询</Button>
<Button type="primary" ghost>重 置</Button>
</div>
<div class="right">
<Button type="primary">导 出</Button>
</div>
</div>
<Table :loading="$store.state.app.isLoading" border ref="selection" :columns="columns" :data="data">
<template slot-scope="{ row }" slot="name">
<span>{{ row.details.name }}</span>
</template>
<template slot-scope="{ row }" slot="title">
<span>{{ row.details.title }}</span>
</template>
<template slot-scope="{ row }" slot="created_at">
<span>{{ row.created_at | format}}</span>
</template>
<template slot-scope="{ row }" slot="enable">
<i-switch
:value="row.is_enable === 1 ? true : false"
@on-change="
value => {
change(value, row);
}
"
/>
</template>
<template slot-scope="{ row }" slot="action">
<a @click="edit(row)">编辑</a>
</template>
<template slot-scope="{ row }" slot="edit">
<a @click="goTheme(row)">编辑</a>
</template>
</Table>
</div>
</template>
<script>
import { getScenes, delScenes, editScenes } from '@/api/scenes'
export default {
name: 'categories',
components: {
},
data () {
return {
data: [],
columns: [
{
title: '用户ID',
key: 'created_at'
},
{
title: '头像',
slot: 'name'
},
{
title: '姓名',
slot: 'title'
},
{
title: '手机号',
key: 'created_at'
},
{
title: '真我币',
slot: 'enable'
},
{
title: '操作',
slot: 'action'
}
]
}
},
methods: {
goDetail () {
this.$router.push({ path: '/signIn/detail', query: { id: 'new' } })
}
},
mounted () {
}
}
</script>
<style lang="less"></style>
src/view/signIn/dataStatistics.vue
......@@ -37,9 +37,6 @@
</Row>
</Card>
</div>
<div class="btn">
<Button type="primary" @click="$router.go(-1)">返回</Button>
</div>
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment