初始上传
This commit is contained in:
461
app/shop/view/express/add_company.html
Executable file
461
app/shop/view/express/add_company.html
Executable file
@@ -0,0 +1,461 @@
|
||||
<style>
|
||||
.design-sketch{width: 766px;height: 510px;border: 1px solid #ccc;}
|
||||
.design-sketch div{display: inline-block;border: 1px solid #ccc;padding: 10px;margin: 8px;border-radius: 2px;color: #555;white-space: nowrap;user-select: none;background-color: #fff;line-height: 1;}
|
||||
.design-sketch div i{position: absolute;top: -10px;right: -10px;display: none;width: 20px;height: 20px;border-radius: 10px;background-color: rgba(0, 0, 0, .5);color: #FFFFFF;text-align: center;line-height: 20px;z-index: 99;}
|
||||
.print-option{display: inline-block;border: 1px solid #E5E5E5;line-height: 1;padding: 10px;margin-left: 5px;margin-bottom: 8px;border-radius: 2px;color: #545454;cursor: pointer;}
|
||||
.form-row{margin-top: 0;margin-left: 220px;}
|
||||
.express-sheet-rule .form-row{margin-left: 200px;}
|
||||
.bg-color-gray{background-color: #E5E5E5!important;}
|
||||
.discount {margin-bottom: 15px; display: flex; justify-content: space-between; height: 34px; line-height: 34px; padding: 5px 15px;background-color: #F6FBFD; border: 1px dashed #BCE8F1; }
|
||||
</style>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">物流公司信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>物流公司名称：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="company_name" lay-verify="required" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label short-label">物流公司LOGO：</label>
|
||||
<div class="layui-input-inline">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box">
|
||||
<div class="upload-default" id="companyLOGO">
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div>
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" name="logo"/>
|
||||
</div>
|
||||
<!-- <p id="companyLOGO" class="no-replace">替换</p>
|
||||
<input type="hidden" name="logo"/>
|
||||
<i class="del">x</i> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="0" placeholder="请输入" lay-verify="sorts" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<div class="word-aux">排序值必须为整数：</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">URL：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" class="layui-input len-long">
|
||||
</div>
|
||||
<div class="word-aux">请输入物流公司官方网址</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">快递鸟编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">快递100编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no_kd100" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="layui-form-item">
|
||||
<label class="layui-form-label">菜鸟编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no_cainiao" class="layui-input len-long">
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">快递单打印模板</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印字体大小：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="font_size" value="14" lay-verify="int" class="layui-input print-size len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">px</span>
|
||||
</div>
|
||||
<div class="word-aux">字体大小必须为正整数：</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">比例：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="scale" value="1" class="layui-input proportion len-short">
|
||||
</div>
|
||||
<div class="word-aux">比例为当前显示尺寸与实际尺寸的比例</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">显示尺寸：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input name="width" type="number" value="766" lay-verify="int" class="layui-input show-width len-short">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline">
|
||||
<input name="height" type="number" value="510" lay-verify="int" class="layui-input show-height len-short">
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">尺寸单位：px，用于打印模板预览效果的尺寸，值为整数且不能小于0</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">实际尺寸：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<span id="realWidth">766</span>
|
||||
</div>
|
||||
<div class="layui-form-mid">*</div>
|
||||
<div class="layui-input-inline">
|
||||
<span id="realHeight">510</span>
|
||||
</div>
|
||||
<span class="layui-word-aux">单位：px，实际尺寸由当前尺寸乘以比例所得</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印选项：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $print_item_list as $print_k=>$print_v}
|
||||
<span class="print-option" data-print-name="{$print_v.item_name}">{$print_v.item_title}</span>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">效果图预览：</label>
|
||||
<div class="layui-input-block design-sketch"></div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印背景图：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box" >
|
||||
<div class="upload-default" id="printBackground">
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div>
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete" ></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" name="background_image" />
|
||||
</div>
|
||||
<p id="printBackground" class="no-replace">替换</p>
|
||||
<i class="del">x</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">打印模板背景图</div>
|
||||
</div>-->
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否支持电子面单：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_electronicsheet" lay-skin="switch" lay-filter="express_sheet">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item express-sheet-rule layui-hide">
|
||||
<label class="layui-form-label">电子面单规则：</label>
|
||||
|
||||
<div class="discount-box"></div>
|
||||
|
||||
<div class="layui-input-block form-row">
|
||||
<span class="layui-form-mid">面单模版</span>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input len-short" id="template_style" autocomplete="off">
|
||||
</div>
|
||||
<span class="layui-form-mid">,TemplateSize</span>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input len-short" id="template_size" autocomplete="off">
|
||||
</div>
|
||||
<button class="layui-btn" onclick="submitRule()">确定规则设置</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div>
|
||||
</div> -->
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="STATIC_JS/Tdrag.min.js"></script>
|
||||
<script>
|
||||
var delRule,submitRule,printStyle=[],expressSheetChecked;
|
||||
layui.use(['form'], function() {
|
||||
var form = layui.form,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
var logo_upload = new Upload({
|
||||
elem: '#companyLOGO'
|
||||
});
|
||||
|
||||
// 打印背景图
|
||||
var bg_upload = new Upload({
|
||||
elem: '#printBackground',
|
||||
callback:function (res) {
|
||||
if (res.code >= 0) {
|
||||
$(".design-sketch").css("background", "url("+ ns.img(res.data.pic_path) +") no-repeat center/ cover");
|
||||
}
|
||||
},
|
||||
deleteCallback:function () {
|
||||
$(".design-sketch").css("background", "");
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
if (expressSheetChecked && !printStyle.length){
|
||||
layer.msg("电子面单规则不能为空");
|
||||
return false;
|
||||
}
|
||||
|
||||
var content = [];
|
||||
$(".design-sketch div").each(function () {
|
||||
var item = {};
|
||||
item.item_name = $(this).attr("class").substring(5);
|
||||
item.item_title = $(this).text();
|
||||
item.left = $(this).position().left;
|
||||
item.top = $(this).position().top;
|
||||
content.push(item);
|
||||
});
|
||||
|
||||
if (expressSheetChecked) data.field.is_electronicsheet = 1;
|
||||
data.field.content_json = JSON.stringify(content);
|
||||
data.field.print_style = JSON.stringify(printStyle);
|
||||
|
||||
// 删除图片
|
||||
if(!data.field.logo) logo_upload.delete();
|
||||
|
||||
if(!data.field.background_image) bg_upload.delete();
|
||||
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/addCompany"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
layer.confirm('添加成功', {
|
||||
title:'操作提示',
|
||||
btn: ['返回列表', '继续添加'],
|
||||
closeBtn: 0,
|
||||
yes: function(index, layero){
|
||||
location.hash = ns.hash("shop/express/expressCompany")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function (index, layero) {
|
||||
listenerHash(); // 刷新页面
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
sorts: function(value){
|
||||
if (value == '') {
|
||||
return;
|
||||
}
|
||||
if (value%1 != 0) {
|
||||
return '排序数值必须为整数';
|
||||
}
|
||||
if (value < 0) {
|
||||
return '排序数值必须为大于0';
|
||||
}
|
||||
},
|
||||
int: function (value) {
|
||||
if (value == '') {
|
||||
return;
|
||||
}
|
||||
if (value < 0 && value%1 != 0) {
|
||||
return '请输入0或正整数!'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 预览内容添加
|
||||
*/
|
||||
$(".print-option").click(function(){
|
||||
var dataValue = $(this).text(),
|
||||
dataId = $(this).attr("data-print-name");
|
||||
var fontSize = $("input[name=font_size]").val();
|
||||
if (fontSize == '') {
|
||||
fontSize = 14;
|
||||
}
|
||||
|
||||
if ($(".span_"+ dataId).length > 0) {
|
||||
return false;
|
||||
} else {
|
||||
$(this).addClass("bg-color-gray");
|
||||
$(this).css("cursor", "not-allowed");
|
||||
}
|
||||
|
||||
var html = '<div class="span_' + dataId + '">'+
|
||||
'<span style="font-size: '+ fontSize +'px;">' + dataValue + '</span>'+
|
||||
'<i class="iconfont iconclose_light" onclick="remove(this)"></i>'+
|
||||
'</div>';
|
||||
|
||||
$(".design-sketch").append(html);
|
||||
|
||||
$(".span_" + dataId).hover(function () {
|
||||
$(this).find("i").show();
|
||||
}, function () {
|
||||
$(this).find("i").hide();
|
||||
});
|
||||
|
||||
$(".span_" + dataId).Tdrag({
|
||||
scope: ".design-sketch"
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 改变效果图宽和高
|
||||
*/
|
||||
$(".show-width").blur(function(){
|
||||
$(".design-sketch").css("width", $(this).val());
|
||||
$("#realWidth").text($(this).val() * $(".proportion").val());
|
||||
});
|
||||
|
||||
$(".show-height").blur(function(){
|
||||
$(".design-sketch").css("height", $(this).val());
|
||||
$("#realHeight").text($(this).val() * $(".proportion").val());
|
||||
});
|
||||
|
||||
/**
|
||||
* 实际尺寸
|
||||
*/
|
||||
$(".proportion").blur(function () {
|
||||
$(this).val();
|
||||
$("#realWidth").text($(this).val() * $(".show-width").val());
|
||||
$("#realHeight").text($(this).val() * $(".show-height").val());
|
||||
});
|
||||
|
||||
/**
|
||||
* 打印字体大小
|
||||
*/
|
||||
$(".print-size").blur(function(){
|
||||
$(".design-sketch span").css("font-size", $(this).val() + "px");
|
||||
});
|
||||
|
||||
//电子面单
|
||||
form.on('switch(express_sheet)', function(data){
|
||||
|
||||
data.elem.checked ? $(".express-sheet-rule").removeClass("layui-hide") : $(".express-sheet-rule").addClass("layui-hide");
|
||||
|
||||
expressSheetChecked = data.elem.checked;
|
||||
submitRule = function() {
|
||||
var templateStyle = $("#template_style").val().trim(),
|
||||
templateSize = $("#template_size").val().trim();
|
||||
|
||||
if (!templateStyle) {
|
||||
layer.msg("面单模版不能为空", {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i=0; i < $(".discount-box .discount").length; i++) {
|
||||
var ident= $(".discount-box .discount").eq(i).find(".template-size").text();
|
||||
if (templateSize == ident) {
|
||||
layer.msg("TemplateSize值已添加，不可重复添加！");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var html = '<div class="discount form-row">'+
|
||||
'<div class="discount-con">'+
|
||||
'<p>电子面单模版风格：<span class="required">' + templateStyle + '</span>，TemplateSize值：<span class="required template-size">' + templateSize + '</span></p>'+
|
||||
'</div>'+
|
||||
'<div class="discount-del">'+
|
||||
'<button class="layui-btn" onclick="delRule(this)">删除</button>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
$(".discount-box").append(html);
|
||||
|
||||
printStyle.push({template_name:templateStyle,template_size:templateSize});
|
||||
};
|
||||
|
||||
delRule = function(obj) {
|
||||
var val = $(obj).parents(".discount").find(".template-size").text();
|
||||
|
||||
for (var i = 0; i < printStyle.length; i++){
|
||||
if (printStyle[i].template_size == val){
|
||||
printStyle.splice(i,1);
|
||||
}
|
||||
}
|
||||
|
||||
$(obj).parent().parent().remove();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function remove(e) {
|
||||
var that = e;
|
||||
$(that).parent().remove();
|
||||
|
||||
var attr_name = $(that).parent().attr("class").substring(5);
|
||||
$(".print-option").each(function () {
|
||||
var print_name = $(this).attr("data-print-name");
|
||||
if (attr_name == print_name) {
|
||||
$(this).removeClass("bg-color-gray");
|
||||
$(this).css("cursor", "pointer");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function back(){
|
||||
location.hash = ns.hash("shop/express/expressCompany");
|
||||
}
|
||||
</script>
|
||||
198
app/shop/view/express/add_template.html
Executable file
198
app/shop/view/express/add_template.html
Executable file
@@ -0,0 +1,198 @@
|
||||
<style>
|
||||
.add-distribution{cursor: pointer;}
|
||||
.area-modal{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
padding: 25px 0;
|
||||
}
|
||||
.area-modal .area-list{
|
||||
width: 255px;
|
||||
height: 375px;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.area-modal .title{
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
background-color: #d7d7d7;
|
||||
}
|
||||
.area-modal .add{
|
||||
background-color: transparent;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.area-modal .box{
|
||||
overflow-y: auto;
|
||||
padding: 10px 0;
|
||||
height: 340px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.modal-operation{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
}
|
||||
.area-list .box{
|
||||
height: 314px;
|
||||
margin: 10px 0;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
.area-list .box ul li{
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
background-color:#fff;
|
||||
}
|
||||
.area-list .box ul li .title-div{
|
||||
position:relative;
|
||||
padding-left:20px;
|
||||
}
|
||||
.area-list .box ul li[data-level='2'] .title-div{
|
||||
margin-left:10px;
|
||||
}
|
||||
.area-list .box ul li[data-level='3'] .title-div{
|
||||
margin-left:20px;
|
||||
}
|
||||
.area-list .box ul li[data-level='4'] .title-div{
|
||||
margin-left:30px;
|
||||
}
|
||||
.area-list.all-area .box ul li.selected{
|
||||
background: #d7d7d7;
|
||||
}
|
||||
.area-list .area-btn,.area-list .area-btn-null,.area-list .area-delete{
|
||||
position:absolute;
|
||||
top:9px;
|
||||
display:block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
background-color: #d7d7d7;
|
||||
color: #fff;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.area-list .area-btn{
|
||||
left:3px;
|
||||
}
|
||||
.area-list .area-btn-null{
|
||||
background-color:transparent;
|
||||
left:3px;
|
||||
}
|
||||
.area-list .area-delete{
|
||||
right:6px;
|
||||
}
|
||||
.area-list.all-area .area-delete{
|
||||
display:none;
|
||||
}
|
||||
.area-list.all-area .area-btn.selected{
|
||||
background-color: #fff;
|
||||
color: #d7d7d7;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="layui-form form-wrap">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>模版名称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="template_name" type="text" placeholder="请输入模版名称" lay-verify="required" class="layui-input len-long" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">计费方式：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $fee_type_obj as $fee_type_k => $fee_type_v}
|
||||
<input type="radio" lay-filter="fee_type" name="json" value="{$fee_type_k}" title="{$fee_type_v.name}" {if $fee_type_k == 1} checked {/if}>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否默认：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_default" lay-filter="is_default" value="1" lay-skin="switch" checked/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>配送区域：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="distributionArea" class="layui-table">
|
||||
<colgroup>
|
||||
<col width="40%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>可配送区域</th>
|
||||
<th data-name="snum">首重（Kg）</th>
|
||||
<th >运费（元）</th>
|
||||
<th data-name="xnum">续件重（Kg）</th>
|
||||
<th >续费（元）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="5" class="text-color add-distribution js-add-record">指定可配送区域和运费</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">指定包邮：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="appoint_free_shipping" lay-filter="appoint_free_shipping" value="1" lay-skin="switch" checked/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item free-shipping">
|
||||
<label class="layui-form-label"><span class="required">*</span>包邮地区：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="shippingArea" class="layui-table">
|
||||
<colgroup>
|
||||
<col width="50%">
|
||||
<col width="25%">
|
||||
<col width="25%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>选择地区</th>
|
||||
<th >包邮件数</th>
|
||||
<th >包邮金额（元）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="5" class="text-color add-distribution js-add-record">指定包邮区域</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="word-aux">达到包邮条件需包邮件数和包邮金额都达到设置的数值。包邮优先级高于其他运费计算方式</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick=" window.history.go(-1);">返回</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" value='{$area_level}' id="area_level"/><!-- 配送地区等级 -->
|
||||
<input type="hidden" value='{$fee_type_json}' id="fee_type_json"/><!-- 计费方式相关数据 -->
|
||||
<input type="hidden" value="" id="surplus_area_ids">
|
||||
<input type="hidden" value="" id="shipping_surplus_area_ids">
|
||||
<input type="hidden" value="" id="template_id">
|
||||
<input type="hidden" value="1" id="is_default">
|
||||
|
||||
|
||||
<script type='text/javascript' src='SHOP_JS/express_add_template.js?time=20250110'></script>
|
||||
|
||||
539
app/shop/view/express/edit_company.html
Executable file
539
app/shop/view/express/edit_company.html
Executable file
@@ -0,0 +1,539 @@
|
||||
<style>
|
||||
.design-sketch{border: 1px solid #ccc;position: relative;}
|
||||
.design-sketch div{display: inline-block;border: 1px solid #ccc;padding: 10px;margin: 8px;border-radius: 2px;color: #555;white-space: nowrap;user-select: none;background-color: #fff;line-height: 1;}
|
||||
.design-sketch div i{position: absolute;top: -10px;right: -10px;display: none;width: 20px;height: 20px;border-radius: 10px;background-color: rgba(0, 0, 0, .5);color: #FFFFFF;text-align: center;line-height: 20px;z-index: 99;}
|
||||
.print-option{display: inline-block;border: 1px solid #E5E5E5;line-height: 1;padding: 10px;margin-left: 5px;margin-bottom: 8px;border-radius: 2px;color: #545454;cursor: pointer;}
|
||||
.form-row{margin-top: 0;margin-left: 220px;}
|
||||
.express-sheet-rule .form-row{margin-left: 200px;}
|
||||
.bg-color-gray{background-color: #E5E5E5!important;}
|
||||
.discount {margin-bottom: 15px; display: flex; justify-content: space-between; height: 34px; line-height: 34px; padding: 5px 15px; background-color: #F6FBFD; border: 1px dashed #BCE8F1; }
|
||||
</style>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">物流公司信息</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>物流公司名称：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="company_name" value="{$company_info.data.company_name}" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label short-label ">物流公司LOGO：</label>
|
||||
<div class="layui-input-inline">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box {if !empty($company_info.data.logo)}hover{/if}">
|
||||
<div class="upload-default" id="companyLOGO">
|
||||
{if empty($company_info.data.logo)}
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
{else/}
|
||||
<div id="preview_companyLOGO" class="preview_img">
|
||||
<img layer-src src="{:img($company_info.data.logo)}" alt="" class="img_prev">
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div >
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px;"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" name="logo" value="{$company_info.data.logo}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{$company_info.data.sort}" lay-verify="sorts" autocomplete="off" class="layui-input len-short">
|
||||
</div>
|
||||
<div class="word-aux">排序值必须为整数</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">URL：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" value="{$company_info.data.url}" class="layui-input len-long">
|
||||
</div>
|
||||
<p class="word-aux">请输入物流公司官方网址</p>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">快递鸟编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no" value="{$company_info.data.express_no}" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">快递100编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no_kd100" value="{$company_info.data.express_no_kd100}" class="layui-input len-long">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="layui-form-item">
|
||||
<label class="layui-form-label">菜鸟物流编码：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="express_no_cainiao" value="{$company_info.data.express_no_cainiao}" class="layui-input len-long">
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-header">
|
||||
<span class="card-title">订单发票设置</span>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印字体大小：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="font_size" lay-verify="int" value="{$company_info.data.font_size}" class="layui-input print-size len-short">
|
||||
</div>
|
||||
<span class="layui-form-mid">px</span>
|
||||
</div>
|
||||
<div class="word-aux">字体大小必须为正整数</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">比例：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="scale" value="{$company_info.data.scale}" class="layui-input proportion len-short">
|
||||
</div>
|
||||
<div class="word-aux">比例为当前显示尺寸与实际尺寸的比例</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">显示尺寸：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<input name="width" type="number" value="{$company_info.data.width}" lay-verify="int" class="layui-input show-width len-short">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline">
|
||||
<input name="height" type="number" value="{$company_info.data.height}" lay-verify="int" class="layui-input show-height len-short">
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">尺寸单位：px，用于打印模板预览效果的尺寸，值为整数且不能小于0</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">实际尺寸：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<span id="realWidth"></span>
|
||||
</div>
|
||||
<div class="layui-form-mid">*</div>
|
||||
<div class="layui-input-inline">
|
||||
<span id="realHeight"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">单位：px，实际尺寸由当前尺寸乘以比例所得</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印选项：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $print_item_list as $print_k=>$print_v}
|
||||
<span class="print-option" data-print-name="{$print_v.item_name}">{$print_v.item_title}</span>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">效果图预览：</label>
|
||||
<div class="layui-input-block design-sketch">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印背景图：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box {if !empty($company_info.data.background_image)}hover{/if}">
|
||||
<div class="upload-default" id="printBackground">
|
||||
{if empty($company_info.data.background_image)}
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
{else/}
|
||||
<div id="preview_printBackground" class="preview_img">
|
||||
<img layer-src src="{:img($company_info.data.background_image)}" alt="" class="img_prev">
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div>
|
||||
<i title="图片预览" class="iconfont iconreview js-preview" style="margin-right: 20px"></i>
|
||||
<i title="删除图片" class="layui-icon layui-icon-delete js-delete"></i>
|
||||
</div>
|
||||
<div class="replace_img js-replace">点击替换</div>
|
||||
</div>
|
||||
<input type="hidden" name="background_image" value="{$company_info.data.background_image}" />
|
||||
</div>
|
||||
<p id="printBackground" class=" {if condition="$company_info.data.background_image"} replace {else/} no-replace{/if}">替换</p>
|
||||
<i class="del {if !empty($company_info.data.background_image)}show{/if}">x</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">打印模板背景图</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否支持电子面单：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_electronicsheet" lay-skin="switch" lay-filter="express_sheet" {if $company_info.data.is_electronicsheet == 1}checked {/if}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item express-sheet-rule {if $company_info.data.is_electronicsheet != 1}layui-hide{/if}">
|
||||
<label class="layui-form-label">电子面单规则：</label>
|
||||
|
||||
<div class="discount-box">
|
||||
</div>
|
||||
|
||||
<div class="layui-input-block form-row">
|
||||
<span class="layui-form-mid">面单模版</span>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input len-short" id="template_style" lay-verify="num" autocomplete="off">
|
||||
</div>
|
||||
<span class="layui-form-mid">,TemplateSize</span>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input len-short" id="template_size" lay-verify="num" autocomplete="off">
|
||||
</div>
|
||||
<button class="layui-btn" onclick="submitRule()">确定规则设置</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div>
|
||||
</div>-->
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="company_id" value="{$company_info.data.company_id}" />
|
||||
<input type="hidden" class="bg-img-pri" value="{:img($company_info.data.background_image)}" />
|
||||
<input type="hidden" class="print-con" value="{$company_info.data.content_json}" /> <!-- 打印内容 -->
|
||||
|
||||
</div>
|
||||
|
||||
<script src="STATIC_JS/Tdrag.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var img = $(".bg-img-pri").val();
|
||||
$("#realWidth").text($(".proportion").val() * $(".show-width").val());
|
||||
$("#realHeight").text($(".proportion").val() * $(".show-height").val());
|
||||
$(".design-sketch").css({
|
||||
"width": $(".show-width").val() + "px",
|
||||
"height": $(".show-height").val() + "px",
|
||||
"background": "url("+ img +") no-repeat center/ cover"
|
||||
});
|
||||
|
||||
var arr = JSON.parse($(".print-con").val());
|
||||
var fontSize = $("input[name=font_size]").val();
|
||||
if (fontSize == 0 || fontSize == '') {
|
||||
fontSize = 14;
|
||||
}
|
||||
for (index in arr) {
|
||||
var class_name = arr[index].item_name,
|
||||
span_text = arr[index].item_title,
|
||||
top = arr[index].top,
|
||||
left = arr[index].left;
|
||||
|
||||
$(".print-option").each(function () {
|
||||
var print_name = $(this).attr("data-print-name");
|
||||
if (class_name == print_name) {
|
||||
$(this).addClass("bg-color-gray");
|
||||
$(this).css("cursor", "not-allowed");
|
||||
}
|
||||
});
|
||||
|
||||
var html = '<div class="span_' + class_name + '" style="top: '+ top +'px; left: '+ left +'px;">'+
|
||||
'<span style="font-size: '+ fontSize +'px;">' + span_text + '</span>'+
|
||||
'<i class="iconfont iconclose_light" onclick="remove(this)"></i>'+
|
||||
'</div>';
|
||||
|
||||
$(".design-sketch").append(html);
|
||||
|
||||
$(".span_" + arr[index].item_name).hover(function () {
|
||||
$(this).find("i").show();
|
||||
}, function () {
|
||||
$(this).find("i").hide();
|
||||
});
|
||||
|
||||
$(".span_" + arr[index].item_name).Tdrag({
|
||||
scope: ".design-sketch"
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
var delRule,submitRule,expressSheetChecked,printStyle='{:html_entity_decode($company_info.data.print_style)}' ? JSON.parse('{:html_entity_decode($company_info.data.print_style)}') : [];
|
||||
layui.use(['form'],function() {
|
||||
var form = layui.form,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
var logo_upload = new Upload({
|
||||
elem: '#companyLOGO'
|
||||
});
|
||||
|
||||
// 打印背景图
|
||||
var bg_upload = new Upload({
|
||||
elem: '#printBackground',
|
||||
callback:function (res) {
|
||||
if (res.code >= 0) {
|
||||
$(".design-sketch").css("background", "url("+ ns.img(res.data.pic_path) +") no-repeat center/ cover");
|
||||
}
|
||||
},
|
||||
deleteCallback:function () {
|
||||
$(".design-sketch").css("background", "");
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
|
||||
if($("input[name='is_electronicsheet']").is(':checked')) {
|
||||
expressSheetChecked = true;
|
||||
}
|
||||
|
||||
if (expressSheetChecked && !printStyle.length){
|
||||
layer.msg("电子面单规则不能为空");
|
||||
return false;
|
||||
}
|
||||
|
||||
var content = [];
|
||||
$(".design-sketch div").each(function () {
|
||||
var item = {};
|
||||
item.item_name = $(this).attr("class").substring(5);
|
||||
item.item_title = $(this).text();
|
||||
item.left = $(this).position().left;
|
||||
item.top = $(this).position().top;
|
||||
content.push(item);
|
||||
});
|
||||
|
||||
if (expressSheetChecked) data.field.is_electronicsheet = 1;
|
||||
data.field.content_json = JSON.stringify(content);
|
||||
data.field.print_style = JSON.stringify(printStyle);
|
||||
|
||||
// 删除图片
|
||||
if(!data.field.logo) logo_upload.delete();
|
||||
|
||||
if(!data.field.background_image) bg_upload.delete();
|
||||
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/editCompany"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res){
|
||||
repeat_flag = false;
|
||||
|
||||
if(res.code == 0){
|
||||
layer.confirm('编辑成功', {
|
||||
title:'操作提示',
|
||||
btn: ['返回列表', '继续操作'],
|
||||
yes: function(index, layero) {
|
||||
location.hash = ns.hash("shop/express/expressCompany")
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 预览内容添加
|
||||
*/
|
||||
$(".print-option").click(function(){
|
||||
var dataValue = $(this).text(),
|
||||
dataId = $(this).attr("data-print-name");
|
||||
var fontSize = $("input[name=font_size]").val();
|
||||
if (fontSize == '' || fontSize == 0) {
|
||||
fontSize = 14;
|
||||
}
|
||||
if ($(".span_"+ dataId).length > 0) {
|
||||
return false;
|
||||
} else {
|
||||
$(this).addClass("bg-color-gray");
|
||||
$(this).css("cursor", "not-allowed");
|
||||
}
|
||||
|
||||
var html = '<div class="span_' + dataId + '" style="font-size: '+ fontSize +'px;">'+
|
||||
'<span>' + dataValue + '</span>'+
|
||||
'<i class="iconfont iconclose_light" onclick="remove(this)"></i>'+
|
||||
'</div>';
|
||||
|
||||
$(".design-sketch").append(html);
|
||||
|
||||
$(".span_" + dataId).hover(function () {
|
||||
$(this).find("i").show();
|
||||
}, function () {
|
||||
$(this).find("i").hide();
|
||||
});
|
||||
|
||||
$(".span_" + dataId).Tdrag({
|
||||
scope: ".design-sketch"
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 改变效果图宽和高
|
||||
*/
|
||||
$(".show-width").blur(function(){
|
||||
$(".design-sketch").css("width", $(this).val());
|
||||
$("#realWidth").text($(this).val() * $(".proportion").val() + "px");
|
||||
});
|
||||
|
||||
$(".show-height").blur(function(){
|
||||
$(".design-sketch").css("height", $(this).val());
|
||||
$("#realHeight").text($(this).val() * $(".proportion").val() + "px");
|
||||
});
|
||||
|
||||
/**
|
||||
* 实际尺寸
|
||||
*/
|
||||
$(".proportion").blur(function () {
|
||||
$(this).val();
|
||||
$("#realWidth").text($(this).val() * $(".show-width").val() + "px");
|
||||
$("#realHeight").text($(this).val() * $(".show-height").val() + "px");
|
||||
});
|
||||
|
||||
/**
|
||||
* 打印字体大小
|
||||
*/
|
||||
$(".print-size").blur(function(){
|
||||
$(".design-sketch span").css("font-size", $(this).val() + "px");
|
||||
});
|
||||
|
||||
/**
|
||||
* 表单验证
|
||||
*/
|
||||
form.verify({
|
||||
sorts: function(value){
|
||||
if (value == '') {
|
||||
return;
|
||||
}
|
||||
if (value%1 != 0) {
|
||||
return '排序数值必须为整数';
|
||||
}
|
||||
if (value < 0) {
|
||||
return '排序数值必须为大于0';
|
||||
}
|
||||
},
|
||||
int: function (value) {
|
||||
if (value == '') {
|
||||
return;
|
||||
}
|
||||
if (value < 0 && value%1 != 0) {
|
||||
return '请输入正整数!'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//电子面单
|
||||
var printStyleInfo = '{:html_entity_decode($company_info.data.print_style)}' ? JSON.parse('{:html_entity_decode($company_info.data.print_style)}') : [];
|
||||
if (printStyleInfo.length){
|
||||
for (var i = 0; i < printStyleInfo.length; i++){
|
||||
var html = '<div class="discount form-row">'+
|
||||
'<div class="discount-con">'+
|
||||
'<p>电子面单模版风格：<span class="required">' + printStyleInfo[i].template_name + '</span>，TemplateSize值：<span class="required template-size">' + printStyleInfo[i].template_size + '</span></p>'+
|
||||
'</div>'+
|
||||
'<div class="discount-del">'+
|
||||
'<button class="layui-btn" onclick="delRule(this)">删除</button>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
$(".discount-box").append(html);
|
||||
}
|
||||
}
|
||||
|
||||
form.on('switch(express_sheet)', function(data){
|
||||
expressSheetChecked = data.elem.checked;
|
||||
data.elem.checked ? $(".express-sheet-rule").removeClass("layui-hide") : $(".express-sheet-rule").addClass("layui-hide");
|
||||
});
|
||||
|
||||
submitRule = function() {
|
||||
var templateStyle = $("#template_style").val().trim(),
|
||||
templateSize = $("#template_size").val().trim();
|
||||
|
||||
if (!templateStyle) {
|
||||
layer.msg("面单模版不能为空", {icon: 5, anim: 6});
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i=0; i < $(".discount-box .discount").length; i++) {
|
||||
var ident= $(".discount-box .discount").eq(i).find(".template-size").text();
|
||||
if (templateSize == ident) {
|
||||
layer.msg("TemplateSize值已添加，不可重复添加！");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var html = '<div class="discount form-row">'+
|
||||
'<div class="discount-con">'+
|
||||
'<p>电子面单模版风格：<span class="required">' + templateStyle + '</span>，TemplateSize值：<span class="required template-size">' + templateSize + '</span></p>'+
|
||||
'</div>'+
|
||||
'<div class="discount-del">'+
|
||||
'<button class="layui-btn" onclick="delRule(this)">删除</button>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
$(".discount-box").append(html);
|
||||
printStyle.push({template_name:templateStyle,template_size:templateSize});
|
||||
};
|
||||
|
||||
delRule = function(obj) {
|
||||
var val = $(obj).parents(".discount").find(".template-size").text();
|
||||
for (var i = 0; i < printStyle.length; i++){
|
||||
if (printStyle[i].template_size == val){
|
||||
printStyle.splice(i,1);
|
||||
}
|
||||
}
|
||||
|
||||
$(obj).parent().parent().remove();
|
||||
}
|
||||
});
|
||||
|
||||
function remove(e) {
|
||||
var that = e;
|
||||
$(that).parent().remove();
|
||||
|
||||
var attr_name = $(that).parent().attr("class").substring(5);
|
||||
$(".print-option").each(function () {
|
||||
var print_name = $(this).attr("data-print-name");
|
||||
if (attr_name == print_name) {
|
||||
$(this).removeClass("bg-color-gray");
|
||||
$(this).css("cursor", "pointer");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function back(){
|
||||
location.hash = ns.hash("shop/express/expressCompany");
|
||||
}
|
||||
</script>
|
||||
328
app/shop/view/express/edit_print_template.html
Executable file
328
app/shop/view/express/edit_print_template.html
Executable file
@@ -0,0 +1,328 @@
|
||||
<style>
|
||||
.design-sketch {
|
||||
border: 1px solid #ccc;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.design-sketch div {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
margin: 8px;
|
||||
border-radius: 2px;
|
||||
color: #555;
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
background-color: #fff;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.design-sketch div i {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
display: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.print-option {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
line-height: 1;
|
||||
padding: 10px;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 8px;
|
||||
border-radius: 2px;
|
||||
color: #545454;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bg-color-gray {
|
||||
background-color: #E5E5E5!important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="layui-form form-wrap">
|
||||
<input type="hidden" name="company_id" value="{$company_id}">
|
||||
<input type="hidden" name="id" value="{$id}">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印字体大小：</label>
|
||||
<div class="layui-input-block">
|
||||
{if condition="$info.font_size"}
|
||||
<input type="number" name="font_size" value="{$info.font_size}" class="layui-input print-size len-short" autocomplete="off">
|
||||
{else/}
|
||||
<input type="number" value="14" name="font_size" class="layui-input print-size len-short" autocomplete="off">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>请输入字体大小，字体单位：px，用于控制打印模板的文字大小</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">显示尺寸：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
{if condition="$info.width"}
|
||||
<input name="width" type="number" value="{$info.width}" lay-verify="int" class="layui-input show-width len-short" autocomplete="off">
|
||||
{else/}
|
||||
<input name="width" type="number" value="766" lay-verify="int" class="layui-input show-width len-short" autocomplete="off">
|
||||
{/if}
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline">
|
||||
{if condition="$info.height"}
|
||||
<input name="height" type="number" value="{$info.height}" lay-verify="int" class="layui-input show-height len-short" autocomplete="off">
|
||||
{else/}
|
||||
<input name="height" type="number" value="510" lay-verify="int" class="layui-input show-height len-short" autocomplete="off">
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<p>尺寸单位：px，用于控制打印模板的尺寸</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印选项：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $print_item_list as $print_k=>$print_v}
|
||||
<span class="print-option" data-print-name="{$print_v.item_name}">{$print_v.item_title}</span>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">效果图预览：</label>
|
||||
<div class="layui-input-block design-sketch"></div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">打印背景图：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="upload-img-block">
|
||||
<div class="upload-img-box">
|
||||
{if empty($info.background_image)}
|
||||
<div class="upload">
|
||||
<i class="iconfont iconshangchuan"></i>
|
||||
<p>点击上传</p>
|
||||
</div>
|
||||
{else/}
|
||||
<img layer-src src="{:img($info.background_image)}" alt="">
|
||||
{/if}
|
||||
</div>
|
||||
<p id="printBackground" class=" {if condition="$info.background_image"} replace {else/} no-replace{/if}">替换</p>
|
||||
<input type="hidden" class="bg-img-pri" name="background_image" value="{$info.background_image}" /> <!-- 预览背景图 -->
|
||||
<i class="del {if !empty($info.background_image)}show{/if}">x</i>
|
||||
</div>
|
||||
</div>
|
||||
<p class="word-aux">上传打印背景图会在打印时以背景形式显示在打印纸上，可在效果预览图中查看效果</p>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
||||
</div>
|
||||
|
||||
<input type="hidden" class="print-con" value="{$info.content_json}" /> <!-- 打印内容 -->
|
||||
</div>
|
||||
|
||||
<script src="STATIC_JS/Tdrag.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var img = $(".bg-img-pri").val();
|
||||
$(".design-sketch").css({
|
||||
"background": "url("+ img +") no-repeat center/ cover",
|
||||
"width": $("input[name=width]").val(),
|
||||
"height": $("input[name=height]").val()
|
||||
});
|
||||
|
||||
if ($(".print-con").val() != '') {
|
||||
var arr = JSON.parse($(".print-con").val());
|
||||
var fontSize = $("input[name=font_size]").val();
|
||||
if (fontSize == '') {
|
||||
fontSize = 14;
|
||||
}
|
||||
for (index in arr) {
|
||||
var class_name = arr[index].item_name,
|
||||
span_text = arr[index].item_title,
|
||||
top = arr[index].top,
|
||||
left = arr[index].left;
|
||||
|
||||
$(".print-option").each(function () {
|
||||
var print_name = $(this).attr("data-print-name");
|
||||
if (class_name == print_name) {
|
||||
$(this).addClass("bg-color-gray");
|
||||
$(this).css("cursor", "not-allowed");
|
||||
}
|
||||
});
|
||||
|
||||
var html = '<div class="span_' + class_name + '" style="top: '+ top +'px; left: '+ left +'px; font-size: '+ fontSize +'px;">'+
|
||||
'<span>' + span_text + '</span>'+
|
||||
'<i class="iconfont iconclose_light" onclick="remove(this)"></i>'+
|
||||
'</div>';
|
||||
$(".design-sketch").append(html);
|
||||
|
||||
$(".span_" + arr[index].item_name).hover(function () {
|
||||
$(this).find("i").show();
|
||||
}, function () {
|
||||
$(this).find("i").hide();
|
||||
});
|
||||
|
||||
$(".span_" + arr[index].item_name).Tdrag({
|
||||
scope: ".design-sketch"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
layui.use(['form'],function() {
|
||||
var form = layui.form,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
var upload = new Upload({
|
||||
elem: '#printBackground',
|
||||
callback:function (res) {
|
||||
if (res.code >= 0) {
|
||||
$(".design-sketch").css("background", "url("+ ns.img(res.data.pic_path) +") no-repeat center/ cover");
|
||||
}
|
||||
},
|
||||
deleteCallback:function () {
|
||||
$(".design-sketch").css("background", "");
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听提交
|
||||
*/
|
||||
form.on('submit(save)', function(data) {
|
||||
var content = [];
|
||||
$(".design-sketch div").each(function () {
|
||||
var item = {};
|
||||
item.item_name = $(this).attr("class").substring(5);
|
||||
item.item_title = $(this).text();
|
||||
item.left = $(this).position().left;
|
||||
item.top = $(this).position().top;
|
||||
content.push(item);
|
||||
});
|
||||
|
||||
data.field.content_json = JSON.stringify(content);
|
||||
|
||||
// 删除图片
|
||||
if(!data.field.background_image) upload.delete();
|
||||
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/editprinttemplate"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res){
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
layer.confirm('编辑成功', {
|
||||
title:'操作提示',
|
||||
btn: ['返回列表', '继续操作'],
|
||||
yes: function(index, layero) {
|
||||
location.hash = ns.hash("shop/express/expressCompany");
|
||||
layer.close(index);
|
||||
},
|
||||
btn2: function(index, layero) {
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
}else{
|
||||
layer.msg(res.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 预览内容添加
|
||||
*/
|
||||
$(".print-option").click(function(){
|
||||
var dataValue = $(this).text(),
|
||||
dataId = $(this).attr("data-print-name");
|
||||
var fontSize = $("input[name=font_size]").val();
|
||||
if (fontSize == '') {
|
||||
fontSize = 14;
|
||||
}
|
||||
|
||||
if ($(".span_"+ dataId).length > 0) {
|
||||
return false;
|
||||
} else {
|
||||
$(this).addClass("bg-color-gray");
|
||||
$(this).css("cursor", "not-allowed");
|
||||
}
|
||||
|
||||
var html = '<div class="span_' + dataId + '" style="font-size: '+ fontSize +'px;">'+
|
||||
'<span>' + dataValue + '</span>'+
|
||||
'<i class="iconfont iconclose_light" onclick="remove(this)"></i>'+
|
||||
'</div>';
|
||||
$(".design-sketch").append(html);
|
||||
|
||||
$(".span_" + dataId).hover(function () {
|
||||
$(this).find("i").show();
|
||||
}, function () {
|
||||
$(this).find("i").hide();
|
||||
});
|
||||
|
||||
$(".span_" + dataId).Tdrag({
|
||||
scope: ".design-sketch"
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 改变效果图宽和高
|
||||
*/
|
||||
$(".show-width").blur(function(){
|
||||
$(".design-sketch").css("width", $(this).val());
|
||||
$("#realWidth").text($(this).val() * $(".proportion").val() + "px");
|
||||
});
|
||||
|
||||
$(".show-height").blur(function(){
|
||||
$(".design-sketch").css("height", $(this).val());
|
||||
$("#realHeight").text($(this).val() * $(".proportion").val() + "px");
|
||||
});
|
||||
|
||||
/**
|
||||
* 打印字体大小
|
||||
*/
|
||||
$(".print-size").blur(function(){
|
||||
$(".design-sketch span").css("font-size", $(this).val() + "px");
|
||||
});
|
||||
});
|
||||
|
||||
function remove(e) {
|
||||
var that = e;
|
||||
$(that).parent().remove();
|
||||
|
||||
var attr_name = $(that).parent().attr("class").substring(5);
|
||||
$(".print-option").each(function () {
|
||||
var print_name = $(this).attr("data-print-name");
|
||||
if (attr_name == print_name) {
|
||||
$(this).removeClass("bg-color-gray");
|
||||
$(this).css("cursor", "pointer");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function back(){
|
||||
location.hash = ns.hash("shop/express/expressCompany");
|
||||
}
|
||||
</script>
|
||||
277
app/shop/view/express/edit_template.html
Executable file
277
app/shop/view/express/edit_template.html
Executable file
@@ -0,0 +1,277 @@
|
||||
<style>
|
||||
.add-distribution{cursor: pointer;}
|
||||
.area-modal{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
padding: 25px 0;
|
||||
}
|
||||
.area-modal .area-list{
|
||||
width: 255px;
|
||||
height: 375px;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.area-modal .title{
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
text-align: center;
|
||||
background-color: #d7d7d7;
|
||||
}
|
||||
.area-modal .add{
|
||||
background-color: transparent;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.area-modal .box{
|
||||
overflow-y: auto;
|
||||
padding: 10px 0;
|
||||
height: 340px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.modal-operation{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
}
|
||||
.area-list .box{
|
||||
height: 314px;
|
||||
margin: 10px 0;
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
.area-list .box ul li{
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
background-color:#fff;
|
||||
}
|
||||
.area-list .box ul li .title-div{
|
||||
position:relative;
|
||||
padding-left:20px;
|
||||
}
|
||||
.area-list .box ul li[data-level='2'] .title-div{
|
||||
margin-left:10px;
|
||||
}
|
||||
.area-list .box ul li[data-level='3'] .title-div{
|
||||
margin-left:20px;
|
||||
}
|
||||
.area-list .box ul li[data-level='4'] .title-div{
|
||||
margin-left:30px;
|
||||
}
|
||||
.area-list.all-area .box ul li.selected{
|
||||
background: #d7d7d7;
|
||||
}
|
||||
.area-list .area-btn,.area-list .area-btn-null,.area-list .area-delete{
|
||||
position:absolute;
|
||||
top:9px;
|
||||
display:block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
background-color: #d7d7d7;
|
||||
color: #fff;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.area-list .area-btn{
|
||||
left:3px;
|
||||
}
|
||||
.area-list .area-btn-null{
|
||||
background-color:transparent;
|
||||
left:3px;
|
||||
}
|
||||
.area-list .area-delete{
|
||||
right:6px;
|
||||
}
|
||||
.area-list.all-area .area-delete{
|
||||
display:none;
|
||||
}
|
||||
.area-list.all-area .area-btn.selected{
|
||||
background-color: #fff;
|
||||
color: #d7d7d7;
|
||||
}
|
||||
.right-opt {
|
||||
float: right;
|
||||
}
|
||||
.right-opt span {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="layui-form form-wrap" >
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>模版名称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input value="{$info['template_name']}" name="template_name" type="text" placeholder="请输入模版名称" lay-verify="required" class="layui-input len-long" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">计费方式：</label>
|
||||
<div class="layui-input-block">
|
||||
{foreach $fee_type_obj as $fee_type_k => $fee_type_v}
|
||||
<input type="radio" name="json" lay-filter="fee_type" value="{$fee_type_k}" title="{$fee_type_v.name}" {if $fee_type_k == $info['fee_type']} checked {/if}>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">是否默认：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="is_default" lay-filter="is_default" value="1" lay-skin="switch" {if condition="$info.is_default == 1"} checked {/if} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required">*</span>配送区域：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="distributionArea" class="layui-table">
|
||||
<colgroup>
|
||||
<col width="40%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>可配送区域</th>
|
||||
{if $info['fee_type'] eq 1}
|
||||
<th data-name="snum">首重（Kg）</th>
|
||||
{elseif $info['fee_type'] eq 2}
|
||||
<th data-name="snum">首体积(m³)</th>
|
||||
{else/}
|
||||
<th data-name="snum">首件（个）</th>
|
||||
{/if}
|
||||
<th >运费（元）</th>
|
||||
{if $info['fee_type'] eq 1}
|
||||
<th data-name="xnum">续重（Kg）</th>
|
||||
{elseif $info['fee_type'] eq 2}
|
||||
<th data-name="xnum">续体积(m³)</th>
|
||||
{else/}
|
||||
<th data-name="xnum">续件（个）</th>
|
||||
{/if}
|
||||
<th >续费（元）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="$info['template_item']" id="item" key="key"}
|
||||
<tr data-selected="{$key}">
|
||||
<td>
|
||||
<p class="area-show">
|
||||
{$item.area_names}
|
||||
<span class="right-opt">
|
||||
<span class="opt-update express-opt-update text-color" data-selected="{$key}">修改</span>
|
||||
<span class="opt-delete express-opt-delete text-color" data-selected="{$key}">删除</span>
|
||||
</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="snum" data-selected="{$key}" class="layui-input" value="{$item.snum}">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="sprice" data-selected="{$key}" class="layui-input" value="{$item.sprice}">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="xnum" data-selected="{$key}" class="layui-input" value="{$item.xnum}">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="xprice" data-selected="{$key}" class="layui-input" value="{$item.xprice}">
|
||||
</div>
|
||||
</td>
|
||||
<input type="hidden" value="{$item.area_ids}" data-selected="{$key}" data-snum="{$item.snum}" data-sprice="{$item.sprice}" data-xnum="{$item.xnum}" data-xprice="{$item.xprice}" class="area_ids" data-name="{$item.area_names}">
|
||||
</tr>
|
||||
{/volist}
|
||||
<tr>
|
||||
<td colspan="5" class="text-color add-distribution js-add-record">指定可配送区域和运费</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">指定包邮：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="appoint_free_shipping" lay-filter="appoint_free_shipping" value="1" lay-skin="switch" {if condition="$info.appoint_free_shipping == 1"} checked {/if}/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item free-shipping {if !$info.appoint_free_shipping} layui-hide {/if}">
|
||||
<label class="layui-form-label"><span class="required">*</span>包邮地区：</label>
|
||||
<div class="layui-input-block">
|
||||
<table id="shippingArea" class="layui-table">
|
||||
<colgroup>
|
||||
<col width="50%">
|
||||
<col width="25%">
|
||||
<col width="25%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>选择地区</th>
|
||||
<th >包邮件数</th>
|
||||
<th >包邮金额（元）</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="$info['shipping_template_item']" id="item" key="key"}
|
||||
<tr data-selected="{$key}">
|
||||
<td>
|
||||
<p class="area-show">
|
||||
{$item.area_names}
|
||||
<span class="right-opt">
|
||||
<span class="opt-update shipping-opt-update text-color" data-selected="{$key}">修改</span>
|
||||
<span class="opt-delete shipping-opt-delete text-color" data-selected="{$key}">删除</span>
|
||||
</span>
|
||||
</p>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="snum" data-selected="{$key}" class="layui-input" value="{$item.snum}">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="sprice" data-selected="{$key}" class="layui-input" value="{$item.sprice}">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<input type="hidden" value="{$item.area_ids}" data-selected="{$key}" data-snum="{$item.snum}" data-sprice="{$item.sprice}" class="area_ids" data-name="{$item.area_names}">
|
||||
</tr>
|
||||
{/volist}
|
||||
|
||||
<tr>
|
||||
<td colspan="5" class="text-color add-distribution js-add-record">指定包邮区域</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="word-aux">达到包邮条件需包邮件数和包邮金额都达到设置的数值。包邮优先级高于其他运费计算方式</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
<button class="layui-btn layui-btn-primary" onclick=" window.history.go(-1);">返回</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" value='{$info['template_id']}' id="template_id"/><!-- 模板id 添加为0 -->
|
||||
<input type="hidden" value='{$fee_type_json}' id="fee_type_json"/><!-- 计费方式相关数据 -->
|
||||
<input type="hidden" value='{$info.fee_type}' id="fee_type"/><!-- 计费方式 -->
|
||||
<input type="hidden" value='{$area_level}' id="area_level"/><!-- 配送地区等级 -->
|
||||
<input type="hidden" value='{$info['template_item']|count}' id="opt_total"/><!-- 模板项的总数 在修改的时候作为操作序列的起点 -->
|
||||
<input type="hidden" value='{$info['shipping_template_item']|count}' id="shipping_opt_total"/><!-- 模板项的总数 在修改的时候作为操作序列的起点 -->
|
||||
<input type="hidden" value='{$info['surplus_area_ids']}' id="surplus_area_ids"/>
|
||||
<input type="hidden" value='{$info['shipping_surplus_area_ids']}' id="shipping_surplus_area_ids"/>
|
||||
<input type="hidden" value="{$info['is_default']}" id="is_default">
|
||||
|
||||
<script type='text/javascript' src='SHOP_JS/express_add_template.js?time=20250110'></script>
|
||||
249
app/shop/view/express/express_company.html
Executable file
249
app/shop/view/express/express_company.html
Executable file
@@ -0,0 +1,249 @@
|
||||
<div class="single-filter-box">
|
||||
<button class="layui-btn" onclick="add()">添加物流公司</button>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="search_text" placeholder="请输入物流公司名称" class="layui-input">
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-filter="search" lay-submit>
|
||||
<i class="layui-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<table id="expressCompany" lay-filter="expressCompany"></table>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
<a class="layui-btn" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn" lay-event="delete">删除</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- logo -->
|
||||
<script type="text/html" id="company">
|
||||
<div class="table-tuwen-box">
|
||||
<div class="img-box">
|
||||
{{# if(d.logo){ }}
|
||||
<img layer-src src={{ns.img(d.logo)}} >
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 批量删除 -->
|
||||
<script type="text/html" id="toolbarOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="del">批量删除</button>
|
||||
</script>
|
||||
|
||||
<!-- 批量删除 -->
|
||||
<script type="text/html" id="batchOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="del">批量删除</button>
|
||||
</script>
|
||||
|
||||
<!-- url -->
|
||||
<script type="text/html" id="url">
|
||||
{{# if (d.url != ''){ }}
|
||||
<a class="layui-elip" target="_blank" href="{{ns.url(d.url)}}">{{d.url}}</a>
|
||||
{{# } else { }}
|
||||
<a class="layui-elip" target="_blank" href="javascript:;"></a>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<!-- 编辑排序 -->
|
||||
<script type="text/html" id="editSort">
|
||||
<input name="sort" type="number" onchange="editSort({{d.company_id}}, this)" value="{{d.sort}}" class="layui-input edit-sort len-short">
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var form, table;
|
||||
layui.use(['form'], function() {
|
||||
form = layui.form;
|
||||
var repeat_flag = false; //防重复标识
|
||||
|
||||
table = new Table({
|
||||
elem: '#expressCompany',
|
||||
url: ns.url("shop/express/expressCompany"),
|
||||
cols: [
|
||||
[{
|
||||
width: '3%',
|
||||
type: 'checkbox',
|
||||
unresize: 'false'
|
||||
}, {
|
||||
title: '公司logo',
|
||||
unresize: 'false',
|
||||
templet:'#company',
|
||||
width: '10%'
|
||||
}, {
|
||||
field:'company_name',
|
||||
title: '公司名称',
|
||||
unresize: 'false',
|
||||
width: '20%'
|
||||
}, {
|
||||
field: 'url',
|
||||
title: '物流公司网址',
|
||||
unresize: 'false',
|
||||
width: '25%',
|
||||
templet:'#url'
|
||||
},{
|
||||
title: '排序',
|
||||
unresize: 'false',
|
||||
width:'15%',
|
||||
templet: '#editSort'
|
||||
},{
|
||||
title: '电子面单',
|
||||
unresize: 'false',
|
||||
width:'12%',
|
||||
templet: function(data){
|
||||
if(data.is_electronicsheet == 1){
|
||||
return '支持';
|
||||
}else{
|
||||
return '不支持';
|
||||
}
|
||||
}
|
||||
},{
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
align:'right'
|
||||
}]
|
||||
],
|
||||
toolbar: '#toolbarOperation',
|
||||
bottomToolbar: "#batchOperation"
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'edit': //编辑
|
||||
location.hash = ns.hash("shop/express/editCompany?company_id=" + data.company_id);
|
||||
break;
|
||||
case 'delete': //删除
|
||||
deleteCompany(data.company_id);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function deleteCompany(company_ids) {
|
||||
if (repeat_flag) return false;
|
||||
repeat_flag = true;
|
||||
|
||||
layer.confirm('确定要删除该物流公司吗?', function(index) {
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/deleteCompany"),
|
||||
data: {company_ids},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, function () {
|
||||
layer.close();
|
||||
repeat_flag = false;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.bottomToolbar(function(obj) {
|
||||
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "del":
|
||||
var id_array = new Array();
|
||||
for (i in obj.data) id_array.push(obj.data[i].company_id);
|
||||
deleteCompany(id_array.toString());
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.toolbar(function(obj) {
|
||||
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "del":
|
||||
var id_array = new Array();
|
||||
for (i in obj.data) id_array.push(obj.data[i].company_id);
|
||||
deleteCompany(id_array.toString());
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function(data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// 监听单元格编辑（排序）
|
||||
function editSort(id, event){
|
||||
var data = $(event).val();
|
||||
|
||||
if (data == '') {
|
||||
$("input[name=sort]").val(0);
|
||||
data = 0;
|
||||
}
|
||||
|
||||
if(!new RegExp("^-?[0-9]\\d*$").test(data)){
|
||||
layer.msg("排序号只能是整数");
|
||||
return ;
|
||||
}
|
||||
if(data<0){
|
||||
layer.msg("排序号必须大于0");
|
||||
return ;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: ns.url("shop/express/modifySort"),
|
||||
data: {
|
||||
sort: data,
|
||||
company_id: id
|
||||
},
|
||||
dataType: 'JSON',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
if(res.code==0){
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function add() {
|
||||
location.hash = ns.hash("shop/express/addCompany");
|
||||
}
|
||||
</script>
|
||||
187
app/shop/view/express/template.html
Executable file
187
app/shop/view/express/template.html
Executable file
@@ -0,0 +1,187 @@
|
||||
<div class="single-filter-box">
|
||||
<button class="layui-btn" onclick="add()">添加模板</button>
|
||||
|
||||
<div class="layui-form">
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="keyword" placeholder="请输入模板名称关键字" class="layui-input len-mid" autocomplete="off">
|
||||
<button type="button" class="layui-btn layui-btn-primary" lay-filter="search" lay-submit>
|
||||
<i class="layui-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 列表 -->
|
||||
<table id="template" lay-filter="template"></table>
|
||||
|
||||
<!-- 默认 -->
|
||||
<script type="text/html" id="is_default">
|
||||
{{ d.is_default == 1 ? '是' : '否' }}
|
||||
</script>
|
||||
|
||||
<!-- 状态 -->
|
||||
<script type="text/html" id="fee_type">
|
||||
{{# if(d.fee_type == 1){ }}
|
||||
重量(kg)
|
||||
{{# } }}
|
||||
{{# if(d.fee_type == 2){ }}
|
||||
体积(m³)
|
||||
{{# } }}
|
||||
{{# if(d.fee_type == 3){ }}
|
||||
按件
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<!-- 操作 -->
|
||||
<script type="text/html" id="operation">
|
||||
<div class="table-btn">
|
||||
{{# if(d.is_default == 0){ }}
|
||||
<a class="layui-btn" lay-event="default">设为默认</a>
|
||||
<a class="layui-btn" lay-event="delete">删除</a>
|
||||
{{# }}}
|
||||
<a class="layui-btn" lay-event="edit">编辑</a>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 批量删除 -->
|
||||
<script type="text/html" id="batchOperation">
|
||||
<button class="layui-btn layui-btn-primary" lay-event="del">批量删除</button>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['form'], function() {
|
||||
var table,
|
||||
form = layui.form,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
table = new Table({
|
||||
elem: '#template',
|
||||
url: ns.url("shop/express/template"),
|
||||
cols: [
|
||||
[{
|
||||
type: 'checkbox',
|
||||
unresize: 'false',
|
||||
width: '3%'
|
||||
}, {
|
||||
field: 'template_name',
|
||||
title: '名称',
|
||||
unresize: 'false',
|
||||
align: 'left',
|
||||
width: '27%'
|
||||
}, {
|
||||
field: 'fee_type',
|
||||
title: '运费计算方式',
|
||||
unresize: 'false',
|
||||
align: 'center',
|
||||
width: '20%',
|
||||
templet: '#fee_type'
|
||||
}, {
|
||||
field: 'is_default',
|
||||
title: '是否默认',
|
||||
unresize: 'false',
|
||||
align: 'center',
|
||||
width: '25%',
|
||||
templet: '#is_default'
|
||||
}, {
|
||||
title: '操作',
|
||||
toolbar: '#operation',
|
||||
unresize: 'false',
|
||||
align:'right'
|
||||
}]
|
||||
],
|
||||
bottomToolbar: "#batchOperation"
|
||||
});
|
||||
|
||||
/**
|
||||
* 监听工具栏操作
|
||||
*/
|
||||
table.tool(function(obj) {
|
||||
var data = obj.data;
|
||||
switch (obj.event) {
|
||||
case 'edit': //编辑
|
||||
location.hash = ns.hash("shop/express/editTemplate", {"template_id": data.template_id});
|
||||
break;
|
||||
case 'delete': //删除
|
||||
deleteCompany(data.template_id);
|
||||
break;
|
||||
case 'default': //默认
|
||||
defaultTemplate(data.template_id);
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* 删除
|
||||
*/
|
||||
function deleteCompany(template_id) {
|
||||
layer.confirm('确定要删除该运费模板吗?', function(index) {
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/deleteTemplate"),
|
||||
data: {template_id},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
/**
|
||||
* 批量操作
|
||||
*/
|
||||
table.bottomToolbar(function(obj) {
|
||||
if (obj.data.length < 1) {
|
||||
layer.msg('请选择要操作的数据');
|
||||
return;
|
||||
}
|
||||
switch (obj.event) {
|
||||
case "del":
|
||||
var id_array = new Array();
|
||||
for (i in obj.data) id_array.push(obj.data[i].template_id);
|
||||
deleteCompany(id_array.toString());
|
||||
break;
|
||||
}
|
||||
});
|
||||
/**
|
||||
* 搜索功能
|
||||
*/
|
||||
form.on('submit(search)', function(data) {
|
||||
table.reload({
|
||||
page: {
|
||||
curr: 1
|
||||
},
|
||||
where: data.field
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* 设置默认
|
||||
*/
|
||||
function defaultTemplate(template_id){
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/defaultTemplate"),
|
||||
data: {template_id},
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
layer.msg(res.message);
|
||||
repeat_flag = false;
|
||||
if (res.code == 0) {
|
||||
table.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function add() {
|
||||
location.hash = ns.hash("shop/express/addTemplate");
|
||||
}
|
||||
</script>
|
||||
100
app/shop/view/express/trace.html
Executable file
100
app/shop/view/express/trace.html
Executable file
@@ -0,0 +1,100 @@
|
||||
<div class="layui-form">
|
||||
<!-- 基础上传 -->
|
||||
<div class="layui-card card-common card-brief">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">类型选择：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
{foreach $traces_type as $k => $v}
|
||||
<input type="radio" name="traces_type" value="{$v.name}" lay-filter="traces_type" title="{$v.title}" {$v.is_use == 1 ? 'checked' : ''} />
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item config-item kd100"{if $kd100_config.is_use != 1} style="display:none;"{/if}>
|
||||
<label class="layui-form-label">APPKEY：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="appkey" placeholder="请输入内容APPKEY" value="{$kd100_config.value.appkey ?? ''}" autocomplete="off" class="layui-input len-long">
|
||||
</div>
|
||||
<div class="word-aux">快递100应用密钥</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item config-item kd100"{if $kd100_config.is_use != 1} style="display:none;"{/if}>
|
||||
<label class="layui-form-label">CUSTOMER：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="customer" placeholder="请输入CUSTOMER" value="{$kd100_config.value.customer ?? ''}" autocomplete="off" class="layui-input len-long">
|
||||
</div>
|
||||
<div class="word-aux">快递100分配给的公司编号</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item config-item kdbird"{if $kdbird_config.is_use != 1} style="display:none;"{/if}>
|
||||
<label class="layui-form-label">EBusinessID：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="EBusinessID" placeholder="请输入电商ID" value="{$kdbird_config.value.EBusinessID ?? ''}" autocomplete="off" class="layui-input len-long">
|
||||
</div>
|
||||
<div class="word-aux">快递鸟电商ID，请到快递鸟官网申请http://kdniao.com/reg</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item config-item kdbird"{if $kdbird_config.is_use != 1} style="display:none;"{/if}>
|
||||
<label class="layui-form-label">AppKey：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="AppKey" placeholder="请输入AppKey" value="{$kdbird_config.value.AppKey ?? ''}" autocomplete="off" class="layui-input len-long">
|
||||
</div>
|
||||
<div class="word-aux">快递鸟分配的电商加密私钥，请到快递鸟官网申请http://kdniao.com/reg</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item config-item kdbird" {if $kdbird_config.is_use != 1} style="display:none;"{/if}>
|
||||
<label class="layui-form-label">套餐类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-input-inline">
|
||||
<!-- <input type="radio" name="kdniao_request_type" value="1002" title="免费版" autocomplete="off" class="layui-input len-long" {if $kdbird_config.value.RequestType == 1002} checked {/if}>-->
|
||||
<input type="radio" name="kdniao_request_type" value="8002" title="按次付费" autocomplete="off" class="layui-input len-long" {if $kdbird_config.value.RequestType == 8002} checked {/if}>
|
||||
<input type="radio" name="kdniao_request_type" value="8001" title="按单付费" autocomplete="off" class="layui-input len-long" {if $kdbird_config.value.RequestType == 8001} checked {/if}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="word-aux">
|
||||
<!-- <p>1、免费版限500次/天，只支持3家快递，申通、圆通、百世，有效期半年（代码1002）</p>-->
|
||||
<p>1、按次付费查询，相同单号查询多次计费多次（代码8002）</p>
|
||||
<p>2、按单付费查询，相同单号查询多次计费一次（代码8001）</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single-filter-box">
|
||||
<div class="form-row">
|
||||
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use('form', function() {
|
||||
var form = layui.form,
|
||||
repeat_flag = false; //防重复标识
|
||||
form.render();
|
||||
|
||||
form.on('radio(traces_type)', function(data){
|
||||
$(".config-item").hide();
|
||||
|
||||
$("."+data.value).show();
|
||||
});
|
||||
|
||||
form.on('submit(save)', function(data) {
|
||||
|
||||
if (repeat_flag) return;
|
||||
repeat_flag = true;
|
||||
$.ajax({
|
||||
url: ns.url("shop/express/trace"),
|
||||
data: data.field,
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
success: function(res) {
|
||||
repeat_flag = false;
|
||||
layer.msg(res.message);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user