{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<form class="layui-form p-page">
	<h3 class="pb-1">Vehicle expense record</h3>
	<table class="layui-table">
		<tr>
			<td class="layui-td-gray">Vehicle name</td>
			<td colspan="3">{$detail.car}</td>
			<td class="layui-td-gray">Expense type</td>
			<td>{$detail.types_str}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Expense subject</td>
			<td colspan="5">{$detail.title}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Expense date</td>
			<td>{$detail.fee_time|date='Y-m-d'}</td>
			<td class="layui-td-gray">Amount</td>
			<td>{$detail.amount}</td>
			<td class="layui-td-gray">Handler</td>
			<td>{$detail.handled_name}</td>
		</tr>
		{notempty name="$detail.fileArray"}
		<tr>
			<td class="layui-td-gray">Attachments</div></td>
			<td colspan="5">
				<div class="layui-row" id="uploadBox">					
					{volist name="$detail.fileArray" id="vo"}
					<div class="layui-col-md4" id="fileItem{$vo.id}">{:file_card($vo,'view')}</div>
					{/volist}					
				</div>
			</td>
		</tr>
		{/notempty}
		<tr>
			<td class="layui-td-gray" style="vertical-align:top;">Details</td>
			<td colspan="5">{$detail.content|default=''}</td>
		</tr>
	</table>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
const moduleInit = ['tool'];
function gouguInit() {
	var form = layui.form,tool=layui.tool;
	
}
</script>
{/block}
<!-- /Script -->