106 lines
4.0 KiB
HTML
106 lines
4.0 KiB
HTML
<form class="layui-form page-content p-4">
|
||
<h3 class="h3-title">添加Demo</h3>
|
||
<table class="layui-table layui-table-form">
|
||
<tr>
|
||
<td class="layui-td-gray-2">项目名称<font>*</font>
|
||
</td>
|
||
<td>
|
||
<input type="text" name="name" lay-verify="required" lay-reqText="请输入项目名称" placeholder="请输入项目名称"
|
||
class="layui-input" value="" />
|
||
</td>
|
||
<td class="layui-td-gray-2">网址<font>*</font>
|
||
</td>
|
||
<td>
|
||
<input type="text" name="url" lay-verify="required" lay-reqText="请输入网址"
|
||
placeholder="例如：api.meteteme.top" class="layui-input" value="" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="layui-td-gray-2">网址类型
|
||
</td>
|
||
<td>
|
||
<input type="text" name="url_cate" lay-verify="required" lay-reqText="请输入网址类型" placeholder="例如：API"
|
||
class="layui-input" value="" />
|
||
</td>
|
||
<td class="layui-td-gray-2">项目类型
|
||
</td>
|
||
<td>
|
||
<input type="text" name="cate" lay-verify="required" lay-reqText="请输入项目类型" placeholder="例如：电子商城"
|
||
class="layui-input" value="" />
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="layui-td-gray-2">项目语言
|
||
</td>
|
||
<td>
|
||
<select name="language" lay-verify="" lay-reqText="请选择项目语言" class="layui-select" lay-search=""
|
||
lay-filter="language"></select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="layui-td-gray-2">备注
|
||
</td>
|
||
<td colspan="4">
|
||
<textarea name="schedule" lay-verify="" lay-reqText="请输入" placeholder="请输入备注" class="layui-textarea"
|
||
value=""></textarea>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div class="pt-1">
|
||
<input type="hidden" name="id" value="0" />
|
||
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">
|
||
立即提交
|
||
</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</form>
|
||
|
||
<script>
|
||
layui.use(["form", "layer"], function () {
|
||
var laydate = layui.laydate;
|
||
var form = layui.form,
|
||
layer = layui.layer;
|
||
|
||
fetch("/project/demo/getLanguage")
|
||
.then((response) => response.json())
|
||
.then((data) => {
|
||
var select = document.querySelector('select[name="language"]');
|
||
select.innerHTML = '<option value="">请选择项目语言</option>';
|
||
data.forEach((language) => {
|
||
var option = document.createElement("option");
|
||
option.value = language.id;
|
||
option.innerText = language.language;
|
||
select.appendChild(option);
|
||
});
|
||
form.render("select");
|
||
})
|
||
.catch((error) => {
|
||
console.error("Error:", error);
|
||
});
|
||
|
||
// 监听提交事件
|
||
form.on("submit(webform)", function (data) {
|
||
// 发送请求并处理响应
|
||
fetch("/project/demo/add", {
|
||
method: "POST",
|
||
body: JSON.stringify(data.field),
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
},
|
||
})
|
||
.then((response) => response.json())
|
||
.then((result) => {
|
||
layer.msg(result.msg);
|
||
if (result.code === 2) {
|
||
setTimeout(function () {
|
||
document.querySelector("form").reset(); // Reset the form
|
||
location.reload(); // 刷新页面
|
||
}, 1000);
|
||
}
|
||
});
|
||
|
||
return false;
|
||
});
|
||
});
|
||
</script> |