必威体育Betway必威体育官网
当前位置:首页 > IT技术

后台 运费模板

时间:2019-11-08 07:15:46来源:IT技术作者:seo实验室小编阅读:73次「手机版」
 

运费模板

在这里插入图片描述

<p class="wrAPPer">
	<p class="inner-menu">
		<dl>
			<dt>商城设置</dt>
			<dd><a href="<"><i class="fa fa-list"></i>系统设置</a></dd>
			<dd class="active"><a href="<?php echo site_url('manage/template');?>"><i class="fa fa-vcard"></i>运费模板</a></dd>
			 <dd><a href="<?php echo site_url('manage/designHomePage');?>"><i class="fa fa-cog"></i>首页编辑</a></dd>
           
		</dl>
	</p>
	<p class="main clearfix">
		<p class="inner-header">
			<a class="btn btn-primary btn-sm click_a" href="javascript:;" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> 新建运费模板</a>
		</p>
		<table class="table table-hover goods-list" id="table-lie">
			<thead>
				<tr>
					<th>模板名称</th>
					<th>创建时间</th>
					<th>模板管理</th>
				</tr>
			</thead>
			<tbody>
                    <?php foreach($express as $row){?>
                <tr>
                    <td><?php echo $row->name;?></td>
                    <td><?php echo $row->addtime;?></td>
                    <td><a href="JavaScript:;" class="delete_b"  ref="<?php echo $row->id;?>">删除</a></td>
                </tr>
                    <?php }?>
			</tbody>
		</table>
</p>

<p class="modal-dialog">
	<p class="modal-content">
		<p class="modal-header">
			<button type="button" class="close" data-dismiss="modal" 
					aria-hidden="true">×
			</button>
			<h4 class="modal-title" id="myModalLabel">新建模板</h4>
		</p>
		<p style="padding: 10px 0;margin-left: 5px;">模板名称:<input type="text" name="Name" style="border: 1px solid #ccc;">
		<p class="p" style="display: block;margin-left: 70px;color: red;"></p>
		</p>
		 <table id="tb">
		 	 <tr>
		 	 	<td class="td">运送目的地</td>
		 	 	<td>单品(kg)</td>
		 	 	<td>首重(元)</td>
		 	 	<td>续重(kg)</td>
		 	 	<td>续费(元)</td>
		 	 	<td class="caozuo">操作</td>
		 	 </tr>
		 	 <tr  class="new">
		 	   <td class="td"><span class="diqu-btn num">选择地区</span>	 
		 	 	</td>
		 	 	<td>
		 	 	<input type="number" name="number1"  class="number" id="number1">						</td>
		 	 	<td>
		 	 	<input type="number" name="number2"  class="number" id="number2">			</td>
		 	 	<td>
		 	 	<input type="number" name="number3"  class="number" id="number3"></td>
		 	 	<td>
		 	 	<input type="number" name="number4"  class="number" id="number4">		</td>
		 	 	<td class="caozuo">
		 	 	<a href="javascript:void(0);" class="delete_a">删除</a></td>
		 	 </tr>	 
		 </table>
	<a class="btn btn-default btn-sm" href="javascript:;" style="margin-top:10px;margin-left: 5px;"><i class="fa fa-plus"></i> 新增地区</a>
		<p class="modal-footer" style="border: none;text-align: center;">
			<button type="button" class="btn btn-default"  
					data-dismiss="modal"  style="margin-top:100px; ">
		<p class="modal-header">
			<button type="button" class="close" data-dismiss="modal" 
					aria-hidden="true">×
			</button>
			<h4 class="modal-title" id="myModalLabel">删除模板</h4>
		</p>
		<p class="modal-body">
			确认要删除这一选项吗?
		</p>
		<p class="modal-footer">
			<button type="button" class="btn btn-default" 
					data-dismiss="modal">关闭
			</button>
			<button type="button" class="btn btn-primary" id="delCategoryListSave">
				确定
			</button>
		</p>
	</p>
</p>
</p>

<p class="modal-dialog">
	<p class="modal-content" style="margin-top:100px; ">
		<p class="modal-header">
			<button type="button" class="close" data-dismiss="modal" 
					aria-hidden="true">×
			</button>
			<h4 class="modal-title" id="myModalLabel1">删除模板</h4>
		</p>
		<p class="modal-body">
			确认要删除这一选项吗?
		</p>
		<p class="modal-footer">
			<button type="button" class="btn btn-default" 
					data-dismiss="modal">关闭
			</button>
			<button type="button" class="btn btn-primary" id="delCategoryListSave1">
				确定
			</button>
		</p>
	</p>
