| | |
| | | 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"> |
| | |
| | | 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 { |