defence_strong_enemy/target/classes/templates/MedicalHospital/list.html
2025-07-23 16:29:53 +08:00

629 lines
37 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta19
* @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>
<!-- CSS files -->
<link th:href="@{/css/tabler.min.css}" rel="stylesheet"/>
<link th:href="@{/css/tabler-flags.min.css}" rel="stylesheet"/>
<link th:href="@{/css/tabler-payments.min.css}" rel="stylesheet"/>
<link th:href="@{/css/tabler-vendors.min.css}" rel="stylesheet"/>
</head>
<body>
<div class="page">
<!-- Sidebar -->
<aside class="navbar navbar-vertical navbar-expand-lg" data-bs-theme="dark">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="sidebar-menu">
<div th:replace="fragments/menu :: menuList(${user.menuList})"></div>
</div>
</div>
</aside>
<!-- Navbar -->
<header class="navbar navbar-expand-md d-none d-lg-flex d-print-none">
<div class="container-xl" th:insert="fragments/header">
</div>
</header>
<div class="page-wrapper">
<div class="page-header d-print-none">
<div class="container-xl">
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<h2 class="page-title" th:text="${user.pageTitle}">
</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Page body -->
<div class="page-body">
<div class="container-xl">
<div class="row row-cards">
<form name="searchForm" id="searchForm" th:action="@{/medicalHospital/list}">
<div class="card">
<div class="card-header">
<div class="row g-2">
<div class="col"><input type="text" name="hospitalName" placeholder="医院名称"/>
</div>
<div class="col-auto">
<a href="javascript:void(0)" class="btn btn-icon" aria-label="Button"
onclick="_resetPageNoSearch();return false;">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<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="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
<path d="M21 21l-6 -6"></path>
</svg>
</a>
</div>
</div>
<input type="hidden" id="_currentPage" name="currentPage"
th:value="${data.searchForm.currentPage}"/>
</div>
<div class="card-body border-bottom py-3">
<div class="d-flex">
<div class="text-muted">
显示
<div class="mx-2 d-inline-block">
<input type="text" class="form-control form-control-sm"
th:value="${data.searchForm.pageSize}" size="3"
name="pageSize">
</div>
</div>
<div class="ms-auto text-muted">
<div class="col-md-auto ms-auto d-print-none">
<div class="btn-list">
<a href="#" class="btn btn-ghost-primary active "
onclick="common_add()">
<!-- Download SVG icon from http://tabler-icons.io/i/player-pause -->
添加
</a>
<a href="#" class="btn btn-ghost-danger active"
onclick="common_batchRemove();return false;">
<!-- Download SVG icon from http://tabler-icons.io/i/player-pause -->
批量删除
</a>
</div>
</div>
</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" onclick="checkBoxIdChanged(this)"></th>
<th class="w-1">No.
<!-- 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 d="M6 15l6 -6l6 6"/>
</svg>
</th>
<th>医院编号</th>
<th>医院类型</th>
<th>医院级别</th>
<th>医院名称</th>
<th>隶属单位</th>
<th>坐标信息</th>
<th>科室种类</th>
<th>编制总人数</th>
<th>医师数量</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 th:if="${data.totalCount>0}">
<tr th:each="item:${data.list}">
<td><input class="form-check-input m-0 align-middle" name="itemId"
th:value="${item.id}" type="checkbox"
aria-label="Select invoice"></td>
<td th:text="${item.seq}"></td>
<td th:text="${item.hospitalNo}"></td>
<td th:text="${item.hospitalType}"></td>
<td th:text="${item.hospitalLevel}"></td>
<td th:text="${item.hospitalName}"></td>
<td th:text="${item.hospitalDepartment}"></td>
<td th:text="${item.hospitalWorkerTotal}"></td>
<td th:text="${item.doctorCount}"></td>
<td th:text="${item.nurseCount}"></td>
<td th:text="${item.soldierCount}"></td>
<td th:text="${item.bedTotal}"></td>
<td th:text="${item.bedFreeCount}"></td>
<td th:text="${item.operationTableCount}"></td>
<td th:text="${item.casualAcceptCount}"></td>
<td th:text="${item.helicopterFlag}"></td>
<td th:text="${item.transportAmbulanceCount}"></td>
<td th:text="${item.watchAmbulanceCount}"></td>
<td th:text="${item.jarMeno}"></td>
<td>
<a href="#" th:onclick="|common_edit(${item.id})|">编辑</a>
<a href="#" th:onclick="|common_delete(${item.id})|">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer d-flex align-items-center" th:if="${data.totalCount>0}">
<p class="m-0 text-muted"><span
th:text="${data.totalCount}"></span>
记录</p>
<ul class="pagination m-0 ms-auto">
<li th:class="${data.isHasPrevious()}?'page-item':'page-item disabled'">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true"
onclick="_pre()">
<!-- 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 d="M15 6l-6 6l6 6"/>
</svg>
上一页
</a>
</li>
<li th:each="page:${#numbers.sequence(data.startDisplayPage,data.endDisplayPage)}"
th:class="${page} == ${data.currentPage}?'page-item active':'page-item'">
<a class="page-link" href="#" th:text="${page}"
th:onclick="|_setPage(${page})|"></a>
</li>
<li th:class="${data.isHasNext()}?'page-item':'page-item disabled'">
<a class="page-link" href="#" onclick="_next()">
下一页
<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 d="M9 6l6 6l-6 6"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</form>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container-xl" th:insert="fragments/footer">
</div>
</footer>
</div>
</div>
<script th:src="@{/js/tabler.min.js}" defer></script>
<script th:src="@{/js/common/common.js}"></script>
<link th:href="@{/css/defence.css}" rel="stylesheet"/>
</body>
</html>
<div th:replace="fragments/dialog :: confirmationDialog"></div>
<div class="modal modal-blur fade" id="_addDialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-full-width modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
onclick="closeDialog('_addDialog')"></button>
</div>
<form name="entityForm" id="entityForm" th:action="@{/medicalHospital/save}"
th:list="@{/medicalHospital/list}" th:delete="@{/medicalHospital/remove}"
th:batchDelete="@{/medicalHospital/batchRemove}" th:view="@{/medicalHospital/view}"
th:path="@{/medicalHospital/}">
<input type="hidden" name="id">
<div class="modal-body">
<div class="row row-cards">
<div class="card">
<div class="card-header"><h3 class="card-title">医院模型信息</h3></div>
<div class="card-body">
<div class="mb-3 row">
<label class="col-3 col-form-label required">
图标</label>
<div class=" col upload-container">
<!-- 隐藏的文件输入框 -->
<input type="file" id="fileInput" name="file">
<!-- 始终显示的圆形图标此处采用相机图标Unicode 表情) -->
<div class="upload-icon" id="uploadIcon">
&#128247;
</div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label required">
医院编号</label>
<div class="col">
<input type="text" class="form-control" placeholder="医院编号"
name="hospitalNo">
<div class="invalid-feedback" id="hospitalNo_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label required">
医院类型</label>
<div class="col">
<input type="text" class="form-control" placeholder="医院类型"
name="hospitalType">
<div class="invalid-feedback" id="hospitalType_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
医院级别</label>
<div class="col">
<input type="text" class="form-control" placeholder="医院级别"
name="hospitalLevel">
<div class="invalid-feedback" id="hospitalLevel_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label required">
医院名称</label>
<div class="col">
<input type="text" class="form-control" placeholder="医院名称"
name="hospitalName">
<div class="invalid-feedback" id="hospitalName_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
隶属单位</label>
<div class="col">
<input type="text" class="form-control" placeholder="隶属单位"
name="belongUnit">
<div class="invalid-feedback" id="belongUnit_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
坐标</label>
<div class="col">
<input type="text" class="form-control" placeholder="经纬度"
name="hospitalLocation">
<div class="invalid-feedback" id="hospitalLocation_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
科室种类</label>
<div class="col">
<input type="text" class="form-control" placeholder="科室种类"
name="hospitalDepartment">
<div class="invalid-feedback" id="hospitalDepartment_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
编制总人数</label>
<div class="col">
<input type="number" class="form-control" placeholder="编制总人数"
name="hospitalWorkerTotal">
<div class="invalid-feedback" id="hospitalWorkerTotal_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
医师数量</label>
<div class="col">
<input type="number" class="form-control" placeholder="医师数量"
name="doctorCount">
<div class="invalid-feedback" id="doctorCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
护士数量</label>
<div class="col">
<input type="number" class="form-control" placeholder="护士数量"
name="nurseCount">
<div class="invalid-feedback" id="nurseCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
看护兵数量</label>
<div class="col">
<input type="number" class="form-control" placeholder="看护兵数量"
name="soldierCount">
<div class="invalid-feedback" id="soldierCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
病床总数量(张)</label>
<div class="col">
<input type="number" class="form-control" placeholder="病床总数量"
name="bedTotal">
<div class="invalid-feedback" id="bedTotal_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
空余床位数(张)</label>
<div class="col">
<input type="number" class="form-control" placeholder="空余床位数"
name="bedFreeCount">
<div class="invalid-feedback" id="bedFreeCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
手术台数(台)</label>
<div class="col">
<input type="number" class="form-control" placeholder="手术台数"
name="operationTableCount">
<div class="invalid-feedback" id="operationTableCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
伤员通过数</label>
<div class="col">
<input type="number" class="form-control" placeholder="伤员通过数"
name="casualAcceptCount">
<div class="invalid-feedback" id="casualAcceptCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">有无直升机平台</label>
<div class="col">
<select class="form-select" name=helicopterFlag>
<option value="1"></option>
<option value="0"></option>
</select>
<div class="invalid-feedback" id="helicopterFlag_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
转运急救车数量</label>
<div class="col">
<input type="number" class="form-control" placeholder="转运急救车数量"
name="transportAmbulanceCount">
<div class="invalid-feedback" id="transportAmbulanceCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">
监护急救车数量</label>
<div class="col">
<input type="number" class="form-control" placeholder="监护急救车数量"
name="watchAmbulanceCount">
<div class="invalid-feedback" id="watchAmbulanceCount_error_tip"></div>
</div>
</div>
<div class="mb-3 row">
<label class="col-3 col-form-label ">备注</label>
<div class="col">
<textarea class="form-control" data-bs-toggle="autosize" id="jarMeno" name="jarMeno"
placeholder="Type something…"
style="overflow: hidden; overflow-wrap: break-word; resize: none; text-align: start; height: 56px;"></textarea>
</div>
<div class="invalid-feedback" id="jarMeno_tip"></div>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="modal-footer">
<a href="#" class="btn btn-link link-secondary" onclick="closeDialog('_addDialog')">
取消
</a>
<a href="#" class="btn btn-primary ms-auto" data-bs-dismiss="modal" onclick="common_save()">
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
确定
</a>
</div>
</div>
</div>
</div>
<div class="modal modal-blur fade" id="detailDialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-full-width modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
onclick="closeDialog('detailDialog')"></button>
</div>
<div class="modal-body">
<div class="row row-cards">
<div class="card">
<div class="card-header">
<h3 class="card-title"></h3>
</div>
<div class="card-body" id="view-body-project">
<div class="datagrid">
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_no_name">医院编号</div>
<div class="datagrid-content" id="detail_hospitalNo_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_type_name">医院类型</div>
<div class="datagrid-content" id="detail_hospitalType_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_level_name">医院级别</div>
<div class="datagrid-content" id="detail_hospitalLevel_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_name_name">医院名称</div>
<div class="datagrid-content" id="detail_hospitalName_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_logo_name">军标</div>
<div class="datagrid-content" id="detail_hospitalLogo_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_belong_unit_name">隶属单位</div>
<div class="datagrid-content" id="detail_belongUnit_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_express_max_bed_name">地址位置</div>
<div class="datagrid-content" id="detail_expressMaxBed_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_department_name">科室种类</div>
<div class="datagrid-content" id="detail_hospitalDepartment_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_hospital_worker_total_name">编制总人数</div>
<div class="datagrid-content" id="detail_hospitalWorkerTotal_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_doctor_count_name">医师数量</div>
<div class="datagrid-content" id="detail_doctorCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_nurse_count_name">护士数量</div>
<div class="datagrid-content" id="detail_nurseCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_soldier_count_name">看护兵数量</div>
<div class="datagrid-content" id="detail_soldierCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_bed_total_name">病床总数量(张)</div>
<div class="datagrid-content" id="detail_bedTotal_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_bed_free_count_name">空余床位数(张)</div>
<div class="datagrid-content" id="detail_bedFreeCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_operation_table_count_name">手术台数(台)
</div>
<div class="datagrid-content" id="detail_operationTableCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_casual_accept_count_name">伤员通过数</div>
<div class="datagrid-content" id="detail_casualAcceptCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_helicopter_flag_name">有无直升机平台</div>
<div class="datagrid-content" id="detail_helicopterFlag_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_transport_ambulance_count_name">
转运急救车数量
</div>
<div class="datagrid-content" id="detail_transportAmbulanceCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_watch_ambulance_count_name">监护急救车数量
</div>
<div class="datagrid-content" id="detail_watchAmbulanceCount_value"></div>
</div>
<div class="datagrid-item">
<div class="datagrid-title" id="detail_jar_meno_name">备注</div>
<div class="datagrid-content" id="detail_jarMeno_value"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function afterEditShow(data) {
if (data.base64Img) {
if (data.base64Img.length > 0) {
let container = document.getElementById("uploadIcon");
document.getElementById("uploadIcon").innerHTML = "";
var imgElement = document.createElement("img");
// 设置图片的 src 属性,拼接上 data URI 前缀, 这里的 MIME 类型为 image/png
imgElement.src = "data:image/png;base64," + data.base64Img;
// 将 img 元素添加到容器中
container.appendChild(imgElement);
}
}
}
function afterViewShow(data) {
//
if (data.base64Img) {
if (data.base64Img.length > 0) {
let container = document.getElementById("detail_jarImg_value");
document.getElementById("detail_jarImg_value").innerHTML = "";
var imgElement = document.createElement("img");
// 设置图片的 src 属性,拼接上 data URI 前缀, 这里的 MIME 类型为 image/png
imgElement.src = "data:image/png;base64," + data.base64Img;
// 将 img 元素添加到容器中
container.appendChild(imgElement);
}
}
}
</script>