Commit 061b9dde by 杨树贤

完成账期改造

parent 7d81d8df
......@@ -2,6 +2,21 @@
layui.use(['table', 'form', 'element', 'layer', 'admin'], function () {
let admin = layui.admin;
let form = layui.form;
// 页面加载时初始化,确保当周期类型为空时,对应的下拉框不显示
$(document).ready(function() {
// 检查所有周期类型选择框,如果值为空,则隐藏对应的子选项
$('select[name="pay_type_extra"]').each(function() {
const payTypeExtra = $(this).val();
const parentDiv = $(this).parents('.pay_type_div');
// 如果周期类型为空,隐藏所有子选项
if (!payTypeExtra) {
parentDiv.find('.pay_type_1_days_div, .pay_type_1_monthly_div, .pay_type_1_weekly_div').hide();
}
});
});
//要根据付款类型的不同选项,切换不同的显示
form.on('select(pay_type)', function (data) {
const payType = data.value;
......@@ -9,6 +24,7 @@
parentDiv.find('.pay_type_' + payType + '_div').show();
parentDiv.find('.pay_type_' + payType + '_div').find('.valueInput').first().attr('name', 'pay_type_value');
parentDiv.find('.pay_type_' + payType + '_div').find('.valueInput').eq(1).attr('name', 'pay_type_extra');
$('.pay_type_1_days_div, .pay_type_1_monthly_div, .pay_type_1_weekly_div').hide();
if (payType === '1') {
parentDiv.find('.pay_type_2_div').hide();
parentDiv.find('.pay_type_2_div').find('.valueInput').attr('name', '');
......@@ -50,38 +66,15 @@
}
});
$(document).on('click', '.delete_pay_type', function () {
let count = $('.pay_type_div').size();
if (count <= 1) {
layer.msg('至少要保留一个付款方式', {icon: 5});
return;
}
var self = $(this);
layer.confirm('确定要删除付款方式吗?', function (index) {
self.parents('.pay_type_div').remove();
layer.closeAll();
});
});
$(document).on('click', '.add_pay_type', function () {
$('#pay_type_div_list').append($('#pay_type_template').html());
//不知道为什么元素的name总会变来变去,所以手动固定死,确保提交的时候,顺序和名称都是对的
$("input[name^='pay_type_value[']").attr('name','pay_type_value')
$("input[name^='pay_type_extra[']").attr('name','pay_type_extra')
$("select[name^='pay_type[']").attr('name','pay_type')
form.render('select');
});
// 处理周期类型选择变化
form.on('select(pay_type_extra)', function (data) {
const payTypeExtra = data.value;
// 隐藏所有子选项
$('.pay_type_1_days_div, .pay_type_1_monthly_div, .pay_type_1_weekly_div').hide();
// 清空所有值
$('#pay_type_value, #pay_type_value_monthly, #pay_type_value_weekly').val('');
// 根据选择的类型显示对应的选项
if (payTypeExtra === '天') {
$('.pay_type_1_days_div').show();
......@@ -89,22 +82,33 @@
$('.pay_type_1_monthly_div').show();
} else if (payTypeExtra === '当周') {
$('.pay_type_1_weekly_div').show();
} else {
// 当周期类型为空时,确保所有子选项都隐藏
$('.pay_type_1_days_div, .pay_type_1_monthly_div, .pay_type_1_weekly_div').hide();
}
// 更新隐藏字段值
$('#pay_type_extra').val(payTypeExtra);
$('[name="pay_type_extra"]').val(payTypeExtra);
form.render('select');
});
// 处理days
form.on('select(pay_type_days)', function (data) {
const value = data.value;
$('[name="pay_type_value"]').val(value);
});
// 处理月结天数选择
form.on('select(pay_type_monthly)', function (data) {
const value = data.value;
$('#pay_type_value_monthly').val(value);
$('[name="pay_type_value"]').val(value);
});
// 处理当周结星期选择
form.on('select(pay_type_weekly)', function (data) {
const value = data.value;
$('#pay_type_value_weekly').val(value);
$('[name="pay_type_value"]').val(value);
});
});
......
......@@ -257,7 +257,7 @@
<div class="layui-col-md3">
付款周期 :{{$supplier['pay_type_name'] }}
@if($supplier['pay_type'] == 1)
({{$supplier['pay_type_value'].$supplier['pay_type_extra']}})
({{'按'.$supplier['pay_type_extra'].' '.$supplier['pay_type_value']}})
@endif
</div>
</div>
......
......@@ -17,7 +17,7 @@
</div>
<div class="layui-col-md7" style="width:500px;margin-bottom: 3px;margin-left: -30px;display: flex;align-items: center;">
{{-- 周期类型选择 --}}
<div class="layui-inline pay_type_1_div" style="margin-left: -20px; display: none;">
<div class="layui-inline pay_type_1_div pay_type_extra_div" style="margin-left: -20px; @if(!empty($supplier)&&$supplier['pay_type_extra']!='')display: block;@else display: none;@endif">
@inject('statusPresenter','App\Presenters\StatusPresenter')
{!! $statusPresenter->render('pay_type_extra','周期类型 : ',
!empty($supplier)?$supplier['pay_type_extra']:'',config('field.SupplierPayTypeExtra'),['required'=>true,'width'=>'80px']) !!}
......@@ -27,8 +27,8 @@
<div class="pay_type_1_div pay_type_1_days_div" style="@if(!empty($supplier)&&$supplier['pay_type']==1 && $supplier['pay_type_extra']=='天')display: block;@else display: none;@endif margin-bottom: 8px;">
<div class="layui-row" style="">
<div class="layui-input-inline" style="width: 80px;">
<input class="layui-input valueInput" type="hidden" id="pay_type_value" name="pay_type_value" value="{{$supplier['pay_type_value'] or ''}}">
<select lay-filter="pay_type_month">
<input class="layui-input valueInput" type="hidden" id="pay_type_value" value="{{$supplier['pay_type_value'] or ''}}">
<select lay-filter="pay_type_days">
<option value="">请选择</option>
<option value="7" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='7' ) selected='selected' @endif>7</option>
<option value="15" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='15' ) selected='selected' @endif>15</option>
......@@ -46,12 +46,11 @@
<div class="pay_type_1_div pay_type_1_monthly_div" style="@if(!empty($supplier)&&$supplier['pay_type']==1 && $supplier['pay_type_extra']=='当月')display: block;@else display: none;@endif margin-bottom: 8px;">
<div class="layui-row" style="">
<div class="layui-input-inline" style="width: 80px;">
<input class="layui-input valueInput" type="hidden" id="pay_type_value_monthly" name="pay_type_value" value="{{$supplier['pay_type_value'] or ''}}">
<input class="layui-input valueInput" type="hidden" id="pay_type_value_monthly" value="{{$supplier['pay_type_value'] or ''}}">
<select lay-filter="pay_type_monthly">
<option value="">请选择</option>
@for($i = 1; $i <= 31; $i++)
<option value="{{$i}}" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')==$i ) selected='selected' @endif>{{$i}}</option>
@endfor
@for($i = 1; $i <= 31; $i++) <option value="{{$i.'号'}}" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')==$i ) selected='selected' @endif>{{$i}}</option>
@endfor
</select>
</div>
&nbsp号
......@@ -62,31 +61,33 @@
<div class="pay_type_1_div pay_type_1_weekly_div" style="@if(!empty($supplier)&&$supplier['pay_type']==1 && $supplier['pay_type_extra']=='当周')display: block;@else display: none;@endif margin-bottom: 8px;">
<div class="layui-row" style="">
<div class="layui-input-inline" style="width: 80px;">
<input class="layui-input valueInput" type="hidden" id="pay_type_value_weekly" name="pay_type_value" value="{{$supplier['pay_type_value'] or ''}}">
<input class="layui-input valueInput" type="hidden" id="pay_type_value_weekly" value="{{$supplier['pay_type_value'] or ''}}">
<select lay-filter="pay_type_weekly">
<option value="">请选择</option>
<option value="1" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='1' ) selected='selected' @endif>周一</option>
<option value="2" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='2' ) selected='selected' @endif>周二</option>
<option value="3" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='3' ) selected='selected' @endif>周三</option>
<option value="4" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='4' ) selected='selected' @endif>周四</option>
<option value="5" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='5' ) selected='selected' @endif>周五</option>
<option value="6" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='6' ) selected='selected' @endif>周六</option>
<option value="7" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='7' ) selected='selected' @endif>周日</option>
<option value="周一" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周一' ) selected='selected' @endif>周一</option>
<option value="周二" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周二' ) selected='selected' @endif>周二</option>
<option value="周三" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周三' ) selected='selected' @endif>周三</option>
<option value="周四" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周四' ) selected='selected' @endif>周四</option>
<option value="周五" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周五' ) selected='selected' @endif>周五</option>
<option value="周六" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='周六' ) selected='selected' @endif>周六</option>
<option value="周日" @if(!empty($supplier)&&array_get($supplier,'pay_type_value')=='7' ) selected='selected' @endif>周日</option>
</select>
</div>
</div>
<input type="hidden" class="valueInput" name="pay_type_value">
<input type="hidden" class="valueInput" name="pay_type_extra" value="">
</div>
@if (!empty($supplier)&&array_get($supplier,'pay_type')==2)
<div class="pay_type_2_div">
<input type="hidden" class="valueInput" name="pay_type_value">
<input type="hidden" class="valueInput" name="pay_type_extra" value="">
</div>
@else
<div class="pay_type_2_div" style="display: none">
<input type="hidden" class="valueInput" name="">
<input type="hidden" class="valueInput" name="" value="">
</div>
@endif
@if (!empty($supplier)&&array_get($supplier,'pay_type')==2)
<div class="pay_type_2_div">
<input type="hidden" class="valueInput" name="pay_type_value">
<input type="hidden" class="valueInput" name="pay_type_extra" value="">
</div>
@else
<div class="pay_type_2_div" style="display: none">
<input type="hidden" class="valueInput" name="">
<input type="hidden" class="valueInput" name="" value="">
</div>
@endif
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment