200 lines
7.9 KiB
HTML
200 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
<link href="/jscss/style.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" charset="utf-8" src="/jscss/theme.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<form class="search" onsubmit="table.search(this,'btn');return false;">
|
|
<ul></ul>
|
|
<div>
|
|
<div class="sinps"></div>
|
|
<div class="sbtns">
|
|
<button data-lang class="btn" type="submit">查询</button>
|
|
<a data-lang class="btn" onclick="edit(0)">添加</a>
|
|
<a data-lang class="btn" onclick="exportxls()">导出</a>
|
|
<a data-lang class="btn def" onclick="pagehelp()">帮助</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="table">
|
|
<div class="loading col-24">Loading...</div>
|
|
<div class="list"></div>
|
|
<div>
|
|
<div class="btmbtn">
|
|
<a data-lang class="btn def" onclick="ciyfn.select_all(table)">全选</a>
|
|
<a data-lang class="btn def" onclick="ciyfn.select_diff(table)">反选</a>
|
|
|
|
|
<a data-lang class="btn dag" onclick="ciyfn.select_callfunc(table, this, 'del','已选{n}条，是否批量删除?', {},function(json){table.delline(json)})">批量删除</a>
|
|
</div>
|
|
<div class="page"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="alert_pagehelp" style="display:none;">
|
|
<b>标题</b>
|
|
<div style="margin:0 0 1em 1em">
|
|
第一行
|
|
<br />第二行
|
|
</div>
|
|
<b>标题</b>
|
|
<ol style="margin:0 0 1em -1em">
|
|
<li>第一行</li>
|
|
<li>第二行</li>
|
|
<li>第三行</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div id="alert_edit" style="display:none;">
|
|
<div class="char4 row">
|
|
<div class="ciy-form col-24 col-sm-24">
|
|
<label data-lang class="imp">主标题</label>
|
|
<div>
|
|
<input type="text" name="name" style="width:100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="ciy-form col-24 col-sm-24">
|
|
<label data-lang>SEO标题</label>
|
|
<div>
|
|
<input type="text" name="seotitle" style="width:100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="ciy-form col-24 col-sm-24">
|
|
<label data-lang>关键词</label>
|
|
<div>
|
|
<input type="text" name="keyw" style="width:100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="ciy-form col-24 col-sm-24">
|
|
<label data-lang>作者</label>
|
|
<div>
|
|
<input type="text" name="author" style="width:100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="ciy-form col-24 col-sm-24 top">
|
|
<label data-lang>摘要</label>
|
|
<div>
|
|
<ciy-textarea com="descs" total="{line}行，{word}字" />
|
|
</div>
|
|
</div>
|
|
<div class="ciy-form col-24 col-sm-24 top">
|
|
<div>
|
|
<ciy-markdown com="content" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="/jscss/ciy.js"></script>
|
|
<script type="text/javascript" src="/jscss/ciycmp.js"></script>
|
|
<script type="text/javascript" src="/jscss/ciycmp2.js"></script>
|
|
<script type="text/javascript" src="/jscss/ciytable.js"></script>
|
|
<script type="text/javascript" src="../common.js"></script>
|
|
<script type="text/javascript">
|
|
'use strict';
|
|
var table;
|
|
var Glob = {};
|
|
ciyfn.pageload(function () {
|
|
//Glob.urlp = ciyfn.urlparam();
|
|
table = new ciyclass.table({
|
|
dom: '.table'
|
|
, url: 'list'
|
|
, pagecount: 10
|
|
, chkbox: true
|
|
, fn_beforedata: function (json) {
|
|
ciyfn.fillsearch({
|
|
searchdom: '.search'
|
|
, data: json
|
|
});
|
|
return json;
|
|
}
|
|
, fn_tdcontent: function (key, datashow, field, data) {
|
|
if (key == '_btn') {
|
|
var html = '';
|
|
html += `<a data-lang class="btn" onclick="menubtn(this, '浏览')">浏览</a>`;
|
|
html += `<a data-lang class="btn" onclick="menubtn(this, 'edit')">修改</a>`;
|
|
return html;
|
|
}
|
|
}
|
|
, fn_done: function (json) {
|
|
// table.mergecol('auditstatus');
|
|
// table.mergefix('总计', 'center', 6, 0, 8, 1);
|
|
// table.footertotal();
|
|
}
|
|
});
|
|
table.callpage(1);
|
|
});
|
|
function menubtn(dom, btn) {
|
|
var id = $5(dom).parent('tr').attr('data-id');
|
|
if (btn == '浏览') {
|
|
ciyfn.callfastfunc(dom, '是否浏览?', '浏览', { ids: id }, function (json) { table.updateline(json) });
|
|
}
|
|
if (btn == 'edit') {
|
|
edit(id);
|
|
}
|
|
}
|
|
|
|
function getdata(id, act, cb) {
|
|
ciyfn.callfunc('getdata', { id: id, act: act }, function (json) {
|
|
cb(json);
|
|
});
|
|
// cb({ data: id == 0 ? {} : table.data[id] });
|
|
}
|
|
|
|
function edit(id) {
|
|
getdata(id, 'edit', function (jsndat) {
|
|
ciyfn.alert({
|
|
title: id == 0 ? '新建' : '修改'
|
|
, width: 'pc'
|
|
, content: document.getElementById("alert_edit").innerHTML
|
|
//, noparent:true
|
|
, fn_showed: function (doc, dom) {
|
|
var dat = jsndat.data;
|
|
$5('[name=name]', dom).val(dat.name);
|
|
$5('[name=seotitle]', dom).val(dat.seotitle);
|
|
$5('[name=keyw]', dom).val(dat.keyw);
|
|
$5('[name=author]', dom).val(dat.author);
|
|
ciycmp({ dom: $5('[com=descs]', dom), value: dat.descs, autoheight: true });
|
|
ciycmp({ dom: $5('[com=content]', dom), value: dat.content, path: ciyfn.makeuploadpath('wartp', ciyfn.getstorage(ciy_vars.tokenfield)) });
|
|
}
|
|
, cb: function (opn) {
|
|
if (opn.btn == "关闭")
|
|
return opn.close();
|
|
opn.inputs.id = id;
|
|
if (ciyfn.throttle(opn.dombtn)) return;
|
|
ciyfn.callfunc('update', opn.inputs, function (json) {
|
|
table.updateline(json);
|
|
opn.close();
|
|
ciyfn.toast('提交成功');
|
|
});
|
|
},
|
|
btns: id == 0 ? ["新建", "*关闭"] : ["提交", "*关闭"],
|
|
});
|
|
});
|
|
}
|
|
function exportxls() {
|
|
ciyfn.table_exportxls('exportxls', table, function (json) {
|
|
ciyfn.alert({
|
|
content: '<div style="text-align:center;"><span data-lang>导出数据已生成</span><br/><br/><a data-lang class="btn lg" href="' + json.url + '" target="_blank">下载数据</a></div>'
|
|
, btns: null
|
|
});
|
|
});
|
|
}
|
|
|
|
function pagehelp() {
|
|
ciyfn.alert({
|
|
title: '页面帮助'
|
|
, width: 'pc'
|
|
, content: document.getElementById("alert_pagehelp").innerHTML
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |