点赞用户

src/api/clock/activityClocks.js

@@ -44,6 +44,10 @@ export const getActivityConfigByPay = (data) => {
    export const activityawardrecord = (data) => {
     return $http.postObj('/cms/sign-in/activity-award-record', data)
   }
+  //点赞列表
+  export const queryLikeList = (data) => {
+    return $http.get('/cms/sign-in/queryLikeList', data)
+  }
   //用户详情
    export const userDe = (data) => {
     return $http.get('/cms/sign-in/user/'+ data)

src/view/clockEarly/detail.vue

@@ -28,30 +28,20 @@
         :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
@@ -80,12 +70,18 @@
 
 <script>
 import { activityClockRecords,activityawardrecord } from "@/api/clock/activityClocks";
+import { formatDate } from "@/libs/util";
 import Pager from "@/view/common/Pager.vue";
 export default {
   name: "categories",
   components: {
     Pager
   },
+   filters: {
+    format(value) {
+      return formatDate(value);
+    }
+  },
   data() {
     return {
       tab: "1",
@@ -107,11 +103,11 @@ export default {
       columns: [
         {
           title: "活动日期",
-          slot: "activity_date"
+          slot: "apply_date"
         },
         {
           title: "打卡状态",
-          key: "status_name"
+          slot: "status"
         },
         {
           title: "支付金额(真我币)",
@@ -119,11 +115,11 @@ export default {
         },
         {
           title: "报名时间",
-          slot: "applyTime"
+          slot: "apply_time"
         },
         {
           title: "打卡时间",
-          slot: "clockTime"
+          slot: "clock_time"
         },
         {
           title: "本场瓜分(真我币)",
@@ -167,6 +163,9 @@ export default {
         this.data = res.data;
       });
     },
+      goDetail(row) {
+      this.$router.push({ path: "/clockEarly/detailZaoqi", query: { uuid: row.uuid } });
+    },
     search() {
       let params = {
         uuid:this.row.user_uuid,

src/view/clockEarly/detailZaoqi.vue

@@ -4,31 +4,26 @@
       <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>
+        <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>
+      <Row style="margin-top:10px">
+        <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>
+        <Col span="8">点赞人数：{{ row.sign_in_num }}</Col>
       </Row>
-       <Row>
+      <Row style="margin-top:10px">
         <Col span="8">审核账号：<Avatar :src="row.default_avatar"/></Col>
-        <Col span="8">打赏金额：{{row.expense_amount}}</Col>
-        <Col span="8">评论：{{row.sign_in_num}}</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>
+        <p slot="title">点赞用户</p>
         <Table
           :loading="$store.state.app.isLoading"
           border
@@ -36,10 +31,18 @@
           :columns="columns"
           :data="data"
         >
+         <template slot-scope="{ row }" slot="create_time">
+           {{row.create_time | format}}
+          </template>
           <template slot-scope="{ row }" slot="action">
             <a @click="edit(row)">编辑</a>
           </template>
         </Table>
+        <Pager
+          class="margin-top-10"
+          :config="config"
+          @on-change="handlePager"
+        ></Pager>
       </Card>
     </div>
     <div class="btn">
@@ -49,11 +52,14 @@
 </template>
 
 <script>
-import { userDe } from "@/api/clock/activityClocks";
+import { userDe, queryLikeList } from "@/api/clock/activityClocks";
 import { formatDate } from "@/libs/util";
+import Pager from "@/view/common/Pager.vue";
 export default {
   name: "categories",
-  components: {},
+  components: {
+    Pager
+  },
   filters: {
     format(value) {
       return formatDate(value);
@@ -62,59 +68,48 @@ export default {
   data() {
     return {
       tab: "1",
+      pageIndex: 1,
+      pageSize: 10,
       row: {},
       data: [],
       columns: [
         {
-          title: "用户ID",
-          key: "created_at"
-        },
-        {
-          title: "头像",
-          slot: "name"
-        },
-        {
-          title: "姓名",
-          slot: "title"
-        },
-        {
-          title: "手机号",
-          slot: "name"
-        },
-        {
-          title: "报名时间",
-          slot: "title"
+          title: "用户名称",
+          key: "nick_name"
         },
         {
-          title: "打开时间",
-          slot: "title"
+          title: "点赞类型",
+          key: "like_text"
         },
         {
-          title: "获得真我币",
-          slot: "name"
+          title: "点赞时间",
+          slot: "create_time"
         }
       ]
     };
   },
   methods: {
-       search() {
-      let params = {
-        status: this.status,
-        startDate: this.date[0],
-        endDate: this.date[1],
+    handlePager(pager) {
+      this.pageIndex = pager.current;
+      this.pageSize = pager.size;
+      this.search();
+    },
+    search() {
+      queryLikeList({
+        objectType: 1,
         pageIndex: this.pageIndex,
-        pageSize: this.pageSize
-      };
-      userDe(params).then(res => {
-        this.config.total = res.total;
-        this.row = res.data;
+        pageSize: this.pageSize,
+        uuid: this.$route.query.uuid
+      }).then(res => {
+        this.data = res.data;
       });
-    },
+    }
   },
   mounted() {
-       userDe(this.$route.query.uuid).then(res => {
-        this.row = res.data;
-      });
+    this.search();
+    userDe(this.$route.query.uuid).then(res => {
+      this.row = res.data;
+    });
   }
 };
 </script>