main
kgdxpr 2 years ago
parent 21156428dc
commit 1774dc70ef

@ -33,8 +33,6 @@
var laytpl = layui.laytpl;
var _url = Base64.decode(GetQueryString("url"));
console.log(_url);
$(document).attr("title", "查看");
@ -42,8 +40,7 @@
var pdfTpl = pdfScript.innerHTML,
pdfView = document.getElementById('pdfView');
laytpl(pdfTpl).render(data, function (html) {
console.log(html);
laytpl(pdfTpl).render(data, function (html) {
pdfView.innerHTML = html;
});

@ -54,6 +54,12 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">下载</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63e;</span>
<div class="name">查看</div>
@ -132,9 +138,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1703642321690') format('woff2'),
url('iconfont.woff?t=1703642321690') format('woff'),
url('iconfont.ttf?t=1703642321690') format('truetype');
src: url('iconfont.woff2?t=1703643664511') format('woff2'),
url('iconfont.woff?t=1703643664511') format('woff'),
url('iconfont.ttf?t=1703643664511') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -160,6 +166,15 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-xiazai"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-chakan"></span>
<div class="name">
@ -277,6 +292,14 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="code-name">#icon-xiazai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chakan"></use>

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 4386424 */
src: url('iconfont.woff2?t=1703642321690') format('woff2'),
url('iconfont.woff?t=1703642321690') format('woff'),
url('iconfont.ttf?t=1703642321690') format('truetype');
src: url('iconfont.woff2?t=1703643664511') format('woff2'),
url('iconfont.woff?t=1703643664511') format('woff'),
url('iconfont.ttf?t=1703643664511') format('truetype');
}
.iconfont {
@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-xiazai:before {
content: "\e620";
}
.icon-chakan:before {
content: "\e63e";
}

File diff suppressed because one or more lines are too long

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "8473892",
"name": "下载",
"font_class": "xiazai",
"unicode": "e620",
"unicode_decimal": 58912
},
{
"icon_id": "1305463",
"name": "查看",

@ -0,0 +1,160 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<link rel="stylesheet" href="../iconfont/iconfont.css" />
</head>
<body class="pear-container layui-form">
<div class="layui-card" style="margin-bottom: 10px !important;">
<div class="layui-card-body">
<div class="layui-form-item" style="margin: 10px 0 5px 0 !important;">
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="width: auto;">填报状态:</label>
<div class="layui-input-inline">
<select id="status" lay-filter="status">
<option value="-1">全部</option>
<option value="1">已填报</option>
<option value="0">未填报</option>
</select>
</div>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="width: auto;">单位名称:</label>
<div class="layui-input-inline">
<input type="text" id="org_name" lay-affix="clear" lay-filter="clear" placeholder="请输入单位名称"
class="layui-input">
</div>
</div>
<div class="layui-form-item layui-inline">
<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table"></table>
<script type="text/html" id="status-Templet">
{{# if(d.is_finish === 0){ }}
未填报
{{# } else { }}
<span style="color: #16BAAA;">已填报</span>
{{# } }}
</script>
</div>
</div>
<script type="text/html" id="table-bar">
{{# if(d.is_finish === 1){ }}
<button type="button" class="layui-btn layui-btn-sm" title="填报" lay-event="view" style="font-size: 12px !important;">
<i class="iconfont icon-chakan"></i> 查看
</button>
<button type="button" class="layui-btn layui-btn-sm" title="填报" lay-event="download" style="font-size: 12px !important;">
<i class="iconfont icon-xiazai"></i> 下载
</button>
{{# } }}
</script>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script src="../../../component/pear/base64.js"></script>
<script>
layui.use(['table', 'form', 'jquery', 'common', 'dtree', 'laytpl'], function () {
var table = layui.table;
var form = layui.form;
var $ = layui.jquery;
var common = layui.common;
var laytpl = layui.laytpl;
var jobId = GetQueryString("job_id");
tableRender();
form.on('submit(user-query)', function () {
tableRender();
return false;
});
form.on('input-affix(clear)', function (data) {
tableRender();
});
function tableRender() {
table.render({
elem: '#data-table',
url: '/QingLong/collect/viewJob',
where: {
job_id: jobId,
is_finish: $("#status").val(),
keyword: $("#org_name").val()
},
height: 'full-130',
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: [[
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ title: '单位名称', field: 'bureau_name', align: 'center' },
{ title: '填报状态', align: 'center', width: "10%", templet: '#status-Templet' },
{ title: '填报时间', field: 'fill_time', align: 'center', width: "20%" },
{ title: '操作', align: 'center', width: "20%", toolbar: '#table-bar' }
]],
skin: 'line',
defaultToolbar: []
});
}
table.on('tool(data-table)', function (obj) {
if (obj.event === 'view') {
window.view(obj);
} else if (obj.event === 'download') {
window.download(obj);
}
});
window.download = function (obj) {
window.location = '/QingLong/collect/getJobBureauFillInfo?job_id=' + obj.data.job_id + '&bureau_id=' + obj.data.bureau_id + '&type_id=1';
}
window.view = function (obj) {
var base64Url = Base64.encode('/QingLong/collect/getJobBureauFillInfo?job_id=' + obj.data.job_id + '&bureau_id=' + obj.data.bureau_id + '&type_id=2');
window.open('../exportPdf.html?url=' + base64Url, '_blank');
}
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
</body>
</html>

@ -40,18 +40,22 @@
<script type="text/html" id="table-bar">
{{# if(d.is_finish === 0){ }}
<button type="button" class="layui-btn layui-btn-sm" title="填报" lay-event="report" style="font-size: 12px !important;">
<button type="button" class="layui-btn layui-btn-sm" lay-event="report" style="font-size: 12px !important;">
<i class="iconfont icon-tianbao"></i> 填报
</button>
{{# } else { }}
<button type="button" class="layui-btn layui-btn-sm" title="填报" lay-event="view" style="font-size: 12px !important;">
<button type="button" class="layui-btn layui-btn-sm" lay-event="view" style="font-size: 12px !important;">
<i class="iconfont icon-chakan"></i> 查看
</button>
<button type="button" class="layui-btn layui-btn-sm" lay-event="download" style="font-size: 12px !important;">
<i class="iconfont icon-xiazai"></i> 下载
</button>
{{# } }}
</script>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script src="../../../component/pear/base64.js"></script>
<script>
layui.use(['table', 'form', 'jquery', 'common', 'dtree', 'laytpl'], function () {
@ -95,13 +99,13 @@
{ title: '发布时间', field: 'publish_time', align: 'center', width: "15%" },
{ title: '截止时间', field: 'deadline_time', align: 'center', width: "15%" },
{ title: '填报格式', field: 'job_type_name', align: 'center', width: "15%" },
{ title: '操作', align: 'center', width: "10%", toolbar: '#table-bar' }
{ title: '操作', align: 'center', width: "15%", toolbar: '#table-bar' }
]],
skin: 'line',
defaultToolbar: [],
parseData: function (res) {
var data = res.data;
for (var i = 0; i < data.length; i++) {
for (var i = 0; i < data.length; i++) {
res.data[i].is_finish = isFinish;
}
return res;
@ -112,8 +116,10 @@
table.on('tool(data-table)', function (obj) {
if (obj.event === 'report') {
window.report(obj);
}else{
} else if (obj.event === 'view') {
window.view(obj);
} else if (obj.event === 'download') {
window.download(obj);
}
});
@ -124,7 +130,7 @@
} else {
layer.open({
type: 2,
title: '发布任务',
title: '填报',
shade: 0.1,
area: ['560px', '430px'],
content: './report_excel.html?job_id=' + obj.data.job_id + '&file_name=' + obj.data.upload_excel_filename_finish
@ -132,8 +138,13 @@
}
}
window.download = function (obj) {
window.location = '/QingLong/collect/getJobBureauFillInfo?job_id=' + obj.data.job_id + '&type_id=1';
}
window.view = function (obj) {
window.open('../exportPdf.html?url=L1FpbmdMb25nL2NvbGxlY3QvZ2V0Sm9iQnVyZWF1RmlsbEluZm8/am9iX2lkPTImdHlwZV9pZD0y', '_blank');
var base64Url = Base64.encode('/QingLong/collect/getJobBureauFillInfo?job_id=' + obj.data.job_id + '&type_id=2');
window.open('../exportPdf.html?url=' + base64Url, '_blank');
}
window.refresh = function (param) {

Loading…
Cancel
Save