| | |
| | | </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-input-block"> |
| | | <div class="layui-upload"> |
| | | <button type="button" class="layui-btn layui-btn-normal" id="pay-link-img-upload">上传图片</button> |
| | | <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> |
| | | <div class="layui-upload-list" id="pay-link-img-preview"></div> |
| | | </blockquote> |
| | | <div class="layui-word-aux">双击图片删除</div> |
| | | </div> |
| | | <input type="hidden" name="xtLinkImg" id="xtLinkImg" data-th-id="${payLink.xtLinkImg}" lay-verify="required" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-card-footer"> |
| | |
| | | .layui-table-form .layui-form-item { |
| | | margin-bottom: 20px !important; |
| | | } |
| | | |
| | | .layui-upload-list { |
| | | margin: 0 !important; |
| | | } |
| | | |
| | | .pay-link-upload-img { |
| | | width: 130px; |
| | | } |
| | | </style> |
| | | <script data-th-inline="javascript" type="text/javascript"> |
| | | layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form'], function () { |
| | | 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.val("pay-link-form", { |
| | | "xtLink": payLink.xtLink |
| | | }); |
| | | if (payLink.xtLinkImg) { |
| | | $('#xtLinkImg').val(payLink.xtLinkImg); |
| | | $('#pay-link-img-preview').html('<img src="' + payLink.xtLinkImg + '" class="layui-upload-img pay-link-upload-img">'); |
| | | imgBind(); |
| | | } |
| | | } |
| | | |
| | | form.render(); |
| | | |
| | | // 图片上传 |
| | | upload.render({ |
| | | elem: '#pay-link-img-upload' |
| | | ,url: ctx + 'admin/goods/uploadFileBase64' |
| | | ,multiple: false |
| | | ,before: function(obj){ |
| | | obj.preview(function(index, file, result){ |
| | | $('#pay-link-img-preview').html('<img src="' + result + '" alt="' + file.name + '" class="layui-upload-img pay-link-upload-img">'); |
| | | }); |
| | | } |
| | | ,done: function(res){ |
| | | $('#xtLinkImg').val(res.data.src); |
| | | imgBind(); |
| | | } |
| | | }); |
| | | |
| | | function imgBind() { |
| | | $(".pay-link-upload-img").off("dblclick").on("dblclick", function() { |
| | | $(this).remove(); |
| | | $('#xtLinkImg').val(""); |
| | | }); |
| | | } |
| | | |
| | | form.on('submit(pay-link-form-submit)', function (data) { |
| | | febs.post(ctx + 'admin/system/payLink', data.field, function (res) { |
| | | febs.alert.success('保存成功'); |