|  |  | 
 |  |  |             margin-left: 4px; | 
 |  |  |             line-height: 32px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .testColorBlack{ | 
 |  |  |             color: black; | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  |  | 
 |  |  | 
 |  |  | <div class="layui-fluid"> | 
 |  |  |     <div class="layui-row layui-col-space15"> | 
 |  |  |  | 
 |  |  |         <div class="layui-col-xs12 layui-col-md8"> | 
 |  |  |         <div class="layui-col-xs12 layui-col-md8" > | 
 |  |  |             <div class="layui-card" style=""> | 
 |  |  |                 <div class="layui-card-header">团队活动实时交易情况</div> | 
 |  |  |                 <div class="layui-card-body" style="padding-bottom: 20px;"> | 
 |  |  |                 <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">团队活动实时交易情况</div> | 
 |  |  |                 <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D"> | 
 |  |  |                     <div class="layui-row"> | 
 |  |  |                         <div>团队数据</div> | 
 |  |  |                         <div class="testColorBlack">团队数据</div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">年度销售目标</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack" >年度销售目标</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="companyYearTarget">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">已完成销售任务</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">已完成销售任务</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="companySuccess">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">未完成销售任务</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">未完成销售任务</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="companyProgress">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">完成率</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">完成率</div> | 
 |  |  |                             <div class="numberInfoValue"><span id="companyRate">92</span>%</div> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <div class="layui-card" style=""> | 
 |  |  |                 <div class="layui-card-header">实时销售情况</div> | 
 |  |  |                 <div class="layui-card-body" style="padding-bottom: 20px;"> | 
 |  |  |             <div class="layui-card" style="background-color: #ffffff"> | 
 |  |  |                 <div class="layui-card-header testColorBlack" style="background-color: #FFFA1C1C">实时销售情况</div> | 
 |  |  |                 <div class="layui-card-body" style="padding-bottom: 20px;background-color: #FFC6A02D"> | 
 |  |  |                     <div class="layui-row"> | 
 |  |  |                         <div>个人数据</div> | 
 |  |  |                         <div class="testColorBlack">个人数据</div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">年度销售目标</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">年度销售目标</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="personYearTarget">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">已完成销售任务</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">已完成销售任务</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="personSuccess">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">未完成销售任务</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">未完成销售任务</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="personProgress">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">完成率</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">完成率</div> | 
 |  |  |                             <div class="numberInfoValue"><span id="personRate">92</span>%</div> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="layui-row" style="margin-top: 40px;"> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">跟踪项目数量</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">跟踪项目数量</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <a href="#" id="openProgress" style="color: #1E9FFF"><span id="progressCount">124</span><em class="numberInfoSuffix">个</em></a> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">跟踪项目金额</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">跟踪项目金额</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="progressMoney">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">成交项目数量</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">成交项目数量</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <a href="#" id="openSuccess" style="color: #1E9FFF"><span id="successCount">121</span><em class="numberInfoSuffix">个</em></a> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="layui-col-xs12 layui-col-sm6 layui-col-lg3 text-center"> | 
 |  |  |                             <div class="numberInfoSubTitle">成交项目金额</div> | 
 |  |  |                             <div class="numberInfoSubTitle testColorBlack">成交项目金额</div> | 
 |  |  |                             <div class="numberInfoValue"> | 
 |  |  |                                 <span id="successMoney">124,543,233</span><em class="numberInfoSuffix">万元</em> | 
 |  |  |                             </div> | 
 |  |  | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <div class="layui-col-xs12 layui-col-md4"> | 
 |  |  |             <div class="layui-card" style="height: 403px;overflow: hidden;"> | 
 |  |  |             <div class="layui-card" style="height: 403px;overflow: hidden;background-color: #FFFA1C1C;height: 438px"> | 
 |  |  |                 <div class="layui-card-header" style="display: flex;justify-content: space-between;"> | 
 |  |  |                     <div>公司公告</div> | 
 |  |  |                     <div><a href="#" id="openCompanyPost" style="color: #1E9FFF">查看更多>></a></div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="layui-card-body" id="companyPostId"> | 
 |  |  |                 <div class="layui-card-body" id="companyPostId" style="background-color: #FFC6A02D"> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |  | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |         <div class="layui-col-xs12"> | 
 |  |  | 
 |  |  |                 $("#personRate").text(res.data.yearTransactionRate) | 
 |  |  |                 $("#progressCount").text(res.data.progressCount) | 
 |  |  |                 $("#successCount").text(res.data.successCount) | 
 |  |  |                 $("#progressMoney").text(res.data.progressMoney) | 
 |  |  |                 $("#progressMoney").text(res.data.progressMoney2) | 
 |  |  |                 $("#successMoney").text(res.data.successMoney) | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  | 
 |  |  |             success: function (res) { | 
 |  |  |                 let data = res.data | 
 |  |  |                 for (var i = 0; i < data.length; i++) { | 
 |  |  |                     let div = "<tr>"; | 
 |  |  |                     let div = ""; | 
 |  |  |                     if (i==0){ | 
 |  |  |                         div += "<tr style='color: red'>"; | 
 |  |  |                     }else if (i==1){ | 
 |  |  |                         div += "<tr style='color: blueviolet'>"; | 
 |  |  |                     }else if (i==2){ | 
 |  |  |                         div += "<tr style='color: #0181ee'>"; | 
 |  |  |                     }else { | 
 |  |  |                         div += "<tr>"; | 
 |  |  |                     } | 
 |  |  |                     if (i < 3) { | 
 |  |  |                         div += "<td><span class='layui-badge layui-bg-cyan'>" + (i+1) + "</span></td>" | 
 |  |  |                     }else { |