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.
251 lines
12 KiB
251 lines
12 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<script src="js/jquery-2.1.3.min.js"></script>
|
|
<link href="layui/css/layui.css" rel="stylesheet" />
|
|
<script src="layui/layui.js"></script>
|
|
<style type="text/css">
|
|
.subDiv {
|
|
padding-left: 20px;
|
|
margin-left: 10px;
|
|
border: 1px solid #a4a1a1;
|
|
border-radius: 25px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style=" padding-right:10px;">
|
|
|
|
|
|
<form class="layui-form" action="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">任务标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入职责名称" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-form-text">
|
|
<label class="layui-form-label">任务描述</label>
|
|
<div class="layui-input-block">
|
|
<textarea placeholder="请输入职责内容" class="layui-textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-row" style="width: 100%; height: 100%;">
|
|
|
|
<div class="layui-col-xs6">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">提醒时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="test5" lay-verify="title" autocomplete="off" placeholder="请选择提醒时间" class="layui-input">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-xs6">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">截止时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="test6" lay-verify="title" autocomplete="off" placeholder="请选择截止时间" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-row" style="width: 100%; height: 100%;">
|
|
|
|
<div class="layui-col-xs6">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">职责</label>
|
|
<div class="layui-input-block">
|
|
<select name="city" lay-verify="" lay-search>
|
|
<option value="1">职责1</option>
|
|
<option value="2">职责2</option>
|
|
<option value="3">职责3</option>
|
|
<option value="4">职责4</option>
|
|
<option value="5">职责5</option>
|
|
<option value="6">职责6</option>
|
|
<option value="7">职责7</option>
|
|
<option value="8">职责8</option>
|
|
<option value="9">职责9</option>
|
|
<option value="10">职责10</option>
|
|
<option value="11">职责11</option>
|
|
<option value="12">职责12</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-xs6">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">流程</label>
|
|
<div class="layui-input-block">
|
|
<select name="city" lay-verify="" lay-search>
|
|
<option value="1">流程1</option>
|
|
<option value="2">流程2</option>
|
|
<option value="3">流程3</option>
|
|
<option value="4">流程4</option>
|
|
<option value="5">流程5</option>
|
|
<option value="6">流程6</option>
|
|
<option value="7">流程7</option>
|
|
<option value="8">流程8</option>
|
|
<option value="9">流程9</option>
|
|
<option value="10">流程10</option>
|
|
<option value="11">流程11</option>
|
|
<option value="12">流程12</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">
|
|
执行人
|
|
</label>
|
|
<div class="layui-input-block">
|
|
<div id="posts"></div>
|
|
<input id="posts_ids" class="layui-input ipttycls" type="hidden" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="divSub" class="subDiv">
|
|
|
|
<div>
|
|
<i class="layui-icon layui-icon-list" style="font-size: 24px; "></i>子任务
|
|
</div>
|
|
<div>
|
|
<table class="layui-hide" id="test"></table>
|
|
</div>
|
|
<div style="padding:10px 10px 10px 10px;" id="div_SubAdd">
|
|
+添加子任务
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">确定</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
layui.extend({
|
|
selectM: '/layui/layui_extends/selectM',
|
|
}).use(['table', 'laydate', 'selectM'], function () {
|
|
|
|
var table = layui.table;
|
|
var laydate = layui.laydate;
|
|
var selectM = layui.selectM;
|
|
|
|
//日期时间选择器
|
|
laydate.render({
|
|
elem: '#test5'
|
|
, type: 'datetime'
|
|
});
|
|
//日期时间选择器
|
|
laydate.render({
|
|
elem: '#test6'
|
|
, type: 'datetime'
|
|
});
|
|
|
|
var posts = [
|
|
{ "DIC_TEXT": "尧挺", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "刘松林", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "加永拉姆", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "甘露", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "李智欣", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "罗松扎西", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "吴行兵", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "刘毅", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "西热江措", "DIC_VALUE": "1" },
|
|
{ "DIC_TEXT": "崔壮壮", "DIC_VALUE": "1" },
|
|
];
|
|
selectM({
|
|
elem: '#posts'
|
|
, data: posts
|
|
//, selected: postsList.split(',')
|
|
, max: 10
|
|
// , verify: 'required'
|
|
, delimiter: ','
|
|
, field: { idName: 'DIC_TEXT', titleName: 'DIC_TEXT' }
|
|
});
|
|
|
|
var dataArr = [
|
|
{ "id": "10001", "rwTitle": "任务1", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10002", "rwTitle": "任务2", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10003", "rwTitle": "任务3", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10004", "rwTitle": "任务4", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10005", "rwTitle": "任务5", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10006", "rwTitle": "任务6", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10007", "rwTitle": "任务7", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10008", "rwTitle": "任务8", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10009", "rwTitle": "任务9", "zxEmp": "张三,李四", "warnTime": "2022-11-13 09:30:00", "endTime": "2022-11-16 09:30:00", "rwRemark": "完成领导部署任务" },
|
|
{ "id": "10010", "rwTitle": "任务10", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10011", "rwTitle": "任务11", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10012", "rwTitle": "任务12", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10013", "rwTitle": "任务13", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10014", "rwTitle": "任务14", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10015", "rwTitle": "任务15", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10016", "rwTitle": "任务16", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10017", "rwTitle": "任务17", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10018", "rwTitle": "任务18", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10019", "rwTitle": "任务19", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
{ "id": "10020", "rwTitle": "任务20", "zxEmp": "张三", "warnTime": "2022-11-15 09:30:00", "endTime": "2022-11-18 09:30:00", "rwRemark": "完成领导安排工作" },
|
|
];
|
|
|
|
table.render({
|
|
elem: '#test'
|
|
, data: dataArr
|
|
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
|
, cols: [[
|
|
//{ field: 'id', align: "center", title: 'ID', sort: true }
|
|
{ field: 'rwTitle', align: "center", title: '任务标题' }
|
|
, { field: 'zxEmp', align: "center", title: '执行人' }
|
|
, { field: 'warnTime', align: "center", title: '提醒时间' }
|
|
, { field: 'endTime', align: "center", title: '截止时间' }
|
|
, { field: 'rwRemark', align: "center", title: '任务描述' }
|
|
, {
|
|
field: 'cz', align: "center", title: '操作', templet: function (d) {
|
|
//console.log(d);
|
|
var htmlStr = '<i class="layui-icon layui-icon-edit" style="font-size: 30px; color: #1E9FFF;"></i> ' +
|
|
' <i class="layui-icon layui-icon-delete" style="font-size: 30px; color: #1E9FFF;"></i> ';
|
|
return htmlStr;
|
|
}
|
|
}
|
|
]]
|
|
, page: true
|
|
, limits: [10, 15, 20, 25]
|
|
, limit: 4
|
|
});
|
|
|
|
|
|
$("#div_SubAdd").click(function () {
|
|
layer.open({
|
|
type: 2,
|
|
title: '信息编辑',
|
|
area: ['95%', '85%'],
|
|
content: 'pg3_1_1.html' //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|