no message

src/components/dev/payroll.vue

+<template>
+    <div class="payroll-box customerManage">
+        <div class="tools">
+            <!-- <h1>订单管理</h1> -->
+            <div class="rightmenu">
+                <!-- <el-button size="mini" type="primary" @click="downLoadExcel">导出</el-button> -->
+            </div>
+        </div>
+        <div class="query-box">
+            <el-row :gutter="20">
+                <el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
+                    <span class="font-size-12" style="padding-right: 10px;flex-shrink: 0;">期数：</span>
+                    <el-select size="mini" width="200" v-model="msg.PeriodsId" placeholder="请选择"
+                        @change="getList">
+                        <el-option label="不限" :value="-1"></el-option>
+                        <el-option v-for="item in PeroidsList" :key="item.Id" :label="item.Periods"
+                            :value="item.Id"></el-option>
+                    </el-select>
+                </el-col>
+            </el-row>
+        </div>
+        <div class="page-content">
+            <el-table v-loading="loading" stripe ref="multipleTable" :data="dataList" tooltip-effect="dark"
+                style="width: 100%" :height="dataList.length > 0 ? '600' : '660'" row-class-name="font-size-12">
+                <el-table-column label="期数">
+                    <template slot-scope="scope">
+                    {{scope.row.Month}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="总利润">
+                    <template slot-scope="scope">
+                    {{scope.row.ProfitMoney}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="引流数量">
+                    <template slot-scope="scope">
+                    {{scope.row.LureNum}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="工资规则">
+                    <template slot-scope="scope">
+                        {{scope.row.WageType!=1?'上季度定档':'新员工比例'}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="本次提成比例">
+                    <template slot-scope="scope">
+                    {{scope.row.CommissionRate?scope.row.CommissionRate+'%':'-'}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="提成金额">
+                    <template slot-scope="scope">
+                    {{scope.row.Commission}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="基本工资">
+                    <template slot-scope="scope">
+                    {{scope.row.WageMoney}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="当月年终奖励">
+                    <template slot-scope="scope">
+                    {{scope.row.BonusMoney}}
+                    </template>
+                </el-table-column>
+                <el-table-column label="累计年终奖励">
+                    <template slot-scope="scope">
+                    {{scope.row.TotalBonus}}
+                    </template>
+                </el-table-column>
+                
+                <el-table-column label="备注" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                    {{scope.row.Remark}}
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div v-if="total>0">
+            <el-pagination class="Mypagination" background @current-change="handleCurrentChange"
+                :page-sizes="[10, 30, 60, 90, 100]" :page-size="msg.pageSize" layout="total, sizes, prev, pager, next"
+                @size-change="handleSizeChange" :total="total">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                loading:false,
+                PeroidsList: [],
+                titleList:[
+                    {name:'不限',id:'-1'},
+                    {name:'引流规则',id:'2'},
+                    {name:'销售规则',id:'1'}
+                ],
+                dataList:[],
+                total:0,
+                msg: {
+                    pageIndex: 1,
+                    pageSize: 10,
+                    PeriodsId: -1
+                },
+            }
+        },
+        mounted() {
+            this.getList()
+            this.GetCommissionPeroidsList()
+        },
+        methods: {
+            GetCommissionPeroidsList() { //期数下拉
+                this.apipost(
+                    "/api/Commission/GetCommissionPeroidsList",{},res => {
+                    if (res.data.resultCode == 1) {
+                        this.PeroidsList = res.data.data;
+                    } else {
+                        this.Error(res.data.message);
+                    }
+                    }
+                );
+            },
+            // 获取订单列表
+            getList() {
+                this.loading = true;
+                this.apipost(
+                    "/api/Commission/GetMyCommissionPageList",
+                    this.msg,
+                    (res) => {
+                        if (res.data.resultCode == 1) {
+                            this.loading = false
+                            this.dataList = res.data.data.pageData
+                            this.total = res.data.data.count;
+                        }else{
+                            this.loading = false
+                            this.$message.error(res.data.message);
+                        }
+                    })
+            },
+            handleSizeChange(val) {
+                this.msg.pageSize = val;
+                this.getList();
+            },
+            handleCurrentChange(val) {
+                this.msg.pageIndex = val;
+                this.getList();
+            },
+        }
+    }
+</script>
+
+<style>
+    
+</style>
\ No newline at end of file