add:早起活动详情

src/router/routers.js

@@ -160,15 +160,14 @@ export default [
         component: () => import("@/view/clockEarly/detail.vue")
       },
       {
-        path: "/advertisement",
-        name: "advertisement",
+        path: "/clockEarly/userAcDetail",
         meta: {
-          icon: "md-grid",
-          title: "树洞"
+          title: "详情",
+          hideInMenu: true,
+          showbr: true
         },
-        component: () =>
-          import("@/view/advertisingManager/advertisement/index.vue")
-      }
+        component: () => import("@/view/clockEarly/userAcDetail.vue")
+      },
       // {
       //   path: '/theme',
       //   name: 'theme',

src/view/clockEarly/userAcDetail.vue

+<template>
+  <div class="detail">
+    <Card dis-hover :padding="30">
+      <p slot="title">基础信息</p>
+      <Row>
+        <Col span="8">活动日期：2020-2-12</Col>
+        <Col span="8">可获得真我币：1000</Col>
+        <Col span="8">签到人数：1000</Col>
+      </Row>
+    </Card>
+
+    <div class="pc-main">
+      <Card dis-hover :padding="30">
+        <p slot="title">参与用户</p>
+        <div class="topSearch">
+          <div class="left">
+            用户搜索：
+            <Input style="width:200px" enter-button placeholder="请输入" />
+            <Button type="primary" @click="goDetail">查 询</Button>
+          </div>
+        </div>
+        <Table
+          :loading="$store.state.app.isLoading"
+          border
+          ref="selection"
+          :columns="columns"
+          :data="data"
+        >
+          <template slot-scope="{ row }" slot="action">
+            <a @click="edit(row)">编辑</a>
+          </template>
+        </Table>
+      </Card>
+    </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: [],
+      columns: [
+        {
+          title: "用户ID",
+          key: "created_at"
+        },
+        {
+          title: "头像",
+          slot: "name"
+        },
+        {
+          title: "姓名",
+          slot: "title"
+        },
+        {
+          title: "手机号",
+          slot: "name"
+        },
+        {
+          title: "报名时间",
+          slot: "title"
+        },
+         {
+          title: "打开时间",
+          slot: "title"
+        },
+        {
+          title: "获得真我币",
+          slot: "name"
+        }
+      ]
+    };
+  },
+  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>