|
<!doctype html>
<html>
<head>
<title>首页</title>
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/index.js"></script>
<script src="biz/js/mine.js"></script>
</head>
<body class="pages-index">
<div class="common-pages">
<div class="common-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="ipu-nav-content">
<ul>
<!-- 主页 -->
<li class="pages-index-home">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="home-head">
<div class="home-title">
和随销
<div class="home-sys-notice-flag">
<div class="home-sys-notice-count">5</div>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="common-page-content">
<!-- 用户信息 -->
<div class="home-block home-user-info ipu-flex">
<div class="user-info-wrap ipu-flex-grow-1">
<div class="home-user-welcome">
你好，<span>赵小明</span>
</div>
<div class="home-user-motto ipu-fn-row">
今天的奋斗是为了更好的明天
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-user-img" alt=""/>
</div>
<!-- 订单概览 -->
<div class="home-block home-order-overview">
<div class="home-order-overview-head ipu-flex">
<div class="home-order-overview-head-left ipu-flex-grow-1">
<div class="home-order-head-wrap">
<ul class="home-order-overview-tab">
<li class="current" data-type="bydd">
保养订单
<div class="order-newmsg-count">28</div>
</li>
<li data-type="zxby">
电话报修
<div class="order-newmsg-count">1</div>
</li>
<li data-type="bydd">
新装订单
<div class="order-newmsg-count">28</div>
</li>
<li data-type="zxby">
电话报修
<div class="order-newmsg-count">1</div>
</li>
</ul>
</div>
</div>
<div class="home-order-overview-head-right">
<div class="home-order-time-type">
本月
</div>
</div>
</div>
<div class="home-order-overview-body">
<ul class="">
<li>
<ul class="home-order-count-info">
<!-- 本月概览 -->
<div class="ipu-flex">
<div class="home-order-count-wrap ipu-flex-grow-1 ipu-flex ipu-flex-justify-space">
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-todo">
26
</div>
<div class="home-order-count-type">
待完成
</div>
</div>
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-total">
100
</div>
<div class="home-order-count-type">
<span class="home-order-time-now">本月</span>任务量
</div>
</div>
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-done">
74
</div>
<div class="home-order-count-type">
已完成
</div>
</div>
</div>
<div class="home-order-chart-wrap ipu-flex-grow-0">
<div class="home-order-chart"></div>
</div>
</div>
</ul>
</li>
</ul>
</div>
</div>
<!-- 排行榜 -->
<div class="home-block home-order-rank">
<!-- 标题区 -->
<div class="home-block-head">
<div class="home-block-head-wrap">
<div class="home-rank-user-medal"></div>
<div class="home-block-title-wrap">
<div class="home-block-title">排行榜</div>
<a class="home-rank-link-more">
查看更多<span class="home-rank-link-flag"></span>
</a>
</div>
</div>
<!-- 排行订单类型切换 -->
<ul class="home-rank-type-tab">
<li class="current">
<a href="javascript:;">完成订单量</a>
</li>
<li>
<a href="javascript:;">成功量</a>
</li>
<li>
<a href="javascript:;">好评率</a>
</li>
</ul>
</div>
<div class="home-block-body">
<!-- 排行订单排行榜 -->
<ul class="home-rank-list">
<!-- 完成订单量 -->
<li class="home-rank-item current">
<!-- 排行榜时间切换 -->
<ul class="home-rank-time-tab">
<li class="current">
<a href="javascript:;">本月</a>
</li>
<li>
<a href="javascript:;">上月</a>
</li>
<li>
<a href="javascript:;">总榜</a>
</li>
</ul>
<!-- 排行榜列表 -->
<ul class="home-rank-item-time">
<!-- 本月 -->
<li class="current">
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">本月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月订单</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 上月 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">上月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月订单</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 总榜 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">总订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总订单</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总订单</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</li>
<!-- 成功量 -->
<li class="home-rank-item">
<!-- 排行榜时间切换 -->
<ul class="home-rank-time-tab">
<li class="current">
<a href="javascript:;">本月</a>
</li>
<li>
<a href="javascript:;">上月</a>
</li>
<li>
<a href="javascript:;">总榜</a>
</li>
</ul>
<!-- 排行榜列表 -->
<ul class="home-rank-item-time">
<!-- 本月 -->
<li class="current">
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">本月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">本月成功量</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 上月 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">上月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">上月成功量</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 总榜 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92</div>
<div class="home-rank-user-order-label">总成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总成功量</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78</div>
<div class="home-rank-user-order-label">总成功量</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</li>
<!-- 好评率 -->
<li class="home-rank-item">
<!-- 排行榜时间切换 -->
<ul class="home-rank-time-tab">
<li class="current">
<a href="javascript:;">本月</a>
</li>
<li>
<a href="javascript:;">上月</a>
</li>
<li>
<a href="javascript:;">总榜</a>
</li>
</ul>
<!-- 排行榜列表 -->
<ul class="home-rank-item-time">
<!-- 本月 -->
<li class="current">
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92%</div>
<div class="home-rank-user-order-label">本月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">本月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">本月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">本月好评率</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 上月 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92%</div>
<div class="home-rank-user-order-label">上月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">上月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">上月好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">上月好评率</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<!-- 总榜 -->
<li>
<div class="ipu-list">
<ul>
<li class="ipu-list-item home-rank-medal-first">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
李**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
蜀山区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">92%</div>
<div class="home-rank-user-order-label">总好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-second">
<div class="ipu-list-item-inner">
<div class="home-rank-medal"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
赵**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">总好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-third">
<div class="ipu-list-item-inner">
<div class="home-rank-medal home-rank-medal-first"></div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">总好评率</div>
</div>
</div>
</div>
</li>
<li class="ipu-list-item home-rank-medal-my">
<div class="ipu-list-item-inner">
<div class="home-rank-my-rank">
<div class="home-rank-my-rank-wrap">
<div class="home-rank-my-rank-label">我的</div>
<div class="home-rank-my-rank-no">22</div>
</div>
</div>
<img src="temp/img/user-avatar.png" class="home-rank-user-img" alt=""/>
<div class="ipu-list-item-title">
<div class="home-rank-user-info">
<div class="home-rank-user-info-wrap">
<span class="home-rank-user-name">
王**
</span>
<span class="home-rank-user-phoneno">
135****1111
</span>
</div>
<div class="home-rank-user-address ipu-fn-row">
庐阳区庐南营销部
</div>
</div>
</div>
<div class="home-rank-user-order">
<div class="home-rank-user-order-wrap">
<div class="home-rank-user-order-count">78%</div>
<div class="home-rank-user-order-label">总好评率</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 任务 -->
<li class="pages-index-task">
任务页面
</li>
<!-- 学院 -->
<!-- 暂不显示
<li class="pages-index-college">
</li>
-->
<!-- 我的 -->
<li class="pages-index-my pages-mine">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col personal-top-info">
<div class="ipu-flex">
<div class="ipu-flex-col-auto mine-title">个人中心</div>
<div class="mine-message">
<div class="mine-message-tip">6</div>
</div>
</div>
<div class="personal-info">
<img class="user-avatar" src="temp/img/user-avatar.png" alt=""/>
<div class="user-detail">
<div class="userAccount">赵小明 zhao123</div>
<div class="phone">13900100015</div>
<div class="address">合肥市蜀山区井岗营销部</div>
</div>
</div>
<div class="home-block home-order-overview margin-top-1">
<div class="home-order-overview-head ipu-flex">
<div class="home-order-overview-head-left ipu-flex-grow-1">
<div class="home-order-head-wrap">
<ul class="home-order-overview-tab">
<li class="current" data-type="bydd">
保养订单
<div class="order-newmsg-count">28</div>
</li>
<li data-type="zxby">
电话报修
<div class="order-newmsg-count">1</div>
</li>
<li data-type="bydd">
保养订单
<div class="order-newmsg-count">28</div>
</li>
<li data-type="zxby">
电话报修
<div class="order-newmsg-count">1</div>
</li>
</ul>
</div>
</div>
<div class="home-order-overview-head-right">
<div class="home-order-time-type">本月</div>
</div>
</div>
<div class="home-order-overview-body">
<ul class="">
<li>
<ul class="home-order-count-info">
<!-- 本月概览 -->
<div class="ipu-flex">
<div class="home-order-count-wrap ipu-flex-grow-1 ipu-flex ipu-flex-justify-space">
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-todo">24</div>
<div class="home-order-count-type">
待完成
</div>
</div>
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-total">100</div>
<div class="home-order-count-type">
<span class="home-order-time-now">本月</span>任务量
</div>
</div>
<div class="home-order-count ">
<div class="home-order-count-num home-order-count-num-done">76</div>
<div class="home-order-count-type">
已完成
</div>
</div>
</div>
<div class="home-order-chart-wrap ipu-flex-grow-0">
<div class="home-order-chart" _echarts_instance_="ec_1562310250034" style="-webkit-tap-highlight-color: transparent; user-select: none;"><div style="position: relative; overflow: hidden; width: 67px; height: 67px; padding: 0px; margin: 0px; border-width: 0px;"><canvas data-zr-dom-id="zr_0" width="134" height="134" style="position: absolute; left: 0px; top: 0px; width: 67px; height: 67px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div></div>
</div>
</div>
</ul>
</li>
</ul>
</div>
</div>
<div class="personal-menu">
<ul>
<li class="ranking-list">
<a href="javascript:;">
<div class="menu-icon "></div>
<div class="ipu-fn-row menu-name">
排行榜
</div>
</a>
</li>
<li class="my-report">
<a href="javascript:;">
<div class="menu-icon "></div>
<div class="ipu-fn-row menu-name">
我的报表
</div>
</a>
</li>
<!--<li class="my-commission">-->
<!--<a href="javascript:;">-->
<!--<div class="menu-icon "></div>-->
<!--<div class="ipu-fn-row menu-name">-->
<!--我的佣金-->
<!--</div>-->
<!--</a>-->
<!--</li>-->
<li class="common-tools">
<a href="javascript:;">
<div class="menu-icon "></div>
<div class="ipu-fn-row menu-name">
常用工具
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="accountAndSafe">账号与安全</div>
<div class="ipu-fn-clear common-link-text">
<div class="text">信息修改</div>
<div class="arrow"></div>
</div>
<div class="ipu-fn-clear common-link-text margin-top-2">
<div class="text">密码修改</div>
<div class="arrow"></div>
</div>
<!--<div class="ipu-fn-clear common-link-text margin-top-17">-->
<!--<div class="text">额外任务</div>-->
<!--<div class="switch-on"></div>-->
<!--</div>-->
<!--<div class="ipu-fn-clear common-link-text margin-top-26">-->
<!--<div class="text">我的报表</div>-->
<!--<div class="arrow"></div>-->
<!--</div>-->
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部导航切换 -->
<div class="ipu-flex-col">
<nav class="ipu-navbar">
<a class="ipu-navbar-item navbar-item-home" href="javascript:;">
<div class="navbar-item-icon"></div>
<div class="ipu-navbar-item-label">首页</div>
</a>
<a class="ipu-navbar-item navbar-item-task" href="javascript:;">
<div class="navbar-item-icon"></div>
<div class="ipu-navbar-item-label">任务</div>
</a>
<!--
<a class="ipu-navbar-item navbar-item-college" href="javascript:;">
<div class="navbar-item-icon"></div>
<div class="ipu-navbar-item-label">学院</div>
</a>
-->
<a class="ipu-navbar-item navbar-item-my" href="javascript:;">
<div class="navbar-item-icon"></div>
<div class="ipu-navbar-item-label">我的</div>
</a>
</nav>
</div>
</div>
</div>
<div class="common-poppage common-poppage-vertical common-poppage-timeslt">
<div class="common-poppage-vertical-wrap">
<div class="home-order-time-slt">
<div class="home-order-time-list">
<div class="home-order-time-item current" data-type="month">
本月
</div>
<div class="home-order-time-item" data-type="total">
全部
</div>
</div>
<button class="home-time-slt-confirm">确认</button>
</div>
</div>
</div>
</div>
</body>
</html>
|
