活动详情

src/view/clockEarly/clockInList.vue

@@ -43,7 +43,7 @@
         <span>{{ row.created_at | format }}</span>
       </template>
       <template slot-scope="{ row }" slot="action">
-        <a @click="edit(row)">详情</a>
+        <a @click="goDetail(row)">详情</a>
       </template>
     </Table>
     <Pager
@@ -142,8 +142,8 @@ export default {
       this.pageSize = pager.size;
       this.search();
     },
-    goDetail() {
-      this.$router.push({ path: "/signIn/detail", query: { id: "new" } });
+    goDetail(row) {
+      this.$router.push({ path: "/clockEarly/userAcDetail", query: { row: row } });
     }
   },
   mounted() {

src/view/clockEarly/userAcDetail.vue

@@ -3,9 +3,9 @@
     <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>
+        <Col span="8">活动日期：{{row.activity_date | format}}</Col>
+        <Col span="8">可获得真我币：{{row.expense_amount}}</Col>
+        <Col span="8">签到人数：{{row.sign_in_num}}</Col>
       </Row>
     </Card>
 
@@ -16,7 +16,7 @@
           <div class="left">
             用户搜索：
             <Input style="width:200px" enter-button placeholder="请输入" />
-            <Button type="primary" @click="goDetail">查 询</Button>
+            <Button type="primary" >查 询</Button>
           </div>
         </div>
         <Table
@@ -39,13 +39,19 @@
 </template>
 
 <script>
-import { getScenes, delScenes, editScenes } from "@/api/scenes";
+import { formatDate } from "@/libs/util";
 export default {
   name: "categories",
   components: {},
+  filters: {
+    format(value) {
+      return formatDate(value);
+    }
+  },
   data() {
     return {
       tab: "1",
+      row: this.$route.query.row,
       data: [],
       columns: [
         {
@@ -68,7 +74,7 @@ export default {
           title: "报名时间",
           slot: "title"
         },
-         {
+        {
           title: "打开时间",
           slot: "title"
         },