前端html代码
<form onsubmit="return false;" action="{:request()->url()}" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off" id="comment">
<div class="think-box-shadow">
<div class="layui-card-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>选择供应商</legend>
</fieldset>
<div class="layui-form-item layui-inline" >
<div class="layui-input-inline">
<select class="layui-select" name="id" id="gys">
<option value="">-- 选择已具备资质的供应商 --</option>
{foreach $supplierName as $k=>$v}
<option value="{$v.id}">{$v.supplier_name}</option>
{/foreach}
</select>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>上传合同</legend>
</fieldset>
<input name="file_path" value="" type="hidden" id="fp">
<button data-file="btn" data-uptype="local" data-type="doc,docx,xls,xlsx" type="button" data-field="file_path" class="layui-btn layui-btn-normal" data-name="file" >
<i class="layui-icon"></i> 上传文件
</button>
<!--显示上传文件的名字-->
<span id="file_path"></span>
<p style="margin-top: 20px;"><span style="color: #d43f3a">*</span>注意 <span style="color: #949494;">上传文件的格式xls、docx、pdf,大小不超过2M</span></p>
<div class="hr-line-dashed"></div>
<div style="text-align: center;">
<div class="layui-inline">
<button class="layui-btn layui-btn-normal layui-icon layui-icon-auz" type='button' id="submit">确认上传</button>
<button class="layui-btn layui-btn-primary" type='reset'>重置</button>
</div>
</div>
</div>
</div>
</form>
js代码部分
//获取点击事件
$('#submit').on('click',function(){
var id = $('#gys').val();
var file_path = $('#fp').val();
if($.trim(id)=='')
{
layer.msg('请选择供应商');
return false;
}
if($.trim(file_path)=='')
{
layer.msg('请上传文件');
return false;
}
$.post("{:url('contractaddPost')}",$('#comment').serialize(),function(data){
if(data.status==0){
layer.msg(data.message);
}
})
});
显示结果页