优化审批模块的时间选择体验

This commit is contained in:
hdm 2022-11-02 10:57:56 +08:00
parent fd16736810
commit 4c21a89f54
16 changed files with 299 additions and 944 deletions

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">物品名称<font>*</font></td> <td class="layui-td-gray-2">物品名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入物品名称" lay-verify="required" lay-reqText="请输入物品名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入物品名称" lay-verify="required" lay-reqText="请输入物品名称" class="layui-input"></td>
<td class="layui-td-gray-2">期望交互日期<font>*</font></td> <td class="layui-td-gray-2">期望交互日期<font>*</font></td>
<td colspan="2"> <td colspan="2">
@ -46,7 +46,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">物品名称<font>*</font></td> <td class="layui-td-gray-2">物品名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入物品名称" lay-verify="required" lay-reqText="请输入物品名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入物品名称" lay-verify="required" lay-reqText="请输入物品名称" class="layui-input"></td>
<td class="layui-td-gray-2">期望交互日期<font>*</font></td> <td class="layui-td-gray-2">期望交互日期<font>*</font></td>
<td colspan="2"> <td colspan="2">

View File

@ -9,37 +9,12 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray-2">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -47,32 +22,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -97,37 +47,12 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray-2">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" readonly class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" readonly class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.start_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.start_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.start_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.start_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.start_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -135,32 +60,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.end_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.end_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.end_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.end_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.end_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -219,6 +119,32 @@ const moduleInit = ['tool','employeepicker'];
}); });
}); });
//选择具体时间
lay('.select-datetime').each(function () {
laydate.render({
elem: this,
trigger: 'click',
type: 'time',
format: 'HH:mm',
btns: ['clear', 'confirm'],
ready: function (date) {
var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
},
});
});
if (typeof (flowStep) == "function") { if (typeof (flowStep) == "function") {
flowStep(); flowStep();
} }

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">文件名称<font>*</font></td> <td class="layui-td-gray-2">文件名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入文件名称" lay-verify="required" lay-reqText="请输入文件名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入文件名称" lay-verify="required" lay-reqText="请输入文件名称" class="layui-input"></td>
<td class="layui-td-gray">紧急程度<font>*</font></td> <td class="layui-td-gray">紧急程度<font>*</font></td>
<td colspan="2"> <td colspan="2">
@ -44,7 +44,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">文件名称<font>*</font></td> <td class="layui-td-gray-2">文件名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入文件名称" lay-verify="required" lay-reqText="请输入文件名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入文件名称" lay-verify="required" lay-reqText="请输入文件名称" class="layui-input"></td>
<td class="layui-td-gray">紧急程度<font>*</font></td> <td class="layui-td-gray">紧急程度<font>*</font></td>
<td colspan="2"> <td colspan="2">

View File

@ -20,68 +20,18 @@
</td> </td>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
<input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -105,68 +55,18 @@
</td> </td>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" readonly class="layui-input" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.start_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.start_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.start_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.start_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.start_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
<input id="end_time_a" name="end_time_a" autocomplete="off" readonly class="layui-input" value="{$detail.end_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.end_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.end_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.end_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.end_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.end_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.end_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -206,6 +106,32 @@ const moduleInit = ['tool','employeepicker'];
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd',
showBottom: false showBottom: false
}); });
//选择具体时间
lay('.select-datetime').each(function () {
laydate.render({
elem: this,
trigger: 'click',
type: 'time',
format: 'HH:mm',
btns: ['clear', 'confirm'],
ready: function (date) {
var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
}
});
});
} }
</script> </script>
{/block} {/block}

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">活动名称<font>*</font></td> <td class="layui-td-gray-2">活动名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入活动名称" lay-verify="required" lay-reqText="请输入活动名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入活动名称" lay-verify="required" lay-reqText="请输入活动名称" class="layui-input"></td>
<td class="layui-td-gray">活动预算<font>*</font></td> <td class="layui-td-gray">活动预算<font>*</font></td>
<td colspan="2"><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入活动预算金额" lay-verify="required|number" lay-reqText="请输入活动预算金额" class="layui-input"></td> <td colspan="2"><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入活动预算金额" lay-verify="required|number" lay-reqText="请输入活动预算金额" class="layui-input"></td>
@ -23,68 +23,18 @@
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
<input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -105,7 +55,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">活动名称<font>*</font></td> <td class="layui-td-gray-2">活动名称<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入活动名称" lay-verify="required" lay-reqText="请输入活动名称" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入活动名称" lay-verify="required" lay-reqText="请输入活动名称" class="layui-input"></td>
<td class="layui-td-gray">活动预算<font>*</font></td> <td class="layui-td-gray">活动预算<font>*</font></td>
<td colspan="2"><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入活动预算金额" lay-verify="required|number" lay-reqText="请输入活动预算金额" class="layui-input"></td> <td colspan="2"><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入活动预算金额" lay-verify="required|number" lay-reqText="请输入活动预算金额" class="layui-input"></td>
@ -119,68 +69,18 @@
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" readonly class="layui-input" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.start_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.start_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.start_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.start_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.start_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
<input id="end_time_a" name="end_time_a" autocomplete="off" readonly class="layui-input" value="{$detail.end_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="end_time_a" name="end_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.end_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="08:00" {eq name="$detail.end_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.end_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.end_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.end_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.end_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>20:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -245,6 +145,32 @@ const moduleInit = ['tool','employeepicker'];
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd',
showBottom: false showBottom: false
}); });
//选择具体时间
lay('.select-datetime').each(function () {
laydate.render({
elem: this,
trigger: 'click',
type: 'time',
format: 'HH:mm',
btns: ['clear', 'confirm'],
ready: function (date) {
var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
}
});
});
} }
</script> </script>
{/block} {/block}

