official_website/app/admin/view/template_style/add_file.html

141 lines
3.6 KiB
HTML

{extend name="foxcms" /}
{block name="css"}
<link rel="stylesheet" href="{$staticPath}js/codemirror/codemirror.css" />
{/block}
{block name="body"}
<input name="bcid" value="{$bcid}" type="hidden" />
<div class="foxcms-content-inner">
<!-- page content -->
<div class="edit-template-content">
<div class="section section-panel">
<div class="section-title">编辑/新建模板</div>
<div class="section-main">
<div class="section-main-item">
<div class="foxui-input-group">
<div class="input-label">
<label class="foxui-required">文件名称:</label>
</div>
<div class="input-box">
<div class="foxui-input-suffix">
<input onkeyup="this.value=this.value.replace(/[^_a-z0-9A-Z]/g,'');" class="foxui-size-small" maxlength="30" placeholder="" value="" name="fileName"/>
<i class="foxui-suffix-icon foxui-suffix-count">0/30</i>
</div>
</div>
<div style="font-size:16px; border: 1px solid #dcdfe6; height: 32px;line-height: 32px;border-radius: 0 4px 4px 0;padding: 0 10px;color: #909399;background-color: #f2f6fc;">.css</div>
</div>
</div>
<div class="section-main-item">
<div class="foxui-input-group foxui-align-items-start">
<div class="input-label">
<label>文件代码:</label>
</div>
<div class="block-box foxui-border">
<input type="hidden" value="{$filePosition}" name="filePosition">
<div class="file-position">文件位置:{$filePosition}</div>
<textarea id="code" name="code"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foxcms-content-footer">
<button class="is-long foxui-size-small foxui-solid-primary save">确认提交</button>
<button class="is-long foxui-size-small foxui-plain-info" onclick="window.history.back(-1);">返回</button>
</div>
{include file="footed-copy"/}
{/block}
{block name="js"}
<script src="{$staticPath}js/codemirror/codemirror.js"></script>
<script src="{$staticPath}js/codemirror/mode/xml.js"></script>
<script>
let editor = CodeMirror.fromTextArea(document.getElementById('code'), {
lineNumbers: true,
lineWrapping: true,
autofocus: true,
mode: 'text/html',
});
editor.setSize('auto', '660px');
</script>
<script>
//运行表格初始化
let bcid = $("input[name='bcid']").val();
//保存
$(".save").on('click', function (){
let fileName = $('input[name="fileName"]').val();
if(fileName == "" || !fileName){
foxui.message({
type:'warning',
text:'请输入文件名称'
})
return;
}
foxui.dialog({
title: '保存',
content: '您确定要保存吗',
cancelText: '取消',
confirmText: '提交',
type: 'danger',
confirm: function(callback) {
let data = {
'content': editor.getValue(),
'fileName': fileName,
'activepath': $('input[name="filePosition"]').val()
}
foxui.loading();
$.ajax({
type: "post",
// url: ADMIN_PATH + '/TemplateStyle/addFile',
url: "{:url('TemplateStyle/addFile')}",
dataType: "json",
data: data,
success: function(res) {
foxui.closeLoading();
if (res.code == 1) {
foxui.message({
text: res.msg,
type: 'success',
});
window.location.href = document.referrer;//返回并且刷新
} else {
foxui.message({
text: res.msg,
type: 'info',
});
}
},
error: function(res) {
foxui.closeLoading();
foxui.message({
text: res.msg,
type: 'info',
});
}
});
callback();
},
cancel: function() {
foxui.message({
text: res.msg,
type: 'info'
});
},
});
})
</script>
{/block}