pet-admin/admin/src/main/resources/templates/users/pets/index.html

99 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:mo="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
</head>
<body class="timo-layout-page">
<div class="layui-card">
<div class="layui-card-header timo-card-header">
<span><i class="fa fa-bars"></i> 用户宠物信息管理</span>
<i class="layui-icon layui-icon-refresh refresh-btn"></i>
</div>
<div class="layui-card-body">
<div class="layui-row timo-card-screen">
<div class="pull-left layui-form-pane timo-search-box">
<div class="layui-inline">
<label class="layui-form-label">状态</label>
<div class="layui-input-block timo-search-status">
<select class="timo-search-select" name="status" mo:dict="SEARCH_STATUS" mo-selected="${param.status}"></select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">用户Id</label>
<div class="layui-input-block">
<input type="text" name="uid" th:value="${param.uid}" placeholder="请输入用户Id" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">宠物生日</label>
<div class="layui-input-inline">
<input class="layui-input" type="text" id="birthday" name="birthday" placeholder="请输入宠物生日" th:value="${param?.birthday}" lay-key="1" >
</div>
</div>
<div class="layui-inline">
<button class="layui-btn timo-search-btn">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</div>
<div class="timo-table-wrap">
<table class="layui-table timo-table">
<thead>
<tr>
<th class="timo-table-checkbox">
<label class="timo-checkbox"><input type="checkbox">
<i class="layui-icon layui-icon-ok"></i></label>
</th>
<th>用户Id</th>
<th>宠物类型</th>
<th>宠物名称</th>
<th>宠物品种</th>
<th>性别</th>
<th>生日</th>
<th>是否绝育</th>
<th>最后服务时间</th>
<th>体重</th>
<th>宠物描述</th>
<th>注意事项</th>
<th>创建时间</th>
</tr>
</thead>
<tbody>
<tr th:each="item:${list}">
<td><label class="timo-checkbox"><input type="checkbox" th:value="${item.id}">
<i class="layui-icon layui-icon-ok"></i></label></td>
<td th:text="${item.uid}">用户Id</td>
<td th:text="${#dicts.petType(item.petBaseInfo.petType)}">宠物类型</td>
<td th:text="${item.nickName}">宠物名称</td>
<td th:text="${item.petBaseInfo.assortment}">宠物品种</td>
<td th:text="${#dicts.petGender(item.gender)}">性别</td>
<td th:text="${item.birthday}">生日</td>
<td th:text="${#dicts.petEunuch(item.eunuch)}">是否绝育</td>
<td th:text="${item.lastServiceDate}">最后服务时间</td>
<td th:if="${item.petBaseInfo.petType == 1}" th:text="${#dicts.petCatWeight(item.weight)}">体重</td>
<td th:if="${item.petBaseInfo.petType == 2}" th:text="${#dicts.petDogWeight(item.weight)}">体重</td>
<td th:text="${item.desc}">宠物描述</td>
<td th:text="${item.precaution}">注意事项</td>
<td th:text="${item.createTime}">创建时间</td>
</tr>
</tbody>
</table>
</div>
<div th:replace="/common/fragment :: page"></div>
</div>
</div>
<script th:replace="/common/template :: script"></script>
<script type="text/javascript">
layui.use(['laydate','form'], function () {
var laydate = layui.laydate;
// 渲染
laydate.render({
elem: '#birthday',
type: 'month',
format: 'MM'
});
})
</script>
</body>
</html>