View File

@ -9,60 +9,12 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray-2">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -70,55 +22,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -135,60 +39,12 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">开始时间<font>*</font></td> <td class="layui-td-gray-2">开始时间<font>*</font></td>
<td> <td>
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00" {eq name="$detail.start_time_b" value="00:00"}selected=""{/eq}>09:00</option>
<option value="00:30" {eq name="$detail.start_time_b" value="00:30"}selected=""{/eq}>00:30</option>
<option value="01:00" {eq name="$detail.start_time_b" value="01:00"}selected=""{/eq}>01:00</option>
<option value="01:30" {eq name="$detail.start_time_b" value="01:30"}selected=""{/eq}>01:30</option>
<option value="02:00" {eq name="$detail.start_time_b" value="02:00"}selected=""{/eq}>02:00</option>
<option value="02:30" {eq name="$detail.start_time_b" value="02:30"}selected=""{/eq}>02:30</option>
<option value="03:00" {eq name="$detail.start_time_b" value="03:00"}selected=""{/eq}>03:00</option>
<option value="03:30" {eq name="$detail.start_time_b" value="03:30"}selected=""{/eq}>03:30</option>
<option value="04:00" {eq name="$detail.start_time_b" value="04:00"}selected=""{/eq}>04:00</option>
<option value="04:30" {eq name="$detail.start_time_b" value="04:30"}selected=""{/eq}>04:30</option>
<option value="05:00" {eq name="$detail.start_time_b" value="05:00"}selected=""{/eq}>05:00</option>
<option value="05:30" {eq name="$detail.start_time_b" value="05:30"}selected=""{/eq}>05:30</option>
<option value="06:00" {eq name="$detail.start_time_b" value="06:00"}selected=""{/eq}>06:00</option>
<option value="06:30" {eq name="$detail.start_time_b" value="06:30"}selected=""{/eq}>06:30</option>
<option value="07:00" {eq name="$detail.start_time_b" value="07:00"}selected=""{/eq}>07:00</option>
<option value="07:30" {eq name="$detail.start_time_b" value="07:30"}selected=""{/eq}>07:30</option>
<option value="08:00" {eq name="$detail.start_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.start_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.start_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.start_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.start_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.start_time_b" value="20:00"}selected=""{/eq}>20:00</option>
<option value="20:30" {eq name="$detail.start_time_b" value="20:30"}selected=""{/eq}>20:30</option>
<option value="21:00" {eq name="$detail.start_time_b" value="21:00"}selected=""{/eq}>21:00</option>
<option value="21:30" {eq name="$detail.start_time_b" value="21:30"}selected=""{/eq}>21:30</option>
<option value="22:00" {eq name="$detail.start_time_b" value="22:00"}selected=""{/eq}>22:00</option>
<option value="22:30" {eq name="$detail.start_time_b" value="22:30"}selected=""{/eq}>22:30</option>
<option value="23:00" {eq name="$detail.start_time_b" value="23:00"}selected=""{/eq}>23:00</option>
<option value="23:30" {eq name="$detail.start_time_b" value="23:30"}selected=""{/eq}>23:30</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -196,55 +52,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00" {eq name="$detail.end_time_b" value="00:00"}selected=""{/eq}>09:00</option>
<option value="00:30" {eq name="$detail.end_time_b" value="00:30"}selected=""{/eq}>00:30</option>
<option value="01:00" {eq name="$detail.end_time_b" value="01:00"}selected=""{/eq}>01:00</option>
<option value="01:30" {eq name="$detail.end_time_b" value="01:30"}selected=""{/eq}>01:30</option>
<option value="02:00" {eq name="$detail.end_time_b" value="02:00"}selected=""{/eq}>02:00</option>
<option value="02:30" {eq name="$detail.end_time_b" value="02:30"}selected=""{/eq}>02:30</option>
<option value="03:00" {eq name="$detail.end_time_b" value="03:00"}selected=""{/eq}>03:00</option>
<option value="03:30" {eq name="$detail.end_time_b" value="03:30"}selected=""{/eq}>03:30</option>
<option value="04:00" {eq name="$detail.end_time_b" value="04:00"}selected=""{/eq}>04:00</option>
<option value="04:30" {eq name="$detail.end_time_b" value="04:30"}selected=""{/eq}>04:30</option>
<option value="05:00" {eq name="$detail.end_time_b" value="05:00"}selected=""{/eq}>05:00</option>
<option value="05:30" {eq name="$detail.end_time_b" value="05:30"}selected=""{/eq}>05:30</option>
<option value="06:00" {eq name="$detail.end_time_b" value="06:00"}selected=""{/eq}>06:00</option>
<option value="06:30" {eq name="$detail.end_time_b" value="06:30"}selected=""{/eq}>06:30</option>
<option value="07:00" {eq name="$detail.end_time_b" value="07:00"}selected=""{/eq}>07:00</option>
<option value="07:30" {eq name="$detail.end_time_b" value="07:30"}selected=""{/eq}>07:30</option>
<option value="08:00" {eq name="$detail.end_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.end_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.end_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.end_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.end_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.end_time_b" value="20:00"}selected=""{/eq}>20:00</option>
<option value="20:30" {eq name="$detail.end_time_b" value="20:30"}selected=""{/eq}>20:30</option>
<option value="21:00" {eq name="$detail.end_time_b" value="21:00"}selected=""{/eq}>21:00</option>
<option value="21:30" {eq name="$detail.end_time_b" value="21:30"}selected=""{/eq}>21:30</option>
<option value="22:00" {eq name="$detail.end_time_b" value="22:00"}selected=""{/eq}>22:00</option>
<option value="22:30" {eq name="$detail.end_time_b" value="22:30"}selected=""{/eq}>22:30</option>
<option value="23:00" {eq name="$detail.end_time_b" value="23:00"}selected=""{/eq}>23:00</option>
<option value="23:30" {eq name="$detail.end_time_b" value="23:30"}selected=""{/eq}>23:30</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -319,15 +127,40 @@ const moduleInit = ['tool','employeepicker'];
}); });
}); });
form.on('select(time_b)', function(data){ //选择具体时间
var hours = leaveTime(); lay('.select-datetime').each(function () {
if(hours == 0){ laydate.render({
$('#duration').html('-'); elem: this,
} trigger: 'click',
else{ type: 'time',
$('#duration').html('共'+hours+'小时'); format: 'HH:mm',
} btns: ['clear', 'confirm'],
$('[name="duration"]').val(hours); ready: function (date) {
var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
},
done:function(){
var hours = leaveTime();
if(hours == 0){
$('#duration').html('-');
}
else{
$('#duration').html('共'+hours+'小时');
}
$('[name="duration"]').val(hours);
}
});
}); });
} }
</script> </script>

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">奖励金额<font>*</font></td> <td class="layui-td-gray-2">奖励金额<font>*</font></td>
<td colspan="2"><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入奖励金额" lay-verify="required|number" lay-reqText="请输入奖励金额" class="layui-input"></td> <td colspan="2"><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入奖励金额" lay-verify="required|number" lay-reqText="请输入奖励金额" class="layui-input"></td>
<td class="layui-td-gray">奖励日期<font>*</font></td> <td class="layui-td-gray">奖励日期<font>*</font></td>
<td colspan="2"> <td colspan="2">
@ -40,7 +40,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">奖励金额<font>*</font></td> <td class="layui-td-gray-2">奖励金额<font>*</font></td>
<td colspan="2"><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入奖励金额" lay-verify="required|number" lay-reqText="请输入奖励金额" class="layui-input"></td> <td colspan="2"><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入奖励金额" lay-verify="required|number" lay-reqText="请输入奖励金额" class="layui-input"></td>
<td class="layui-td-gray">奖励日期<font>*</font></td> <td class="layui-td-gray">奖励日期<font>*</font></td>
<td colspan="2"> <td colspan="2">

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">借款金额<font>*</font></td> <td class="layui-td-gray-2">借款金额<font>*</font></td>
<td><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入借款金额" lay-verify="required|number" lay-reqText="请输入借款金额" class="layui-input"></td> <td><input type="text" name="amount" value="" autocomplete="off" placeholder="请输入借款金额" lay-verify="required|number" lay-reqText="请输入借款金额" class="layui-input"></td>
<td class="layui-td-gray">借款类型<font>*</font></td> <td class="layui-td-gray">借款类型<font>*</font></td>
<td> <td>
@ -51,7 +51,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">借款金额<font>*</font></td> <td class="layui-td-gray-2">借款金额<font>*</font></td>
<td><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入借款金额" lay-verify="required|number" lay-reqText="请输入借款金额" class="layui-input"></td> <td><input type="text" name="amount" value="{$detail.amount}" autocomplete="off" placeholder="请输入借款金额" lay-verify="required|number" lay-reqText="请输入借款金额" class="layui-input"></td>
<td class="layui-td-gray">费用类型<font>*</font></td> <td class="layui-td-gray">费用类型<font>*</font></td>
<td> <td>

