<div class="layui-fluid layui-anim febs-anim" id="pay-link" lay-title="付款链接设置">
|
<div class="layui-row layui-col-space8 febs-container">
|
<form class="layui-form" action="" lay-filter="pay-link-form">
|
<div class="layui-card">
|
<div class="layui-card-header">付款链接配置</div>
|
<div class="layui-card-body">
|
<div class="layui-form-item">
|
<label class="layui-form-label required">付款链接：</label>
|
<div class="layui-input-block">
|
<input type="text" name="xtLink" data-th-id="${payLink.xtLink}"
|
lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入付款链接地址">
|
</div>
|
<div class="layui-word-aux" style="margin-left: 150px;">用户点击付款时跳转的链接地址，必须以 http(s):// 开头</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label required">链接图片：</label>
|
<div class="layui-upload">
|
<button type="button" class="layui-btn layui-btn-normal" id="pay-link-img-upload">上传图片</button>
|
<div class="layui-input-block">
|
<div class="layui-upload-list">
|
<img class="layui-upload-img" id="xtLinkImgUrls" style="width: 200px;">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label required">图片链接：</label>
|
<div class="layui-input-block">
|
<input type="text" id="xtLinkImg" name="xtLinkImg"
|
autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-footer">
|
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="pay-link-form-submit" id="submit">保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<style>
|
.layui-form-label {
|
width: 120px;
|
}
|
|
.layui-form-item .layui-input-block {
|
margin-left: 150px;
|
}
|
|
.layui-table-form .layui-form-item {
|
margin-bottom: 20px !important;
|
}
|
|
.layui-upload-list {
|
margin: 0 !important;
|
}
|
</style>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'upload'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
upload = layui.upload,
|
payLink = [[${payLink}]],
|
validate = layui.validate,
|
$view = $('#pay-link');
|
|
form.verify(validate);
|
|
if (payLink) {
|
form.val("pay-link-form", {
|
"xtLink": payLink.xtLink,
|
"xtLinkImg": payLink.xtLinkImg
|
});
|
if (payLink.xtLinkImg) {
|
$('#xtLinkImgUrls').attr('src', payLink.xtLinkImg);
|
}
|
}
|
|
form.render();
|
|
// 图片上传
|
upload.render({
|
elem: '#pay-link-img-upload'
|
,url: ctx + 'admin/goods/uploadFileBase64'
|
,before: function(obj){
|
obj.preview(function(index, file, result){
|
$('#xtLinkImgUrls').attr('src', result);
|
});
|
}
|
,done: function(res){
|
febs.alert.success(res.data.src);
|
$("#xtLinkImg").val(res.data.src);
|
}
|
});
|
|
form.on('submit(pay-link-form-submit)', function (data) {
|
febs.post(ctx + 'admin/system/payLink', data.field, function (res) {
|
febs.alert.success('保存成功');
|
});
|
return false;
|
});
|
});
|
</script>
|
