修改

src/api/finance/index.js

@@ -777,6 +777,18 @@ export function GetBonusPlan(data) {
   });
 }
 
+/**
+ * 员工人头奖励 详情
+ */
+export function GetPersonnelPeriodDetails(data) {
+  return request({
+    url: '/Bonus/GetPersonnelPeriodDetails',
+    method: 'post',
+    data
+  });
+}
+
+
 
 
 

src/pages/financial/market/empBonus.vue

@@ -47,7 +47,7 @@
       </el-table>
       <div style="margin-top: 10px;text-align: center;">
         <el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper"
-          :current-page.sync="msg.PageIndex" :page-size="msg.PageSize" :total='total'>
+          :current-page.sync="msg.PageIndex" :page-size="msg.PageSize" :total='pageCount'>
         </el-pagination>
       </div>
     </template>
@@ -70,6 +70,7 @@
     data() {
       return {
         loading: false,
+        loading1: false,
         //列表数据参数
         msg: {
           PageIndex: 1,
@@ -77,12 +78,11 @@
         },
         pageCount: 0,
         total: 0,
-        dataList: {},
+        dataList: [],
         value2: "",
       }
     },
     created() {
-      let userinfo = this.getLocalStorage();
     },
     mounted() {
       this.getList();
@@ -98,8 +98,17 @@
           console.log("res", res);
           this.dataList = res.Data.PageData
           this.pageCount = res.Data.PageCount;
-          this.total = res.Data.Count;
         });
+      },
+      handleCurrentChanges(val) {
+        this.msg.PageIndex = val;
+        this.getList()
+      },
+      //跳转详情
+      goUrl(Id){
+        this.OpenNewUrl('../market/empBonusDetail', {
+          Id: Id
+        })
       }
     },
   }

src/pages/financial/market/empBonusDetail.vue

+<style>
+  .empDetailDiv {
+    width: 400px;
+    height: 400px;
+    overflow: auto;
+  }
+
+</style>
+<template>
+  <div class="page-body empBonus">
+    <template>
+      <el-table ref="filterTable" :data="dataList" v-loading='loading'
+        :header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}" border style="width: 100%">
+        <el-table-column prop="BasicSalary" label="BasicSalary"></el-table-column>
+        <el-table-column prop="BeforeMoney" label="BeforeMoney"></el-table-column>
+        <el-table-column prop="ClueNumSalary" label="ClueNumSalary"> </el-table-column>
+        <el-table-column prop="CreateByName" label="创建人"> </el-table-column>
+        <el-table-column prop="CreateTime" label="创建时间"> </el-table-column>
+        <el-table-column prop="CurGuestNum" label="CurGuestNum"> </el-table-column>
+        <el-table-column prop="CurOrderMoney" label="CurOrderMoney"> </el-table-column>
+        <el-table-column prop="CurRewardMoney" label="CurRewardMoney"> </el-table-column>
+        <el-table-column prop="DeductionMoney" label="DeductionMoney"> </el-table-column>
+        <el-table-column prop="EmployeeName" label="EmployeeName"> </el-table-column>
+        <el-table-column prop="FinishDeductionMoney" label="FinishDeductionMoney"> </el-table-column>
+        <el-table-column prop="IsReachStr" label="IsReachStr"> </el-table-column>
+        <el-table-column prop="MonthNum" label="MonthNum"> </el-table-column>
+        <el-table-column prop="OpenBonus" label="OpenBonus"> </el-table-column>
+        <el-table-column prop="WorkAgeSalary" label="WorkAgeSalary"> </el-table-column>
+        <el-table-column prop="YearNum" label="YearNum"> </el-table-column>
+        <el-table-column label="操作" width="110">
+          <template slot-scope="scope">
+            <el-popover placement="left" title="标题" width="420" trigger="click">
+              <div class="empDetailDiv">
+                <el-table ref="filterTable" :data="scope.row.DetailList">
+                  <el-table-column prop="BonusId" label="BonusId"></el-table-column>
+                  <el-table-column prop="OrderGuestNum" label="OrderGuestNum"></el-table-column>
+                  <el-table-column prop="OrderId" label="OrderId"> </el-table-column>
+                  <el-table-column prop="OrderMoney" label="OrderMoney"> </el-table-column>
+                  <el-table-column prop="OrderState" label="OrderState"> </el-table-column>
+                </el-table>
+              </div>
+              <el-button slot="reference" size="mini">点击查看</el-button>
+            </el-popover>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="margin-top: 10px;text-align: center;">
+        <el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper"
+          :current-page.sync="msg.pageIndex" :page-size="msg.pageSize" :total='pageCount'>
+        </el-pagination>
+      </div>
+    </template>
+  </div>
+</template>
+<script>
+  import {
+    CreateEmpBonus,
+    queryPersonnelPeriodPage,
+    GetPersonnelPeriodDetails
+  } from '../../../api/finance/index'
+
+  export default {
+    meta: {
+      title: "员工人头奖励"
+    },
+    props: {},
+    components: {
+
+    },
+    data() {
+      return {
+        loading: false,
+        //列表数据参数
+        msg: {
+          pageIndex: 1,
+          pageSize: 10,
+          PeriodId: 0
+        },
+        pageCount: 0,
+        dataList: [],
+      }
+    },
+    created() {},
+    mounted() {
+      if (this.$route.query.Id) {
+        this.msg.PeriodId = this.$route.query.Id;
+        this.getList();
+      }
+    },
+    methods: {
+      //获取分页列表
+      getList() {
+        GetPersonnelPeriodDetails(this.msg).then(res => {
+          console.log("res", res);
+          this.dataList = res.Data.PageData
+          this.pageCount = res.Data.PageCount;
+        });
+      },
+      handleCurrentChanges(val) {
+        this.msg.pageIndex = val;
+        this.getList()
+      },
+    },
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/router/routes.js

@@ -749,6 +749,11 @@ const routes = [{
     component: () =>
       import("pages/financial/market/empBonus.vue")
   },
+  {
+    path: "/financial/market/empBonusDetail", // 员工人头奖励详情
+    component: () =>
+      import("pages/financial/market/empBonusDetail.vue")
+  },
   {
     path: "/administration/document", //行政公告
     component: () =>