add;早起活动列表

src/router/routers.js

@@ -142,6 +142,15 @@ export default [
         component: () => import("@/view/clockEarly/userList.vue")
       },
       {
+        path: "/clockEarly/clockInList",
+        name: "clockInList",
+        meta: {
+          icon: "md-grid",
+          title: "早起活动"
+        },
+        component: () => import("@/view/clockEarly/clockInList.vue")
+      },
+      {
         path: "/clockEarly/detail",
         meta: {
           title: "详情",

src/view/clockEarly/clockInList.vue

+<template>
+  <div class="content">
+    <div class="topSearch">
+      <div class="left">
+        选择日期：
+        <DatePicker
+          :value="value2"
+          format="yyyy/MM/dd"
+          type="daterange"
+          placement="bottom-end"
+          placeholder="Select date"
+          style="width: 200px"
+        ></DatePicker>
+        <span style="margin-left:10px">活动状态：</span>
+        <Select style="width: 150px" placeholder="请选择">
+          <Option value="beijing">未开始</Option>
+          <Option value="shanghai">进行中</Option>
+        </Select>
+        <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: "活动日期",
+          key: "created_at"
+        },
+        {
+          title: "活动缴费金额(真我币)",
+          slot: "name"
+        },
+        {
+          title: "活动状态",
+          slot: "title"
+        },
+        {
+          title: "报名人数",
+          key: "created_at"
+        },
+         {
+          title: "签到人数",
+          slot: "title"
+        },
+        {
+          title: "本场瓜分(真我币)",
+          key: "created_at"
+        },
+        {
+          title: "操作",
+          slot: "action"
+        }
+      ]
+    };
+  },
+  methods: {
+    goDetail() {
+      this.$router.push({ path: "/signIn/detail", query: { id: "new" } });
+    }
+  },
+  mounted() {}
+};
+</script>
+
+<style lang="less"></style>