优惠券

src/api/clock/activityClocks.js

@@ -40,6 +40,14 @@ export const getActivityConfigByPay = (data) => {
   export const activityClockRecords = (data) => {
     return $http.get('/cms/activityClockRecords', data)
   }
+  //优惠券
+   export const activityawardrecord = (data) => {
+    return $http.postObj('/cms/sign-in/activity-award-record', data)
+  }
+  //用户详情
+   export const userDe = (data) => {
+    return $http.get('/cms/sign-in/user/'+ data)
+  }
   //缴费配置
   export const update = (data) => {
     return $http.putObj('/cms/configs/update', data)

src/router/routers.js

@@ -190,6 +190,15 @@ export default [
         component: () => import("@/view/clockEarly/detail.vue")
       },
       {
+        path: "/clockEarly/detailZaoqi",
+        meta: {
+          title: "详情",
+          hideInMenu: true,
+          showbr: true
+        },
+        component: () => import("@/view/clockEarly/detailZaoqi.vue")
+      },
+      {
         path: "/clockEarly/userAcDetail",
         meta: {
           title: "详情",

src/view/clockEarly/detail.vue

@@ -79,7 +79,7 @@
 </template>
 
 <script>
-import { activityClockRecords } from "@/api/clock/activityClocks";
+import { activityClockRecords,activityawardrecord } from "@/api/clock/activityClocks";
 import Pager from "@/view/common/Pager.vue";
 export default {
   name: "categories",
@@ -97,11 +97,11 @@ export default {
       yhqcolumns: [
         {
           title: "优惠卷名称",
-          key: "created_at"
+          key: "award_name"
         },
         {
           title: "获奖时间",
-          slot: "name"
+          slot: "create_time"
         }
       ],
       columns: [
@@ -136,12 +136,37 @@ export default {
       ]
     };
   },
+    watch: {
+    tab: {
+      handler: function(val) {
+        if (val === "2") {
+          this.getyhq()
+        } else {
+            this.search()
+        }
+      },
+      immediate: true
+    }
+  },
   methods: {
     handlePager(pager) {
       this.pageIndex = pager.current;
       this.pageSize = pager.size;
       this.search();
     },
+    getyhq(){
+       let params = {
+        activity_type:1,
+        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;
+      });
+    },
     search() {
       let params = {
         uuid:this.row.user_uuid,

src/view/clockEarly/detailZaoqi.vue

+<template>
+  <div class="detail">
+    <Card dis-hover :padding="30">
+      <p slot="title">基础信息</p>
+      <Row>
+        <Col span="8">头像：<Avatar :src="row.default_avatar"/></Col>
+        <Col span="8">姓名：{{row.user_name}}</Col>
+        <Col span="8">打卡时间：{{row.sign_in_num}}</Col>
+      </Row>
+       <Row>
+        <Col span="8">获得收益(真我币)：<Avatar :src="row.default_avatar"/></Col>
+        <Col span="8">图片：<Avatar :src="row.default_avatar"/></Col>
+        <Col span="8">点赞人数：{{row.sign_in_num}}</Col>
+      </Row>
+       <Row>
+        <Col span="8">审核账号：<Avatar :src="row.default_avatar"/></Col>
+        <Col span="8">打赏金额：{{row.expense_amount}}</Col>
+        <Col span="8">评论：{{row.sign_in_num}}</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" >查 询</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 { userDe } from "@/api/clock/activityClocks";
+import { formatDate } from "@/libs/util";
+export default {
+  name: "categories",
+  components: {},
+  filters: {
+    format(value) {
+      return formatDate(value);
+    }
+  },
+  data() {
+    return {
+      tab: "1",
+      row: {},
+      data: [],
+      columns: [
+        {
+          title: "用户ID",
+          key: "created_at"
+        },
+        {
+          title: "头像",
+          slot: "name"
+        },
+        {
+          title: "姓名",
+          slot: "title"
+        },
+        {
+          title: "手机号",
+          slot: "name"
+        },
+        {
+          title: "报名时间",
+          slot: "title"
+        },
+        {
+          title: "打开时间",
+          slot: "title"
+        },
+        {
+          title: "获得真我币",
+          slot: "name"
+        }
+      ]
+    };
+  },
+  methods: {
+       search() {
+      let params = {
+        status: this.status,
+        startDate: this.date[0],
+        endDate: this.date[1],
+        pageIndex: this.pageIndex,
+        pageSize: this.pageSize
+      };
+      userDe(params).then(res => {
+        this.config.total = res.total;
+        this.row = res.data;
+      });
+    },
+  },
+  mounted() {
+       userDe(this.$route.query.uuid).then(res => {
+        this.row = res.data;
+      });
+  }
+};
+</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>