598 lines
35 KiB
HTML
598 lines
35 KiB
HTML
<!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"/>
|
||
<link th:href="@{/css/defence.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="@{/fuelTruck/list}">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
|
||
<div class="row g-2">
|
||
<div class="col"><input type="text" th:value="${data.searchForm.truckModelName}"
|
||
name="truckModelName"
|
||
class="form-control" 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>空重(kg)</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.truckCabSeat}"></td>
|
||
<td th:text="${item.truckModelName}"></td>
|
||
<td th:text="${item.truckWeight}"></td>
|
||
<td th:text="${item.truckFuelJar}"></td>
|
||
<td th:text="${item.truckFuelBox}"></td>
|
||
<td th:text="${item.truckOdometer}"></td>
|
||
<td th:text="${item.truckLength}"></td>
|
||
<td th:text="${item.truckWidth}"></td>
|
||
<td th:text="${item.truckHeight}"></td>
|
||
<td th:text="${item.truckMaxSpeed}"></td>
|
||
<td th:text="${item.truckStatus}"></td>
|
||
<td th:text="${item.truckStoreType}"></td>
|
||
<td th:text="${item.truckAbility}"></td>
|
||
<td th:text="${item.truckDrive}"></td>
|
||
<td th:text="${item.truckMemo}"></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>
|
||
|
||
|
||
</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="@{/fuelTruck/save}" th:list="@{/fuelTruck/list}"
|
||
th:delete="@{/fuelTruck/remove}" th:batchDelete="@{/fuelTruck/batchRemove}"
|
||
th:view="@{/fuelTruck/view}" th:path="@{/fuelTruck/}">
|
||
<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">
|
||
图标</label>
|
||
<div class=" col upload-container">
|
||
<!-- 隐藏的文件输入框 -->
|
||
<input type="file" id="fileInput" name="file">
|
||
<!-- 始终显示的圆形图标，此处采用相机图标（Unicode 表情） -->
|
||
<div class="upload-icon" id="uploadIcon">
|
||
📷
|
||
</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="truckCabSeat">
|
||
<div class="invalid-feedback" id="belongOrganizeId_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">车辆类型</label>
|
||
<div class="col">
|
||
<select class="form-select" name=truckType>
|
||
<option th:each="item : ${codeMap['truck_type']}"
|
||
th:value="${item.id}"
|
||
th:text="${item.optionName}">
|
||
|
||
</select>
|
||
<div class="invalid-feedback" id="truckType_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">可储油种类</label>
|
||
<div class="col">
|
||
<select class="form-select" name=truckStoreType>
|
||
<option th:each="item : ${codeMap['fuel_type']}"
|
||
th:value="${item.id}"
|
||
th:text="${item.optionName}">
|
||
|
||
</select>
|
||
<div class="invalid-feedback" id="truckStoreType_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="truckNo">
|
||
<div class="invalid-feedback" id="truckNo_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="truckModelName">
|
||
<div class="invalid-feedback" id="truckModelName_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
空重(kg)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="空重" name="truckWeight">
|
||
<div class="invalid-feedback" id="truckWeight_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
油罐容量(升)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="油罐容量"
|
||
name="truckFuelJar">
|
||
<div class="invalid-feedback" id="truckFuelJar_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
油厢容量(升)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="油厢容量"
|
||
name="truckFuelBox">
|
||
<div class="invalid-feedback" id="truckFuelBox_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
行驶里程(千米)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="行驶里程"
|
||
name="truckOdometer">
|
||
<div class="invalid-feedback" id="truckOdometer_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
长(米)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="长" name="truckLength">
|
||
<div class="invalid-feedback" id="truckLength_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
宽(米)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="宽" name="truckWidth">
|
||
<div class="invalid-feedback" id="truckWidth_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
高(米)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="高" name="truckHeight">
|
||
<div class="invalid-feedback" id="truckHeight_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
最高时速(千米/时)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="最高时速"
|
||
name="truckMaxSpeed">
|
||
<div class="invalid-feedback" id="truckMaxSpeed_error_tip"></div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">车辆状态</label>
|
||
<div class="col">
|
||
<label class="form-check form-check-inline">
|
||
<input class="form-check-input" type="radio" name="truckStatus" value="0">
|
||
<span class="form-check-label">停用</span>
|
||
</label>
|
||
<label class="form-check form-check-inline">
|
||
<input class="form-check-input" type="radio" name="truckStatus" checked=""
|
||
value="1">
|
||
<span class="form-check-label">启用</span>
|
||
</label>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-3 row">
|
||
<label class="col-3 col-form-label required">
|
||
加注能力(吨/小时)</label>
|
||
<div class="col">
|
||
<input type="number" class="form-control" placeholder="加注能力"
|
||
name="truckAbility">
|
||
<div class="invalid-feedback" id="truckAbility_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="truckDrive">
|
||
<div class="invalid-feedback" id="truckDrive_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" name="truckMemo" id="truckMemo"
|
||
placeholder="Type something…"
|
||
style="overflow: hidden; overflow-wrap: break-word; resize: none; text-align: start; height: 56px;"></textarea>
|
||
</div>
|
||
<div class="invalid-feedback" id="truckMemo_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_truck_img_name">图片</div>
|
||
<div class="datagrid-content" id="detail_truckImg_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_belong_organize_id_name">英文名称</div>
|
||
<div class="datagrid-content" id="detail_belongOrganizeId_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_cab_seat_name">驾驶室座位</div>
|
||
<div class="datagrid-content" id="detail_truckCabSeat_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_model_name_name">运加油车名称</div>
|
||
<div class="datagrid-content" id="detail_truckModelName_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_weight_name">空重(kg)</div>
|
||
<div class="datagrid-content" id="detail_truckWeight_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_fuel_jar_name">油罐容(升)</div>
|
||
<div class="datagrid-content" id="detail_truckFuelJar_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_fuel_box_name">油厢容量(升)</div>
|
||
<div class="datagrid-content" id="detail_truckFuelBox_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_odometer_name">行驶里程(千米)</div>
|
||
<div class="datagrid-content" id="detail_truckOdometer_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_length_name">长(米)</div>
|
||
<div class="datagrid-content" id="detail_truckLength_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_width_name">宽(米)</div>
|
||
<div class="datagrid-content" id="detail_truckWidth_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_height_name">高(米)</div>
|
||
<div class="datagrid-content" id="detail_truckHeight_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_max_speed_name">最高时速(千米/时)</div>
|
||
<div class="datagrid-content" id="detail_truckMaxSpeed_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_status_name">车辆状态</div>
|
||
<div class="datagrid-content" id="detail_truckStatus_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_store_type_name">储油种类</div>
|
||
<div class="datagrid-content" id="detail_truckStoreType_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_ability_name">加注能力(吨/小时)</div>
|
||
<div class="datagrid-content" id="detail_truckAbility_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_drive_name">驱动型式</div>
|
||
<div class="datagrid-content" id="detail_truckDrive_value"></div>
|
||
</div>
|
||
<div class="datagrid-item">
|
||
<div class="datagrid-title" id="detail_truck_memo_name">备注</div>
|
||
<div class="datagrid-content" id="detail_truckMemo_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> |