xinyouhe/orzar-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加文章管理

Browse Source
This commit is contained in:
浅念
2025-06-27 17:27:56 +08:00
parent 1374d1938a
commit c97a2ab8c7
19 changed files with 2103 additions and 431 deletions
Download Patch File Download Diff File Expand all files Collapse all files
page/table/articleedit.html
+155
View File
@@ -0,0 +1,155 @@
<!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" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../../assets/css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
.img-3 {
max-width: 64px;
max-height: 64px;
border-radius: 6px;
}
.upload-item img{
height: 40px;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="edit">
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="seach.title"></label>
<div class="layui-input-block">
<input type="hidden" name="id" id="idedt" value="" />
<input type="text" name="title" data-i18n-placeholder="pleaseenter" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="article.synopsis"></label>
<div class="layui-input-block">
<textarea name="subtitle" class="layui-textarea" id="subtitle"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="carlist.CoverImage"></label>
<div class="layui-input-block upload-item">
<img class="img-3" src="../../assets/images/noimg.png" alt="" />
<input type="text" style="display:none" name="cover" value="" />
<button type="button" class="layui-btn"><i class="layui-icon"></i><span data-i18n="userlist.uploadig"></span></button>
(<span data-i18n="Imagesize"></span> 870:450)
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required" data-i18n="article.publishtime"></label>
<div class="layui-input-block">
<input type="text"name="publish_time" class="layui-input" id="ID-laydate-demo" placeholder="yyyy-MM-dd">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.content"></label>
<div class="layui-input-block">
<textarea name="content" id="content"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" data-i18n="seach.status"></label>
<div class="layui-input-block">
<select name="status" class="layui-input">
<option value="1" data-i18n="selectlist.status1"></option>
<option value="0" data-i18n="selectlist.status2"></option>
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block bootm">
<input type="button" lay-submit lay-filter="saveBtn" id="saveBtn" value="确认">
</div>
</div>
</div>
</div>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script src="../../assets/main.js" charset="utf-8"></script>
<script src="../../assets/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../../assets/js/i18n1.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
layui.use(['form','tinymce','upload','laydate' ], function () {
var form = layui.form,
layer = layui.layer,
upload = layui.layer,
t = layui.tinymce,
$ = layui.$;
var laydate = layui.laydate;
laydate.render({
elem: '#ID-laydate-demo',
type: 'datetime',
fullPanel: true // 2.8+
});
var edit = t.render({
elem: "#content",
height: 400,
form:{
name:'image'
},
plugins: 'image',
images_upload_url:baseUrl+ 'console/upload/image',
},function(opt){
console.log(opt)
//加载完成后回调
});
edit.on("blur", function(){
layui.$("#content").val(edit.getContent());
});
form.render();
$("#idedt").val(getQueryString('id'))
self.articledetail({
type:'get',
data:{id:getQueryString('id')},
successCallBack: function(result){
if (result.code == 0) {
$(".img-3").attr("src",result.data.cover_full)
$("#cover").val(result.data.cover)
$("#ID-laydate-demo").val(result.data.publish_time);
form.val('edit', result.data)
edit.setContent(result.data.content);
form.render();
};
},
failCallBack: function(result){
alert(result.message);
}
})
//监听提交
form.on('submit(saveBtn)', function (data) {
var index = layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
}, function () {
// 关闭弹出层
layer.close(index);
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
});
});
</script>
</body>
</html>