</p>
</p>
 <p class="diqu" sped="0">
 	<p class="xuanze">选择地区:</p>
 		<p class="qx-input">
 			<input type="checkbox" value="11" name='ck01' class="chooseall">全选
 		</p>
	<p id="c00" class="ccc">
		<input type="checkbox" name="ck01" value="北京"/>北京
		<input type="checkbox" name="ck01" value="上海"/>上海
		<input type="checkbox" name="ck01" value="广东"/>广东
		<input type="checkbox" name="ck01" value="天津"/>天津
		<input type="checkbox" name="ck01" value="重庆"/>重庆
	</p>
	<p id="c01" class="ccc">
		<input type="checkbox" name="ck01" value="河北"/>河北
		<input type="checkbox" name="ck01" value="河南"/>河南
		<input type="checkbox" name="ck01" value="辽宁"/>辽宁
		<input type="checkbox" name="ck01" value="吉林"/>吉林
		<input type="checkbox" name="ck01" value="黑龙江"/>黑龙江
	</p>
	<p id="c02" class="ccc">
		<input type="checkbox" name="ck01" value="江苏"/>江苏
		<input type="checkbox" name="ck01" value="浙江"/>浙江
		<input type="checkbox" name="ck01" value="安徽"/>安徽
		<input type="checkbox" name="ck01" value="福建"/>福建
		<input type="checkbox" name="ck01" value="江西"/>江西
	</p>
	<p id="c03" class="ccc">
		<input type="checkbox" name="ck01" value="山东"/>山东
		<input type="checkbox" name="ck01" value="山西"/>山西
		<input type="checkbox" name="ck01" value="海南"/>海南
		<input type="checkbox" name="ck01" value="四川"/>四川
		<input type="checkbox" name="ck01" value="贵州"/>贵州
	</p>
	<p id="c04" class="ccc">
		<input type="checkbox" name="ck01" value="云南"/>云南
		<input type="checkbox" name="ck01" value="陕西"/>陕西
		<input type="checkbox" name="ck01" value="甘肃"/>甘肃
		<input type="checkbox" name="ck01" value="青海"/>青海
		<input type="checkbox" name="ck01" value="台湾"/>台湾
	</p>
	<p id="c05" class="ccc">
		<input type="checkbox" name="ck01" value="湖北"/>湖北
		<input type="checkbox" name="ck01" value="湖南"/>湖南
		<input type="checkbox" name="ck01" value="广西"/>广西
		<input type="checkbox" name="ck01" value="西藏"/>西藏
		<input type="checkbox" name="ck01" value="宁夏"/>宁夏
	</p>
	<p id="c06" class="ccc">
		<input type="checkbox" name="ck01" value="新疆"/>新疆
		<input type="checkbox" name="ck01" value="香港"/>香港
		<input type="checkbox" name="ck01" value="澳门"/>澳门
		<input type="checkbox" name="ck01" value="内蒙古"/>内蒙古
						</p>
						<p class="diqu-btn-queren">
		    			 	<button type="button" id="diqu-qd" class="btn btn-default">确定
							</button>
							<button type="button" class="btn btn-default" ");

for(var j=0;j<result.length;j++){

// console.log(result[j]);

var check= $(“input[type=‘checkbox’]”);

for(var k=0;k<check.length;k++){

if(check[k].value==result[j]){

$(‘input[value=’+result[j]+’]’).attr(“checked”,false);

(input[value=+result[j]+]).attr(&quot;disabled&quot;,false);if((&#x27;input[value=&#x27;+result[j]+&#x27;]&#x27;).attr(&quot;disabled&quot;,false); if((′input[value=′+result[j]+′]′).attr("disabled",false);if((’.chooseall’).attr(“checked”,true)){

//$(“input[name=‘ck01’]”).attr(“disabled”,false);

$(’.chooseall’).attr(“checked”,false);

}

}

}

}
$('.date').parent().parent().remove();
$("#delCategoryList").modal('hide');

});

/*新增地区*/

function New(){

$("#tb").append(‘选择地区删除’);

}

function quxiao(){

if ( $(’.diqu’).css(“display”) === “block” ) {

$(’.diqu’).hide();

var checkArryy = $(‘input[type=“checkbox”]’);

for (var i = 0; i < checkArryy.length; i++) {

if(checkArryy[i].checked==true){

checkArryy[i].disabled=true;

}

}

}

}

KaTeX parse ERROR: expected '}', got 'EOF' at end of input: …nction(){ if((this).attr(“checked”)==true){

$(this).addClass(‘xuanzhong’);

}else{

$(this).removeClass(‘xuanzhong’);

}

});

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲tb').on('click'…(".chooseall").prop(“checked”) == true){

$(“input[name=‘ck01’]”).disabled=false;

$(“input[name=‘ck01’]”).checked=false;

}

var arrCity=$(this).text();
var newArrCity = arrCity.split(' ');
for (var i=0;i<newArrCity.length;i++) {
	var value = newArrCity[i];
	$('input[name="ck01"][value="'+value+'"]').prop('checked',true);
	$('input[name="ck01"][value="'+value+'"]').prop('disabled',false);
	}	
$(this).parent().parent().siblings().find('span').removeClass('active0');
$(this).addClass('active0');
	if ($('.diqu').css('display') === 'none') {
		$('.diqu').show();

	} else {
		$('.diqu').hide();
	
	}

});

$(’#diqu-qd’).click(function(){

function checkedTest(){

var count = 0;

var checkArry = $(‘input[name=“ck01”]’);

for (var i = 0; i < checkArry.length; i++) {

if(checkArry[i].checked == true){

var obj=document.getElementsByName(‘ck01’);

//选择所有name="‘ck01’“的对象,返回数组

//取到对象数组后,我们来循环检测它是不是被选中

var s=’’;

for(var i=0; i<obj.length; i++){

if(obj[i].disabled){

// obj[i].value==”";

obj[i].checked==false;

}else{

if(obj[i].checked&&obj[i].value!=“11”){

obj[i].disabled=“disabled”;

s+=obj[i].value+’ ';

}

//如果选中,将value添加到变量s中

}

}

// console.log(s);

//那么现在来检测s的值就知道选中的复选框的值了

		}
	} 
	if( count == 0&&s!="选择地区"&&s!==""){ 
		            $('.active0').text(s);
					
					$('.diqu').hide();                                                                        
				
			        count++;
		     }else{
			        $('.active0').text("选择地区");
		            $('.active0').removeClass('active0');
					$('.diqu').hide();
					
					
		     } 
}
checkedTest();	 

});

/保存/

function save(){

if((&quot;[name=Name]&quot;).val()==&quot;&quot;(&quot;[name=&#x27;Name&#x27;]&quot;).val()==&quot;&quot;||("[name=′Name′]").val()==""∣∣("[name=‘Name’]").val()==$(’#table-lie .Name’).val()){

alert(‘模板名不能为空或已存在’);

return false;

}else{

var a=(&quot;[name=number1]&quot;).val();varb=(&quot;[name=&#x27;number1&#x27;]&quot;).val(); var b=("[name=′number1′]").val();varb=("[name=‘number2’]").val();

var c=(&quot;[name=number3]&quot;).val();vard=(&quot;[name=&#x27;number3&#x27;]&quot;).val(); var d=("[name=′number3′]").val();vard=("[name=‘number4’]").val();

var e=(&quot;[name=Name]&quot;).val();varregion=(&quot;[name=&#x27;Name&#x27;]&quot;).val(); var region=("[name=′Name′]").val();varregion=(’.num’).text();

var val=$(’.Name’).val();

if(e!=’’&& e!==val){

	var person=[];
            $(".new").each(function(){
                person.push({
                    "name":e, //模板名称
                    "region":$(this).find('.num').text(),//地区名
                    "piece":$(this).find("[name='number1']").val(),// 首件
                    "fee":$(this).find("[name='number2']").val(),//首费
                    "Continuation":$(this).find("[name='number3']").val(),//续件
                    "renew":$(this).find("[name='number4']").val()//续费
                });
            });
            var JsonString=JSON.stringify(person);
            $.ajax({
                "type":"post",
                "url":"<?php echo site_url('manage/ajaxExpressTemplate');?>",
                "data":{"data":JsonString,"name":e},
                success:function(res){
                    var data=JSON.parse(res);
                    if(data.code==1){
                        layer.msg('操作成功!',{icon:1,time:1000},function(){
                                window.location.reload();
                        });
                    }else{
                        layer.msg('操作失败!',{icon:5,time:1000},function(){
                                window.location.reload();
                        });
                    }
                }
            });
}else{
	return false;
}

}

}

效果图

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

文章最后发布于: 2018-11-27 10:08:14

相关阅读

天猫品牌授权书模板是什么?

今天小编要为大家描述的内容是跟天猫品牌授权书的内容相关,很多人都想要知道这个授权书,但是却不知道到底是怎样的模式了,为了帮助大

电商解密:京东、淘宝、阿里巴巴物流运费设计

首先插播一段碎碎念的非题外话,可以让我们更好的了解这块业务的来龙去脉。一起回顾一下线下寄快递的过程:举个栗子,现在,我有一个书架

【信息系统项目管理师】论文模板:论项目的进度管理

论项目进度管理 【摘要】 2015年5月开始,我参加了公司面向17年销售的XXXXX机新机型的开发,并担任项目经理的工作。本项目在15年XXX

海量Word个人简历模板表格免费打包下载(精品简历模板)

最近许多关注我们微信公众号的小伙伴都纷纷发信息来要资源,有许多朋友都说想要一些简历模板。这不是还没有到找工作的季节吗,为啥要

【ICPC模板】欧拉定理

费马小定理是欧拉定理的一个特殊情况,欧拉定理如下: 其中φ(n)是n的欧拉函数值,表示小于n的正整数中满足gcd(n, x) = 1的数x的个数,

分享到:

栏目导航

推荐阅读

热门阅读