You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
440 lines
15 KiB
440 lines
15 KiB
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
{php}include BASE_PATH."/modules/assets/templates/top.tpl";{/php}
|
|
{literal}
|
|
<style type="text/css">
|
|
.inputC{
|
|
display: inline-block!important;
|
|
}
|
|
.inputC + label{
|
|
display: inline-block!important;
|
|
width: 100px;
|
|
height: 20px;
|
|
border: none;
|
|
}
|
|
|
|
.inputC + label::before {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: -17px;
|
|
top: 4px;
|
|
border: 1px solid #ffffff;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
.inputC:checked + label::before {
|
|
display: block;
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100px;
|
|
z-index: 999;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
function check(f){
|
|
if(Trim(f.name.value)==""){
|
|
alert("规则名称不能为空！");
|
|
f.name.value = '';
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
{/literal}
|
|
<title>添加规则</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<nav class="breadcrumb">
|
|
配置管理 <span class="c-gray en">></span>
|
|
<a href="index.php?module=freight">运费管理</a> <span class="c-gray en">></span>
|
|
添加规则 <span class="c-gray en">></span>
|
|
<a href="javascript:history.go(-1)">返回</a>
|
|
</nav>
|
|
|
|
<div class="pd-20">
|
|
<form name="form1" action="index.php?module=freight&action=add" enctype="multipart/form-data" method="post" class="form form-horizontal">
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red">*</span>规则名称：</label>
|
|
<div class="formControls col-6">
|
|
<input type="text" class="input-text" value="" placeholder="" id="" name="name">
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>显示类型：</label>
|
|
<div class="formControls col-xs-8 col-sm-8 skin-minimal" id="type">
|
|
<div class="radio-box">
|
|
<input name="type" type="radio" id="sex-0" value="0" checked="checked" >
|
|
<label for="sex-0">按件计费</label>
|
|
</div>
|
|
<div class="radio-box">
|
|
<input type="radio" id="sex-1" name="type" value="1">
|
|
<label for="sex-1">按重计费</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-2">运费规则：</label>
|
|
<div class="formControls col-2">
|
|
<button class = "btn btn-primary radius" type = "button" onclick="choice()" >新增条目</button >
|
|
</div>
|
|
</div>
|
|
<div class='row cl' id='information' style='width: 80%;padding-left: 100px;display: none'>
|
|
<input type="hidden" class="input-text" value="" name="hidden_freight" id="hidden_freight">
|
|
<table class='table table-border table-bordered table-bg' style='width: 98%;margin-left: 20px;'>
|
|
<thead id="thead_freight">
|
|
<tr>
|
|
<th>首件/重</th>
|
|
<th>首费</th>
|
|
<th>续件/重</th>
|
|
<th>续费</th>
|
|
<th>省份</th>
|
|
<th style="width: 8%;">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody_freight">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-2"></label>
|
|
<div class="formControls col-2">
|
|
<input type="submit" name="Submit" value="提 交" class="btn btn-primary radius">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="row keep" style="display: none"></div>
|
|
<div class="pop_model" style="display: none">
|
|
<div class="row php_title">
|
|
<span>添加运费规则</span>
|
|
<span style="float: right;margin-right: 1rem;cursor: pointer" title="关闭" onclick="select_hid()">X</span>
|
|
</div>
|
|
<div class="weight" style="display: none">
|
|
<div class="row cl" >
|
|
<label class="form-label col-2"><span class="c-red"></span>首重(克)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="1000" style="width: 90%;" id="first_weight" name="first_weight">
|
|
</div>
|
|
<label class="form-label col-2"><span class="c-red"></span>首费(元)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="0" style="width: 90%;" id="first_fee" name="first_fee">
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red"></span>续重(克)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="1000" style="width: 90%;" id="continuation_weight" name="continuation_weight">
|
|
</div>
|
|
<label class="form-label col-2"><span class="c-red"></span>续费(元)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="0" style="width: 90%;" id="weight_continuation_freight" name="weight_continuation_freight">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="piece" style="display: none">
|
|
<div class="row cl" >
|
|
<label class="form-label col-2"><span class="c-red"></span>首件(个)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="1" style="width: 90%;" id="first_piece" name="first_piece">
|
|
</div>
|
|
<label class="form-label col-2"><span class="c-red"></span>运费(元)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="0" style="width: 90%;" id="freight" name="freight">
|
|
</div>
|
|
</div>
|
|
<div class="row cl">
|
|
<label class="form-label col-2"><span class="c-red"></span>续件(个)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="1" style="width: 90%;" id="continuation_piece" name="continuation_piece">
|
|
</div>
|
|
<label class="form-label col-2"><span class="c-red"></span>续费(元)：</label>
|
|
<div class="formControls col-4">
|
|
<input type="number" class="input-text" value="0" style="width: 90%;" id="piece_continuation_freight" name="piece_continuation_freight">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row cl content">
|
|
<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>请选择省份：</label>
|
|
<div class="formControls col-xs-8 col-sm-8 skin-minimal" id="province">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row cl" style="margin: 20px auto;">
|
|
<div class="col-8 col-offset-4">
|
|
<button class = "btn btn-primary radius" type = "button" onclick="save_address()" ><i class = "Hui-iconfont" > </i> 提 交</button >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{php}include BASE_PATH."/modules/assets/templates/footer.tpl";{/php}
|
|
{literal}
|
|
<style>
|
|
.keep{
|
|
position: fixed;
|
|
top:0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
filter:alpha(opacity=70);
|
|
-moz-opacity:0.7;
|
|
opacity: 0.7;
|
|
background-color: #000;
|
|
z-index: 3000;
|
|
}
|
|
.pop_model{
|
|
position: fixed;
|
|
left:20%;
|
|
top: 10%;
|
|
background-color: #fff;
|
|
width: 65%;
|
|
box-shadow: 2px 2px 2px #000;
|
|
z-index: 3001;
|
|
}
|
|
.php_title{
|
|
height: 2rem;
|
|
background-color: #eee;
|
|
color: #333333;
|
|
line-height: 2rem;
|
|
padding-left: 1rem;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
}
|
|
.content {
|
|
margin: 0 auto;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.readtitle {
|
|
left: -5px;
|
|
visibility: visible !important;
|
|
}
|
|
</style>
|
|
{/literal}
|
|
{literal}
|
|
<script>
|
|
var freight_num = 0;
|
|
var freight_list = [];
|
|
$("#type").change(function(){
|
|
freight_num = 0;
|
|
freight_list = [];
|
|
$("#hidden_freight").val('');
|
|
document.getElementById("information").style.display = 'none';
|
|
$('.keep').hide();
|
|
$('.pop_model').hide();
|
|
});
|
|
|
|
var chelen = 0
|
|
function choice(){
|
|
var type = $('input:radio:checked').val();
|
|
if(freight_num == 0){
|
|
var data = '';
|
|
}else{
|
|
var hidden_freight = document.getElementById("hidden_freight").value;
|
|
var data = hidden_freight;
|
|
}
|
|
var rew = "<div class='radio-box' style='width: 32%;'><input name='list' class='inputC readtitle selectall' type='checkbox' onclick='checkboxOnclick(this)'><label for=''>全选</label></div>";
|
|
|
|
$.get("index.php?module=freight&action=province",{data:data},function(res){
|
|
var res = JSON.parse( res );
|
|
if(res.status == 1){
|
|
var list = res.list;
|
|
chelen = list.length
|
|
for (var k in list) {
|
|
rew += "<div class='radio-box' style='width: 32%;'>" +
|
|
"<input onclick='checkbox(this)' name='list' class='inputC readtitle Sopen' type='checkbox' id='sex-"+list[k]['GroupID']+"' value='"+list[k]['GroupID']+"'>" +
|
|
"<label for='sex-"+list[k]['GroupID']+"'>"+list[k]['G_CName']+"</label>" +
|
|
"</div>"
|
|
}
|
|
document.getElementById("province").innerHTML=rew;
|
|
|
|
$('.keep').show();
|
|
$('.pop_model').show();
|
|
if(type == 0){
|
|
$('.piece').show();
|
|
$('.weight').hide();
|
|
}else{
|
|
$('.weight').show();
|
|
$('.piece').hide();
|
|
}
|
|
}else{
|
|
appendMask("已经全选","cg");
|
|
location.replace(location.href);
|
|
}
|
|
});
|
|
}
|
|
|
|
var checkcon = 0
|
|
function checkbox(vm){
|
|
if ( vm.checked == true){
|
|
checkcon++
|
|
} else {
|
|
checkcon--
|
|
}
|
|
|
|
if(checkcon == chelen){
|
|
|
|
$('.selectall')[0].checked = true
|
|
} else {
|
|
$('.selectall')[0].checked = false
|
|
}
|
|
}
|
|
|
|
function checkboxOnclick(checkbox){
|
|
var domList = $('.Sopen')
|
|
if ( checkbox.checked == true){
|
|
checkcon = chelen
|
|
for(var i in domList){
|
|
domList[i].checked = true
|
|
}
|
|
} else {
|
|
checkcon = 0
|
|
for(var i in domList){
|
|
domList[i].checked = false
|
|
}
|
|
}
|
|
}
|
|
// 关闭
|
|
function select_hid(){
|
|
$('.keep').hide();
|
|
$('.pop_model').hide();
|
|
}
|
|
// 保存
|
|
function save_address(){
|
|
freight_num++;
|
|
var type = $('input:radio:checked').val();
|
|
|
|
var obj = document.getElementsByName("list");
|
|
var check_val = [];
|
|
for(k in obj){
|
|
if(obj[k].checked)
|
|
check_val.push(obj[k].value);
|
|
}
|
|
|
|
$.post("index.php?module=freight&action=province",{check_val:check_val},function(result){
|
|
var result = JSON.parse( result );
|
|
if(result.status == 1){
|
|
var name = result.name;
|
|
var freight_1 = {};
|
|
if(type == 0){
|
|
var one = document.getElementById("first_piece").value;
|
|
var two = document.getElementById("freight").value;
|
|
var three = document.getElementById("continuation_piece").value;
|
|
var four = document.getElementById("piece_continuation_freight").value;
|
|
}else{
|
|
var one = document.getElementById("first_weight").value;
|
|
var two = document.getElementById("first_fee").value;
|
|
var three = document.getElementById("continuation_weight").value;
|
|
var four = document.getElementById("weight_continuation_freight").value;
|
|
}
|
|
freight_1['one'] = one;
|
|
freight_1['two'] = two;
|
|
freight_1['three'] = three;
|
|
freight_1['four'] = four;
|
|
freight_1['name'] = name;
|
|
var freight_2 = JSON.stringify(freight_1); // 从一个对象中解析出字符串
|
|
freight_list[freight_list.length] = freight_2;
|
|
|
|
var freight_list_value = '{';
|
|
for (var i = 0; i < freight_list.length; i++) {
|
|
freight_list_value += '"' + i + '":' + freight_list[i] + ',';
|
|
}
|
|
freight_list_value = freight_list_value.substring(0, freight_list_value.length - 1);
|
|
freight_list_value += '}';
|
|
// console.log(freight_list_value);
|
|
// 给隐藏域赋值
|
|
$("#hidden_freight").val(freight_list_value);
|
|
|
|
var rew1 = "<tr class='tr_freight_num' id='tr_freight_" + freight_num + "'>" +
|
|
"<td>"+one+"</td>" +
|
|
"<td>"+two+"</td>" +
|
|
"<td>"+three+"</td>" +
|
|
"<td>"+four+"</td>" +
|
|
"<td>"+name+"</td>" +
|
|
"<td><span class='btn btn-secondary radius' onclick='freight_del("+freight_num+")' >删除</span></td>" +
|
|
"</tr>";
|
|
document.getElementById("information").style.display = ''; // 显示表格
|
|
|
|
if(freight_num == 1){
|
|
$("#tbody_freight").prepend(rew1);
|
|
}else{
|
|
$("#tbody_freight").append(rew1);
|
|
}
|
|
}
|
|
});
|
|
select_hid();
|
|
}
|
|
// 删除
|
|
function freight_del(obj){
|
|
var obj_1 = obj - 1;
|
|
$("#tr_freight_" + obj).remove();
|
|
|
|
delete freight_list[obj_1];
|
|
var freight_list_value = '{';
|
|
for (var i = 0; i < freight_list.length; i++) {
|
|
if(freight_list[i] == 'undefined' || freight_list[i] == '' || !freight_list[i]){
|
|
freight_list_value += '';
|
|
}else{
|
|
freight_list_value += '"' + i + '":' + freight_list[i] + ',';
|
|
}
|
|
}
|
|
|
|
freight_list_value = freight_list_value.substring(0, freight_list_value.length - 1);
|
|
if( freight_list_value){
|
|
freight_list_value += '}';
|
|
|
|
}
|
|
|
|
$("#hidden_freight").val(freight_list_value);
|
|
var num_1 = $('.tr_freight_num').length;
|
|
if(num_1 == 0){
|
|
freight_num = 0;
|
|
freight_list = [];
|
|
|
|
document.getElementById("information").style.display = 'none';
|
|
$('.keep').hide();
|
|
$('.pop_model').hide();
|
|
}
|
|
}
|
|
|
|
function appendMask(content,src){
|
|
$("body").append(`
|
|
<div class="maskNew">
|
|
<div class="maskNewContent">
|
|
<a href="javascript:void(0);" class="closeA" onclick=closeMask1() ><img src="images/icon1/gb.png"/></a>
|
|
<div class="maskTitle">提示</div>
|
|
<div style="text-align:center;margin-top:30px"><img src="images/icon1/${src}.png"></div>
|
|
<div style="height: 50px;position: relative;top:20px;font-size: 22px;text-align: center;">
|
|
${content}
|
|
</div>
|
|
<div style="text-align:center;margin-top:30px">
|
|
<button class="closeMask" onclick=closeMask1() >确认</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`)
|
|
}
|
|
function closeMask1(){
|
|
$(".maskNew").remove();
|
|
}
|
|
</script>
|
|
{/literal}
|
|
</body>
|
|
</html>
|