136 lines
7.6 KiB
HTML
136 lines
7.6 KiB
HTML
<!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>
|
||
<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>
|
||
</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>
|
||
<th style="width: 6%;">类型</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: 6%;">公里数</th>
|
||
<th style="width: 7%;">单价<br>(元/吨*公里)</th>
|
||
<th style="width: 7%;">预估金额</th>
|
||
<th style="width: 11%;">行驶证/挂靠协议<br>驾驶证/身份证/导航图</th>
|
||
<th style="width: 10%;">需求计划编号</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: 8%;">型号</th>
|
||
<th style="width: 10%;">车牌</th>
|
||
<th style="width: 15%;">使用地</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: 10%;">需求计划编号</th>
|
||
</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>
|
||
<script src="../../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
|
||
<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> |