View File

@ -31,26 +31,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -58,26 +39,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -126,26 +88,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -153,26 +96,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -317,20 +241,45 @@ const moduleInit = ['tool','employeepicker'];
}); });
}); });
form.on('select(time_b)', function(data){ //选择具体时间
var hours = leaveTime(); lay('.select-datetime').each(function () {
if(hours == 0){ laydate.render({
$('#hours,#days').html('-'); elem: this,
} trigger: 'click',
else{ type: 'time',
$('#hours').html('共'+hours/10+'小时'); format: 'HH:mm',
var days = 0; btns: ['clear', 'confirm'],
if(hours>=75){ ready: function (date) {
days = parseInt(hours/75); var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
},
done:function(){
var hours = leaveTime();
if(hours == 0){
$('#hours,#days').html('-');
}
else{
$('#hours').html('共'+hours/10+'小时');
var days = 0;
if(hours>=75){
days = parseInt(hours/75);
}
$('#days').html('共'+days+'天,'+(hours%75)/10+'小时');
}
$('[name="duration"]').val(hours/10);
} }
$('#days').html('共'+days+'天,'+(hours%75)/10+'小时'); });
}
$('[name="duration"]').val(hours/10);
}); });
} }
</script> </script>

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">员工姓名<font>*</font></td> <td class="layui-td-gray-2">员工姓名<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入员工姓名" lay-verify="required" lay-reqText="请输入员工姓名" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入员工姓名" lay-verify="required" lay-reqText="请输入员工姓名" class="layui-input"></td>
<td class="layui-td-gray">入职日期<font>*</font></td> <td class="layui-td-gray">入职日期<font>*</font></td>
<td colspan="2"> <td colspan="2">
@ -55,7 +55,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">员工姓名<font>*</font></td> <td class="layui-td-gray-2">员工姓名<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入员工姓名" lay-verify="required" lay-reqText="请输入员工姓名" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="{$detail.name}" autocomplete="off" placeholder="请输入员工姓名" lay-verify="required" lay-reqText="请输入员工姓名" class="layui-input"></td>
<td class="layui-td-gray">入职日期<font>*</font></td> <td class="layui-td-gray">入职日期<font>*</font></td>
<td colspan="2"> <td colspan="2">

