<?php /* Smarty version 2.6.26, created on 2021-03-11 19:52:23
         compiled from add.tpl */ ?>
<!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 echo '
<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>
'; ?>

<title>添加规则</title>
</head>
<body>


<nav class="breadcrumb">
    配置管理 <span class="c-gray en">&gt;</span> 
    <a href="index.php?module=freight">运费管理</a> <span class="c-gray en">&gt;</span> 
    添加规则 <span class="c-gray en">&gt;</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" > &#xe632;</i> 提 交</button >
            </div>
        </div>
    </div>
</div>

<?php include BASE_PATH."/modules/assets/templates/footer.tpl"; ?>
<?php echo '
<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>
'; ?>

<?php echo '
<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>
'; ?>

</body>
</html>