文件
mashangyoujiu/Application/Admin/View/Merchant/addMerchant.html

224 行
9.1 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
<style>
.layui-word-aux{
margin-left: 110px;
}
.default_img{
width:150px;
border: 1px solid #ddd;
min-height: 100px;
}
.default_img_box{
padding: 10px 0px;
}
</style>
</head>
<body>
<div style="padding: 30px;">
<form class="layui-form" action="">
<input type="hidden" id="id" value="{$cache.id}" name="id">
<div class="layui-form-item">
<label class="layui-form-label">商户名称</label>
<div class="layui-input-inline">
<input type="text" name="name" value="{$cache.name}" id="merchant_name" required lay-verify="required" placeholder="请输入商户名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">登陆账号</label>
<div class="layui-input-inline">
<input type="text" value="{$cache.mobile}" name="mobile" id="mobile" required lay-verify="required" placeholder="请输入商家号码信息" autocomplete="off" class="layui-input">
</div>
</div>
<empty name="cache">
<div class="layui-form-item">
<label class="layui-form-label">登陆密码</label>
<div class="layui-input-inline">
<input type="password" name="password" id="password" required lay-verify="required" placeholder="请输入商户密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">确认密码</label>
<div class="layui-input-inline">
<input type="password" name="conf_password" id="conf_password" required lay-verify="required" placeholder="确认密码" autocomplete="off" class="layui-input">
</div>
</div>
</empty>
<div class="layui-form-item">
<label class="layui-form-label">启用时间</label>
<div class="layui-input-inline">
<input type="text" value="{$cache.begin_time}" name="begin_time" id="begin_time" required lay-verify="required" placeholder="请输入开始时间" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">过期时间</label>
<div class="layui-input-inline">
<input type="text" value="{$cache.end_time}" name="end_time" id="end_time" required lay-verify="required" placeholder="请输入结束时间" autocomplete="off" class="layui-input">
</div>
</div>
</form>
<div class="layui-form-item">
<label class="layui-form-label">地址</label>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="pro" lay-filter="pro" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择省</option>
<volist name="prov" id="vo">
<option <if condition="$vo['cityid'] eq $cache['province']">selected="selected"</if> value="{$vo.cityid}">{$vo.city_name}</option>
</volist>
</select>
</div>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="city" lay-filter="city" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择市</option>
</select>
</div>
<div class="layui-input-inline" style="max-width: 100px;">
<select id="area" lay-filter="area" style="width:100px;height:38px;">
<option value="" style="color: #d2d2d2;">请选择县/区</option>
</select>
</div>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">详细地址</label>
<div class="layui-input-inline">
<input type="text" name="address" value="{$cache['address']}" id="detail_address" required lay-verify="required" placeholder="请输入详细地址" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block">
<button class="layui-btn" type="button" id="submit">提交</button>
</div>
</div>
</form>
</div>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
layui.use(['form','upload','layer','laydate'], function() {
var laydate = layui.laydate;
laydate.render({
elem: '#begin_time'
});
laydate.render({
elem: '#end_time'
});
var form = layui.form;
var upload = layui.upload;
var layer = layui.layer;
//执行实例
var uploadInst = upload.render({
elem: '#shopimg' //绑定元素
,url: "{:U('upload')}" //上传接口
,done: function(res){
//上传完毕回调
if(res.status==1){
$('#shopimg_input').attr('src',res.path);
$('#shopimg_img').val(res.path);
}else{
layer.msg(res.msg,{time:1500});
}
}
,error: function(){
//请求异常回调
}
});
$('#submit').click(function () {
var storetag = $('#merchant_name').val();
var mobile = $('#mobile').val();
var password = $('#password').val();
var conf_password = $('#conf_password').val();
var begin_time = $('#begin_time').val();
var end_time = $('#end_time').val();
var pro = $('#pro').val();
var city = $('#city').val();
var area = $('#area').val();
var detail_address = $('#detail_address').val();
<empty name="cache">
if(password!=conf_password){
layer.alert("两次密码输入不一致");
return;
}else if(!password){
layer.alert("密码不能为空");
return;
}
</empty>
var id = $('#id').val();
if(!begin_time || !end_time || !mobile || !storetag || !pro || !city ||!detail_address){
layer.msg('请先完善您的商户信息',{time:2000})
return false;
}else{
$.ajax({
url:"{:U('addMerchant')}",
type:'post',
data:{
name:storetag,
pro:pro,
city:city,
area:area,
begin_time:begin_time,
password:password,
end_time:end_time,
mobile:mobile,
address:detail_address,
id:id
},
success:function (res) {
if(res.status==1){
top.layer.msg(res.msg,{icon:1,time:1200},function () {
top.layer.closeAll();
})
}else{
layer.msg(res.msg,{time:1200})
}
},
error:function (error) {
console.log(error);
}
})
}
})
$('#city').change(function(){
$city = $('#city').val();//这变量是有数据的
if(!$city){
$city = "{$cache.city}";
}
var check = "{$cache.area}";
$.ajax({
type:"post",
url:"{:U('Area')}",
data:'city_id='+$city+"&check="+check,
dataType:'json',
success:function(data){
$('#area').html(data);
}
});
});
$('#pro').change(function(){
$prov=$('#pro').val();//这变量是有数据的
var check = "{$cache.city}";
$.ajax({
type:"post",
url:"{:U('City')}",
data:'pro_id='+$prov+"&check="+check,
dataType:'json',
success:function(data){
$('#city').html(data);
}
});
});
$('#pro').change();
$('#city').change();
})
</script>
</body>
</html>