文件
mashangyoujiu/Application/Retail/View/Card/add_notice.html

144 行
4.4 KiB
HTML
可执行文件

<!doctype html>
<html>
<!--[1.1.96]-->
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>新增通知</title>
<style>
.box{
border: 1px solid #bbb;
border-radius: 5px;
background-color: white;
padding-bottom: 20px;
}
.list{
display: flex;
flex-direction: row;
align-items: flex-start;
margin: 10px 0;
}
.title{
background-color: #f5f5f5;
color: black;
font-size: 18px;
border-bottom: 1px solid #e6e6e6;
line-height: 60px;
border-radius: 5px 5px 0 0;
text-indent: 15px;
}
.left_name{
width: 100px;
text-align: right;
font-size: 14px;
line-height: 56px;
color: #666;
margin-right: 20px;
}
.list>input{
margin: 10px 0;
width: 300px;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
outline: none;
}
.list>select{
width: 322px;
margin: 10px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
font-size: 14px;
color: #333;
}
.list>textarea{
resize: none;
width: 300px;
height: 100px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
outline: none;
font-size: 14px;
color: #333;
}
.save{
font-size: 16px;
width: 50px;
background-color: #009688;
color: white;
text-align: center;
padding: 8px 10px;
border-radius: 5px;
margin: 50px 200px;
cursor: pointer;
}
.save:hover{
background-color: #099688;
}
</style>
</head>
<body style="padding: 50px">
<form id="form">
<!-- <div class="box">-->
<!-- <div class="title">新增通知</div>-->
<div class="list">
<div class="left_name">通知内容:</div>
<input type="text" id="content" name="content" placeholder="通知内容">
</div>
<div class="list">
<div class="left_name">通知类型:</div>
<select name="notice_type" id="notice_type">
<option value="0">其他类型</option>
<volist name="plugList" id="vo">
<option value="{$vo['id']}">{$vo['plug_name']}</option>
</volist>
</select>
</div>
<div class="list notice_url">
<div class="left_name">通知链接:</div>
<input type="text" id="url" name="url" placeholder="选择填写">
</div>
<div class="save">创建</div>
<!-- </div>-->
</form>
</body>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script src="__PUBLIC__/js/tips.js"></script>
<script>
$('#notice_type').on('change',function () {
if($('#notice_type>option:selected').val()==0){
$('.notice_url').show();
}else {
$('.notice_url').hide();
}
})
$('.save').click(function () {
if(!$('#content').val().trim()){
showTips('请输入通知内容');
return;
}
$.ajax({
url: "{:U('doAddNotice')}",
type: "POST",
data: $('#form').serialize(),
success: function (res) {
if(res.status==1){
showTips(res.msg,function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
//top.layer.closeAll();
})
}else {
showTips(res.msg);
}
}
})
})
</script>
</html>