no message

src/components/dev/payroll.vue

@@ -7,7 +7,7 @@
             </div>
         </div>
         <div class="query-box">
-            <el-row :gutter="20">
+            <el-row :gutter="20" style="position: relative;">
                 <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="请选择"
@@ -17,6 +17,35 @@
                             :value="item.Id"></el-option>
                     </el-select>
                 </el-col>
+                <el-col :xs="13" :sm="14" :md="15" :lg="16" :xl="17" v-if="PredictData.State==1">
+                    <div style="text-align: right;position: absolute;right: 20px;top: 0;font-size: 14px;">
+                        {{PredictData.EmpType==1?'当月预期利润':'当月预期引流数量'}}
+                        <template v-if="PredictData.EmpType==1">
+                            <span style="font-size: 16px;" :style="{'color':PredictData.OrderProfit>PredictData.LimitMoney?'red':'green'}">{{PredictData.OrderProfit}}</span>
+                            <template v-if="PredictData.LimitMoney>0">
+                                <span style="font-size: 16px;"> /</span>
+                                <span style="font-size: 16px;">
+                                {{PredictData.LimitMoney}}
+                                </span> 
+                            </template>
+                            <span style="color: red;margin-left: 5px;" v-if="PredictData.LimitMoney>0&&PredictData.LimitMoney>PredictData.OrderProfit">
+                                目标未达成仍需努力
+                            </span>
+                        </template>
+                        <template v-else>
+                            <span style="font-size: 16px;" :style="{'color':PredictData.LimitNum>PredictData.LureNum?'red':'green'}">{{PredictData.LimitNum}}</span>
+                            <template v-if="PredictData.LureNum>0">
+                                <span style="font-size: 16px;"> /</span>
+                                <span style="font-size: 16px;">
+                                {{PredictData.LureNum}}
+                                </span> 
+                            </template>
+                            <span style="color: red;margin-left: 5px;font-size: 14px;" v-if="PredictData.LureNum>0&&PredictData.LureNum>PredictData.LimitNum">
+                                目标未达成仍需努力
+                            </span>
+                        </template>
+                    </div>
+                </el-col>
             </el-row>
         </div>
         <div class="page-content">
@@ -175,6 +204,7 @@
                     'rgba(196,60,141,1)',
                     'rgba(195,90,141,1)',
                 ],
+                PredictData:{}
             }
         },
         mounted() {
@@ -184,8 +214,21 @@
             this.MsgBus.$on("closeaddContacts", function() {
                 $this.commissionPopUpVisible = false;
             });
+            this.getMyCommissionMonthPredict()
         },
         methods: {
+            getMyCommissionMonthPredict(){
+                this.apipost(
+                "/api/commission/GetMyCommissionMonthPredict", { },
+                    (res) => {
+                        if (res.data.resultCode == 1) {
+                            this.PredictData = res.data.data
+                            console.log(this.PredictData,'---')
+                        }
+                    },
+                    (err) => {}
+                );
+            },
             // 提成详情
             commissionDetails(item){
                 this.parameters = item