View File

@ -5,4 +5,19 @@
.layui-form-item .layui-btn-danger{display:none; margin-top:-8px} .layui-form-item .layui-btn-danger{display:none; margin-top:-8px}
.layui-form-item:hover .layui-btn-danger{display:inline-block;} .layui-form-item:hover .layui-btn-danger{display:inline-block;}
.select-1,.select-2{display:none;} .select-1,.select-2{display:none;}
/* 设置只展示时分,隐藏秒那一列 */
.laydate-time-list {
padding-bottom: 0;
overflow: hidden;
}
.laydate-time-list > li {
width: 50% !important;
}
.laydate-time-list ol li {
width: 100% !important;
padding-left: 0 !important;
text-align: center !important;
}
</style> </style>

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">审批内容<font>*</font></td> <td class="layui-td-gray-2">审批内容<font>*</font></td>
<td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入审批内容" lay-verify="required" lay-reqText="请输入审批内容" class="layui-input"></td> <td colspan="2"><input type="text" name="name" value="" autocomplete="off" placeholder="请输入审批内容" lay-verify="required" lay-reqText="请输入审批内容" class="layui-input"></td>
<td class="layui-td-gray">紧急程度<font>*</font></td> <td class="layui-td-gray">紧急程度<font>*</font></td>
<td colspan="2"> <td colspan="2">

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">外出地点<font>*</font></td> <td class="layui-td-gray-2">外出地点<font>*</font></td>
<td colspan="5"><input type="text" name="address" value="" autocomplete="off" placeholder="请输入外出地点" lay-verify="required" lay-reqText="请输入外出地点" class="layui-input"></td> <td colspan="5"><input type="text" name="address" value="" autocomplete="off" placeholder="请输入外出地点" lay-verify="required" lay-reqText="请输入外出地点" class="layui-input"></td>
</tr> </tr>
<tr> <tr>
@ -18,26 +18,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -45,26 +26,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -91,7 +53,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">外出地点<font>*</font></td> <td class="layui-td-gray-2">外出地点<font>*</font></td>
<td colspan="5"><input type="text" name="address" value="{$detail.address}" autocomplete="off" placeholder="请输入外出地点" lay-verify="required" lay-reqText="请输入外出地点" class="layui-input"></td> <td colspan="5"><input type="text" name="address" value="{$detail.address}" autocomplete="off" placeholder="请输入外出地点" lay-verify="required" lay-reqText="请输入外出地点" class="layui-input"></td>
</tr> </tr>
<tr> <tr>
@ -100,26 +62,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -127,26 +70,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -291,21 +215,46 @@ const moduleInit = ['tool','employeepicker'];
}); });
}); });
form.on('select(time_b)', function(data){ //选择具体时间
var hours = leaveTime(); lay('.select-datetime').each(function () {
if(hours == 0){ laydate.render({
$('#hours,#days').html('-'); elem: this,
} trigger: 'click',
else{ type: 'time',
$('#hours').html('共'+hours/10+'小时'); format: 'HH:mm',
var days = 0; btns: ['clear', 'confirm'],
if(hours>=75){ ready: function (date) {
days = parseInt(hours/75); var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
},
done:function(){
var hours = leaveTime();
if(hours == 0){
$('#hours,#days').html('-');
}
else{
$('#hours').html('共'+hours/10+'小时');
var days = 0;
if(hours>=75){
days = parseInt(hours/75);
}
$('#days').html('共'+days+'天,'+(hours%75)/10+'小时');
}
$('[name="duration"]').val(hours/10);
} }
$('#days').html('共'+days+'天,'+(hours%75)/10+'小时'); });
} });
$('[name="duration"]').val(hours/10);
});
} }
</script> </script>
{/block} {/block}

