From 75e2b4df7408456bfa39915e0edf90356fabecc4 Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Tue, 30 Jun 2026 17:51:21 +0800
Subject: [PATCH] feat(system): 优化支付链接图片上传功能
---
src/main/resources/templates/febs/views/modules/system/payLink.html | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 105 insertions(+), 0 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/system/payLink.html b/src/main/resources/templates/febs/views/modules/system/payLink.html
new file mode 100644
index 0000000..c88b7d3
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/system/payLink.html
@@ -0,0 +1,105 @@
+<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>
--
Gitblit v1.9.1