projectmanager/app/api/view/project/view_attachment.html
2025-06-25 10:53:11 +08:00

74 lines
2.5 KiB
HTML

<div class="table-content">
<!-- <div class="layui-form-bar border-t border-x">
<button class="layui-btn layui-btn-sm add-new">+ 新建附件</button>
</div> -->
<div>
<form class="layui-form layui-form-pane" action="">
<div class="layui-form-item">
<label class="layui-form-label">项目id</label>
<div class="layui-input-block">
<input type="text" value="{$id}" autocomplete="off" readonly disabled placeholder="请输入项目id" lay-verify="required"
class="layui-input">
<input type="hidden" id="projectId" value="{$id}">
<input type="hidden" id="attachments" value="attachment">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">附件地址</label>
<div class="layui-input-block">
<input type="text" name="attachmentUrl" autocomplete="off" lay-verify="required"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-sm edit">修改</button>
</div>
</form>
</div>
</div>
<script>
function pageInit() { }
$(document).ready(function () {
var id = $('#projectId').val();
var attachment = $('#attachments').val();
// 获取数据并填充到输入框
$.ajax({
url: '/api/project/getattachmenturl', // 接口地址
type: 'GET', // 请求类型
data: {
id: id,
page: attachment,
},
success: function (data) {
$('input[name="attachmentUrl"]').val(data.attachmentUrl); // 填充数据
},
error: function () {
alert('获取数据失败!');
}
});
// 修改按钮点击事件
$('.edit').click(function (e) {
e.preventDefault(); // 阻止表单默认提交
var updatedUrl = $('input[name="attachmentUrl"]').val(); // 获取修改后的值
$.ajax({
url: '/api/project/getattachmenturl', // 提交修改的接口地址
type: 'POST', // 请求类型
data: {
id: id,
attachmentUrl: updatedUrl
},
success: function (response) {
alert('修改成功!');
},
error: function () {
alert('修改失败!');
}
});
});
});
</script>