Files
kevin 9d3eb0cea9 new
Signed-off-by: kevin <kevin@lmve.net>
2025-06-05 11:04:12 +08:00

152 lines
7.0 KiB
HTML

<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta20
* @link https://tabler.io
* Copyright 2018-2023 The Tabler Authors
* Copyright 2018-2023 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>工单列表</title>
</head>
<body class="d-flex flex-column">
<div class="page">
{{if .is_login}}
{{template "header-logined.html" .}}
{{else}}
{{template "header-no-login.html"}}
{{end}}
{{template "header-navigation.html"}}
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">工单列表</h3>
</div>
<div class="card-body border-bottom py-3">
<div class="d-flex">
<div class="text-secondary">
显示
<div class="mx-2 d-inline-block">
<input type="text" class="form-control form-control-sm" value="8" size="3"
aria-label="Invoices count">
</div>
个工单
</div>
<div class="ms-auto text-secondary d-flex">
<input type="search" class="form-control d-inline-block w-9 me-3" placeholder="搜索工单">
</div>
</div>
</div>
<div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap datatable">
<thead>
<tr>
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select all invoices"></th>
<th class="w-1">ID. <!-- Download SVG icon from http://tabler-icons.io/i/chevron-up -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm icon-thick" width="24"
height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M6 15l6 -6l6 6"></path>
</svg>
</th>
<th>标题</th>
<th>简报</th>
<th>归属</th>
<th>评论</th>
<th>最后状态</th>
<th>更新时间</th>
<th></th>
</tr>
</thead>
<tbody>
{{range .items}}
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"
aria-label="Select invoice"></td>
<td><span class="text-secondary">{{.ID}}</span></td>
<td><a href="invoice.html" class="text-reset" tabindex="-1">{{.Name}}</a></td>
<td>
{{.SerialNumber}}
</td>
<td>
{{.Destiny}}
</td>
<td>2</td>
<td>
<span class="badge {{.Color}} me-1"></span> {{.Status}}
</td>
<td>
{{.UpdatedAt}}
</td>
<td class="text-end">
<button class="btn ">查看</button>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
<div class="card-footer d-flex align-items-center">
<p class="m-0 text-secondary">Showing <span>1</span> to <span>8</span> of <span>16</span> entries
</p>
<ul class="pagination m-0 ms-auto">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
<!-- Download SVG icon from http://tabler-icons.io/i/chevron-left -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M15 6l-6 6l6 6"></path>
</svg>
prev
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active"><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="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item">
<a class="page-link" href="#">
next <!-- Download SVG icon from http://tabler-icons.io/i/chevron-right -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 6l6 6l-6 6"></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
{{template "footer.html"}}
</div>
</body>
</html>