Files
mier-php/public/admin/page/website/coupling_privilege_add.html
2025-08-11 10:22:05 +08:00

290 lines
12 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>添加</legend>
</fieldset>
<form class="layui-form" action="" lay-filter="MyForm">
<div class="layui-form-item">
<label class="layui-form-label ">等级</label>
<div class="layui-input-inline">
<input type="text" name="level" value="0" lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label ">数值</label>
<div class="layui-input-inline">
<input type="text" name="number" value="0" lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item" id="head_decorate_div">
<label class="layui-form-label required">选择头像</label>
<div class="layui-input-inline">
<select name="head_decorate_id" lay-filter="head_decorate_id">
</select>
</div>
</div>
<div class="layui-form-item" id="mount_decorate_div">
<label class="layui-form-label required">选择坐骑</label>
<div class="layui-input-inline">
<select name="mount_decorate_id" lay-filter="mount_decorate_id">
</select>
</div>
</div>
<div class="layui-form-item" id="cp_tx">
<label class="layui-form-label required">CP特效</label>
<div class="layui-input-inline">
<select name="cp_tx_id" lay-filter="cp_tx_id">
</select>
</div>
</div>
<div class="layui-form-item" id="mount_decorate_div">
<label class="layui-form-label required">选择左侧装扮</label>
<div class="layui-input-inline">
<select name="left_wing_decorate_id" lay-filter="left_wing_decorate_id">
</select>
</div>
</div>
<div class="layui-form-item" id="mount_decorate_div">
<label class="layui-form-label required">选择右侧装扮</label>
<div class="layui-input-inline">
<select name="right_wing_decorate_id" lay-filter="right_wing_decorate_id">
</select>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="saveBtn">确认保存</button>
</div>
</div>
</form>
</div>
</div>
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../common/common.js" charset="utf-8"></script>
<!-- 注意如果你直接复制所有代码到本地上述js路径需要改成你本地的 -->
<script>
layui.use(['form', 'table'], function () {
var form = layui.form,
layer = layui.layer,
table = layui.table,
$ = layui.$;
/**
* 初始化表单,要加上,不然刷新部分组件可能会不加载
*/
form.render();
// 当前弹出层防止ID被覆盖
var parentIndex = layer.index;
var roomInfo;
//监听提交
form.on('submit(saveBtn)', function (data) {
data.field.login_token = AdminLoginToken
$.post(WebHost + "Website/add_coupling_privilege", data.field,
function (data, textStatus, jqXHR) {
if (data.code == 200) {
parent.layui.table.reload('currentTableId', {}, 'json');//刷新父级页面
}
layer.msg(data.msg, { time: 1000 }, function () {
});
},
"json"
);
// var index = layer.alert(JSON.stringify(data.field), {
// title: '最终的提交信息'
// }, function () {
// // 关闭弹出层
// layer.close(index);
// layer.close(parentIndex);
// });
return false;
});
initManMountDecorateSelect();
initManHeadDecorateSelect();
initCpTx();
initLeftWindDecorateSelect();
initRightWindDecorateSelect();
function initManMountDecorateSelect() {
$.ajax({
type: "POST",
url: WebHost + "decorate/get_mount_decorate_list",
data: { "login_token": AdminLoginToken, "limit": 999 },
dataType: "json",
async: false,
success: function (data) {
var list = data.data;
$("select[name='mount_decorate_id']").html('');
var option = document.createElement("option");
option.setAttribute("value", 0);
option.innerText = '请选择坐骑';
$("select[name='mount_decorate_id']").append(option)
if (list != null || list.size() > 0) {
for (var c in list) {
var option = document.createElement("option");
option.setAttribute("value", list[c].did);
option.innerText = list[c].title;
$("select[name='mount_decorate_id']").append(option)
}
};
form.render();
}
});
}
function initManHeadDecorateSelect() {
$.ajax({
type: "POST",
url: WebHost + "decorate/get_head_decorate_list",
data: { "login_token": AdminLoginToken, "limit": 999 },
dataType: "json",
async: false,
success: function (data) {
var list = data.data;
$("select[name='head_decorate_id']").html('');
var option = document.createElement("option");
option.setAttribute("value", 0);
option.innerText = '请选择头像';
$("select[name='head_decorate_id']").append(option)
if (list != null || list.size() > 0) {
for (var c in list) {
var option = document.createElement("option");
option.setAttribute("value", list[c].did);
option.innerText = list[c].title;
$("select[name='head_decorate_id']").append(option)
}
};
form.render();
}
});
}
function initCpTx() {
$.ajax({
type: "POST",
url: WebHost + "decorate/get_cp_tx_list",
data: { "login_token": AdminLoginToken, "limit": 999 },
dataType: "json",
async: false,
success: function (data) {
var list = data.data;
$("select[name='cp_tx_id']").html('');
var option = document.createElement("option");
option.setAttribute("value", 0);
option.innerText = '请选择CP特效';
$("select[name='cp_tx_id']").append(option)
if (list != null || list.size() > 0) {
for (var c in list) {
var option = document.createElement("option");
option.setAttribute("value", list[c].did);
option.innerText = list[c].title;
$("select[name='cp_tx_id']").append(option)
}
};
form.render();
}
});
}
function initLeftWindDecorateSelect() {
$.ajax({
type: "POST",
url: WebHost + "decorate/get_wind_decorate_list",
data: { "login_token": AdminLoginToken, "limit": 999 },
dataType: "json",
async: false,
success: function (data) {
var list = data.data;
$("select[name='left_wing_decorate_id']").html('');
var option = document.createElement("option");
option.setAttribute("value", 0);
option.innerText = '请选择装扮';
$("select[name='left_wing_decorate_id']").append(option)
if (list != null || list.size() > 0) {
for (var c in list) {
var option = document.createElement("option");
option.setAttribute("value", list[c].did);
option.innerText = list[c].title;
$("select[name='left_wing_decorate_id']").append(option)
}
};
form.render();
}
});
}
function initRightWindDecorateSelect() {
$.ajax({
type: "POST",
url: WebHost + "decorate/get_wind_decorate_list",
data: { "login_token": AdminLoginToken, "limit": 999 },
dataType: "json",
async: false,
success: function (data) {
var list = data.data;
$("select[name='right_wing_decorate_id']").html('');
var option = document.createElement("option");
option.setAttribute("value", 0);
option.innerText = '请选择装扮';
$("select[name='right_wing_decorate_id']").append(option)
if (list != null || list.size() > 0) {
for (var c in list) {
var option = document.createElement("option");
option.setAttribute("value", list[c].did);
option.innerText = list[c].title;
$("select[name='right_wing_decorate_id']").append(option)
}
};
form.render();
}
});
}
});
</script>
</body>
</html>