static

index.html 53KB

    <!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> </head> <body class="pages-index"> <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-home"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col"> <header class="ipu-toolbar"> <a class="ipu-fn-left notice-flag" href="javascript:;"> <i class="ipu-icon icon-notice "></i> <!-- 最大值为99,超出99了也只能写99,三位数值会超出宽度 --> <span class="notice-count ipu-fn-row">5</span> </a> <a class="ipu-fn-right" href="javascript:;"> <i class="ipu-icon icon-phone"></i> </a> <div class="toolbar-search-wrap"> <input type="text" class="search-input" placeholder="搜索常用功能"/> </div> </header> <div class="tab-head"> <div class="ipu-flex-block"> <div class="ipu-flex-grow-1"> <ul class="ipu-flex-tiled tab-titles"> <li class="current"> <a href="javascript:;">掌上监控</a> </li> <li> <a href="javascript:;">掌沃建设</a> </li> <li> <a href="javascript:;">掌沃装维</a> </li> <li> <a href="javascript:;">交维系统</a> </li> <li> <a href="javascript:;">掌沃装维1</a> </li> <li> <a href="javascript:;">交维系统2</a> </li> </ul> </div> <div class="ipu-flex-grow-0"> <div class="nav-more-icon"></div> </div> </div> </div> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="ipu-flex-content"> <ul class="tab-body"> <li> <div class="menu-list"> <div class="menu-remain"> <ul class=""> <li class="remain-sign"> <div class="gradul-orange"> <div class="menu-icon"> <span class="notice-count2 ipu-fn-row">5</span> </div> </div> <div class="ipu-fn-row menu-name"> 待签 </div> </li> <li class="remain-conduct"> <div class="gradul-red"> <div class="menu-icon"> <span class="notice-count2 ipu-fn-row">23</span> </div> </div> <div class="ipu-fn-row menu-name"> 待办 </div> </li> <li class="remain-read"> <div class="gradul-green"> <div class="menu-icon"> <span class="notice-count2 ipu-fn-row">7</span> </div> </div> <div class="ipu-fn-row menu-name"> 待阅 </div> </li> <li class="remain-know"> <div class="gradul-wathet"> <div class="menu-icon"> <span class="notice-count2 ipu-fn-row">3</span> </div> </div> <div class="ipu-fn-row menu-name"> 待知 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="user-statisitcs-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 个人统计 </div> <div class="more-logo"> </div> </div> <div class="statistics-list-under under-border"> <ul> <li> <div class="information-name"> 派单数<span class="number-style">1091</span> </div> </li> <li> <div class="information-name"> 超时率<span class="number-style">15%</span> </div> </li> <li> <div class="information-name"> 工单签收率<span class="number-style">95%</span> </div> </li> <li> <div class="information-name"> 签收及时率<span class="number-style" style="color: #75CA21">15%</span> </div> </li> <li> <div class="information-name"> 回单率<span class="number-style">90%</span> </div> </li> <li> <div class="information-name"> 未修先销率<span class="number-style">5%</span> </div> </li> </ul> </div> <div class="menu-list-over ipu-fn-clear"> <div class="department-statisitcs-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 部门统计 </div> <div class="more-logo"> </div> </div> <div class="statistics-list-under"> <ul> <li> <div class="information-name"> 派单数<span class="number-style">1091</span> </div> </li> <li> <div class="information-name"> 超时率<span class="number-style">15%</span> </div> </li> <li> <div class="information-name"> 工单签收率<span class="number-style">95%</span> </div> </li> <li> <div class="information-name"> 签收及时率<span class="number-style" style="color: #75CA21">15%</span> </div> </li> <li> <div class="information-name"> 回单率<span class="number-style">90%</span> </div> </li> <li> <div class="information-name"> 未修先销率<span class="number-style">5%</span> </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 常用菜单 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul class="common-menus-detail"> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待签 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人已办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人抄送 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知待阅 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知归档 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源扫描 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源查询 </div> </li> </ul> </div> </div> </li> <li> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="my-work-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 我的工作 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待签 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人已办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人抄送 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知待阅 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知归档 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源扫描 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源查询 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="work-order-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 工单专区 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待签 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人已办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人抄送 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知待阅 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知归档 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源扫描 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源查询 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 常用菜单 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待签 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人已办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人抄送 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知待阅 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知归档 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源扫描 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源查询 </div> </li> </ul> </div> </div> </li> <li> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="user-statisitcs-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 统计 </div> <div class="more-logo"> </div> </div> <div class="statistics-list-under under-border"> <ul> <li> <div class="information-name"> 到户率<span class="number-style">89%</span> </div> </li> <li> <div class="information-name"> 贴码率<span class="number-style">15%</span> </div> </li> <li> <div class="information-name"> 一次配合成功率<span class="number-style">95%</span> </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 待办任务 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <div class="remain-mission"> <div class="mission-logo"> <div class="mission-text">暂无待办任务 !</div> </div> </div> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 常用菜单 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 工单管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 测试方案管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> LOG日志管理 </div> </li> </ul> </div> </div> </li> <li> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="user-statisitcs-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 统计 </div> <div class="more-logo"> </div> </div> <div class="statistics-list-under under-border"> <ul> <li> <div class="information-name"> 到户率<span class="number-style">89%</span> </div> </li> <li> <div class="information-name"> 贴码率<span class="number-style">15%</span> </div> </li> <li> <div class="information-name"> 一次配合成功率<span class="number-style">95%</span> </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 待办任务 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <div class="remain-mission"> <div class="mission-logo"> <div class="mission-text">暂无待办任务 !</div> </div> </div> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 常用菜单 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待签 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 催单待办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人已办 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 个人抄送 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知待阅 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通知归档 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源扫描 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源查询 </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </div> </li> <!-- 应用 --> <li class="pages-app"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col"> <header class="ipu-toolbar"> <a class="ipu-fn-left notice-flag" href="javascript:;"> <i class="ipu-icon icon-notice "></i> <!-- 最大值为99,超出99了也只能写99,三位数值会超出宽度 --> <span class="notice-count ipu-fn-row">5</span> </a> <a class="ipu-fn-right" href="javascript:;"> <i class="ipu-icon icon-search"></i> </a> <h1 class="ipu-toolbar-title">应用</h1> </header> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="ipu-flex-content"> <div class="ipu-tab ipu-tab-fixed" id="tabFixed"> <ul class="ipu-tab-title ipu-tab-title-link"> <li class="">系统</li> <li class="">工具</li> </ul> <div class="ipu-tab-body"> <ul class="ipu-tab-body-wrapper"> <li class=""> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="safeguard-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 维护类 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 工单管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 资源管理 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="pay-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 交付类 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 号线管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 宽带管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通讯保障 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 应用 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="resources-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 资源类 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 设备管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 光线管理 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 号线保障 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 应用 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="intersection-dimension-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 交维类 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 视频指挥调度 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 文档管理系统 </div> </li> </ul> </div> </div> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="optimization-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 优化类 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 论坛 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通讯录 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 公告 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 文档下载 </div> </li> </ul> </div> </div> </li> <li class=""> <div class="menu-list"> <div class="menu-list-over ipu-fn-clear"> <div class="common-menus-logo"> <div class="menus-logo"> </div> </div> <div class="menus-name"> 常用菜单 </div> <div class="more-logo"> </div> </div> <div class="menu-list-under"> <ul> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 论坛 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 通讯录 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 公告 </div> </li> <li class=""> <div class="menu-icon"> </div> <div class="ipu-fn-row menu-name"> 文档下载 </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </li> <!-- 日历 --> <li class="pages-date"> 日历 </li> <!-- 我的 --> <li class="pages-my"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="ipu-flex-content"> <div class="page-content"> <div class="ipu-list ipu-list-media user-info-list"> <ul> <li class="ipu-list-item"> <div class="ipu-list-item-media"> <img class="user-circle" src="biz/img/myico.jpg" alt=""/> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title-row"> <div class="ipu-list-item-title"> <div class="user-name"> 刘鑫鑫(营业员) </div> </div> </div> <div class="ipu-list-item-subtitle"> <div class="user-staffNO user-name"> 13108407492 </div> </div> </div> <div class="ipu-list-item-after"> <i class="app-icon user-name iconfont-material icon-chevron-right"></i> </div> </li> </ul> </div> <div class="ipu-list ipu-list-block my-list-menu"> <ul> <li class="ipu-list-item link-item-sqtk"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-equal-box"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 应用设置 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-tksp"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-currency-usd"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 关于应用 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-ywtd"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-checkbox-marked-circle"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 密码设置 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-zj"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-gnome"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 提示音设置 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-ssmm"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-hand-pointing-right"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 服务中心 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> </ul> </div> <div class="ipu-list ipu-list-block my-list-menu"> <ul> <li class="ipu-list-item link-item-yjfk"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-comment-processing"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 意见反馈 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-bz"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-book-open-page-variant"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 帮助 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> <li class="ipu-list-item link-item-gywm"> <div class="ipu-list-item-media"> <i class="app-icon iconfont-color iconfont-material icon-account-multiple"></i> </div> <div class="ipu-list-item-inner"> <div class="ipu-list-item-title"> 关于我们 </div> </div> <div class="ipu-list-item-after"> <i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i> </div> </li> </ul> </div> <button class="ipu-btn btn-logout ipu-fn-bd-t ipu-fn-bd-b">退出登录</button> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="ipu-flex-col"> <nav class="ipu-navbar"> <a class="ipu-navbar-item" href="javascript:;"> <i class="ipu-icon icon-home"></i> <div class="ipu-navbar-item-label">首页</div> </a> <a class="ipu-navbar-item" href="javascript:;"> <i class="ipu-icon icon-app"></i> <div class="ipu-navbar-item-label">应用</div> </a> <a class="ipu-navbar-item" href="javascript:;"> <i class="ipu-icon icon-date"></i> <div class="ipu-navbar-item-label">日历</div> </a> <a class="ipu-navbar-item" href="javascript:;"> <i class="ipu-icon icon-my"></i> <div class="ipu-navbar-item-label">我的</div> </a> </nav> </div> </div> <div class="phone-action-list"> <ul> <li>操作1</li> <li>操作2</li> <li>操作3</li> </ul> </div> </body> </html>