1010 lines
40 KiB
HTML
1010 lines
40 KiB
HTML
<div th:fragment="confirmationDialog" id="confirmationDialog">
|
|
<div class="modal modal-blur fade" id="modal-danger" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
|
onclick="closeDialog('modal-danger')"></button>
|
|
<div class="modal-status bg-danger"></div>
|
|
<div class="modal-body text-center py-4">
|
|
<!-- Download SVG icon from http://tabler-icons.io/i/alert-triangle -->
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-danger icon-lg" 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="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z"/>
|
|
<path d="M12 9v4"/>
|
|
<path d="M12 17h.01"/>
|
|
</svg>
|
|
<h3>你确定删除吗?</h3>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="w-100">
|
|
<div class="row">
|
|
<div class="col"><a href="#" class="btn w-100" data-bs-dismiss="modal"
|
|
onclick="closeDialog('modal-danger')">
|
|
取消
|
|
</a></div>
|
|
<div class="col"><a href="#" class="btn btn-danger w-100" data-bs-dismiss="modal"
|
|
id="delete-confirm-9999">
|
|
确定
|
|
</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- 确认删除对话框--->
|
|
<div th:fragment="timelineDialog" id="_timelineDialog">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">输出</div>
|
|
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="timeline" style="overflow-y: auto; max-height: 50em; display: none" id="timeline_info_list">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- 时间线片段--->
|
|
<div th:fragment="receive_facilities_dialog" id="_receive_facilities_dialog">
|
|
<div class="mb-3 row">
|
|
<label class="col-6 col-form-label">油料保障实体模型</label>
|
|
<div class="col">
|
|
<select class="form-select"
|
|
onchange="getFacilities(this.value,'receive_facilities_data',receive_facilities)">
|
|
<option value="0">请选择</option>
|
|
<option th:each="item:${guaranteeResource}" th:value="${item.id+'|'+item.getCode()}"
|
|
th:text="${item.getOrganizeName()}"></option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<!--接收时的表头-->
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="max-height: 30em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>金属/软质</th>
|
|
<th>油品</th>
|
|
<th>容量<br>(吨)</th>
|
|
<th>当前容量<br>(吨)</th>
|
|
<th>接收能力<br>(吨/小时)</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody id="receive_facilities_data">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getReceiveFacilities() {
|
|
let selected = [];
|
|
|
|
let facilities = document.getElementsByName('receive_jar_id_info');
|
|
for (let i = 0; i < facilities.length; i++) {
|
|
if (facilities[i].checked) {
|
|
|
|
selected.push(facilities[i].value);
|
|
}
|
|
}
|
|
|
|
return selected;
|
|
}
|
|
|
|
function receive_facilities(data) {
|
|
|
|
if (data.code === 0) {
|
|
|
|
//绘制储油罐表格
|
|
document.getElementById('receive_facilities_data').innerHTML = "";
|
|
let html = "";
|
|
data.result.forEach((element) => {
|
|
let tr = "<tr>\n" +
|
|
" <td><input class=\"form-check-input m-0 align-middle\" type=\"radio\" name=\"receive_jar_id_info\" value=\"" + element.id + "|" + element.resourceType + "\" onclick=\"getReceiveLocation('" + element.location + "')\"></td>\n" +
|
|
" <td>" + element.jarNo + "</td>\n" +
|
|
" <td>" + element.resourceTypeName + "</td>\n" +
|
|
" <td>" + element.jarFuelTypeName + "</td>\n" +
|
|
" <td>" + element.jarCapacity + "</td>\n" +
|
|
" <td>" + element.jarCurrentCapacity + "</td>\n" +
|
|
|
|
" <td>" + element.jarReceiveAbility + "</td>\n" +
|
|
"</tr>";
|
|
html += tr;
|
|
})
|
|
document.getElementById('receive_facilities_data').innerHTML = html;
|
|
|
|
} else {
|
|
document.getElementById('receive_facilities_data').innerHTML = "";
|
|
}
|
|
}
|
|
|
|
function getReceiveLocation(location) {
|
|
if (document.getElementById('toLocation')) {
|
|
document.getElementById('toLocation').value = location;
|
|
}
|
|
}
|
|
</script>
|
|
</div> <!-- 目的 接收设施--->
|
|
<div th:fragment="send_facilities_dialog" id="_send_facilities_dialog">
|
|
<div class="mb-3 row">
|
|
<label class="col-6 col-form-label">油料保障实体模型</label>
|
|
<div class="col">
|
|
<select class="form-select" onchange="getFacilities(this.value,'send_facilities_data',send_facilities)">
|
|
<option value="0">请选择</option>
|
|
<option th:each="item:${guaranteeResource}" th:value="${item.id+'|'+item.getCode()}"
|
|
th:text="${item.getOrganizeName()}"></option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<!--接收时的表头-->
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="max-height: 30em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>金属/软质</th>
|
|
<th>可发放油品</th>
|
|
<th>可发放油量<br>(吨)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="send_facilities_data">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getSendFacilities() {
|
|
let selected = [];
|
|
|
|
let facilities = document.getElementsByName('send_jar_id_info');
|
|
for (let i = 0; i < facilities.length; i++) {
|
|
if (facilities[i].checked) {
|
|
selected.push(facilities[i].value);
|
|
}
|
|
}
|
|
|
|
return selected;
|
|
}
|
|
|
|
function send_facilities(data) {
|
|
if (data.code === 0) {
|
|
|
|
//绘制储油罐表格
|
|
document.getElementById('send_facilities_data').innerHTML = "";
|
|
let html = "";
|
|
data.result.forEach((element) => {
|
|
let tr = "<tr>\n" +
|
|
" <td><input class=\"form-check-input m-0 align-middle\" type=\"radio\" name=\"send_jar_id_info\" value=\"" + element.id + "|" + element.resourceType + "\" onclick=\"getSendLocation('" + element.location + "')\"></td>\n" +
|
|
" <td>" + element.jarNo + "</td>\n" +
|
|
" <td>" + element.resourceTypeName + "</td>\n" +
|
|
" <td>" + element.jarFuelTypeName + "</td>\n" +
|
|
" <td>" + element.jarCurrentCapacity + "</td>\n" +
|
|
|
|
"</tr>";
|
|
html += tr;
|
|
})
|
|
document.getElementById('send_facilities_data').innerHTML = html;
|
|
} else {
|
|
document.getElementById('send_facilities_data').innerHTML = "";
|
|
}
|
|
}
|
|
|
|
function getSendLocation(location) {
|
|
if (document.getElementById('fromLocation')) {
|
|
document.getElementById('fromLocation').value = location;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</div> <!-- 出发 接收设施--->
|
|
<div th:fragment="fuel_type_List_dialog" id="_fuel_type_List_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>油料类型</th>
|
|
<th>数量</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each=" fuelItem,iterStat :${codeMap['fuel_type']}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="_fuel_type_"
|
|
th:value="${fuelItem.id}" th:checked="${iterStat.first}"></td>
|
|
<td th:text="${fuelItem.optionName+'(吨)'}"></td>
|
|
<td><input type="text" value="5" class="form-control" placeholder="数量"
|
|
name="_fuel_count_"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
function getSelectFuelItem() {
|
|
let fuelList = [];
|
|
let fuelTypeList = document.getElementsByName("_fuel_type_");
|
|
let countList = document.getElementsByName("_fuel_count_");
|
|
for (let i = 0; i < fuelTypeList.length; i++) {
|
|
if (fuelTypeList[i].checked) {
|
|
let obj = {};
|
|
obj.fuelTypeId = parseInt(fuelTypeList[i].value, 10);
|
|
obj.count = countList[i].value;
|
|
fuelList.push(obj);
|
|
|
|
}
|
|
}
|
|
|
|
return fuelList;
|
|
}
|
|
</script>
|
|
</div> <!-- 油品类别1--->
|
|
<div th:fragment="fact_fuel_type_List_dialog" id="_fact_fuel_type_List_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>油料类型</th>
|
|
<th>数量</th>
|
|
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each=" fuelItem,iterStat :${codeMap['fuel_type']}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="fact_fuel_type_"
|
|
th:value="${fuelItem.id}" th:checked="${iterStat.first}"></td>
|
|
<td th:text="${fuelItem.optionName}"></td>
|
|
<td><input type="text" value="5" class="form-control" placeholder="数量"
|
|
name="_fact_fuel_count_"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
function getFactSelectFuelItem() {
|
|
let fuelList = [];
|
|
let fuelTypeList = document.getElementsByName("fact_fuel_type_");
|
|
let countList = document.getElementsByName("_fact_fuel_count_");
|
|
for (let i = 0; i < fuelTypeList.length; i++) {
|
|
if (fuelTypeList[i].checked) {
|
|
let obj = {};
|
|
obj.fuelTypeId = parseInt(fuelTypeList[i].value, 10);
|
|
obj.count = countList[i].value;
|
|
fuelList.push(obj);
|
|
|
|
}
|
|
}
|
|
|
|
return fuelList;
|
|
}
|
|
</script>
|
|
</div> <!-- 油品类别2--->
|
|
<div th:fragment="fuel_startTime_dialog" id="_fuel_startTime_dialog">
|
|
<script th:src="@{/libs/flatpickr/flatpickr.js}"></script>
|
|
<script th:src="@{/libs/flatpickr/zh.js}"></script>
|
|
<div class="mb-3 ">
|
|
<label class="col-6 col-form-label required">开始时间</label>
|
|
<div class="col">
|
|
<input type="text" class="form-control" placeholder="" value="" id="startTime" name="startTime"
|
|
th:value="${now}">
|
|
<div class="invalid-feedback" id="startTime_error_tip"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
flatpickr("#startTime", {
|
|
enableTime: true,
|
|
time_24hr: true,
|
|
dateFormat: "Y-m-d H:i:S",
|
|
locale: "zh" // 启用中文
|
|
});
|
|
</script>
|
|
</div> <!-- 时间片段--->
|
|
<div th:fragment="fuel_equip_dialog" id="_fuel_equip_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
|
|
<th>名称</th>
|
|
<th>装备模型</th>
|
|
<th>容量</th>
|
|
<th>当前容量</th>
|
|
<th>加注能力</th>
|
|
<th>最高时速</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${equipments}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="_equipments_checkbox_list_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.resourceType}" th:checked="${iterStat.first}"
|
|
th:speed="${fuelItem.speed}" th:fillSpeed="${fuelItem.fillingSpeed}" th:onclick="'equipSetSpeed(' + ${fuelItem.speed} + ',' + ${fuelItem.fillingSpeed} + ')'">
|
|
</td>
|
|
<td th:text="${fuelItem.equipName}"><</td>
|
|
<td th:text="${fuelItem.resourceTypeName}"><</td>
|
|
<td th:text="${fuelItem.capacity}"><</td>
|
|
<td th:text="${fuelItem.currentCapacity}"><</td>
|
|
<td th:text="${fuelItem.fillingSpeed}"><</td>
|
|
<td th:text="${fuelItem.speed}"><</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getEquipInfo() {
|
|
let equipNameList = document.getElementsByName("_equipments_checkbox_list_");
|
|
for (let i = 0; i < equipNameList.length; i++) {
|
|
if (equipNameList[i].checked) {
|
|
return equipNameList[i].value;
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("_fuel_equip_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("_equipments_checkbox_list_");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("transSpeed")) {
|
|
|
|
document.getElementById("transSpeed").value = equipList[i].attributes["speed"].value;
|
|
}
|
|
if (document.getElementById("supplySpeed")) {
|
|
document.getElementById("supplySpeed").value = equipList[i].attributes["speed"].value;
|
|
}
|
|
if(document.getElementById("supplyPump")){
|
|
document.getElementById("supplyPump").value = equipList[i].attributes["fillSpeed"].value;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
function equipSetSpeed(runSpeed,fillSpeed) {
|
|
|
|
if (document.getElementById("transSpeed")) {
|
|
|
|
document.getElementById("transSpeed").value = runSpeed;
|
|
}
|
|
if (document.getElementById("supplySpeed")) {
|
|
document.getElementById("supplySpeed").value = runSpeed;
|
|
}
|
|
if(document.getElementById("supplyPump")){
|
|
document.getElementById("supplyPump").value = fillSpeed;
|
|
}
|
|
}
|
|
</script>
|
|
</div> <!-- 装备1--->
|
|
<div th:fragment="to_fuel_equip_dialog" id="to_fuel_equip_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>装备模型</th>
|
|
<th>容量</th>
|
|
<th>加注能力</th>
|
|
<th>最高时速</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${equipments}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="to_equipments_checkbox_list_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.resourceType}" th:checked="${iterStat.first}"></td>
|
|
<td th:text="${fuelItem.eNo}"></td>
|
|
<td th:text="${fuelItem.equipName}"><</td>
|
|
<td th:text="${fuelItem.resourceTypeName}"><</td>
|
|
<td th:text="${fuelItem.capacity}"><</td>
|
|
<td th:text="${fuelItem.fillingSpeed}"><</td>
|
|
<td th:text="${fuelItem.speed}"><</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getToEquipInfo() {
|
|
let equipNameList = document.getElementsByName("to_equipments_checkbox_list_");
|
|
for (let i = 0; i < equipNameList.length; i++) {
|
|
if (equipNameList[i].checked) {
|
|
return equipNameList[i].value;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</div> <!-- 装备2--->
|
|
<div th:fragment="from_secure_depart_dialog" id="from_secure_depart_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter text-nowrap datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>救治机构</th>
|
|
<th>位置</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${medical_secure_resources}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="from_secure_depart_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.typeCode}" th:checked="${iterStat.first}"
|
|
th:location="${fuelItem.location}" onclick="setMedicalResourceLocation(this)"></td>
|
|
<td th:text="${fuelItem.no}"></td>
|
|
<td th:text="${fuelItem.name}"><</td>
|
|
<td th:text="${fuelItem.typeName}"><</td>
|
|
<td th:text="${fuelItem.location}"><</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getMedicalResource() {
|
|
let equipNameList = document.getElementsByName("from_secure_depart_");
|
|
for (let i = 0; i < equipNameList.length; i++) {
|
|
if (equipNameList[i].checked) {
|
|
return equipNameList[i].value;
|
|
}
|
|
}
|
|
}
|
|
|
|
function setMedicalResourceLocation(obj) {
|
|
if(document.getElementById("fromLocation")){}
|
|
document.getElementById("fromLocation").value = obj.attributes["location"];
|
|
}
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("from_secure_depart_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("from_secure_depart_");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("toLocation")) {
|
|
|
|
document.getElementById("toLocation").value = equipList[i].attributes["location"].value;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</div> <!-- 出发救治机构--->
|
|
<div th:fragment="to_secure_depart_dialog" id="to_secure_depart_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>救治机构</th>
|
|
<th>位置</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${medical_secure_resources}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="to_secure_depart_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.typeCode}" th:checked="${iterStat.first}"
|
|
th:location="${fuelItem.location}" onclick="setToMedicalResourceLocation(this)"></td>
|
|
<td th:text="${fuelItem.no}"></td>
|
|
<td th:text="${fuelItem.name}"><</td>
|
|
<td th:text="${fuelItem.typeName}"><</td>
|
|
<td th:text="${fuelItem.location}"><</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getToMedicalResource() {
|
|
let equipNameList = document.getElementsByName("to_secure_depart_");
|
|
for (let i = 0; i < equipNameList.length; i++) {
|
|
if (equipNameList[i].checked) {
|
|
return equipNameList[i].value;
|
|
}
|
|
}
|
|
}
|
|
|
|
function setToMedicalResourceLocation(obj) {
|
|
if(document.getElementById("toLocation")){
|
|
document.getElementById("toLocation").value = obj.attributes["location"].value;
|
|
}
|
|
}
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("to_secure_depart_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("to_secure_depart_");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("toLocation")) {
|
|
|
|
document.getElementById("toLocation").value = equipList[i].attributes["location"].value;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</div> <!-- 到达救治机构--->
|
|
|
|
<div th:fragment="to_secure_transport_dialog" id="to_secure_transport_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>卫生装备</th>
|
|
<th>救治能力</th>
|
|
<th>速度</th>
|
|
<th>载重量</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr th:each="fuelItem,iterStat:${medical_transport_resources}">
|
|
<td>
|
|
<input class="form-check-input m-0 align-middle" type="radio"
|
|
name="to_secure_transport_d"
|
|
th:location="${fuelItem.location}"
|
|
th:speed="${fuelItem.speed}"
|
|
th:value="${fuelItem.id+'|'+fuelItem.typeCode}"
|
|
th:checked="${iterStat.first}"
|
|
onclick="setCasualSpeed(this)">
|
|
</td>
|
|
|
|
<td th:text="${fuelItem.no}"></td>
|
|
<td th:text="${fuelItem.name}"></td>
|
|
<td th:text="${fuelItem.typeName}"></td>
|
|
<td th:text="${fuelItem.ability}"></td>
|
|
<td th:text="${fuelItem.speed}"></td>
|
|
<td th:text="${fuelItem.payload}"></td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getToSecureTransport() {
|
|
let equipNameList = document.getElementsByName("to_secure_transport_d");
|
|
for (let i = 0; i < equipNameList.length; i++) {
|
|
if (equipNameList[i].checked) {
|
|
return equipNameList[i].value;
|
|
}
|
|
}
|
|
}
|
|
|
|
function setCasualSpeed(obj){
|
|
|
|
if(document.getElementById("transSpeed")){
|
|
document.getElementById("transSpeed").value = obj.attributes['speed'].value;
|
|
}
|
|
if(document.getElementById("fromLocation")){
|
|
document.getElementById("fromLocation").value = obj.attributes['location'].value;
|
|
}
|
|
}
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("to_secure_transport_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("to_secure_transport_d");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("transSpeed")) {
|
|
|
|
document.getElementById("transSpeed").value = equipList[i].attributes["speed"].value;
|
|
}
|
|
if(document.getElementById("fromLocation")){
|
|
document.getElementById("fromLocation").value = equipList[i].attributes["location"].value;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
</script>
|
|
</div> <!-- 救治交通工具 -->
|
|
<div th:fragment="from_port_dialog" id="from_port_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>港口</th>
|
|
<th>位置</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${ports}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="from_port_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.typeCode}" th:checked="${iterStat.first}"
|
|
th:location="${fuelItem.location}" onclick="setFromPortLocation(this)"></td>
|
|
<td th:text="${fuelItem.no}"></td>
|
|
<td th:text="${fuelItem.name}"><</td>
|
|
<td th:text="${fuelItem.typeName}"><</td>
|
|
<td th:text="${fuelItem.location}"><</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getFromPort() {
|
|
let ports = document.getElementsByName("from_port_");
|
|
for (let i = 0; i < ports.length; i++) {
|
|
if (ports[i].checked) {
|
|
return ports[i].value;
|
|
}
|
|
}
|
|
}
|
|
function setFromPortLocation(obj){
|
|
|
|
if(document.getElementById("fromLocation")){
|
|
document.getElementById("fromLocation").value = obj.attributes['location'].value;
|
|
}
|
|
}
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("from_port_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("from_port_");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("fromLocation")) {
|
|
|
|
document.getElementById("fromLocation").value = equipList[i].attributes["location"].value;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
</script>
|
|
</div> <!-- 出发港口--->
|
|
<div th:fragment="to_port_dialog" id="to_port_dialog">
|
|
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
<th>编号</th>
|
|
<th>名称</th>
|
|
<th>港口</th>
|
|
<th>位置</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${ports}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="to_port_"
|
|
th:value="${fuelItem.id+'|'+fuelItem.typeCode}" th:checked="${iterStat.first}"
|
|
th:location="${fuelItem.location}" onclick="setToPortLocation(this)"></td>
|
|
<td th:text="${fuelItem.no}"></td>
|
|
<td th:text="${fuelItem.name}"><</td>
|
|
<td th:text="${fuelItem.typeName}"><</td>
|
|
<td th:text="${fuelItem.location}"><</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getToPort() {
|
|
let ports = document.getElementsByName("to_port_");
|
|
for (let i = 0; i < ports.length; i++) {
|
|
if (ports[i].checked) {
|
|
return ports[i].value;
|
|
}
|
|
}
|
|
}
|
|
function setToPortLocation(obj){
|
|
document.getElementById("toLocation").value = obj.attributes['location'].value;
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("to_port_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("to_port_");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("toLocation")) {
|
|
|
|
document.getElementById("toLocation").value = equipList[i].attributes["location"].value;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
</div> <!-- 到达港口--->
|
|
<div th:fragment="transportation_dialog" id="transportation_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
|
|
<th>名称</th>
|
|
<th>装备</th>
|
|
|
|
<th>速度</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="fuelItem,iterStat:${transportations}">
|
|
<td><input class="form-check-input m-0 align-middle" type="radio"
|
|
aria-label="Select all invoices" name="_transportationEquip"
|
|
th:speed="${fuelItem.speed}" th:value="${fuelItem.id+'|'+fuelItem.typeCode}" th:checked="${iterStat.first}" onclick="setTransportationEquipSpeed(this)"></td>
|
|
|
|
<td th:text="${fuelItem.name}"><</td>
|
|
<td th:text="${fuelItem.typeName}"><</td>
|
|
<td th:text="${fuelItem.speed}"><</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getTransportationEquip() {
|
|
let ports = document.getElementsByName("_transportationEquip");
|
|
for (let i = 0; i < ports.length; i++) {
|
|
if (ports[i].checked) {
|
|
return ports[i].value;
|
|
}
|
|
}
|
|
}
|
|
function setTransportationEquipSpeed(obj){
|
|
if(document.getElementById("speed")){
|
|
document.getElementById("speed").value = obj.attributes["speed"];
|
|
}
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var fuelDiv = document.getElementById("transportation_dialog");
|
|
if (fuelDiv) {
|
|
let equipList = document.getElementsByName("_transportationEquip");
|
|
for (let i = 0; i < equipList.length; i++) {
|
|
if (equipList[i].checked) {
|
|
if (document.getElementById("speed")) {
|
|
|
|
document.getElementById("speed").value = equipList[i].attributes["speed"].value;
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|
|
</div> <!-- 运输设备--->
|
|
<div th:fragment="transport_object_dialog" id="transport_object_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
|
|
<th>目标类型</th>
|
|
<th>数量</th>
|
|
<th>人员<br>装载<br>速度</th>
|
|
<th>人员<br>卸载<br>速度</th>
|
|
<th>装备<br>装载<br>速度(吨滚装)/小时</th>
|
|
<th>装备<br>卸载<br>速度(吨滚装)/小时</th>
|
|
<th>装备<br>装载<br>速度(吨吊装)/小时</th>
|
|
<th>装备<br>卸载<br>速度(吨吊装)/小时</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="item,iterStat :${codeMap['object']}">
|
|
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
|
aria-label="Select all invoices" name="fill_type_id_"
|
|
th:value="${item.id}" th:checked="${iterStat.first}"
|
|
></td>
|
|
|
|
<td th:text="${item.optionName}"><</td>
|
|
<td><input type="text" name="fillObjCount" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="loadSpeed" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="unloadSpeed" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="loadRoSpeed" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="unloadRoSpeed" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="loadLoSpeed" style="width:5em;" placeholder=""/></td>
|
|
<td><input type="text" name="unloadLoSpeed" style="width:5em;" placeholder=""/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getTransportObject() {
|
|
|
|
|
|
let checkList = document.getElementsByName("fill_type_id_");
|
|
let list = [];
|
|
for (let i = 0; i < checkList.length; i++) {
|
|
if (checkList[i].checked) {
|
|
let obj = {};
|
|
obj.fillTypeId = checkList[i].value;
|
|
obj.fillObjCount = document.getElementsByName("fillObjCount")[i].value;
|
|
obj.loadSpeed = document.getElementsByName("loadSpeed")[i].value;
|
|
obj.unloadSpeed = document.getElementsByName("unloadSpeed")[i].value;
|
|
obj.loadRoSpeed = document.getElementsByName("loadRoSpeed")[i].value;
|
|
obj.unloadRodSpeed = document.getElementsByName("unloadRoSpeed")[i].value;
|
|
obj.loadLoSpeed = document.getElementsByName("loadLoSpeed")[i].value;
|
|
obj.unloadLoSpeed = document.getElementsByName("unloadLoSpeed")[i].value;
|
|
list.push(obj);
|
|
}
|
|
|
|
|
|
}
|
|
return list;
|
|
|
|
}
|
|
</script>
|
|
</div>
|
|
<div th:fragment="load_unload_object_dialog" id="_load_unload_object_dialog">
|
|
<div class="mb-3 row">
|
|
<div class="table-responsive">
|
|
<table class="table card-table table-vcenter datatable"
|
|
style="min-height: 20em; max-height: 20em; overflow-y: auto;">
|
|
<thead>
|
|
<tr>
|
|
|
|
<th class="w-1">
|
|
</th>
|
|
|
|
<th>装载/卸载</th>
|
|
<th>数量</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr th:each="item,iterStat :${codeMap['object']}">
|
|
<td><input class="form-check-input m-0 align-middle" type="checkbox"
|
|
aria-label="Select all invoices" name="load_unload_object_"
|
|
th:value="${item.id}" th:checked="${iterStat.first}"
|
|
></td>
|
|
|
|
<td th:text="${item.optionName}"><</td>
|
|
<td><input type="text" name="loadUnloadCount" class="form-control-sm" placeholder="输入数量"/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getLoadUnloadObject() {
|
|
|
|
let list = [];
|
|
let checkList = document.getElementsByName("load_unload_object_");
|
|
for (let i = 0; i < checkList.length; i++) {
|
|
if (checkList[i].checked) {
|
|
let obj = {};
|
|
obj.objectId = checkList[i].value;
|
|
obj.objectCount = document.getElementsByName("loadUnloadCount")[i].value;
|
|
|
|
list.push(obj);
|
|
}
|
|
|
|
|
|
}
|
|
return list;
|
|
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
|