<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Vetra | E-Commerce HTML Admin Dashboard Template </title>
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="static/css/css2.css" rel="stylesheet">
<!-- Bootstrap icons -->
<link rel="stylesheet" href="static/css/bootstrap-icons.min.css" type="text/css">
<!-- Bootstrap Docs -->
<link rel="stylesheet" href="static/css/bootstrap-docs.css" type="text/css">
<!-- Slick -->
<link rel="stylesheet" href="static/css/slick.css" type="text/css">
<!-- Main style file -->
<link rel="stylesheet" href="static/css/app.min.css" type="text/css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- menu -->
<div class="menu">
<div class="menu-header">
<a href="" class="menu-header-logo">
<img src="static/picture/logo.svg" alt="logo">
</a>
<a href="" class="btn btn-sm menu-close-btn">
<i class="bi bi-x"></i>
</a>
</div>
<div class="menu-body">
<div class="dropdown">
<a href="#" class="d-flex align-items-center" data-bs-toggle="dropdown">
<div class="avatar me-3">
<img src="static/picture/man_avatar3.jpg" class="rounded-circle" alt="image">
</div>
<div>
<div class="fw-bold">无敌暴龙神</div>
<small class="text-muted">销售经理</small>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="" class="dropdown-item d-flex align-items-center">
<i class="bi bi-person dropdown-item-icon"></i> 头像
</a>
<a href="" class="dropdown-item d-flex align-items-center">
<i class="bi bi-envelope dropdown-item-icon"></i> 修改个人信息
</a>
<a href="login.html" class="dropdown-item d-flex align-items-center text-danger" target="_blank">
<i class="bi bi-box-arrow-right dropdown-item-icon"></i> 退出
</a>
</div>
</div>
<ul>
<li class="menu-divider">这个人很懒,什么都没有留下。</li>
<li>
<a href="index.html">
<span class="nav-link-icon">
<i class="bi bi-bar-chart"></i>
</span>
<span>订单管理</span>
</a>
</li>
<li>
<a href="#">
<span class="nav-link-icon">
<i class="bi bi-receipt"></i>
</span>
<span>生产管理</span>
</a>
<ul>
<li>
<a href="ShengChan_list.html">生产任务总览</a>
</li>
<li>
<a href="ShengChan_jindu.html">生产进度</a>
</li>
<li>
<a class="active" href="ShengChan_yuanliao.html">生产原料管理</a>
</li>
<li>
<a href="ShengChan_caigou.html">原料采购</a>
</li>
<li>
<a href="ShengChan_ruku.html">成品入库</a>
</li>
</ul>
</li>
<li>
<a href="#">
<span class="nav-link-icon">
<i class="bi bi-receipt"></i>
</span>
<span>仓库管理</span>
</a>
<ul>
<li>
<a class="" href="">List</a>
</li>
<li>
<a href="">Detail</a>
</li>
</ul>
</li>
<li>
<a href="#">
<span class="nav-link-icon">
<i class="bi bi-truck"></i>
</span>
<span>财务管理</span>
</a>
<ul>
<li>
<a href="">List
View</a>
</li>
<li>
<a href="">Grid
View</a>
</li>
<li>
<a href="">Product Detail</a>
</li>
<li>
<a href="">Shopping
Cart</a>
</li>
<li>
<a href="">Checkout</a>
</li>
</ul>
</li>
<li>
<a href="#">
<span class="">
<i class=""></i>
</span>
<span>Buyer</span>
</a>
<ul>
<li>
<a href="">Dashboard</a>
</li>
<li>
<a href="">Orders</a>
</li>
<li>
<a href="">Addresses</a>
</li>
<li>
<a href="">Wishlist</a>
</li>
</ul>
</li>
<li>
<a href="">
<span class="">
<i class=""></i>
</span>
<span>Customers</span>
</a>
</li>
</ul>
</div>
</div>
<!-- ./ menu -->
<!-- layout-wrapper -->
<div class="layout-wrapper">
<!-- header -->
<div class="header"></div>
<!-- ./ header -->
<!-- content -->
<div class="content ">
<!-- 搜索框 -->
<div class="card">
<div class="card-body">
<div class="d-md-flex">
<div class="d-md-flex gap-4 align-items-center">
<form class="mb-3 mb-md-0">
<div class="row g-3">
<div class="col-md-3">
<select class="form-select">
<option>Sort by</option>
<option value="desc">Desc</option>
<option value="asc">Asc</option>
</select>
</div>
<div class="col-md-3">
<select class="form-select">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
</div>
<div class="col-md-6">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<button class="btn btn-outline-light" type="button">
<i class="bi bi-search"></i>
</button>
</div>
</div>
</div>
</form>
</div>
<div class="dropdown ms-auto">
<a href="#" data-bs-toggle="dropdown" class="btn btn-primary dropdown-toggle" aria-haspopup="true" aria-expanded="false">Actions</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="#" class="dropdown-item">Action</a>
<a href="#" class="dropdown-item">Another action</a>
<a href="#" class="dropdown-item">Something else here</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<h5> </h5>
<div class="card mb-4">
<div class="card-body">
<div class="d-flex gap-4 align-items-center" data-bs-toggle="collapse" aria-expanded="true" data-bs-target="#myOrders53211" role="button">
<div>ABCD</div>
<div>EFGH</div>
<div>IJKL</div>
<div class="bi bi-chevron-down ms-auto"></div>
</div>
<div class="collapse show" id="myOrders53211">
<hr class="mb-0">
<div class="table-responsive">
<table class="table table-custom mb-0">
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
<th>F</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
<td>fff</td>
</tr>
<tr></tr>
</tbody>
</table>
</div>
<div>Order number:#53211<button style="float:right;" type="button" class="btn btn-primary">Primary</button></div>
</div>
</div>
</div>
</div>
<!-- 翻页
<nav class="mt-5" aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav> -->
</div>
</div>
<!-- ./ content -->
</div>
<!-- ./ layout-wrapper -->
<!-- Bundle scripts -->
<script src="static/js/bundle.js"></script>
<!-- Apex chart -->
<script src="static/js/apexcharts.min.js"></script>
<!-- Slick -->
<script src="static/js/slick.min.js"></script>
<!-- Examples -->
<script src="static/js/dashboard.js"></script>
<!-- Main Javascript file -->
<script src="static/js/app.min.js"></script>
</body>
</html>
标签：总结,23.22,21,List,Detail,Dashboard,View From： https://www.cnblogs.com/laobing6214/p/17846501.html