kefu/application/admin/view/payment/editpayment.html

276 lines
12 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>编辑支付账号</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__FONT__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__CSS__/animate.min.css" rel="stylesheet">
<link href="__NOCDN_JS__/layui/css/layui.css" rel="stylesheet">
<link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-8">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>编辑支付账号</h5>
</div>
<div class="ibox-content">
<form class="form-horizontal m-t layui-form" id="commentForm" method="post" action="{:url('payment/editpayment')}">
<input type="hidden" value="{$info['id']}" name="id"/>
<div class="form-group">
<label class="col-sm-3 control-label">姓名:</label>
<div class="input-group col-sm-4">
<input id="username" type="text" class="form-control" name="name" required="" value="{$info['name']}" aria-required="true">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">支付账号:</label>
<div class="input-group col-sm-4">
<input id="password" type="text" class="form-control" name="account_num" value="{$info['account_num']}" required="" aria-required="true" readonly="true">
</div>
</div>
<div id="is_open_bank" class="form-group">
<label class="col-sm-3 control-label">开户银行:</label>
<div class="input-group col-sm-4">
<input type="text" class="form-control" name="open_bank" aria-required="true" value="{$info['open_bank']}">
</div>
</div>
<div id="is_branch_bank" class="form-group">
<label class="col-sm-3 control-label">开户支行:</label>
<div class="input-group col-sm-4">
<input type="text" class="form-control" name="branch_bank" aria-required="true" value="{$info['branch_bank']}">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">选择支付类型:</label>
<input type="hidden" id="paymenttype" name="payment_type"/>
<div class="input-group col-sm-4 layui-form">
<select lay-verify="required" lay-filter="paymenttype" id="paymenttype_selet" disabled>
<option value="">请选择类型</option>
{if !empty($paytype)}
{foreach name="paytype" item="vo"}
<option value="{$vo['id']}"{if $vo['id'] eq $info['payment_type']}selected{/if}>{$vo['type_name']}</option>
{/foreach}
{/if}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">选择客服:</label>
<input type="hidden" id="kf" name="kf_id"/>
<div class="input-group col-sm-4 layui-form">
<select lay-verify="required" lay-filter="kf" name="kf_id">
<option value="">请选择客服</option>
{if !empty($users)}
{foreach name="users" item="v"}
<option value="{$v['id']}"{if $v['id'] eq $info['kf_id']}selected{/if}>{$v['user_name']}</option>
{/foreach}
{/if}
</select>
</div>
</div>
<div class="form-group layui-form-item">
<label class="col-sm-3 control-label">是否启用:</label>
<div class="input-group col-sm-6">
{if !empty($status)}
{foreach name="status" item="vo" key="key"}
<input type="radio" name="status" value="{$key}" title="{$vo}" {if $key eq $info['status']}checked{/if}>
{/foreach}
{/if}
</div>
</div>
<div class="form-group layui-form-item form-inline" style="height: 60px;" id="is_payment_img">
<input type="hidden" name="payment_img" id="user_avatar"/>
<label class="col-sm-3 control-label">支付二维码:</label>
<div class="input-group col-sm-2">
<button type="button" class="layui-btn layui-btn-small" id="up-avatar">
<i class="layui-icon"></i>更换二维码</button>
</div>
<div class="input-group col-sm-3" id="avatar">
<img src="{$info['payment_img']}" width="40px" height="40px"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-6">
<button class="btn btn-primary" type="submit">提交</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="__JS__/jquery.min.js?v=2.1.4"></script>
<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
<script src="__JS__/content.min.js?v=1.0.0"></script>
<script src="__JS__/plugins/validate/jquery.validate.min.js"></script>
<script src="__JS__/plugins/validate/messages_zh.min.js"></script>
<script src="__JS__/plugins/layer/layer.min.js"></script>
<script src="__JS__/layui/layui.js"></script>
<script src="__JS__/jquery.form.js"></script>
<script type="text/javascript">
layui.use(['form', 'upload'], function(){
var form = layui.form;
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: '#up-avatar' //绑定元素
,url: "{:url('payment/upQrcode')}" //上传接口
,exts: 'png|jpg|jpeg|gif'
,done: function(res){
//上传完毕回调
if(0 == res.code){
$("#avatar").html('<img src="' + res.data.src + '" width="50px" height="50px">');
$("#user_avatar").val(res.data.src);
}else{
layer.msg(res.msg);
}
}
,error: function(){
//请求异常回调
}
});
form.on('select(paymenttype)', function(value){
$("#paymenttype").val(value.value);
switch (value.value) {
case "1":
case "2":
case "3":
case "4":
$("#is_open_bank").hide()
$("#is_branch_bank").hide()
$("#branch_bank-label").hide()
$("#is_payment_img").show()
break;
case "5":
$("#is_payment_img").hide()
$("#is_open_bank").show()
$("#is_branch_bank").show()
$("#branch_bank-label").show()
break;
default:
break;
}
});
form.on('select(kf)', function(value){
$("#kf").val(value.value);
});
form.on('select(group)', function(value){
$("#group_id").val(value.value);
$.ajax({
url: "/admin/Organize/groupGetOrganize",
data: {group_id: value.value},
dataType: "json",
type: "GET",
success: function (res) {
console.log(res);
if (res.code == 1) {
$html = ``;
res.data.forEach(vo => {
$html += `<option value="${vo.id}">${vo.name}</option>`;
});
$("#organize_id").html($html);
form.render('select', 'organize_id');
} else {
layer.msg(res.msg);
}
}
});
});
});
// 初始化支付类型
paytypeDefualt()
function paytypeDefualt(){
var paymenttype_selet = $('#paymenttype_selet').val();
switch (paymenttype_selet) {
case "1":
case "2":
case "3":
case "4":
$("#is_open_bank").hide()
$("#is_branch_bank").hide()
$("#branch_bank-label").hide()
$("#is_payment_img").show()
break;
case "5":
$("#is_payment_img").hide()
$("#is_open_bank").show()
$("#is_branch_bank").show()
$("#branch_bank-label").show()
break;
default:
break;
}
}
var index = '';
function showStart(){
index = layer.load(0, {shade: false});
return true;
}
function showSuccess(res){
layer.ready(function(){
layer.close(index);
if(1 == res.code){
layer.alert(res.msg, {title: '友情提示', icon: 1, closeBtn: 0}, function(){
window.location.href = res.data;
});
}else if(111 == res.code){
window.location.reload();
}else{
layer.msg(res.msg, {anim: 6});
}
});
}
$(document).ready(function(){
// 添加管理员
var options = {
beforeSubmit:showStart,
success:showSuccess
};
$('#commentForm').submit(function(){
$(this).ajaxSubmit(options);
return false;
});
});
// 表单验证
$.validator.setDefaults({
highlight: function(e) {
$(e).closest(".form-group").removeClass("has-success").addClass("has-error")
},
success: function(e) {
e.closest(".form-group").removeClass("has-error").addClass("has-success")
},
errorElement: "span",
errorPlacement: function(e, r) {
e.appendTo(r.is(":radio") || r.is(":checkbox") ? r.parent().parent().parent() : r.parent())
},
errorClass: "help-block m-b-none",
validClass: "help-block m-b-none"
});
</script>
</body>
</html>