页面修改

src/pages/financial/market/empBonus.vue

 <style>
- 
+
 </style>
 <template>
-  
+  <div class="page-body empBonus">
+    <div class="page-search row items-center">
+      <div class="col row wrap q-mr-lg q-col-gutter-md">
+        <div>
+          <div class="block" style="display:flex">
+            <span style="margin-right: 5px;">选择月份</span>
+            <el-date-picker v-model="value2" type="month" placeholder="选择月">
+            </el-date-picker>
+            <q-btn :loading="loading1"  color="primary"  size="11px"  label="生成提成"  @click="createBonus"
+               style="margin-left:10px" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <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="Periods" label="周期"></el-table-column>
+        <el-table-column prop="Name" label="名称"></el-table-column>
+        <el-table-column prop="SumPrice" label="人头奖励总金额"> </el-table-column>
+
+        <el-table-column prop="FrIdList" label="财务单据">
+          <template slot-scope="scope">
+
+
+          </template>
+        </el-table-column>
+        <el-table-column prop="CreateByName" label="创建人"> </el-table-column>
+        <el-table-column prop="CreateTime" label="创建时间"> </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <div class="_icon_btn">
+              <el-tooltip class="item" effect="dark" content="查看" placement="top">
+                <i class="iconfont icon-sousuo" @click="goUrl(scope.row.Id)"></i>
+              </el-tooltip>
+              <el-tooltip class="item" effect="dark" content="制单" placement="top"  >
+                <i class="iconfont icon-add" ></i>
+              </el-tooltip>
+            </div>
+          </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='total'>
+        </el-pagination>
+      </div>
+    </template>
+  </div>
 </template>
 <script>
   import {
-    getSchoolDropdown
-  } from '../../../api/school/index'
-  
+    CreateEmpBonus,
+    queryPersonnelPeriodPage
+  } from '../../../api/finance/index'
+
   export default {
     meta: {
       title: "员工人头奖励"
     },
     props: {},
     components: {
-      selectTree
+
     },
     data() {
       return {
@@ -25,16 +75,32 @@
           PageIndex: 1,
           PageSize: 10,
         },
+        pageCount: 0,
+        total: 0,
+        dataList: {},
+        value2: "",
       }
     },
     created() {
       let userinfo = this.getLocalStorage();
     },
     mounted() {
-  
+      this.getList();
     },
     methods: {
-      
+      //生成提成
+      createBonus() {
+        console.log("value2", this.value2);
+      },
+      //获取分页列表
+      getList() {
+        queryPersonnelPeriodPage(this.msg).then(res => {
+          console.log("res", res);
+          this.dataList = res.Data.PageData
+          this.pageCount = res.Data.PageCount;
+          this.total = res.Data.Count;
+        });
+      }
     },
   }
 </script>