123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>商品管理</title>
- <!-- Tell the browser to be responsive to screen width -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
- <!-- Ionicons -->
- <link rel="stylesheet" href="dist/css/ionicons.min.css">
- <!-- DataTables -->
- <link rel="stylesheet" href="plugins/datatables/dataTables.bootstrap4.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="dist/css/adminlte.min.css">
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="dist/css/css.css">
- <link rel="stylesheet" href="dist/css/index.css">
- </head>
- <body class="hold-transition sidebar-mini">
- <div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="login.html" class="brand-link">
- <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
- <span class="brand-text font-weight-light">Admin</span>
- </a>
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
- <li class="nav-item has-treeview menu-open">
- <a href="index.html" class="nav-link active">
- <i class="nav-icon fa fa-table"></i>
- <p>商家管理<i class="fa fa-angle-right right"></i></p>
- </a>
- </li>
- <li class="nav-item has-treeview">
- <a href="personal.html" class="nav-link">
- <i class="nav-icon fa fa-user-circle"></i>
- <p>个人中心<i class="fa fa-angle-right right"></i></p>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.sidebar-menu -->
- </div>
- <!-- /.sidebar -->
- </aside>
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Main content -->
- <section class="content">
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">商品管理</h3>
- </div>
- <div class="card-body">
- <div class="tabelRearch">
- <form>
- <div class="form-row">
- <div class="col-md-5 mb-3 row">
- <label for="goodsNum" class="col-sm-4 col-form-label">商品货号</label>
- <div class="col-sm-8">
- <input type="text" class="form-control" id="goodsNum">
- </div>
- </div>
- <div class="col-md-1 mb-3"></div>
- <div class="col-md-5 mb-3 row">
- <label for="goodsName" class="col-sm-4 col-form-label">商品名称</label>
- <div class="col-sm-8">
- <input type="text" class="form-control" id="goodsName">
- </div>
- </div>
- <div class="col-md-1 mb-3">
- <button type="submit" class="btn btn-default">搜索</button>
- </div>
- </div>
- </form>
- </div>
- <table class="table table-bordered">
- <thead>
- <tr>
- <th>商品货号</th>
- <th>商品名称</th>
- <th>分类</th>
- <th>价格</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td width="15%">1234567890</td>
- <td width="45%">虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td width="15%">植物</td>
- <td width="15%">¥50.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- <tr>
- <td>1234567890</td>
- <td>虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td>植物</td>
- <td>¥150.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- <tr>
- <td>1234567890</td>
- <td>虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td>植物</td>
- <td>¥50.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- <tr>
- <td>1234567890</td>
- <td>虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td>植物</td>
- <td>¥50.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- <tr>
- <td>1234567890</td>
- <td>虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td>植物</td>
- <td>¥50.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- <tr>
- <td>1234567890</td>
- <td>虎皮兰花大金边盆栽净化空气室内长寿花卉办公桌琴叶榕树</td>
- <td>植物</td>
- <td>¥50.00</td>
- <td width="10%"><a href="edit.html"><button type="button" class="btn btn-primary">修改</button></a></td>
- </tr>
- </tbody>
- </table>
- <ul class="pagination right">
- <li class="page-item"><a class="page-link" href="#">上一页</a></li>
- <li class="page-item"><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="#">下一页</a></li>
- </ul>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.0.0-alpha
- </div>
- <strong>Copyright © 2014-2018 <a href="#">AdminLTE.io</a>.</strong> All rights
- reserved.
- </footer>
- </div>
- <!-- ./wrapper -->
- <!-- jQuery -->
- <script src="plugins/jquery/jquery.min.js"></script>
- <!-- Bootstrap 4 -->
- <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
- <!-- SlimScroll -->
- <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
- <!-- FastClick -->
- <script src="plugins/fastclick/fastclick.js"></script>
- <!-- AdminLTE App -->
- <script src="dist/js/adminlte.min.js"></script>
- <!-- AdminLTE for demo purposes -->
- <script src="dist/js/demo.js"></script>
- </body>
- </html>
|