gz_car_ui/page/car_settlement/child/payment_form.html

136 lines
7.6 KiB
HTML
Raw 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/data_form.css" media="all">
<!-- <link rel="stylesheet" href="../../../css/accessory/accessory_store_form.css" media="all"> -->
<link rel="stylesheet" href="../../../css/car_settlement/payment_form.css" media="all">
</head>
<body>
<div id="main-box">
<div id="basic-box">
<form class="layui-form layuimini-form" onclick="return false;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">供应商</label>
<div class="layui-input-inline">
<input class="layui-input" style="background-color: #F2F2F2 !important;" readonly
name="supName" id="supName">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">选择需求计划</label>
<div class="layui-input-inline">
<input class="layui-input" id="chooseValue" onclick="chooseFitType()"
style="background-color: #F2F2F2 !important;cursor: pointer;" readonly
placeholder="选择需求计划(可多选)">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required" style="width: 110px !important;">付款日期</label>
<div class="layui-input-inline layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-date"></i>
</div>
<input class="layui-input" id="fkTime" autocomplete="off" name="fkTime"
lay-verify="required" readonly style="cursor: pointer;">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">本次付款金额</label>
<div class="layui-input-inline layui-input-wrap">
<input class="layui-input" style="background-color: #F2F2F2 !important;" readonly
name="money" id="money">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required" style="width: 100px !important;">备注</label>
<div class="layui-input-inline">
<textarea placeholder="请输入备注" lay-verify="required" id="remark" name="remark"
class="layui-textarea" maxLength="255" lay-affix="clear"></textarea>
</div>
</div>
</div>
<button type="submit" id="formSubmit" class="layui-btn" lay-submit="" lay-filter="formData"
style="display: none;"></button>
</form>
<div class="layui-upload" style="padding: 0 39px;">
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;width: auto;border: none;">
<p>付款单附件<span class="required">*</span></p>
<div class="layui-upload-list uploader-list" style="overflow: auto;" id="uploader-list"></div>
<div id="test2" style="margin-left: 10px;">
<img src="../../../images/add.png">
</div>
2025-01-21 15:50:15 +08:00
<div class="layout" style="flex-direction: column;margin-left: 2px;">
<p style="color: red;">提示最多上传5个附件</p>
<p style="color: red;">支持格式:jpg、png、jpeg</p>
<p style="color: red;">doc、docx、pdf、xlsx、xls</p>
</div>
2025-01-16 18:47:38 +08:00
</blockquote>
</div>
<div class="title layout">
<span style="font-weight:700;text-decoration:none;color:#409EFF;"></span>
<p>用车明细</p>
</div>
<!-- 无数据时-展示 -->
<div id="no_data_title" class="layout">
<img src="../../../images/no_data_icon.png" alt="无数据">
<p style="font-size: 16px;font-weight: bold;">您还没选择需要付款的需求计划单据</p>
<p style="color: #999999;">需要添加后才能执行操作</p>
</div>
<div id="dispatch-car-table-box">
<table class="classTable" id="dispatch-car-table" style="display: none;">
<tr>
2025-01-20 14:16:06 +08:00
<th style="width: 6%;">类型</th>
2025-01-16 18:47:38 +08:00
<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>
2025-01-20 14:16:06 +08:00
<th style="width: 6%;">公里数</th>
2025-01-16 18:47:38 +08:00
<th style="width: 7%;">单价<br>(元/吨*公里)</th>
<th style="width: 7%;">预估金额</th>
<th style="width: 11%;">行驶证/挂靠协议<br>驾驶证/身份证/导航图</th>
2025-01-20 14:16:06 +08:00
<th style="width: 10%;">需求计划编号</th>
2025-01-16 18:47:38 +08:00
</tr>
</table>
<table style="display: none;" class="classTable" id="dispatch-car-table2">
<tr>
<th style="width: 10%;">类型</th>
<th style="width: 10%;">车型</th>
2025-01-20 14:16:06 +08:00
<th style="width: 8%;">型号</th>
2025-01-16 18:47:38 +08:00
<th style="width: 10%;">车牌</th>
2025-12-02 18:14:42 +08:00
<th style="width: 10%;">使用地</th>
2025-01-16 18:47:38 +08:00
<th style="width: 8%;">计划使用天数</th>
2025-12-02 18:14:42 +08:00
<th style="width: 15%;">租赁单价</th>
2025-01-16 18:47:38 +08:00
<th style="width: 8%;">预估金额</th>
<th style="width: 11%;">操作证/<br>身份证/导航图</th>
2025-01-20 14:16:06 +08:00
<th style="width: 10%;">需求计划编号</th>
2025-01-16 18:47:38 +08:00
</tr>
</table>
</div>
</div>
<div class="btn-box">
<button class="layui-btn layui-bg-blue save" onclick="saveData2()">确定</button>
<button class="layui-btn layui-btn-primary cancel" onclick="closePage()">返回</button>
</div>
</div>
</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/public.js" charset="utf-8"></script>
<script src="../../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
<script src="../../../js/car_settlement/child/payment_form.js" charset="utf-8"></script>
<script src="../../../js/openIframe.js" charset="utf-8"></script>
</html>