View File

@ -14,55 +14,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -70,55 +22,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value=""> <input type="hidden" name="duration" value="">
<select lay-filter="time_b" id="end_time_b" name="end_time_b"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00">00:00</option>
<option value="00:30">00:30</option>
<option value="01:00">01:00</option>
<option value="01:30">01:30</option>
<option value="02:00">02:00</option>
<option value="02:30">02:30</option>
<option value="03:00">03:00</option>
<option value="03:30">03:30</option>
<option value="04:00">04:00</option>
<option value="04:30">04:30</option>
<option value="05:00">05:00</option>
<option value="05:30">05:30</option>
<option value="06:00">06:00</option>
<option value="06:30">06:30</option>
<option value="07:00">07:00</option>
<option value="07:30">07:30</option>
<option value="08:00">08:00</option>
<option value="08:30">08:30</option>
<option value="09:00">09:00</option>
<option value="09:30">09:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
<option value="20:30">20:30</option>
<option value="21:00">21:00</option>
<option value="21:30">21:30</option>
<option value="22:00">22:00</option>
<option value="22:30">22:30</option>
<option value="23:00">23:00</option>
<option value="23:30">23:30</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -153,55 +57,7 @@
<input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="start_time_a" name="start_time_a" autocomplete="off" class="layui-input select-time" value="{$detail.start_time_a}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
<td> <td>
<select lay-filter="time_b" id="start_time_b" name="start_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="start_time_b" name="start_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.start_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00" {eq name="$detail.start_time_b" value="00:00"}selected=""{/eq}>09:00</option>
<option value="00:30" {eq name="$detail.start_time_b" value="00:30"}selected=""{/eq}>00:30</option>
<option value="01:00" {eq name="$detail.start_time_b" value="01:00"}selected=""{/eq}>01:00</option>
<option value="01:30" {eq name="$detail.start_time_b" value="01:30"}selected=""{/eq}>01:30</option>
<option value="02:00" {eq name="$detail.start_time_b" value="02:00"}selected=""{/eq}>02:00</option>
<option value="02:30" {eq name="$detail.start_time_b" value="02:30"}selected=""{/eq}>02:30</option>
<option value="03:00" {eq name="$detail.start_time_b" value="03:00"}selected=""{/eq}>03:00</option>
<option value="03:30" {eq name="$detail.start_time_b" value="03:30"}selected=""{/eq}>03:30</option>
<option value="04:00" {eq name="$detail.start_time_b" value="04:00"}selected=""{/eq}>04:00</option>
<option value="04:30" {eq name="$detail.start_time_b" value="04:30"}selected=""{/eq}>04:30</option>
<option value="05:00" {eq name="$detail.start_time_b" value="05:00"}selected=""{/eq}>05:00</option>
<option value="05:30" {eq name="$detail.start_time_b" value="05:30"}selected=""{/eq}>05:30</option>
<option value="06:00" {eq name="$detail.start_time_b" value="06:00"}selected=""{/eq}>06:00</option>
<option value="06:30" {eq name="$detail.start_time_b" value="06:30"}selected=""{/eq}>06:30</option>
<option value="07:00" {eq name="$detail.start_time_b" value="07:00"}selected=""{/eq}>07:00</option>
<option value="07:30" {eq name="$detail.start_time_b" value="07:30"}selected=""{/eq}>07:30</option>
<option value="08:00" {eq name="$detail.start_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.start_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.start_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.start_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.start_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.start_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.start_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.start_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.start_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.start_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.start_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.start_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.start_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.start_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.start_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.start_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.start_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.start_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.start_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.start_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.start_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.start_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.start_time_b" value="20:00"}selected=""{/eq}>20:00</option>
<option value="20:30" {eq name="$detail.start_time_b" value="20:30"}selected=""{/eq}>20:30</option>
<option value="21:00" {eq name="$detail.start_time_b" value="21:00"}selected=""{/eq}>21:00</option>
<option value="21:30" {eq name="$detail.start_time_b" value="21:30"}selected=""{/eq}>21:30</option>
<option value="22:00" {eq name="$detail.start_time_b" value="22:00"}selected=""{/eq}>22:00</option>
<option value="22:30" {eq name="$detail.start_time_b" value="22:30"}selected=""{/eq}>22:30</option>
<option value="23:00" {eq name="$detail.start_time_b" value="23:00"}selected=""{/eq}>23:00</option>
<option value="23:30" {eq name="$detail.start_time_b" value="23:30"}selected=""{/eq}>23:30</option>
</select>
</td> </td>
<td class="layui-td-gray">结束时间<font>*</font></td> <td class="layui-td-gray">结束时间<font>*</font></td>
<td> <td>
@ -209,55 +65,7 @@
</td> </td>
<td> <td>
<input type="hidden" name="duration" value="{$detail.duration}"> <input type="hidden" name="duration" value="{$detail.duration}">
<select lay-filter="time_b" id="end_time_b" name="end_time_b" lay-verify="required" lay-reqText="请选择具体时间"> <input id="end_time_b" name="end_time_b" autocomplete="off" class="layui-input select-datetime" value="{$detail.end_time_b}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
<option value="">--请选择--</option>
<option value="00:00" {eq name="$detail.end_time_b" value="00:00"}selected=""{/eq}>09:00</option>
<option value="00:30" {eq name="$detail.end_time_b" value="00:30"}selected=""{/eq}>00:30</option>
<option value="01:00" {eq name="$detail.end_time_b" value="01:00"}selected=""{/eq}>01:00</option>
<option value="01:30" {eq name="$detail.end_time_b" value="01:30"}selected=""{/eq}>01:30</option>
<option value="02:00" {eq name="$detail.end_time_b" value="02:00"}selected=""{/eq}>02:00</option>
<option value="02:30" {eq name="$detail.end_time_b" value="02:30"}selected=""{/eq}>02:30</option>
<option value="03:00" {eq name="$detail.end_time_b" value="03:00"}selected=""{/eq}>03:00</option>
<option value="03:30" {eq name="$detail.end_time_b" value="03:30"}selected=""{/eq}>03:30</option>
<option value="04:00" {eq name="$detail.end_time_b" value="04:00"}selected=""{/eq}>04:00</option>
<option value="04:30" {eq name="$detail.end_time_b" value="04:30"}selected=""{/eq}>04:30</option>
<option value="05:00" {eq name="$detail.end_time_b" value="05:00"}selected=""{/eq}>05:00</option>
<option value="05:30" {eq name="$detail.end_time_b" value="05:30"}selected=""{/eq}>05:30</option>
<option value="06:00" {eq name="$detail.end_time_b" value="06:00"}selected=""{/eq}>06:00</option>
<option value="06:30" {eq name="$detail.end_time_b" value="06:30"}selected=""{/eq}>06:30</option>
<option value="07:00" {eq name="$detail.end_time_b" value="07:00"}selected=""{/eq}>07:00</option>
<option value="07:30" {eq name="$detail.end_time_b" value="07:30"}selected=""{/eq}>07:30</option>
<option value="08:00" {eq name="$detail.end_time_b" value="08:00"}selected=""{/eq}>08:00</option>
<option value="08:30" {eq name="$detail.end_time_b" value="08:30"}selected=""{/eq}>08:30</option>
<option value="09:00" {eq name="$detail.end_time_b" value="09:00"}selected=""{/eq}>09:00</option>
<option value="09:30" {eq name="$detail.end_time_b" value="09:30"}selected=""{/eq}>09:30</option>
<option value="10:00" {eq name="$detail.end_time_b" value="10:00"}selected=""{/eq}>10:00</option>
<option value="10:30" {eq name="$detail.end_time_b" value="10:30"}selected=""{/eq}>10:30</option>
<option value="11:00" {eq name="$detail.end_time_b" value="11:00"}selected=""{/eq}>11:00</option>
<option value="11:30" {eq name="$detail.end_time_b" value="11:30"}selected=""{/eq}>11:30</option>
<option value="12:00" {eq name="$detail.end_time_b" value="12:00"}selected=""{/eq}>12:00</option>
<option value="13:30" {eq name="$detail.end_time_b" value="13:30"}selected=""{/eq}>13:30</option>
<option value="14:00" {eq name="$detail.end_time_b" value="14:00"}selected=""{/eq}>14:00</option>
<option value="14:30" {eq name="$detail.end_time_b" value="14:30"}selected=""{/eq}>14:30</option>
<option value="15:00" {eq name="$detail.end_time_b" value="15:00"}selected=""{/eq}>15:00</option>
<option value="15:30" {eq name="$detail.end_time_b" value="15:30"}selected=""{/eq}>15:30</option>
<option value="16:00" {eq name="$detail.end_time_b" value="16:00"}selected=""{/eq}>16:00</option>
<option value="16:30" {eq name="$detail.end_time_b" value="16:30"}selected=""{/eq}>16:30</option>
<option value="17:00" {eq name="$detail.end_time_b" value="17:00"}selected=""{/eq}>17:00</option>
<option value="17:30" {eq name="$detail.end_time_b" value="17:30"}selected=""{/eq}>17:30</option>
<option value="18:00" {eq name="$detail.end_time_b" value="18:00"}selected=""{/eq}>18:00</option>
<option value="18:30" {eq name="$detail.end_time_b" value="18:30"}selected=""{/eq}>18:30</option>
<option value="19:00" {eq name="$detail.end_time_b" value="19:00"}selected=""{/eq}>19:00</option>
<option value="19:30" {eq name="$detail.end_time_b" value="19:30"}selected=""{/eq}>19:30</option>
<option value="20:00" {eq name="$detail.end_time_b" value="20:00"}selected=""{/eq}>20:00</option>
<option value="20:30" {eq name="$detail.end_time_b" value="20:30"}selected=""{/eq}>20:30</option>
<option value="21:00" {eq name="$detail.end_time_b" value="21:00"}selected=""{/eq}>21:00</option>
<option value="21:30" {eq name="$detail.end_time_b" value="21:30"}selected=""{/eq}>21:30</option>
<option value="22:00" {eq name="$detail.end_time_b" value="22:00"}selected=""{/eq}>22:00</option>
<option value="22:30" {eq name="$detail.end_time_b" value="22:30"}selected=""{/eq}>22:30</option>
<option value="23:00" {eq name="$detail.end_time_b" value="23:00"}selected=""{/eq}>23:00</option>
<option value="23:30" {eq name="$detail.end_time_b" value="23:30"}selected=""{/eq}>23:30</option>
</select>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -316,7 +124,7 @@ function leaveTime() {
//计算出小时数 //计算出小时数
var hours=diff/(3600*1000); var hours=diff/(3600*1000);
console.log(hours); console.log(hours);
return hours; return hours.toFixed(1);
} }
const moduleInit = ['tool','employeepicker']; const moduleInit = ['tool','employeepicker'];
@ -343,18 +151,41 @@ const moduleInit = ['tool','employeepicker'];
}); });
}); });
form.on('select(time_b)', function(data){ //选择具体时间
var hours = leaveTime(); lay('.select-datetime').each(function () {
if(hours == 0){ laydate.render({
$('#duration').html('-'); elem: this,
} trigger: 'click',
else{ type: 'time',
$('#duration').html('共'+hours+'小时'); format: 'HH:mm',
} btns: ['clear', 'confirm'],
$('[name="duration"]').val(hours); ready: function (date) {
}); var dom = $(".laydate-time-list").children("li");
for (var i = 0; i < dom.length; i++) {
if (i == 2 || i == 5) {
$(dom[i]).remove();
} else if(i==1||i==4) {
var li = $(dom[i]).children("ol").children("li")
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
$(li[j]).remove();
}
}
}
}
},
done:function(){
var hours = leaveTime();
if(hours == 0){
$('#duration').html('-');
}
else{
$('#duration').html('共'+hours+'小时');
}
$('[name="duration"]').val(hours);
}
});
});
} }
</script> </script>
{/block} {/block}

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">用印日期<font>*</font></td> <td class="layui-td-gray-2">用印日期<font>*</font></td>
<td colspan="2"> <td colspan="2">
<input id="detail_time" name="detail_time" autocomplete="off" readonly class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="detail_time" name="detail_time" autocomplete="off" readonly class="layui-input" value="" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>
@ -63,7 +63,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">用印日期<font>*</font></td> <td class="layui-td-gray-2">用印日期<font>*</font></td>
<td colspan="2"> <td colspan="2">
<input id="detail_time" name="detail_time" autocomplete="off" readonly class="layui-input" value="{$detail.detail_time}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间"> <input id="detail_time" name="detail_time" autocomplete="off" readonly class="layui-input" value="{$detail.detail_time}" readonly lay-verify="required" placeholder="请选择时间" lay-reqText="请选择时间">
</td> </td>

View File

@ -9,7 +9,7 @@
{eq name="$id" value="0"} {eq name="$id" value="0"}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">招聘部门<font>*</font></td> <td class="layui-td-gray-2">招聘部门<font>*</font></td>
<td colspan="2"> <td colspan="2">
<select name="department_type" lay-verify="required" lay-reqText="请选择招聘部门"> <select name="department_type" lay-verify="required" lay-reqText="请选择招聘部门">
<option value="">--请选择--</option> <option value="">--请选择--</option>
@ -62,7 +62,7 @@
{else/} {else/}
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr> <tr>
<td class="layui-td-gray">招聘部门<font>*</font></td> <td class="layui-td-gray-2">招聘部门<font>*</font></td>
<td colspan="2"> <td colspan="2">
<select name="department_type" lay-verify="required" lay-reqText="请选择招聘部门"> <select name="department_type" lay-verify="required" lay-reqText="请选择招聘部门">
<option value="">--请选择--</option> <option value="">--请选择--</option>