main
kgdxpr 2 years ago
parent 16431aadc1
commit 4c9589142c

@ -63,7 +63,7 @@
<script type="text/html" id="SK-Templet"> <script type="text/html" id="SK-Templet">
<button type="button" class="layui-btn layui-btn-xs layui-btn-radius" id="{{= d.secret_key }}" lay-submit <button type="button" class="layui-btn layui-btn-xs layui-btn-radius" id="{{= d.secret_key }}" lay-submit
lay-filter="copySK"> lay-filter="copySK">
<i class="layui-icon layui-icon-share"></i> {{= d.secret_key }} <i class="layui-icon layui-icon-engine"></i> {{= d.secret_key }}
</button> </button>
</script> </script>
</div> </div>

@ -24,8 +24,8 @@
<body> <body>
<form class="layui-form" action=""> <form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox" style="overflow: hidden;">
<div class="main-container" style="margin-top: 25px;"> <div class="main-container" style="margin-top: 20px;margin-bottom: 0;">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label" style="width: 100px !important;"><span <label class="layui-form-label" style="width: 100px !important;"><span
class="require-star"></span>填报截止日期:</label> class="require-star"></span>填报截止日期:</label>
@ -34,7 +34,7 @@
id="endDate" placeholder="请选择截止日期"> id="endDate" placeholder="请选择截止日期">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item" style="margin-bottom: 0 !important;">
<label class="layui-form-label" style="width: 100px !important;"><span <label class="layui-form-label" style="width: 100px !important;"><span
class="require-star"></span>选择范围:</label> class="require-star"></span>选择范围:</label>
<div class="layui-input-block" style="margin-left: 134px !important;"> <div class="layui-input-block" style="margin-left: 134px !important;">
@ -51,18 +51,35 @@
</div> </div>
<div class="layui-tab-item"> <div class="layui-tab-item">
<div class="layui-btn-container tag" lay-filter="orgs" lay-allowclose="true" <div class="layui-btn-container tag" lay-filter="orgs" lay-allowclose="true"
style="border-style:dashed;border-width:1px;border-color: #CCCCCC;height: 100px;width: 445px;padding: 10px;overflow: auto;"> style="border-style:dashed;border-width:1px;border-color: #CCCCCC;height: 100px;width: 630px;padding: 10px;overflow: auto;">
</div> </div>
<div> <div style="width: 650px;">
<table id="data-table"></table> <table id="data-table"></table>
<script type="text/html" id="table-toolbar">
<div class="layui-input-inline" style="margin-left: -16px;width: 150px !important;">
<select id="orgTypeId" name="orgTypeId" lay-filter="orgTypeId">
<option value="-1">全部</option>
<option value="5">市直教辅单位</option>
<option value="9">市直学校</option>
<option value="11">区县教育局</option>
</select>
</div>
<div class="layui-input-group" style="margin-left: -16px;">
<input type="text" id="org_name" placeholder="请输入单位名称" class="layui-input" lay-affix="clear" lay-filter="clear">
<div class="layui-input-split layui-input-suffix" style="cursor: pointer;" lay-on="confirm">
<i class="layui-icon layui-icon-search"></i>
</div>
</div>
</script>
</div> <script type="text/html" id="select-enable">
<input type="checkbox" id="{{d.org_id}}" lay-skin="switch" lay-text="已选|未选" lay-filter="switchEnable"
{{ d.sw == true ? "checked" : "" }}>
<input type="button" id="test" value="aaaaa" /> </script>
</div>
</div> </div>
@ -93,8 +110,9 @@
var tab = layui.tab; var tab = layui.tab;
var util = layui.util; var util = layui.util;
var tag = layui.tag; var tag = layui.tag;
var table = layui.table;
var bureauIds = ""; var bureauIds = [];
var jobId = GetQueryString("job_id"); var jobId = GetQueryString("job_id");
@ -102,61 +120,121 @@
elem: '#endDate' elem: '#endDate'
}); });
$("#test").click(function () {
tag.add('orgs', { text: '新选项', id: 12 });
});
function tableRender() {
table.render({ table.render({
elem: '#data-table', elem: '#data-table',
url: '/QingLong/collect/getBureauList', id: 'myTable',
where: { url: '/QingLong/collect/getBureauList',
org_type_id: "-1", where: {
org_name: "" org_type_id: "-1",
}, org_name: $("#org_name").val()
height: 'full-130', },
page: { height: '375',
limit: 15 page: {
, layout: ['count', 'prev', 'page', 'next', 'skip'] limit: 5
, prev: "上一页" , layout: ['count', 'prev', 'page', 'next', 'skip']
, next: "下一页" , prev: "上一页"
}, , next: "下一页"
cols: [[ },
{ title: '序号', align: 'center', width: "5%", type: 'numbers' }, cols: [[
{ title: '单位名称', field: 'org_name', align: 'center' }, { title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ title: '单位类型', field: 'org_type_name', align: 'center', width: "10%" }, { title: '单位名称', field: 'org_name', align: 'center' },
{ title: '操作', align: 'center', width: "25%", toolbar: '#table-bar' } { title: '单位类型', field: 'org_type_name', align: 'center', width: "20%" },
]], { title: '操作', align: 'center', width: "25%", templet: '#select-enable' }
skin: 'line', ]],
toolbar: '#table-toolbar', skin: 'line',
defaultToolbar: [], toolbar: '#table-toolbar',
parseData: function (res) { defaultToolbar: [],
var data = res.data; parseData: function (res) {
for (var i = 0; i < data.length; i++) { var data = res.data;
switch (data[i].org_type_id) { for (var i = 0; i < data.length; i++) {
case 5: switch (data[i].org_type_id) {
res.data[i].org_type_name = '市直教辅单位'; case 5:
break; res.data[i].org_type_name = '市直教辅单位';
case 9: break;
res.data[i].org_type_name = '市直学校'; case 9:
break; res.data[i].org_type_name = '市直学校';
case 11: break;
res.data[i].org_type_name = '区县教育局'; case 11:
break; res.data[i].org_type_name = '区县教育局';
default: break;
res.data[i].sub_scope = '--'; default:
break; res.data[i].org_type_name = '--';
} break;
} }
return res; res.data[i].sw = false
if (bureauIds.includes(data[i].org_id)) {
res.data[i].sw = true
}
} }
return res;
},
done: function (res, curr, count) {
var options = this;
// 获取当前行数据
table.getRowData = function (tableId, elem) {
var index = $(elem).closest('tr').data('index');
return table.cache[tableId][index] || {};
};
form.on('switch(switchEnable)', function (obj) {
var data = table.getRowData(options.id, this);
if (obj.elem.checked) {
tag.add('orgs', { text: data.org_name, id: data.org_id });
bureauIds.push(data.org_id);
}
else {
tag.delete('orgs', data.org_id);
}
});
}
});
tag.on('delete(orgs)', function (data) {
var orgId = data.elem.prevObject.prevObject[0].getAttribute("lay-id");
bureauIds = bureauIds.filter(item => item !== orgId);
var switchElem = $('#' + orgId);
switchElem.prop('checked', false);
form.render();
});
util.on({
confirm: function () {
tableReload();
}
});
form.on('select(orgTypeId)', function (data) {
tableReload()
});
form.on('input-affix(clear)', function (data) {
tableReload();
});
function tableReload() {
table.reloadData('myTable', {
where: {
org_type_id: $("#orgTypeId").val(),
org_name: $("#org_name").val()
},
scrollPos: true
}); });
} }
form.on('submit(publish)', function (data) {
form.on('submit(publish)', function (data) {
var shiZhiSchool = 0; var shiZhiSchool = 0;
var shiZhiJiaoFu = 0; var shiZhiJiaoFu = 0;
@ -180,7 +258,7 @@
data.field["shiZhiSchool"] = shiZhiSchool; data.field["shiZhiSchool"] = shiZhiSchool;
data.field["shiZhiJiaoFu"] = shiZhiJiaoFu; data.field["shiZhiJiaoFu"] = shiZhiJiaoFu;
data.field["quXiaoJiaoYuJu"] = quXiaoJiaoYuJu; data.field["quXiaoJiaoYuJu"] = quXiaoJiaoYuJu;
data.field["bureauIds"] = bureauIds; data.field["bureauIds"] = bureauIds.join(",");
$.ajax({ $.ajax({
url: '/QingLong/collect/publishJob', url: '/QingLong/collect/publishJob',
@ -193,7 +271,7 @@
time: 1000 time: 1000
}, function () { }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.returnTaskList(); parent.refresh();
}); });
} else { } else {
layer.msg(result.message, { layer.msg(result.message, {

@ -6,7 +6,7 @@
<title></title> <title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<link rel="stylesheet" href="./iconfont/iconfont.css" /> <link rel="stylesheet" href="./iconfont/iconfont.css" />
</head> </head>
<body class="pear-container layui-form"> <body class="pear-container layui-form">
@ -27,7 +27,7 @@
查询 查询
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -35,16 +35,22 @@
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
<table id="data-table"></table> <table id="data-table"></table>
<script type="text/html" id="progress-Templet">
<button type="button" class="layui-btn layui-bg-blue layui-btn-sm layui-btn-radius" style="padding: 0 20px;">
{{= d.fill_progress }}
</button>
<!-- <div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-progress-bar" lay-percent="5 / 10"></div>
</div> -->
</script>
</div> </div>
</div> </div>
<script type="text/html" id="table-toolbar"> <script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="createTask"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="createTask">
<i class="layui-icon layui-icon-add-1"></i> <i class="layui-icon layui-icon-add-1"></i>
新建任务 新建任务
</button> </button>
</script> </script>
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
@ -63,7 +69,7 @@
<button type="button" class="layui-btn layui-btn-sm" title="复制" lay-event="copy"> <button type="button" class="layui-btn layui-btn-sm" title="复制" lay-event="copy">
<i class="iconfont icon-fuzhi"></i> <i class="iconfont icon-fuzhi"></i>
</button> </button>
<button type="button" class="layui-btn layui-btn-sm" title="删除" lay-event="del"> <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" title="删除" lay-event="del">
<i class="layui-icon layui-icon-delete"></i> <i class="layui-icon layui-icon-delete"></i>
</button> </button>
</script> </script>
@ -110,7 +116,7 @@
{ title: '发布时间', field: 'publish_time', align: 'center', width: "10%" }, { title: '发布时间', field: 'publish_time', align: 'center', width: "10%" },
{ title: '截止时间', field: 'deadline_time', align: 'center', width: "10%" }, { title: '截止时间', field: 'deadline_time', align: 'center', width: "10%" },
{ title: '填报格式', field: 'job_type_name', align: 'center', width: "10%" }, { title: '填报格式', field: 'job_type_name', align: 'center', width: "10%" },
{ title: '填报进度', field: 'fill_progress', align: 'center', width: "10%" }, { title: '填报进度', align: 'center', width: "10%", templet: '#progress-Templet' },
{ title: '状态', field: 'publish_state_name', align: 'center', width: "5%" }, { title: '状态', field: 'publish_state_name', align: 'center', width: "5%" },
{ title: '操作', align: 'center', width: "25%", toolbar: '#table-bar' } { title: '操作', align: 'center', width: "25%", toolbar: '#table-bar' }
]], ]],
@ -141,7 +147,7 @@
type: 2, type: 2,
title: '发布任务', title: '发布任务',
shade: 0.1, shade: 0.1,
area: ['1024px', '600px'], area: ['860px', '730px'],
content: './publish.html?job_id=' + obj.data.job_id content: './publish.html?job_id=' + obj.data.job_id
}); });
} }

@ -9,28 +9,9 @@
</head> </head>
<body> <body>
<div class="layui-row"> <div class="layui-progress layui-progress-big" lay-showpercent="true">
<div class="layui-col-xs6"> <div class="layui-progress-bar" lay-percent="5 / 10"></div>
<div class="grid-demo grid-demo-bg1">61/12</div> </div>
</div>
<div class="layui-col-xs6">
<div class="grid-demo">6/12</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-xs3">
<div class="grid-demo grid-demo-bg1">3/12</div>
</div>
<div class="layui-col-xs3">
<div class="grid-demo">3/12</div>
</div>
<div class="layui-col-xs3">
<div class="grid-demo grid-demo-bg1">3/12</div>
</div>
<div class="layui-col-xs3">
<div class="grid-demo">3/12</div>
</div>
</div>
<script src="../../../component/layui/layui.js"></script> <script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script> <script src="../../../component/pear/pear.js"></script>

Loading…
Cancel
Save