2019-07-24 10:45:45 +08:00
|
|
|
|
{% extends 'app_doc/create_base.html' %}
|
2019-07-21 22:08:04 +08:00
|
|
|
|
{% load staticfiles %}
|
2019-07-24 10:45:45 +08:00
|
|
|
|
{% block title %}新建文档{% endblock %}
|
2019-07-27 23:20:28 +08:00
|
|
|
|
{% block subtitle %}新建文档{% endblock %}
|
2019-07-24 10:45:45 +08:00
|
|
|
|
|
|
|
|
|
|
{% block content %}
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<div class="create-doc-form">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<div class="layui-form" style="">
|
|
|
|
|
|
<!-- 标题 -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label class="layui-form-label" style="padding-left:0px;padding-right:0px;"><i class="layui-icon layui-icon-edit"></i> 文档标题</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-left:95px;">
|
|
|
|
|
|
<input type="text" name="doc-name" id="doc-name" required lay-verify="required" placeholder="请输入文档标题" autocomplete="off" class="layui-input">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div><br>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="layui-row">
|
2019-12-16 21:29:26 +08:00
|
|
|
|
<div class="layui-col-md4 layui-col-sm6 " style="padding-bottom:10px;">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<label class="doc-form-label"><i class="fa fa-file-text"></i> 所属文集</label>
|
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
|
<select name="pro_id" lay-verify="required" lay-filter="project" id="project">
|
|
|
|
|
|
<option value=""></option>
|
|
|
|
|
|
<option value="-1">新建文集</option>
|
|
|
|
|
|
{% for p in project_list %}
|
2020-02-17 23:02:53 +08:00
|
|
|
|
{% if p.role == 1 %}
|
|
|
|
|
|
<option value="{{ p.id }}">[私密]《{{ p.name }}》</option>
|
|
|
|
|
|
{% elif p.role == 2 %}
|
|
|
|
|
|
<option value="{{ p.id }}">[指定用户]《{{ p.name }}》</option>
|
|
|
|
|
|
{% elif p.role == 3 %}
|
|
|
|
|
|
<option value="{{ p.id }}">[访问码]《{{ p.name }}》</option>
|
|
|
|
|
|
{% else %}
|
|
|
|
|
|
<option value="{{ p.id }}">[公开]《{{ p.name }}》</option>
|
|
|
|
|
|
{% endif %}
|
2019-12-15 15:45:05 +08:00
|
|
|
|
{% endfor %}
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-12-16 21:29:26 +08:00
|
|
|
|
<div class="layui-col-md4 layui-col-sm6" style="padding-bottom:10px;">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<label class="doc-form-label"><i class="fa fa-chevron-circle-up"></i> 所属上级</label>
|
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
|
<select name="parent_id" lay-verify="required" id="parent-doc">
|
|
|
|
|
|
<option value=""></option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-12-16 21:29:26 +08:00
|
|
|
|
<div class="layui-col-md4 layui-col-sm6 layui-col-xs12" style="padding-bottom:10px;">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<label class="doc-form-label"><i class="fa fa-list-ol"></i> 文档排序</label>
|
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
|
<input class="layui-input" placeholder="99" style="width:50px;" name="sort" id="sort"/>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2019-12-16 21:29:26 +08:00
|
|
|
|
<label class="doc-form-label" style="margin-right:0px;">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" id="sel-doctemp">插入模板</button>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
2019-12-16 21:29:26 +08:00
|
|
|
|
<label class="doc-form-label" style="margin-right:0px;">
|
|
|
|
|
|
<input type="file" id="insert-local-file" onchange="insertLocalFile(this)" style="display:none;">
|
|
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" id="sel-local" onclick="selectLocalFile()">插入本地文本</button>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<label class="doc-form-label">
|
2019-12-15 20:54:16 +08:00
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="saveDoc()">保存草稿</button>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
<label class="doc-form-label">
|
|
|
|
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="createDoc()">发布文档</button>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
2019-07-27 23:20:28 +08:00
|
|
|
|
</div>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<div id="editor-md" class="layui-col-xs12">
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<textarea style="display:none;"></textarea>
|
|
|
|
|
|
<textarea class="editormd-html-textarea" name="$id-html-code"></textarea>
|
|
|
|
|
|
</div>
|
2019-07-24 10:45:45 +08:00
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
2019-07-21 22:08:04 +08:00
|
|
|
|
|
|
|
|
|
|
{% block custom_script %}
|
|
|
|
|
|
<script>
|
|
|
|
|
|
//选择文集
|
|
|
|
|
|
form.on('select(project)', function(data){
|
|
|
|
|
|
console.log(data.value); //得到被选中的值
|
|
|
|
|
|
if(data.value == -1){ //新建文集
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type:1,
|
|
|
|
|
|
title:'新建文集',
|
|
|
|
|
|
area:'300px;',
|
|
|
|
|
|
id:'createPro',//配置ID
|
2020-01-01 21:24:29 +08:00
|
|
|
|
//content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required"><textarea name="desc" id="desc" placeholder="输入文集简介，不超过100个字，超出将被截断" maxlength="100" class="layui-textarea"></textarea></div>',
|
|
|
|
|
|
content: $('#create-project-div'),
|
2019-07-21 22:08:04 +08:00
|
|
|
|
btn:['确定','取消'], //添加按钮
|
|
|
|
|
|
btnAlign:'c', //按钮居中
|
|
|
|
|
|
yes:function (index,layero) {
|
|
|
|
|
|
data = {
|
|
|
|
|
|
'pname':$("#pname").val(),
|
|
|
|
|
|
'desc':$("#desc").val(),
|
2020-01-01 21:24:29 +08:00
|
|
|
|
'role':$("#project-role").val(),
|
2019-07-21 22:08:04 +08:00
|
|
|
|
}
|
|
|
|
|
|
$.post("{% url 'create_project' %}",data,function(r){
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//创建成功，更新文集select
|
|
|
|
|
|
$("#project").append("<option value="+r.data.id+">《"+r.data.name+"》</option>");
|
|
|
|
|
|
form.render();
|
|
|
|
|
|
//window.location.reload();
|
|
|
|
|
|
layer.close(index)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//创建失败，提示
|
|
|
|
|
|
console.log(r)
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
|
|
|
|
|
}else{//获取文集的下级文档
|
|
|
|
|
|
$.post('{% url 'get_pro_doc' %}',{'pro_id':data.value},function(r){
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//解析文集的下级文档
|
|
|
|
|
|
//console.log(r.data)
|
2019-07-28 10:02:19 +08:00
|
|
|
|
$("#parent-doc").empty(); // 清空select选项
|
|
|
|
|
|
$("#parent-doc").append("<option value=''></option>")
|
2019-07-21 22:08:04 +08:00
|
|
|
|
for(let i in r.data) {
|
2019-07-22 15:29:44 +08:00
|
|
|
|
$("#parent-doc").append("<option value='"+r.data[i][0]+"'>"+r.data[i][3]+r.data[i][1]+"</option>")
|
2019-07-21 22:08:04 +08:00
|
|
|
|
};
|
|
|
|
|
|
form.render();
|
|
|
|
|
|
}else{
|
|
|
|
|
|
layer.msg("获取下级文档失败！")
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
//保存文档
|
|
|
|
|
|
createDoc = function(){
|
|
|
|
|
|
var data = {
|
|
|
|
|
|
'project':$("#project").val(),
|
|
|
|
|
|
'parent_doc':$("#parent-doc").val(),
|
|
|
|
|
|
'doc_name':$("#doc-name").val(),
|
2020-02-24 21:05:08 +08:00
|
|
|
|
//'content':editor.getHTML(),//获取editor解析的HTML
|
|
|
|
|
|
'content':editor.getPreviewedHTML(),//获取预览的HTML
|
2019-07-21 22:08:04 +08:00
|
|
|
|
'pre_content':editor.getMarkdown(),
|
2019-07-27 23:20:28 +08:00
|
|
|
|
'sort':$("#sort").val(),
|
2019-07-21 22:08:04 +08:00
|
|
|
|
}
|
|
|
|
|
|
console.log(data)
|
2019-11-03 20:36:34 +08:00
|
|
|
|
if(data.doc_name == ""){
|
|
|
|
|
|
layer.msg('请输入文档标题！');
|
|
|
|
|
|
}
|
|
|
|
|
|
else if(data.project == ""){
|
|
|
|
|
|
layer.msg('请选择文集！');
|
|
|
|
|
|
}
|
|
|
|
|
|
else{
|
|
|
|
|
|
$.post("{% url 'create_doc' %}",data,function(r){
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//创建成功
|
2020-02-17 23:02:53 +08:00
|
|
|
|
layer.msg('发布文档成功，即将跳转到文档页面',function(){
|
|
|
|
|
|
md_changed = false;
|
|
|
|
|
|
//跳转到首页
|
|
|
|
|
|
//window.location.href = "{% url 'pro_list' %}";
|
|
|
|
|
|
//跳转到发布的文档
|
|
|
|
|
|
window.location.href = "/project/" + r.data.pro + "/" + r.data.doc
|
2019-11-03 20:36:34 +08:00
|
|
|
|
});
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//创建失败
|
2020-02-17 23:02:53 +08:00
|
|
|
|
layer.msg('发布文档失败:'+r.data);
|
2019-11-03 20:36:34 +08:00
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
2019-07-21 22:08:04 +08:00
|
|
|
|
};
|
2019-12-15 20:54:16 +08:00
|
|
|
|
//保存文档草稿
|
|
|
|
|
|
saveDoc = function(){
|
|
|
|
|
|
var data = {
|
|
|
|
|
|
'project':$("#project").val(),
|
|
|
|
|
|
'parent_doc':$("#parent-doc").val(),
|
|
|
|
|
|
'doc_name':$("#doc-name").val(),
|
|
|
|
|
|
'content':editor.getHTML(),
|
|
|
|
|
|
'pre_content':editor.getMarkdown(),
|
|
|
|
|
|
'sort':$("#sort").val(),
|
|
|
|
|
|
'status':0
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log(data)
|
|
|
|
|
|
if(data.doc_name == ""){
|
|
|
|
|
|
layer.msg('请输入文档标题！');
|
|
|
|
|
|
}
|
|
|
|
|
|
else if(data.project == ""){
|
|
|
|
|
|
layer.msg('请选择文集！');
|
|
|
|
|
|
}
|
|
|
|
|
|
else{
|
|
|
|
|
|
$.post("{% url 'create_doc' %}",data,function(r){
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
//创建成功
|
2020-02-17 23:02:53 +08:00
|
|
|
|
layer.msg('保存草稿成功',function(){
|
2019-12-15 20:54:16 +08:00
|
|
|
|
window.location.href = "/modify_doc/"+r.data+"/";
|
|
|
|
|
|
});
|
|
|
|
|
|
}else{
|
|
|
|
|
|
//创建失败
|
2020-02-17 23:02:53 +08:00
|
|
|
|
layer.msg('保存草稿失败:'+r.data);
|
2019-12-15 20:54:16 +08:00
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
};
|
2019-07-21 22:08:04 +08:00
|
|
|
|
//选择文档模板
|
|
|
|
|
|
$("#sel-doctemp").click(function(){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
type: 1,
|
2019-12-15 15:45:05 +08:00
|
|
|
|
id:'temp-div',
|
2019-07-21 22:08:04 +08:00
|
|
|
|
content: $('#doctemp-list'),
|
2019-12-15 15:45:05 +08:00
|
|
|
|
//area:['530px','300px'],
|
|
|
|
|
|
area:['50%','50%'],
|
2019-07-21 22:08:04 +08:00
|
|
|
|
});
|
|
|
|
|
|
});
|
2019-07-21 23:00:55 +08:00
|
|
|
|
//插入模板
|
|
|
|
|
|
insertTemp = function(doctemp_id){
|
2019-07-22 15:29:44 +08:00
|
|
|
|
$.post("{% url 'get_doctemp' %}",{'doctemp_id':doctemp_id},function(r){
|
|
|
|
|
|
if(r.status){
|
|
|
|
|
|
editor.insertValue(r.data);
|
|
|
|
|
|
layer.closeAll()
|
|
|
|
|
|
}else{
|
|
|
|
|
|
layer.msg(r.data)
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
//删除模板
|
|
|
|
|
|
delTemp = function(doctemp_id){
|
|
|
|
|
|
layer.open({
|
|
|
|
|
|
title:'删除模板',
|
|
|
|
|
|
content:'确认删除此模板？',
|
|
|
|
|
|
btn:['确定','取消'],
|
|
|
|
|
|
yes:function(index,layero){
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
2019-07-21 23:00:55 +08:00
|
|
|
|
};
|
2019-12-16 21:29:26 +08:00
|
|
|
|
//插入本地文本文件
|
|
|
|
|
|
function insertLocalFile(input) {
|
|
|
|
|
|
var file = input.files[0];
|
|
|
|
|
|
//filename = file.name.split(".")[0]; // 文件名
|
|
|
|
|
|
//支持chrome IE10
|
|
|
|
|
|
if (window.FileReader) {
|
|
|
|
|
|
var reader = new FileReader();
|
|
|
|
|
|
reader.onload = function() {
|
|
|
|
|
|
console.log(this.result);
|
|
|
|
|
|
editor.insertValue(this.result);
|
|
|
|
|
|
}
|
|
|
|
|
|
reader.readAsText(file);
|
|
|
|
|
|
}
|
|
|
|
|
|
//支持IE 7 8 9 10
|
|
|
|
|
|
else if (typeof window.ActiveXObject != 'undefined'){
|
|
|
|
|
|
var xmlDoc;
|
|
|
|
|
|
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
|
|
|
|
|
|
xmlDoc.async = false;
|
|
|
|
|
|
xmlDoc.load(input.value);
|
|
|
|
|
|
console.log(xmlDoc.xml);
|
|
|
|
|
|
editor.insertValue(xmlDoc.xml);
|
|
|
|
|
|
}
|
|
|
|
|
|
//支持FF
|
|
|
|
|
|
else if (document.implementation && document.implementation.createDocument) {
|
|
|
|
|
|
var xmlDoc;
|
|
|
|
|
|
xmlDoc = document.implementation.createDocument("", "", null);
|
|
|
|
|
|
xmlDoc.async = false;
|
|
|
|
|
|
xmlDoc.load(input.value);
|
|
|
|
|
|
console.log(xmlDoc.xml);
|
|
|
|
|
|
editor.insertValue(xmlDoc.xml);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
alert('error');
|
|
|
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
|
|
//选择本地文本文件
|
|
|
|
|
|
function selectLocalFile(){
|
|
|
|
|
|
$("#insert-local-file").trigger("click");
|
|
|
|
|
|
};
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
{% endblock %}
|
2019-07-24 10:45:45 +08:00
|
|
|
|
|
|
|
|
|
|
{% block custom_div %}
|
2020-01-01 21:24:29 +08:00
|
|
|
|
<!-- 插入文档模板div块 -->
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<div class="doctemp-list " id="doctemp-list" style="display: none;padding:5px;">
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<div style="margin: 10px 0 0 10px;">
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<a class="layui-btn layui-btn-normal layui-btn-sm" href="{% url 'create_doctemp' %}" target="_blank">新建模板</a>
|
|
|
|
|
|
<a class="layui-btn layui-btn-normal layui-btn-sm" href="{% url 'manage_doctemp' %}" target="_blank">管理模板</a>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</div>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<table class="layui-table" style="margin: 10px;width:90%;">
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<colgroup>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<col width="">
|
|
|
|
|
|
<col width="">
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<col>
|
|
|
|
|
|
</colgroup>
|
|
|
|
|
|
<thead>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>模板名称</th>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<th class="layui-hide-xs">创建时间</th>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<th>操作</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</thead>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
{% for temp in doctemp_list %}
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>{{ temp.name }}</td>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<td class="layui-hide-xs">{{ temp.create_time }}</td>
|
2019-07-21 22:08:04 +08:00
|
|
|
|
<td>
|
2019-12-15 15:45:05 +08:00
|
|
|
|
<a class="layui-btn layui-btn-normal layui-btn-sm" href="javascript:void(0);" onclick="insertTemp('{{temp.id}}');">选择模板</a>
|
2019-07-22 15:29:44 +08:00
|
|
|
|
{# <a href="javascript:void(0);" onclick="modifyTemp();">修改</a>#}
|
|
|
|
|
|
{# <a href="javascript:void(0);" onclick="delTemp();">删除</a>#}
|
2019-07-21 22:08:04 +08:00
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
2020-01-01 21:24:29 +08:00
|
|
|
|
<!-- 结束插入文档模板div块 -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 新建文集div块 -->
|
|
|
|
|
|
<div style="padding: 20px;display:none;" id="create-project-div">
|
|
|
|
|
|
<input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required">
|
|
|
|
|
|
<textarea name="desc" id="desc" placeholder="输入文集简介，不超过100个字，超出将被截断" maxlength="100" class="layui-textarea"></textarea>
|
|
|
|
|
|
<div class="layui-form-item" style="margin-top:10px;">
|
|
|
|
|
|
<label class="layui-form-label" style="text-align:left;padding:9px 0px;">文集权限</label>
|
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
|
<select name="project-role" lay-verify="" class="layui-select" id="project-role">
|
|
|
|
|
|
<!--<option value="">选择文集权限</option>-->
|
|
|
|
|
|
<option value="0">公开</option>
|
|
|
|
|
|
<option value="1">私密</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="color:red;font-size:12px;">*在可后台对文集权限进行进一步控制</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 结束新建文集div块 -->
|
2019-07-24 10:45:45 +08:00
|
|
|
|
{% endblock %}
|
