hn_cloud_web/smz-web/pages/work/announcement/announcementForm.html

108 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户公告新增</title>
<link rel="stylesheet" type="text/css" media="screen" href="../../../js/jquery/jquery-confirm.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css">
</head>
<body>
<div style="height:30px;font-size: 20px;margin-top: 20px;">
请填写版本号:<input id="version" type="text" placeholder="请填写版本号"/>
</div>
<form method="post" style="margin-top: 20px">
<textarea id="mytextarea"></textarea>
</form>
<button id="uploadFile" onclick="submit()" type="button" class="layui-btn" style="float:right;">提交</button>
</body>
</html>
<!--<script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>-->
<script type="text/javascript" src="../../../js/libs/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="../../../js/jq.js"></script>
<script type="text/javascript" src="../../../js/my/permission.js"></script>
<script type="text/javascript" src="../../../layui/layui.js"></script>
<script type="text/javascript" src="../../../../public/public.js"></script>
<script type="text/javascript" src="../../../js/publicJs.js"></script>
<script type="text/javascript" src="../../../js/libs/tinymce.min.js" referrerpolicy="origin"></script>
<script type="text/javascript" src="../../../js/jquery/jquery-confirm.js"></script>
<script>
var layer;
var content = localStorage.getItem("content");
var title = localStorage.getItem("title");
var types = localStorage.getItem("type");
var id = localStorage.getItem("id");
layui.use(['layer', 'laydate', 'form'], function () {
layer = layui.layer;
var form = layui.form;
form.render();
form.verify();
if (types === "1"){
content = "";
}else{
$("#version").val(title);
}
});
tinymce.init({
selector: '#mytextarea',
language: 'zh_CN',
plugins: [
'a11ychecker', 'advlist', 'advcode', 'advtable', 'autolink', 'checklist', 'export',
'lists', 'link', 'image', 'charmap', 'preview', 'anchor', 'searchreplace', 'visualblocks',
'powerpaste', 'fullscreen', 'formatpainter', 'insertdatetime', 'media', 'table', 'help', 'wordcount'
],
toolbar: 'undo redo | formatpainter casechange blocks | bold italic backcolor | ' +
'alignleft aligncenter alignright alignjustify | ' +
'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help',
init_instance_callback: function(editor){
tinyMCE.activeEditor.setContent(content);
},
});
function submit() {
console.log(tinyMCE.activeEditor.getContent());
let formUrl = smz_ht_url + "/users/insertEditionVersion";
if (types === "2"){
formUrl = smz_ht_url + "/users/updateEditionVersion";
}
var data = {
content: tinyMCE.activeEditor.getContent(),
version: $("#version").val(),
id : id
};
$.ajax({
type: 'POST',
async: false, // 默认异步true,false表示同步
url: formUrl, // 请求地址project
contentType: "application/json; charset=utf-8",
dataType: 'text', // 服务器返回数据类型
data: JSON.stringify(data), //获取提交的表单字段
success: function (data) {
data = JSON.parse(data);
let tip = "添加";
if (types === "2" ){
tip = "修改"
}
if (data.resMsg == '保存成功') {
parent.layer.alert(data.resMsg, {icon: 1}, function () {
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.location.reload();//刷新父页面
});
} else {
parent.layer.alert(data.resMsg, {icon: 2}, function () {
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.location.reload();//刷新父页面
});
}
},
error: function (XMLHttpRequest, textStatus, e) {
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
}
});
}
</script>