<html lang="zh-cn">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="referrer" content="never">
|
<title>系统参数</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<link href="css/tablestyle.css" rel="stylesheet">
|
<!--[if lt IE 9]>
|
<script src="js/html5shiv.js"></script>
|
<script src="js/respond.min.js"></script>
|
<![endif]-->
|
</head>
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
</div>
|
<div id="neirong">
|
<div>
|
<div class="erjidh search-div" style="padding: 10px;display: flex;">
|
|
<div class="col-lg-2">
|
<select name="select" class="form-control search detailsystem col-lg-2">
|
<option v-for="item in apps" v-bind:value="item.id">{{item.name}}</option>
|
</select>
|
</div>
|
|
<div class="col-lg-2">
|
<select name="select" class="form-control search search-type col-lg-2">
|
<option value="name" >按名称</option>
|
<option value="value" >按内容</option>
|
</select>
|
</div>
|
|
<div class="form-group search col-lg-2" role="search" style="display: flex;">
|
<input type="text" class="form-control search" id="kw" style="width: 200px;" placeholder="请输入名称">
|
<button type="button" class="btn btn-default search-button" v-on:click="requestData">搜索
|
</button>
|
</div>
|
|
|
<div class="tianjia col-lg-8" style="text-align: right;display: none;">
|
<a href="add-tuijian-home-labels.html" class="btn btn-primary" role="button">添加配置 +</a>
|
</div>
|
|
</div>
|
<div class="zhuti">
|
<div>
|
<div v-for="item in configs" style="display: flex;margin-top: 10px;">
|
<label class="col-lg-2" style="text-align: right">{{item.beizhu}}</label>
|
<div class="col-lg-6">
|
<input type="text" :value="item.value" class="form-control content"
|
v-if="item.value.length<120"/>
|
<textarea class="form-control content" rows="5" v-else>{{item.value}}</textarea>
|
</div>
|
<div class="col-lg-1">
|
<button class="form-control btn-primary" v-on:click="save(item,$event)">保存</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="js/vue.min.js"></script>
|
<script src="js/common.js"></script>
|
<script type="text/javascript">
|
|
|
$(function () {
|
var app = new Vue({
|
el: "#neirong",
|
data: {
|
apps: [],
|
configs: []
|
},
|
methods: {
|
getDetailSystemList: function () {
|
$.post('api/common/detailsystemlist', function (data) {
|
if (data.code == 0) {
|
app.apps = data.data;
|
}
|
}, 'json');
|
},
|
requestData: function () {
|
$.post("api/config/configList", {
|
detailSystemId: $(".detailsystem").val(),
|
key: $("#kw").val(),
|
type: $(".search-type").val()
|
}, function (data) {
|
if (data.code == 0) {
|
app.configs = data.configList;
|
} else {
|
layer.msg("获取信息失败！");
|
}
|
}, "json");
|
},
|
save: function (config, e) {
|
$.post("api/config/updateConfig", {
|
id: config.id,
|
value: $(e.target).parent().parent().find(".content").val()
|
}, function (data) {
|
if (data.code == 0) {
|
layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
})
|
} else {
|
layer.alert(data.msg, {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
})
|
}
|
}, "json");
|
}
|
}
|
});
|
app.getDetailSystemList();
|
setTimeout(function () {
|
app.requestData();
|
}, 2000);
|
|
|
// $("button[name='save']").bind("click", function () {
|
// var vals = {};
|
// $(".canshu").each(function () {
|
// var key = $(this).find("input").attr("key");
|
// var values = $(this).find("input").val();
|
// vals[key] = values;
|
// });
|
// $.post("api/config/updateConfig", {"vals": JSON.stringify(vals)}, function (data) {
|
// if (data == "yes") {
|
// layer.alert('保存成功！', {
|
// icon: 1,
|
// skin: 'layer-ext-seaing'
|
// })
|
// } else {
|
// layer.alert('保存失败！', {
|
// icon: 2,
|
// skin: 'layer-ext-seaing'
|
// })
|
// }
|
// }, "text");
|
// });
|
|
});
|
|
|
</script>
|
</body>
|
</html>
|
