签到活动

src/view/signIn/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,37 +21,27 @@
         <TabPane label="优惠卷" name="2"></TabPane>
       </Tabs>
       <Table
-      v-if="tab==='1'"
+        v-if="tab === '1'"
         :loading="$store.state.app.isLoading"
         border
         ref="selection"
         :columns="columns"
         :data="data"
       >
-        <template slot-scope="{ row }" slot="name">
-          <span>{{ row.details.name }}</span>
+        <template slot-scope="{ row }" slot="apply_date">
+          <span>{{ row.apply_date | format }}</span>
         </template>
-        <template slot-scope="{ row }" slot="title">
-          <span>{{ row.details.title }}</span>
+        <template slot-scope="{ row }" slot="apply_time">
+          <span>{{ row.apply_time | format }}</span>
         </template>
-        <template slot-scope="{ row }" slot="created_at">
-          <span>{{ row.created_at | format }}</span>
+        <template slot-scope="{ row }" slot="clock_time">
+          <span>{{ row.clock_time | 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 slot-scope="{ row }" slot="status">
+          {{row.status===0?'未开始':row.status===1?'进行中':row.status===2?'结算中':'已结束'}}
         </template>
         <template slot-scope="{ row }" slot="action">
-          <a @click="edit(row)">编辑</a>
-        </template>
-        <template slot-scope="{ row }" slot="edit">
-          <a @click="goTheme(row)">编辑</a>
+          <a @click="goDetail(row)">详情</a>
         </template>
       </Table>
       <Table
@@ -64,6 +56,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,55 +69,119 @@
 </template>
 
 <script>
-import { getScenes, delScenes, editScenes } from '@/api/scenes'
+import { activityClockRecords,activityawardrecord } from "@/api/clock/activityClocks";
+import { formatDate } from "@/libs/util";
+import Pager from "@/view/common/Pager.vue";
 export default {
-  name: 'categories',
-  components: {},
-  data () {
+  name: "categories",
+  components: {
+    Pager
+  },
+   filters: {
+    format(value) {
+      return formatDate(value);
+    }
+  },
+  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: "award_name"
         },
         {
-          title: '获奖时间',
-          slot: 'name'
+          title: "获奖时间",
+          slot: "create_time"
         }
       ],
       columns: [
         {
-          title: '签到日期',
-          key: 'created_at'
+          title: "活动日期",
+          slot: "apply_date"
+        },
+        {
+          title: "打卡状态",
+          slot: "status"
         },
         {
-          title: '获得收益',
-          slot: 'name'
+          title: "支付金额(真我币)",
+          key: "pay_amount"
         },
         {
-          title: '签到时间',
-          slot: 'title'
+          title: "报名时间",
+          slot: "apply_time"
         },
         {
-          title: '分享收益',
-          key: 'created_at'
+          title: "打卡时间",
+          slot: "clock_time"
         },
         {
-          title: '总收益',
-          slot: 'enable'
+          title: "本场瓜分(真我币)",
+          key: "expense_amount"
         },
         {
-          title: '操作',
-          slot: 'action'
+          title: "操作",
+          slot: "action"
         }
       ]
+    };
+  },
+    watch: {
+    tab: {
+      handler: function(val) {
+        if (val === "2") {
+          this.getyhq()
+        } else {
+            this.search()
         }
       },
-  methods: {},
-  mounted () {}
-}
+      immediate: true
+    }
+  },
+  methods: {
+    handlePager(pager) {
+      this.pageIndex = pager.current;
+      this.pageSize = pager.size;
+      this.search();
+    },
+    getyhq(){
+       let params = {
+        activity_type:2,
+        award_type:1,
+        user_uuid:this.row.user_uuid,
+        page_index: this.pageIndex,
+        page_size: this.pageSize
+      };
+      activityawardrecord(params).then(res => {
+        this.config.total = res.total;
+        this.data = res.data;
+      });
+    },
+      goDetail(row) {
+      this.$router.push({ path: "/clockEarly/detailZaoqi", query: { uuid: row.uuid } });
+    },
+    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;
+      });
+    }
+  },
+  mounted() {
+      this.search()
+  }
+};
 </script>
 
 <style lang="less" scoped>
@@ -136,5 +197,5 @@ export default {
   background-color: #fff;
   bottom: 10px;
   padding: 10px 30px;
-  }
+}
 </style>

src/view/signIn/userList.vue.vue

@@ -91,7 +91,6 @@ export default {
       let params = {
         search: this.keyword,
         activity_type: 2,
-        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: "/signIn/detail", query: { row: row } });
     }
   },
   mounted() {