<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: "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>
