打卡记录

src/api/clock/activityClocks.js

@@ -36,6 +36,10 @@ export const getActivityConfigByPay = (data) => {
   export const updateRule = (data) => {
     return $http.putObj('/cms/configs/updateRule', data)
   }
+  //打卡记录
+  export const activityClockRecords = (data) => {
+    return $http.get('/cms/activityClockRecords', data)
+  }
   //缴费配置
   export const update = (data) => {
     return $http.putObj('/cms/configs/update', data)

src/view/clockEarly/detail.vue

 <template>
   <div class="detail">
-    <Card dis-hover :padding='30'>
+    <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>
+        <Col span="8">用户ID：{{ row.user_uuid }}</Col>
+        <Col span="8">头像：<Avatar :src="row.default_avatar"/></Col>
+        <Col span="8">姓名：{{ row.nick_name }}</Col>
       </Row>
       <Row style="margin-top: 40px;">
-        <Col span="8">手机号：17762662211</Col>
-        <Col span="8">真我币：1233123</Col>
-        <Col span="8">签到次数：365</Col>
+        <Col span="8">手机号：{{ row.phone }}</Col>
+        <Col span="8">真我币：{{ row.sign_in_score }}</Col>
+        <Col span="8"
+          >打卡次数：{{row.user_sign_in_vo&& row.user_sign_in_vo.cumulative_sign_in }}</Col
+        >
       </Row>
     </Card>
     <div class="pc-main">
@@ -19,7 +21,7 @@
         <TabPane label="优惠卷" name="2"></TabPane>
       </Tabs>
       <Table
-      v-if="tab==='1'"
+        v-if="tab === '1'"
         :loading="$store.state.app.isLoading"
         border
         ref="selection"
@@ -53,7 +55,7 @@
         </template>
       </Table>
       <Table
-      v-else
+        v-else
         :loading="$store.state.app.isLoading"
         border
         ref="selection"
@@ -64,6 +66,11 @@
           <a @click="edit(row)">编辑</a>
         </template>
       </Table>
+      <Pager
+        class="margin-top-10"
+        :config="config"
+        @on-change="handlePager"
+      ></Pager>
     </div>
     <div class="btn">
       <Button type="primary" @click="$router.go(-1)">返回</Button>
@@ -72,59 +79,85 @@
 </template>
 
 <script>
-import { getScenes, delScenes, editScenes } from '@/api/scenes'
+import { activityClockRecords } from "@/api/clock/activityClocks";
+import Pager from "@/view/common/Pager.vue";
 export default {
-  name: 'categories',
-  components: {},
-  data () {
+  name: "categories",
+  components: {
+    Pager
+  },
+  data() {
     return {
-      tab: '1',
+      tab: "1",
+      config: { total: 0, size: 10, current: 1 },
+      pageIndex: 1,
+      pageSize: 10,
+      row: this.$route.query.row,
       data: [],
       yhqcolumns: [
         {
-          title: '优惠卷名称',
-          key: 'created_at'
+          title: "优惠卷名称",
+          key: "created_at"
         },
         {
-          title: '获奖时间',
-          slot: 'name'
+          title: "获奖时间",
+          slot: "name"
         }
       ],
       columns: [
         {
-          title: '活动日期',
-          key: 'created_at'
+          title: "活动日期",
+          slot: "activity_date"
         },
         {
-          title: '打卡状态',
-          slot: 'name'
+          title: "打卡状态",
+          key: "status_name"
         },
         {
-          title: '支付金额(真我币)',
-          slot: 'title'
+          title: "支付金额(真我币)",
+          key: "pay_amount"
         },
         {
-          title: '报名时间',
-          key: 'created_at'
+          title: "报名时间",
+          slot: "applyTime"
         },
         {
-          title: '打开时间',
-          slot: 'enable'
+          title: "打卡时间",
+          slot: "clockTime"
         },
         {
-          title: '本场瓜分(真我币)',
-          slot: 'enable'
+          title: "本场瓜分(真我币)",
+          key: "expense_amount"
         },
         {
-          title: '操作',
-          slot: 'action'
+          title: "操作",
+          slot: "action"
         }
       ]
+    };
+  },
+  methods: {
+    handlePager(pager) {
+      this.pageIndex = pager.current;
+      this.pageSize = pager.size;
+      this.search();
+    },
+    search() {
+      let params = {
+        uuid:this.row.user_uuid,
+        pageIndex: this.pageIndex,
+        pageSize: this.pageSize
+      };
+      activityClockRecords(params).then(res => {
+        this.config.total = res.total;
+        this.data = res.data;
+      });
     }
   },
-  methods: {},
-  mounted () {}
-}
+  mounted() {
+      this.search()
+  }
+};
 </script>
 
 <style lang="less" scoped>
@@ -134,11 +167,11 @@ export default {
   background-color: #fff;
 }
 .btn {
-    text-align: right;
-    width: 80%;
-    position: fixed;
-    background-color: #fff;
-    bottom: 10px;
-    padding: 10px 30px;
-  }
+  text-align: right;
+  width: 80%;
+  position: fixed;
+  background-color: #fff;
+  bottom: 10px;
+  padding: 10px 30px;
+}
 </style>

src/view/clockEarly/userList.vue.vue

@@ -91,7 +91,6 @@ export default {
       let params = {
         search: this.keyword,
         activity_type: 1,
-        user_uuid:sessionStorage.getItem('admin_uuid'),
         page_index: this.pageIndex,
         page_size: this.pageSize
       };
@@ -100,8 +99,8 @@ export default {
         this.data = res.data;
       });
     },
-    goDetail() {
-      this.$router.push({ path: "/signIn/detail", query: { id: "new" } });
+    goDetail(row) {
+      this.$router.push({ path: "/clockEarly/detail", query: { row: row } });
     }
   },
   mounted() {