You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

101 lines
3.9 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>模板内容构建</title>
<link href="./layui/css/layui.css" rel="stylesheet">
<script src="./layui/layui.js"></script>
<!--引用新版本Jquery-->
<script type="text/javascript" src="../../js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="../../js/jquery_Extend.js"></script>
</head>
<body>
<table class="layui-table" lay-filter="idTest" id="idTest"></table>
<script type="text/html" id="bar1">
{{#if(d.filled){ }}
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="modify">修改</a>
{{#}else{ }}
<a class="layui-btn layui-btn-xs layui-btn" lay-event="modify">设置</a>
{{#} }}
</script>
<script type="text/html" id="bar2">
{{#if(d.doc_file){ }}
<a class="layui-btn layui-btn-xs layui-btn-warm upload_doc" page="{{d.page}}">重新上传</a>
{{#}else{ }}
{{#if(d.filled){ }}
<a class="layui-btn layui-btn-xs layui-btn upload_doc" page="{{d.page}}">上传</a>
{{#} }}
{{#} }}
</script>
<script>
layui.use(['layer', 'form', 'table', 'upload'], function () {
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var upload = layui.upload; //得到 upload 对象
//需要获取当前的url中参数module_id和page
let module_id = $.getUrlParam('module_id');
function bindTable() {
table.render({
elem: '#idTest'
, url: '/FengHuang/zjb/getModulePageFillInfo'
, where: {
module_id: module_id
}
, cols: [[
{field: '', title: '序号', align: 'center', type: 'numbers', fixed: true, width: '5%'}
, {
field: 'json', title: '内容', align: 'center', templet: function (d) {
if (d.json.length > 2)
return '已填写'
else
return '待填写'
}
}
, {fixed: 'right', title: '页面构建', toolbar: '#bar1', align: 'center', width: 240}
, {fixed: 'right', title: '模板上传', toolbar: '#bar2', align: 'center', width: 240}
]]
, page: false
, height: 'full'
, done: function (res) {
//创建一个上传组件
upload.render({
elem: '.upload_doc'
, url: '/FengHuang/zjb/uploadDoc?module_id=' + module_id,
before: function () {
var tableElem = this.item;
let page = tableElem.attr('page');
this.url = this.url + "&page=" + page;
},
done: function () {
layer.msg('保存成功!', {icon: 1, time: 1500},
function (index) {
bindTable();
}
);
},
accept: 'file',
acceptMime: "application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
exts: 'docx|doc', //只允许上传word文件
})
}
});
}
bindTable();
table.on('tool(idTest)', function (obj) {
var data = obj.data;
if (obj.event === "modify") {
window.location.href = "designModulePage.html?module_id=" + module_id + "&page=" + data.page;
}
});
});
</script>
</body>
</html>