加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 4.87 KB
一键复制 编辑 原始数据 按行查看 历史
故园 提交于 2021-03-16 12:19 . 代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>页面一</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/mybody.css"/>
</head>
<body>
<nav class="navbar navbar-default " style="margin-bottom: 0;" role="navigation">
<!-- 导航栏头部 -->
<div class="navbar-header" id="d3" style="padding-bottom: 10px;">
<!-- 导航栏响应式按钮 -->
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- 导航栏标题 -->
<a class="navbar-brand " href="#">重庆鑫金川</a>
</div>
<!-- 导航栏状态管理状态 -->
<ul class="visiblelg-none nav navbar-nav navbar-right mynav" >
<li><a href="#"><span class="glyphicon glyphicon-off"></span> 退出</a></li>
</ul>
<!-- 用于切换的相适应状态栏 -->
<div class="collapse navbar-collapse " id="example-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">订单管理</a></li>
<li><a href="#">财富管理</a></li>
<li><a href="#">客户管理</a></li>
<li><a href="#">客服中心</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
详情信息<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>豪迈佳型材采购</li>
<li>功能1</li>
<li>功能1</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- 内容 -->
<div class="mypage" id='mypage'>
<!-- 功能选区 -->
<div class="func">
<div class="btn-group" >
<button type="button" class="btn btn-default" onclick="login()"><span class="glyphicon glyphicon-search"></span>查询</button>
<button type="button" class="btn btn-default" onclick="href_3()"><span class="glyphicon glyphicon-plus"></span>新增</button>
<button type="button" class="btn btn-default print"><span class="glyphicon glyphicon-print"></span>预算单打印</button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-road"></span>审核</button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span>确认单</button>
<button type="button" class="btn btn-default" onclick="dele_all()"><span class="glyphicon glyphicon-trash"></span>删除</button>
</div>
<hr style="margin-top:10px ;margin-bottom: 6px;">
<div class="func-body">
<div class="form-group">
<label for="name">开始:</label>
<input type="date" class="form-control firstdate" value="2021-01-06">
</div>
<div class="form-group">
<label for="name">结束:</label>
<input type="date" class="form-control lastdate" value="2021-02-14">
</div>
<div class="my_static" >
<span >订单状态:</span>
<select >
<option value=""></option>
<option value="">1</option>
<option value="">2</option>
</select>
</div>
<div class="form-group">
<label for="name">订单号:</label>
<input type="text" class="form-control" >
</div>
</div>
</div>
<!-- 表格区域一号区域 -->
<div class="d_body">
<div id="d1">
</div>
<!-- 表格区域二号区域 -->
<div id="d2">
</div>
</div>
</div>
<!-- 锚点回到主页面 -->
<a class="mao" href="#d3">
<span class="glyphicon glyphicon-circle-arrow-up" style="color: rgb(124, 124, 124);font-size: 36px;"></span>
<a>
<!-- 手机端底部按钮 -->
<div class="btn_app">
<div onclick="show(0)"><img src="./img/首页.png" alt=""><span>首页</span></div>
<div onclick="show(1)"><img src="./img/采购订单.png" alt=""><span>订单</span></div>
<div onclick="show(2)"><img src="./img/我的.png" alt=""><span>我的</span></div>
</div>
<!-- 通用表单 -->
<div id="d5"></div>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="./js/mybody.js"></script>
<script type="text/javascript" src="./js/mybody_table.js"></script>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化