main
kgdxpr 2 years ago
parent 9d605506ab
commit 74c2495fec

@ -54,6 +54,12 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe627;</span>
<div class="name">填报</div>
<div class="code-name">&amp;#xe627;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe650;</span>
<div class="name">修改</div>
@ -120,9 +126,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1703558481696') format('woff2'),
url('iconfont.woff?t=1703558481696') format('woff'),
url('iconfont.ttf?t=1703558481696') format('truetype');
src: url('iconfont.woff2?t=1703575426590') format('woff2'),
url('iconfont.woff?t=1703575426590') format('woff'),
url('iconfont.ttf?t=1703575426590') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
@ -148,6 +154,15 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-tianbao"></span>
<div class="name">
填报
</div>
<div class="code-name">.icon-tianbao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiugai"></span>
<div class="name">
@ -247,6 +262,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-tianbao"></use>
</svg>
<div class="name">填报</div>
<div class="code-name">#icon-tianbao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiugai"></use>

@ -1,8 +1,8 @@
@font-face {
font-family: "iconfont"; /* Project id 4386424 */
src: url('iconfont.woff2?t=1703558481696') format('woff2'),
url('iconfont.woff?t=1703558481696') format('woff'),
url('iconfont.ttf?t=1703558481696') format('truetype');
src: url('iconfont.woff2?t=1703575426590') format('woff2'),
url('iconfont.woff?t=1703575426590') format('woff'),
url('iconfont.ttf?t=1703575426590') format('truetype');
}
.iconfont {
@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-tianbao:before {
content: "\e627";
}
.icon-xiugai:before {
content: "\e650";
}

File diff suppressed because one or more lines are too long

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "3401483",
"name": "填报",
"font_class": "tianbao",
"unicode": "e627",
"unicode_decimal": 58919
},
{
"icon_id": "567336",
"name": "修改",

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

@ -50,9 +50,9 @@
<tbody>
<tr>
<td><img src="./imgs/form.png" alt="" style="width: 60%;height: 60%;" lay-on="form"></td>
<td><img src="../imgs/form.png" alt="" style="width: 60%;height: 60%;" lay-on="form"></td>
<td></td>
<td><img src="./imgs/excel.png" alt="" style="width: 55%;height: 55%;" lay-on="excel"></td>
<td><img src="../imgs/excel.png" alt="" style="width: 55%;height: 55%;" lay-on="excel"></td>
</tr>
<tr>
<td><span lay-on="form">表单</span></td>

File diff suppressed because one or more lines are too long

@ -5,7 +5,7 @@
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<link rel="stylesheet" href="./iconfont/iconfont.css" />
<link rel="stylesheet" href="../iconfont/iconfont.css" />
</head>
@ -48,7 +48,7 @@
<script type="text/html" id="jobName-Templet">
{{d.job_name}}
{{#if (d.jiezhi == true) { }}
<img src="./imgs/yjz.svg" style="max-width: 50px;margin-top: -9px;margin-left: 10px;">
<img src="../imgs/yjz.svg" style="max-width: 50px;margin-top: -9px;margin-left: 10px;">
{{# } }}
</script>
</div>

@ -36,13 +36,13 @@
<tbody>
<tr>
<td><img src="./imgs/1.jpg"></td>
<td><img src="../imgs/1.jpg"></td>
<td></td>
<td><img src="./imgs/2.jpg"></td>
<td><img src="../imgs/2.jpg"></td>
<td></td>
<td><img src="./imgs/3.jpg"></td>
<td><img src="../imgs/3.jpg"></td>
<td></td>
<td><img src="./imgs/4.jpg"></td>
<td><img src="../imgs/4.jpg"></td>
</tr>
<tr>
<td style="height: 30px;">示例一</td>
@ -79,7 +79,7 @@
upload.render({
elem: '#upload-excel',
url: '/QingLong/collect/uoloadTemplate', // 实际使用时改成您自己的上传接口即可。
url: '/QingLong/collect/uoloadTemplate',
exts: 'xlsx',
done: function (res) {
console.log(res);

@ -0,0 +1,72 @@
<!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="mainBox">
<div class="main-container" style="margin-top: 10px;">
<blockquote class="layui-elem-quote">
请下载填报模板:<a href="javascript:void(0)" style="color: #1E9FFF;font-weight: bolder;" id="downExcel">下载</a>
</blockquote>
<div class="layui-upload-drag" style="display: block;" id="uploadExcel">
<i class="layui-icon layui-icon-upload"></i>
<div>点击上传,或将文件拖拽到此处</div>
</div>
</div>
</div>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script>
layui.use(function () {
var $ = layui.jquery;
var upload = layui.upload;
var jobId = GetQueryString("job_id");
var downExcelPath = GetQueryString("file_name");
$("#downExcel").click(function () {
window.location = "/QingLong/Excel/" + downExcelPath;
});
// 渲染
upload.render({
elem: '#uploadExcel',
url: '/QingLong/collect/importData',
data: { job_id: jobId },
exts: 'xlsx',
done: function (res) {
layer.msg('上传成功');
console.log(res)
}
});
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>

@ -0,0 +1,140 @@
<!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">
<input type="text" id="task_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>
</div>
</div>
<script type="text/html" id="table-bar">
<button type="button" class="layui-btn layui-btn-sm" title="填报" lay-event="report">
<i class="iconfont icon-tianbao"></i> 填报
</button>
</script>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.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 isFinish = GetQueryString("is_finish");
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/viewJobList',
where: {
keyword: $("#task_name").val(),
is_finish: isFinish
},
height: 'full-150',
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: [[
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ title: '任务名称', field: 'job_name', align: 'left' },
{ 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' }
]],
skin: 'line',
defaultToolbar: []
});
}
table.on('tool(data-table)', function (obj) {
if (obj.event === 'report') {
window.report(obj);
}
});
window.report = function (obj) {
if (obj.data.job_type === 1) {
//表单
} else {
layer.open({
type: 2,
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
});
}
}
window.refresh = function (param) {
table.reload('data-table');
}
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>
Loading…
Cancel
Save