Tenlion/wlcb-system-task
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面样式调整。

Browse Source
This commit is contained in:
Renpc-kilig 2021-11-02 17:02:46 +08:00
parent a73575dbce
commit 0f79297002
4 changed files with 153 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/main/resources/templates/distribute/charts.html
View File

@ -11,20 +11,20 @@
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-fluid layui-anim layui-anim-fadein" style="width: 1500px;">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
<div class="layui-inline">
<input type="text" id="keywords" class="layui-input search-item" placeholder="输入关键字">
<input type="text" id="keywords" class="layui-input search-item" style="width: 135px;" placeholder="输入关键字">
</div>
<div class="layui-inline">
<input type="text" id="startTime" class="layui-input search-item" placeholder="开始日期" readonly>
<input type="text" id="startTime" class="layui-input search-item" style="width: 135px;" placeholder="开始日期" readonly>
</div>
<div class="layui-inline">
<input type="text" id="endTime" class="layui-input search-item" placeholder="截止日期" readonly>
<input type="text" id="endTime" class="layui-input search-item" style="width: 135px;" placeholder="截止日期" readonly>
</div>
<div class="layui-inline">
<input type="text" id="area" name="area" class="layui-input search-item" placeholder="点击选择区域" readonly>
@ -35,21 +35,31 @@
<input type="hidden" id="areaId_5" name="areaId_5">
</div>
<div class="layui-inline">
<input type="text" id="receiverUser" name="receiverUser" class="layui-input search-item" placeholder="点击选择任务接收人" readonly>
<input type="text" id="receiverUser" name="receiverUser" class="layui-input search-item" style="width: 135px;" placeholder="点击选择接收人" readonly>
<input type="hidden" id="userId" name="userId">
</div>
<div class="layui-inline">
<input type="text" id="urgentLevel" name="urgentLevel" class="layui-input search-item" placeholder="紧急等级">
</div>
<div class="layui-inline">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" placeholder="上报次数">
</div>
<button type="button" id="reset" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 清空条件
</button>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<div class="layui-inline">
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;" id="urgentLevelSelectTemplateBox" lay-filter="urgentLevelSelectTemplateBox"></div>
<script id="urgentLevelSelectTemplate" type="text/html">
<select id="urgentLevel" name="urgentLevel" lay-filter="urgentLevel" lay-verify="required">
<option value="">紧急等级</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-btn-group">
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<button type="button" id="reset" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 清空条件
</button>
</div>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
<div id="barDiv" style="width: 1500px;height:400px;margin: 0 auto 0 -100px"></div>
@ -67,9 +77,11 @@
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laydate', 'common'], function() {
}).use(['index', 'form', 'table', 'laydate', 'common', 'laytpl'], function() {
var $ = layui.$;
var $win = $(window);
var laytpl = layui.laytpl;
var form = layui.form;
var table = layui.table;
var admin = layui.admin;
var laydate = layui.laydate;
@ -79,6 +91,20 @@
var selectedAreaArray = [];
var app = {};
// 初始化任务紧急程度下拉选择
function initUrgentLevelSelect() {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['203f7283-74a6-4f05-9d5f-c6675b3a69fc']), {}, null, function(code, data, args) {
laytpl(document.getElementById('urgentLevelSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('urgentLevelSelectTemplateBox').innerHTML = html;
});
form.render('select', 'urgentLevelSelectTemplateBox');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initUrgentLevelSelect();
// 柱状图
function barCharts(data) {
const posList = [

65
src/main/resources/templates/distribute/list-already.html
View File

@ -18,10 +18,10 @@
<div class="layui-card-body">
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
<div class="layui-inline">
<input type="text" id="keywords" class="layui-input search-item" placeholder="输入关键字">
<input type="text" id="keywords" class="layui-input search-item" style="width: 170px;" placeholder="输入关键字">
</div>
<div class="layui-inline">
<input type="text" id="distributeDeadline" class="layui-input search-item" placeholder="截止日期" readonly>
<input type="text" id="distributeDeadline" class="layui-input search-item" style="width: 170px;" placeholder="截止日期" readonly>
</div>
<div class="layui-inline">
<input type="text" id="area" name="area" class="layui-input search-item" placeholder="点击选择区域" readonly>
@ -32,30 +32,42 @@
<input type="hidden" id="areaId_5" name="areaId_5">
</div>
<div class="layui-inline">
<input type="text" id="receiverUser" name="receiverUser" class="layui-input search-item" placeholder="点击选择任务接收人" readonly>
<input type="text" id="receiverUser" name="receiverUser" style="width: 170px;" class="layui-input search-item" placeholder="点击选择任务接收人" readonly>
<input type="hidden" id="userId" name="userId">
</div>
<div class="layui-inline">
<input type="text" id="urgentLevel" name="urgentLevel" class="layui-input search-item" placeholder="紧急等级">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" style="width: 120px;" placeholder="上报次数">
</div>
<div class="layui-inline">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" placeholder="上报次数">
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;" id="urgentLevelSelectTemplateBox" lay-filter="urgentLevelSelectTemplateBox"></div>
<script id="urgentLevelSelectTemplate" type="text/html">
<select id="urgentLevel" name="urgentLevel" lay-filter="urgentLevel" lay-verify="required">
<option value="">紧急等级</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-inline">
<select name="distributeStatus" id="distributeStatus" lay-filter="distributeStatus">
<option value="">请选择任务状态</option>
<option value="未下派">未下派</option>
<option value="已下派">已下派</option>
<option value="已取消">已取消</option>
<option value="下派超时">下派超时</option>
</select>
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;">
<select name="taskType" id="taskType" lay-filter="taskType">
<option value="">任务状态</option>
<option value="未下派">未下派</option>
<option value="已下派">已下派</option>
<option value="已取消">已取消</option>
<option value="下派超时">下派超时</option>
</select>
</div>
</div>
<div class="layui-btn-group">
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<button type="button" id="charts" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 图表
</button>
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<button type="button" id="charts" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 图表
</button>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
<!-- 表头按钮组 -->
@ -171,19 +183,34 @@
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laydate', 'common'], function() {
}).use(['index', 'form', 'table', 'laydate', 'common', 'laytpl'], function() {
var $ = layui.$;
var $win = $(window);
var table = layui.table;
var admin = layui.admin;
var laydate = layui.laydate;
var laytpl = layui.laytpl;
var form = layui.form;
var common = layui.common;
var resizeTimeout = null;
var tableUrl = 'api/distribute/listpage?distributeStatus={distributeStatus}&distributeStatusCancel={distributeStatusCancel}';
var selectedAreaArray = [];
var receiverUserList = [];
// 初始化任务紧急程度下拉选择
function initUrgentLevelSelect() {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['203f7283-74a6-4f05-9d5f-c6675b3a69fc']), {}, null, function(code, data, args) {
laytpl(document.getElementById('urgentLevelSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('urgentLevelSelectTemplateBox').innerHTML = html;
});
form.render('select', 'urgentLevelSelectTemplateBox');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initUrgentLevelSelect();
// 事件 - 跳转图表页面
$(document).on('click', '#charts', function() {
layer.open({

47
src/main/resources/templates/distribute/list.html
View File

@ -36,17 +36,24 @@
<input type="hidden" id="userId" name="userId">
</div>
<div class="layui-inline">
<input type="text" id="urgentLevel" name="urgentLevel" class="layui-input search-item" placeholder="紧急等级">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" style="width: 120px;" placeholder="上报次数">
</div>
<div class="layui-inline">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" placeholder="上报次数">
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;" id="urgentLevelSelectTemplateBox" lay-filter="urgentLevelSelectTemplateBox"></div>
<script id="urgentLevelSelectTemplate" type="text/html">
<select id="urgentLevel" name="urgentLevel" lay-filter="urgentLevel" lay-verify="required">
<option value="">紧急等级</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-btn-group">
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
</button>
<button type="button" id="charts" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 图表
</button>
</div>
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
<!-- 表头按钮组 -->
@ -78,10 +85,12 @@
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laydate', 'common'], function() {
}).use(['index', 'form', 'table', 'laydate', 'common', 'laytpl'], function() {
var $ = layui.$;
var $win = $(window);
var table = layui.table;
var laytpl = layui.laytpl;
var form = layui.form;
var admin = layui.admin;
var laydate = layui.laydate;
var common = layui.common;
@ -89,6 +98,20 @@
var tableUrl = 'api/distribute/listpage?distributeStatus={distributeStatus}';
var selectedAreaArray = [];
// 初始化任务紧急程度下拉选择
function initUrgentLevelSelect() {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['203f7283-74a6-4f05-9d5f-c6675b3a69fc']), {}, null, function(code, data, args) {
laytpl(document.getElementById('urgentLevelSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('urgentLevelSelectTemplateBox').innerHTML = html;
});
form.render('select', 'urgentLevelSelectTemplateBox');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initUrgentLevelSelect();
// 选择区域
$(document).on('click', '#area', function() {
top.dialog.open({
@ -447,11 +470,7 @@
function initDate() {
// 日期选择
laydate.render({
elem: '#startTime',
format: 'yyyy-MM-dd'
});
laydate.render({
elem: '#endTime',
elem: '#distributeDeadline',
format: 'yyyy-MM-dd'
});
}

41
src/main/resources/templates/receiveruser/list.html
View File

@ -36,17 +36,27 @@
<input type="hidden" id="userId" name="userId">
</div>
<div class="layui-inline">
<input type="text" id="urgentLevel" name="urgentLevel" class="layui-input search-item" placeholder="紧急等级">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" style="width: 120px;" placeholder="上报次数">
</div>
<div class="layui-inline">
<input type="text" id="reportCount" name="reportCount" class="layui-input search-item" placeholder="上报次数">
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;" id="urgentLevelSelectTemplateBox" lay-filter="urgentLevelSelectTemplateBox"></div>
<script id="urgentLevelSelectTemplate" type="text/html">
<select id="urgentLevel" name="urgentLevel" lay-filter="urgentLevel" lay-verify="required">
<option value="">紧急等级</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-inline">
<select name="taskType" id="taskType" lay-filter="taskType">
<option value="">请选择任务状态</option>
<option value="正常">正常</option>
<option value="已取消">已取消</option>
</select>
<div class="layui-input-block layui-form" style="width: 120px;margin-left: 0px;">
<select name="taskType" id="taskType" lay-filter="taskType">
<option value="">任务状态</option>
<option value="正常">正常</option>
<option value="已取消">已取消</option>
</select>
</div>
</div>
<button type="button" id="search" class="layui-btn layui-btn-sm">
<i class="fa fa-lg fa-search"></i> 搜索
@ -233,18 +243,33 @@
base: 'assets/layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'table', 'laydate', 'common'], function() {
}).use(['index', 'form', 'table', 'laydate', 'common', 'laytpl'], function() {
var $ = layui.$;
var $win = $(window);
var table = layui.table;
var admin = layui.admin;
var laydate = layui.laydate;
var laytpl = layui.laytpl;
var form = layui.form;
var common = layui.common;
var resizeTimeout = null;
var tableUrl = 'api/receiveruser/listpage';
var selectedAreaArray = [];
// 初始化任务紧急程度下拉选择
function initUrgentLevelSelect() {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['203f7283-74a6-4f05-9d5f-c6675b3a69fc']), {}, null, function(code, data, args) {
laytpl(document.getElementById('urgentLevelSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('urgentLevelSelectTemplateBox').innerHTML = html;
});
form.render('select', 'urgentLevelSelectTemplateBox');
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
initUrgentLevelSelect();
// 选择区域
$(document).on('click', '#area', function() {
top.dialog.open({