gz_car_ui/page/car_settlement/child/settlement_detail.html

156 lines
6.0 KiB
HTML
Raw Permalink Normal View History

2025-01-16 18:47:38 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>供应商付款记录</title>
<link rel="stylesheet" href="../../../lib/layui-v2.9.18/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../../css/font.css" media="all">
<link rel="stylesheet" href="../../../css/public.css" media="all">
<link rel="stylesheet" href="../../../css/car_demand_plan/dispatch_car_detail.css" media="all">
</head>
<style>
.layuimini-container {
height: auto;
}
#detail-box {
width: 100%;
height: 70px;
justify-content: space-between;
}
2025-10-28 09:26:00 +08:00
#detail-box > div {
2025-01-16 18:47:38 +08:00
margin: 0 20px;
}
#detail-box img {
width: 50px;
height: 50px;
}
2025-01-17 18:28:32 +08:00
#dispatch-car-table2 {
2025-01-16 18:47:38 +08:00
margin-top: 10px;
}
</style>
<body id="body">
2025-10-28 09:26:00 +08:00
<div id="main-box">
<div class="layout" id="detail-box">
<div class="layout">
<img src="../../../images/svg/u418.svg">
<div class="layout" style="flex-direction: column;align-items: start;margin-left: 10px;">
<p style="font-size: 18px;font-weight: bold;" id="titleName"></p>
<p id="code"></p>
2025-01-16 18:47:38 +08:00
</div>
</div>
2025-10-28 09:26:00 +08:00
<div>
<button type="button" class="layui-btn layui-bg-blue no-print" id="print" onclick="print()">打印</button>
<button class="layui-btn layui-btn-primary cancel no-print" onclick="closePage()">返回</button>
2025-01-16 18:47:38 +08:00
</div>
2025-10-28 09:26:00 +08:00
</div>
<!--基本信息-->
<div id="plan-basic-box" class="layout">
<div class="title layout">
<span style="font-weight:700;text-decoration:none;color:#409EFF;"></span>
<p>基本信息</p>
2025-01-16 18:47:38 +08:00
</div>
2025-10-28 09:26:00 +08:00
<div id="plan-basic-table">
<table class="classTable">
<tr>
<th>供应商名称</th>
<th>需求计划编号</th>
<th>工程名称</th>
<th>派车数量</th>
<th>金额(元)</th>
<th>派车日期</th>
</tr>
<tr>
<td id="supName"></td>
<td id="planCode"></td>
<td id="proName"></td>
<td id="carNum"></td>
<td id="money"></td>
<td id="dispatchDay"></td>
</tr>
<tr>
<th colspan="6">备注</th>
</tr>
<tr>
<td colspan="6" id="remark"></td>
</tr>
</table>
</div>
</div>
<div id="file-box">
<div class="title layout">
<span style="font-weight:700;text-decoration:none;color:#409EFF;"></span>
<p>附件文档</p>
</div>
<div id="file-table-box">
<table class="classTable" id="file-table">
<tr>
<th style="width: 30%;">文件名</th>
<th style="width: 10%;">文件类型</th>
<th>上传人员</th>
<th>上传时间</th>
<th>操作</th>
</tr>
</table>
</div>
</div>
<div id="dispatch-car-box" style="margin-bottom: 10px;">
<div class="title layout">
<span style="font-weight:700;text-decoration:none;color:#409EFF;"></span>
<p>用车明细</p>
</div>
<div id="dispatch-car-table-box">
<table class="classTable" id="dispatch-car-table" style="display: none;">
<tr>
<th style="width: 7%;">类型</th>
<th style="width: 7%;">车型</th>
<th style="width: 7%;">型号</th>
<th style="width: 8%;">车牌</th>
<th style="width: 7%;">吨位</th>
<th style="width: 8%;">货物名称</th>
<th style="width: 8%;">起运地</th>
<th style="width: 8%;">目的地</th>
<th style="width: 7%;">公里数</th>
<th style="width: 7%;">单价<br>(元/吨*公里)</th>
<th style="width: 7%;">预估金额</th>
<th style="width: 11%;">行驶证/挂靠协议<br>驾驶证/身份证/导航图</th>
<th style="width: 8%;">需求计划编号</th>
</tr>
</table>
<table style="display: none;" class="classTable" id="dispatch-car-table2">
<tr>
<th style="width: 10%;">类型</th>
<th style="width: 10%;">车型</th>
<th style="width: 10%;">型号</th>
<th style="width: 10%;">车牌</th>
<th style="width: 15%;">使用地</th>
<th style="width: 8%;">计划使用天数</th>
<th style="width: 8%;">实际使用天数</th>
<th style="width: 8%;">入场费</th>
<th style="width: 10%;">租赁单价</th>
<th style="width: 8%;">预估金额</th>
<th style="width: 11%;">操作证/<br>身份证/导航图</th>
<th style="width: 8%;">需求计划编号</th>
<th style="width: 8%;">操作</th>
</tr>
</table>
2025-01-16 18:47:38 +08:00
</div>
</div>
2025-10-28 09:26:00 +08:00
<div style="width: 100%;height: 5px;"></div>
</div>
2025-01-16 18:47:38 +08:00
</body>
2025-10-28 09:26:00 +08:00
<script src="../../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
2025-01-16 18:47:38 +08:00
<script src="../../../js/aes.js" charset="utf-8"></script>
<script src="../../../js/public.js" charset="utf-8"></script>
<script src="../../../js/jQuery.print.js" charset="utf-8"></script>
<script src="../../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
<script src="../../../js/openIframe.js" charset="utf-8"></script>
<script src="../../../js/car_settlement/child/settlement_detail.js" charset="utf-8"></script>
</html>