|
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/aid/css/aidesignicons-regular.css"><!-- 菜单使用字体图标 -->
<link rel="stylesheet" type="text/css" href="biz/lib/iconfont/iconfont.css"><!-- 菜单使用字体图标 -->
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/pages/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-main">
<div class="common-page-content">
<div class="index-head-block">
<div class="index-user ipu-flex-middle ipu-flex-justify-space">
<div class="index-user-warp ipu-flex">
<img src="temp/avater.png" alt="" class="index-user-avater">
<div class="index-user-content">
<div class="index-user-role">营业员</div>
<div class="index-user-name">刘鑫鑫(122345)</div>
</div>
</div>
<div class="to-edit-menu to-edit-menu-save">
<div class="icon"></div>
<div class="txt">保存</div>
</div>
<div class="to-edit-menu to-edit-menu-edit">
<div class="icon"></div>
<div class="txt">编辑</div>
</div>
</div>
</div>
<div class="ipu-carousel index-carousel">
<ul class="ipu-carousel-wrapper">
<li class=""><img src="temp/01.jpg" alt=""></li>
<li class=""><img src="temp/02.jpg" alt=""></li>
<li class=""><img src="temp/03.jpg" alt=""></li>
</ul>
</div>
<div class="index-menu-block">
<!-- 大菜单 字体图标方式
<ul class="index-menu-l ipu-fn-bd-b">
<li class="menu-item menu-item-crm">
<icon class="menu-item-icon iconfont-bg iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">CRM</div>
</li>
<li class="menu-item menu-item-xg">
<icon class="menu-item-icon iconfont-bg iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">晓格</div>
</li>
<li class="menu-item menu-item-esop">
<icon class="menu-item-icon iconfont-bg iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">ESOP</div>
</li>
<li class="menu-item menu-item-zsyyt">
<icon class="menu-item-icon iconfont-bg iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">掌上营业厅</div>
</li>
</ul> -->
<!-- 大菜单图片方式 -->
<ul class="index-menu-l index-menu-l-img ipu-fn-bd-b">
<li class="menu-item menu-item-crm">
<icon class="menu-item-icon"></icon>
<div class="ipu-fn-row menu-item-name">CRM</div>
</li>
<li class="menu-item menu-item-xg">
<icon class="menu-item-icon"></icon>
<div class="ipu-fn-row menu-item-name">晓格</div>
</li>
<li class="menu-item menu-item-esop">
<icon class="menu-item-icon"></icon>
<div class="ipu-fn-row menu-item-name">ESOP</div>
</li>
<li class="menu-item menu-item-zsyyt">
<icon class="menu-item-icon"></icon>
<div class="ipu-fn-row menu-item-name">掌上营业厅</div>
</li>
</ul>
<ul class="index-menu-s"><!-- 小菜单 -->
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-orange-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-green-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-red-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-blue-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon menu-empty"></icon>
<div class="ipu-fn-row menu-item-name">
</div>
</li>
</ul>
</div>
<div class="index-notice-block">
<div class="index-notice-head">
<div class="index-notice-title ipu-flex ipu-flex-justify-space">
<a href="javascript;">公告消息</a>
<div class="to-notice-list"></div>
</div>
<div class="index-notice-search ipu-flex-middle">
<div class="ipu-flex-grow-0 search-icon"></div>
<div class="ipu-flex-grow-1 search-input-wrap">
<input type="text" class="search-input" placeholder="请输入搜索消息内容">
</div>
</div>
</div>
<div class="index-notice-body">
<ul class="index-notice-list">
<li>
<a href="javascript:;">
<div class="ipu-fn-row notice-title">
2021年春节期间系统调整升级公告！
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="notice-tags">
<span class="notice-tag-item">图片</span>
<span class="notice-tag-item">PDF</span>
<span class="notice-tag-item">Word</span>
</div>
<div class="notice-date">
时间：2020.02.01
</div>
</div>
</a>
</li>
<li>
<a href="javascript:;">
<div class="ipu-fn-row notice-title">
2021年春节期间系统调整升级公告！
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div class="notice-tags">
<span class="notice-tag-item">图片</span>
<span class="notice-tag-item">PDF</span>
<span class="notice-tag-item">Word</span>
</div>
<div class="notice-date">
时间：2020.02.01
</div>
</div>
</a>
</li>
<li>
<a href="javascript:;">
<div class="ipu-fn-row notice-title">
2021年春节期间系统调整升级公告！
</div>
<div class="ipu-flex ipu-flex-justify-space ipu-flex-align-end notice-info">
<div class="notice-tags">
<span class="notice-tag-item">图片</span>
<span class="notice-tag-item">PDF</span>
<span class="notice-tag-item">Word</span>
</div>
<div class="notice-date">
时间：2020.02.01
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<!-- 菜单 -->
<li class="pages-menu">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar common-toolbar-color">
<h1 class="ipu-toolbar-title">菜单</h1>
</header>
</div>
<div class="ipu-flex-col-auto common-page-content">
<div class="category-menu-block category-menu-common">
<div class="category-menu-head">
常用
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-red-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-orange-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-blue-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon aid aid-alert-decagram aid-green-icon"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
<div class="category-menu-block">
<div class="category-menu-head">
业务类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
<div class="category-menu-block">
<div class="category-menu-head">
查询类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<!-- 我的-->
<li class="pages-my common-page-content">
<div class="pages-my-head">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">我的</h1>
</header>
<div class="ipu-flex-middle pages-my-userinfo ">
<img class="my-user-avater" src="./temp/avater.png">
<div class="my-user-detail">
<div class="my-user-name">
刘鑫鑫
<span class="my-user-role">(营业员)</span>
</div>
<div class="my-user-no">
工号122345
</div>
</div>
</div>
</div>
<div class="pages-my-body">
<div class="ipu-list my-action-list">
<ul>
<li>
<a href="javascript:;" class="ipu-list-item ipu-list-item-link action-item-device">
<div class="ipu-list-item-media">
<i class="action-icon"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">设备管理</div>
</div>
</a>
</li>
<li>
<a href="javascript:;" class="ipu-list-item ipu-list-item-link action-item-face-login">
<div class="ipu-list-item-media">
<i class="action-icon"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">刷脸注册</div>
</div>
</a>
</li>
<li>
<a href="javascript:;" class="ipu-list-item ipu-list-item-link action-item-suggest">
<div class="ipu-list-item-media">
<i class="action-icon"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">意见反馈</div>
</div>
</a>
</li>
<li>
<a href="javascript:;" class="ipu-list-item ipu-list-item-link action-item-about">
<div class="ipu-list-item-media">
<i class="action-icon"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">关于APP</div>
</div>
</a>
</li>
</ul>
</div>
<div class="btn-my-logout-wrap">
<div class="btn-my-logout">退出系统</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col">
<nav class="ipu-navbar">
<a class="ipu-navbar-item navbar-item-index " href="javascript:;">
<i class="nav-icon"></i>
<div class="ipu-navbar-item-label">首页</div>
</a>
<a class="ipu-navbar-item navbar-item-menu" href="javascript:;">
<i class="nav-icon"></i>
<div class="ipu-navbar-item-label">菜单</div>
</a>
<a class="ipu-navbar-item navbar-item-my" href="javascript:;">
<i class="nav-icon"></i>
<div class="ipu-navbar-item-label">我的</div>
</a>
</nav>
</div>
</div>
<!-- 首页编辑菜单弹框 -->
<div class="ipu-popup common-dialog-bottom menu-edit-dialog">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="dialog-head">
<i class="dialog-close"></i>
请选择要替换的业务
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto dialog-body">
<div class="category-menu-block">
<div class="category-menu-head">
业务类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item slt">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单业务菜单业务菜单
</div>
</li>
</ul>
</div>
</div>
<div class="category-menu-block">
<div class="category-menu-head">
查询类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
<div class="category-menu-block">
<div class="category-menu-head">
查询类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
<div class="category-menu-block">
<div class="category-menu-head">
查询类
</div>
<div class="category-menu-body">
<ul class="category-menu-list">
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-green"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-red"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-blue"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
<li class="menu-item">
<icon class="menu-item-icon iconfont-material icon-googlepages iconfont-orange"></icon>
<div class="ipu-fn-row menu-item-name">
业务菜单
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col">
<div class="common-btn-wrap">
<button class="ipu-btn common-btn menu-slt-confirm">确实</button>
</div>
</div>
</div>
</div>
</body>
</html>
|
