<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>Layui</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" type="text/css" href="../../css/doui.min.css" />
|
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
|
|
<script src="../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
],
|
});
|
</script>
|
</head>
|
<body>
|
<div style="margin:50px auto; width:90%; height:auto; ">
|
<hr>
|
<form class="layui-form" lay-filter="contentForm" style="margin-top: 40px;">
|
<div id="content">
|
<div v-for="(item, index) in list">
|
<input type="text" hidden="hidden" v-bind:name="'config['+index +'].id'" v-bind:value="item.config.id" />
|
|
<v-if v-if="item.editMode == 1">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 20%;">{{item.config.name}}：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" autocomplete="off" class="layui-input" style="width: 70%;" v-bind:name="'config['+index +'].value'"
|
v-bind:value="item.config.value">
|
</div>
|
</div>
|
</v-if>
|
|
|
<v-if v-if="item.editMode == 2">
|
<div class="layui-form-item layui-form-text">
|
<label class="layui-form-label" style="width: 20%;">{{item.config.name}}：</label>
|
<div class="layui-input-block">
|
<textarea class="layui-textarea" style="width: 70%;height:200px;" v-bind:name="'config['+index +'].value'">{{item.config.value}}</textarea>
|
</div>
|
</div>
|
</v-if>
|
|
<v-if v-if="item.editMode == 3">
|
<div class="layui-form-item">
|
<label class="layui-form-label" style="width: 20%;">{{item.config.name}}：</label>
|
<div class="layui-input-block">
|
<v-if v-if="item.config.value == 1">
|
<input type="checkbox" value="开" v-bind:id="'config'+index" lay-skin="switch" lay-filter="switchTest" lay-text="开|关" checked>
|
<input type="text" hidden="hidden" v-bind:id="'config'+index +'value'" v-bind:name="'config['+index +'].value'" v-bind:value="item.config.value">
|
</v-if>
|
<v-if v-if="item.config.value != 1">
|
<input type="checkbox" value="关" v-bind:id="'config'+index" lay-skin="switch" lay-filter="switchTest" lay-text="开|关">
|
<input type="text" hidden="hidden" v-bind:id="'config'+index +'value'" v-bind:name="'config['+index +'].value'" v-bind:value="item.config.value">
|
</v-if>
|
</div>
|
</div>
|
</v-if>
|
|
</div>
|
</div>
|
|
<div class="layui-form-item" style="margin:20px 0px 0px 250px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" id="submitData" style="width: 200px;height:60px">立即保存</button>
|
</div>
|
</div>
|
</form>
|
<hr>
|
</div>
|
</body>
|
</html>
|
|
|
<script>
|
//只有执行了这一步，部分表单元素才会自动修饰成功
|
layui.use('form', function() {
|
var form = layui.form;
|
form.render();
|
});
|
|
// 接收传递值
|
var type = "maskControl";
|
var from;
|
layui.use(['form', 'layedit', 'laydate'], function() {
|
form = layui.form,
|
layer = layui.layer,
|
layedit = layui.layedit;
|
|
//表单取值
|
layui.$('#submitData').on('click', function() {
|
var mydata = form.val('contentForm');
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/config/saveConfig",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("保存成功");
|
|
// 刷新页面数据
|
doui.pageToUrl({
|
type: "replace",
|
url: "config_manage.html",
|
data: {
|
type: type,
|
},
|
});
|
}
|
}
|
});
|
});
|
});
|
|
//监听指定开关
|
form.on('switch(switchTest)', function(data) {
|
var value = 0;
|
if (this.checked) {
|
value = 1;
|
}
|
$("#" + this.id + "value").val(value);
|
});
|
|
// doui准备完毕
|
doui.onReady({
|
success: function() {
|
var vm = new Vue({
|
el: "#content",
|
// 数据
|
data: {
|
list: [],
|
},
|
updated: function() {
|
layui.use(['form'], function() {
|
form.render();
|
})
|
},
|
});
|
|
doui.urlParam({
|
success: function(params) {
|
type = params.type;
|
},
|
});
|
|
var loading = layer.load(0, {
|
shade: false
|
}); //0代表加载的风格，支持0-2
|
|
// 请求数据
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/config/getByCategory',
|
data: {
|
type: type
|
},
|
success: function(res) {
|
layer.close(loading);
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vm.list = res.data.list
|
}
|
},
|
});
|
},
|
});
|
</script>
|
