mirror of
https://gitee.com/zongzhige/shopxo.git
synced 2024-12-05 05:19:21 +08:00
269 lines
13 KiB
JavaScript
269 lines
13 KiB
JavaScript
$(function()
|
|
{
|
|
// 计费方式切换
|
|
$('form.am-form input[name=valuation]').on('click', function()
|
|
{
|
|
var $this = $(this);
|
|
var valuation = parseInt($this.val());
|
|
if($(this).parents('.am-form-group').attr('data-value') != valuation)
|
|
{
|
|
AMUI.dialog.confirm({
|
|
title: '温馨提示',
|
|
content: '切换计价方式后，所设置当前模板的运输信息将被清空，确定继续么？',
|
|
onConfirm: function(e)
|
|
{
|
|
// 内容
|
|
var valuation_unit = ['件', 'kg'];
|
|
var unit = valuation_unit[valuation] || null;
|
|
if(unit == null)
|
|
{
|
|
Prompt('配置有误');
|
|
return false;
|
|
}
|
|
|
|
$this.parents('.am-form-group').attr('data-value', valuation);
|
|
var thead = '<tr>';
|
|
thead += '<th>运送到</th>';
|
|
thead += '<th>首件数('+unit+')</th>';
|
|
thead += '<th>首费(元)</th>';
|
|
thead += '<th>续件数('+unit+')</th>';
|
|
thead += '<th>续费(元)</th>';
|
|
thead += '<th>操作</th>';
|
|
thead += '</tr>';
|
|
|
|
var html = '';
|
|
switch(valuation)
|
|
{
|
|
// 按件
|
|
case 0 :
|
|
html += '<tr>';
|
|
html += '<td class="first"><div class="region-td none"></div>默认运费';
|
|
html += '<input type="text" class="am-radius region-name" name="data[0][region]" data-validation-message="请选择地区" value="default" required />';
|
|
html += '<input type="hidden" class="am-radius region-name-show" name="data[0][region_show]" value="" />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius first-name" name="data[0][first]" min="1" max="9999" data-validation-message="输入 1~9999 的整数" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius first-price-name" name="data[0][first_price]" min="0.00" max="999.99" step="0.01" data-validation-message="应输入 0.00~999.99 的数字,小数保留两位" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius continue-name" name="data[0][continue]" min="1" max="9999" data-validation-message="输入 1~9999 的整数" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius continue-price-name" name="data[0][continue_price]" min="0.00" max="999.99" step="0.01" data-validation-message="应输入 0.00~999.99 的数字,且不能大于首费,小数保留两位" required />';
|
|
html += '</td>';
|
|
html += '<td><!--operation--></td>';
|
|
html += '</tr>';
|
|
break;
|
|
|
|
// 按重量
|
|
case 1 :
|
|
html += '<tr>';
|
|
html += '<td class="first"><div class="region-td none"></div>默认运费';
|
|
html += '<input type="text" class="am-radius region-name" name="data[0][region]" data-validation-message="请选择地区" value="default" required />';
|
|
html += '<input type="hidden" class="am-radius region-name-show" name="data[0][region_show]" value="" />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius first-name" name="data[0][first]" min="0.1" max="9999.0" step="0.1" data-validation-message="输入 0.1~9999.9 的数字,小数保留1位" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius first-price-name" name="data[0][first_price]" min="0.00" max="999.99" step="0.01" data-validation-message="应输入 0.00~999.99 的数字,小数保留两位" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius continue-name" name="data[0][continue]" min="0.1" max="9999.0" step="0.1" data-validation-message="输入 0.1~9999.9 的数字,小数保留1位" required />';
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += '<input type="number" class="am-radius continue-price-name" name="data[0][continue_price]" min="0.00" max="999.99" step="0.01" step="0.01" data-validation-message="应输入 0.00~999.99 的数字,且不能大于首费,小数保留两位" required />';
|
|
html += '</td>';
|
|
html += '<td><!--operation--></td>';
|
|
html += '</tr>';
|
|
break;
|
|
|
|
default :
|
|
Prompt('配置有误');
|
|
}
|
|
$('.freightfee-rules table.am-table thead').html(thead);
|
|
$('.freightfee-rules table.am-table tbody').html(html);
|
|
},
|
|
onCancel: function()
|
|
{
|
|
$('form.am-form input[name=valuation]').eq(valuation).uCheck('uncheck');
|
|
$('form.am-form input[name=valuation]').eq(valuation == 1 ? 0 : 1).uCheck('check');
|
|
$this.parents('.am-form-group').attr('data-value', valuation == 1 ? 0 : 1);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// 元素添加
|
|
$('.rules-submit-add').on('click', function()
|
|
{
|
|
// 唯一索引
|
|
var index = parseInt(Math.random()*1000001);
|
|
|
|
// 元素html
|
|
var html = $('.freightfee-rules table.am-table').find('tbody tr:first').prop('outerHTML');
|
|
if(html.indexOf('默认运费') >= 0)
|
|
{
|
|
html = html.replace(/默认运费/ig, '<span class="fs-12 cr-blue c-p line-edit" data-index="'+index+'">添加地区</span>');
|
|
}
|
|
if(html.indexOf('<!--operation-->') >= 0)
|
|
{
|
|
html = html.replace(/<!--operation-->/ig, '<span class="fs-12 cr-red c-p line-remove">删除</span>');
|
|
}
|
|
$('.freightfee-rules table.am-table').append(html);
|
|
|
|
// 值赋空
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last').find('input').each(function(k, v)
|
|
{
|
|
$(this).attr('value', '');
|
|
});
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .region-td').text('').addClass('none');
|
|
|
|
// 移除原来的class新增新的class
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last').removeClass().addClass('data-list-'+index);
|
|
|
|
// name名称设置
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .region-name').attr('name', 'data['+index+'][region]');
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .region-name-show').attr('name', 'data['+index+'][region_show]');
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .first-name').attr('name', 'data['+index+'][first]');
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .first-price-name').attr('name', 'data['+index+'][first_price]');
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .continue-name').attr('name', 'data['+index+'][continue]');
|
|
$('.freightfee-rules table.am-table').find('tbody tr:last .continue-price-name').attr('name', 'data['+index+'][continue_price]');
|
|
});
|
|
|
|
// 行移除
|
|
$(document).on('click', '.freightfee-rules table.am-table .line-remove', function()
|
|
{
|
|
$(this).parents('tr').remove();
|
|
});
|
|
|
|
// 地区编辑
|
|
$(document).on('click', '.freightfee-rules table.am-table .line-edit', function()
|
|
{
|
|
var index = $(this).data('index');
|
|
$('#freightfee-region-popup').modal();
|
|
$('#freightfee-region-popup').attr('data-index', index);
|
|
|
|
// 清除选中
|
|
$('#freightfee-region-popup').find('.province-name').removeClass('selected').removeClass('selected-may');
|
|
$('#freightfee-region-popup').find('.city-name').parent('li').removeClass('selected');
|
|
|
|
// 地区选中
|
|
var ids = $('.data-list-'+index).find('td.first input').val() || null;
|
|
|
|
if(ids != null)
|
|
{
|
|
var ids_all = ids.split('-');
|
|
for(var i in ids_all)
|
|
{
|
|
$('.region-node-'+ids_all[i]).parent('li').addClass('selected');
|
|
}
|
|
|
|
// 父级选择处理
|
|
$('#freightfee-region-popup .city-list').each(function(k, v)
|
|
{
|
|
var items_count = $(this).find('.city-name').length;
|
|
var selected_count = $(this).find('.selected').length;
|
|
if(selected_count >= items_count)
|
|
{
|
|
$(this).prev('.province-name').removeClass('selected-may').addClass('selected');
|
|
} else if(selected_count > 0 && selected_count < items_count)
|
|
{
|
|
$(this).prev('.province-name').removeClass('selected').addClass('selected-may');
|
|
} else {
|
|
$(this).prev('.province-name').removeClass('selected-may').removeClass('selected');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// 地区选择事件 - 省
|
|
$('#freightfee-region-popup .province-name').on('click', function()
|
|
{
|
|
if($(this).hasClass('selected-may') || $(this).hasClass('selected'))
|
|
{
|
|
$(this).next('.city-list').find('li').removeClass('selected');
|
|
$(this).removeClass('selected-may').removeClass('selected');
|
|
} else {
|
|
$(this).next('.city-list').find('li').addClass('selected');
|
|
$(this).addClass('selected');
|
|
}
|
|
});
|
|
|
|
// 地区选择事件 - 城市
|
|
$('#freightfee-region-popup .city-name').on('click', function()
|
|
{
|
|
if($(this).parent('li').hasClass('selected'))
|
|
{
|
|
$(this).parent('li').removeClass('selected');
|
|
} else {
|
|
$(this).parent('li').addClass('selected');
|
|
}
|
|
|
|
// 父级处理
|
|
var items_count = $(this).parents('.city-list').find('.city-name').length;
|
|
var selected_count = $(this).parents('.city-list').find('.selected').length;
|
|
if(selected_count >= items_count)
|
|
{
|
|
$(this).parents('.city-list').prev('.province-name').removeClass('selected-may').addClass('selected');
|
|
} else if(selected_count > 0 && selected_count < items_count)
|
|
{
|
|
$(this).parents('.city-list').prev('.province-name').removeClass('selected').addClass('selected-may');
|
|
} else {
|
|
$(this).parents('.city-list').prev('.province-name').removeClass('selected-may').removeClass('selected');
|
|
}
|
|
});
|
|
|
|
// 地区选择确认
|
|
$('#freightfee-region-popup button[type="submit"]').on('click', function()
|
|
{
|
|
var name_all = [];
|
|
var ids_all = [];
|
|
var show_ids_all = [];
|
|
var city_index = 0;
|
|
var province_index = 0;
|
|
var province_id = 0;
|
|
$('#freightfee-region-popup .city-list li').each(function(k, v)
|
|
{
|
|
if($(this).parent('.city-list').prev('.province-name').hasClass('selected'))
|
|
{
|
|
var temp_province_id = $(this).parent('.city-list').prev('.province-name').data('id');
|
|
console.log(temp_province_id)
|
|
if(province_id != temp_province_id)
|
|
{
|
|
province_id = temp_province_id;
|
|
name_all[province_index] = $(this).parent('.city-list').prev('.province-name').text();
|
|
show_ids_all[province_index] = temp_province_id;
|
|
province_index++;
|
|
}
|
|
} else {
|
|
if($(this).hasClass('selected'))
|
|
{
|
|
name_all[province_index] = $(this).find('.city-name').text();
|
|
show_ids_all[province_index] = $(this).find('.city-name').data('city-id');
|
|
province_index++;
|
|
}
|
|
}
|
|
if($(this).hasClass('selected'))
|
|
{
|
|
ids_all[city_index] = $(this).find('.city-name').data('city-id');
|
|
city_index++;
|
|
}
|
|
});
|
|
var $content = $('.data-list-'+$('#freightfee-region-popup').attr('data-index')+' .region-td');
|
|
$content.text(name_all.join('、'));
|
|
if(name_all.length > 0)
|
|
{
|
|
$content.removeClass('none');
|
|
} else {
|
|
$content.addClass('none');
|
|
}
|
|
|
|
$('.data-list-'+$('#freightfee-region-popup').attr('data-index')+' td.first input.region-name').val(ids_all.join('-'));
|
|
$('.data-list-'+$('#freightfee-region-popup').attr('data-index')+' td.first input.region-name-show').val(show_ids_all.join('-'));
|
|
|
|
$('#freightfee-region-popup').modal('close');
|
|
});
|
|
}); |