1975 lines
108 KiB
HTML
1975 lines
108 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>单款订货-e订通</title>
|
||
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
|
||
|
||
<!-- css -->
|
||
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
||
<link rel="stylesheet" href="index.css">
|
||
<link rel="stylesheet" href="css/general.css">
|
||
<link rel="stylesheet" href="css/dk.css">
|
||
<link rel="stylesheet" href="js/p_custom_keyboard/p_custom_keyboard.css">
|
||
<link rel="stylesheet" href="js/viewer/viewer.min.css">
|
||
|
||
</head>
|
||
|
||
<body class="htm-dk-single htm-dk-single-pad">
|
||
<div class="pcki-page">
|
||
<div class="g-top-title-bar">
|
||
<div class="-title">单款详情</div>
|
||
<div class="-btn-close" onclick="close_this_frame();"><img src="images/close.png" width=30 height=30 border=0></div>
|
||
</div>
|
||
<!--头部 上下款 搜索-->
|
||
<div class="g-top-manipulable-bar">
|
||
<a id="btn-prev" class="-btn-to"><i class="layui-icon layui-icon-left"></i>上一款</a>
|
||
<div id="s-title" class="-input-search layui-input-inline">
|
||
<input type="text" placeholder="款号或圆牌号" class="layui-input">
|
||
</div>
|
||
<a id="btn-search" class="-btn-query layui-btn layui-input-inline">查询</a>
|
||
<a id="btn-next" class="-btn-to">下一款<i class="layui-icon layui-icon-right"></i></a>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<!-- 信息层 宽屏版 -->
|
||
<div class="content -for-pad layui-row layui-col-space10">
|
||
<div class="main-img-area layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6 layui-col-xxs12">
|
||
<div class="-box">
|
||
<div id="show-for-pad" class="-show"></div>
|
||
<div class="-choose"></div>
|
||
</div>
|
||
</div>
|
||
<div class="info-area layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6 layui-col-xxs12">
|
||
<div info-title="gz" class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
|
||
<div class="layui-col-lg6">
|
||
<i class="layui-icon layui-icon-tips"></i>
|
||
<span class="-text"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div info-title="yph" class="layui-row layui-col-space10">
|
||
<span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">圆牌号</span>
|
||
<span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span>
|
||
</div>
|
||
<div info-title="kh" class="layui-row layui-col-space10">
|
||
<span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">款号</span>
|
||
<span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span>
|
||
</div>
|
||
<div info-title="price" class="layui-row layui-col-space10">
|
||
<span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">价格</span>
|
||
<span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span>
|
||
</div>
|
||
<div info-title="ksm" class="layui-row layui-col-space10"><span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">款式名</span><span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span></div>
|
||
<div info-title="zds"></div>
|
||
<div info-title="remark" class="layui-row layui-col-space10"><span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">备注</span><span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span></div>
|
||
<div info-title="zxs" class="layui-row layui-col-space10 g-hidden"><span class="-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">装箱数</span><span class="-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8"></span></div>
|
||
<hr class="layui-bg-gray">
|
||
<div info-title="xj">
|
||
<span class="-title">我的评分</span>
|
||
<span id="xj-item" class="-item"></span>
|
||
</div>
|
||
<div info-title="pjwz"></div>
|
||
<div info-title="dhl"></div>
|
||
<div info-title="ds"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 信息层 窄屏版 #1 -->
|
||
<div class="content -for-phone layui-row layui-col-space10 g-hidden">
|
||
<div class="main-img-area layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div class="-box">
|
||
<div id="show-for-phone" class="-show"></div>
|
||
<div class="-choose"></div>
|
||
</div>
|
||
</div>
|
||
<div class="info-area layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div info-title="xj">
|
||
<span class="-title">我的评分</span>
|
||
<span id="xj-item" class="-item"></span>
|
||
</div>
|
||
<div info-title="pjwz"></div>
|
||
<div info-title="dhl"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 沙盘订货 -->
|
||
<div id="spdh" class="layui-form g-hidden" lay-filter="spdh">
|
||
<hr class="layui-bg-gray">
|
||
<!-- 操作区 -->
|
||
<div class="-option-area g-hidden" style="position: relative; line-height: 60px; margin-bottom: 21px; padding: 0 16px;">
|
||
<span style="width: 150px; display: inline-block; vertical-align: middle;">
|
||
<select class="-date" lay-filter="spdh-date" id="spdhdate"></select>
|
||
</span><span style="margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle;">上市，</span>
|
||
<br class="-br-1 g-hidden">
|
||
<span style="margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle;">预计销售</span><span style="width: 150px; margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle;">
|
||
<div class="-slider" style="line-height: normal;"></div>
|
||
</span><span style="width: 50px; margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle;">
|
||
<input type="number" class="-input layui-input kss">
|
||
</span><span style="margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle;">天</span>
|
||
<br class="-br-2 g-hidden">
|
||
<span style="margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle; height: 64px;">
|
||
<a href="javascript: del_spdh();" class="-clear layui-btn layui-btn-primary layui-btn-sm g-theme-a-b" style="width: 80px;">不要本款</a>
|
||
</span>
|
||
<span style="margin-left: 4px; margin-right: 4px; display: inline-block; vertical-align: middle; height: 64px;">
|
||
<a href="javascript: save_spdh(false);" class="-save layui-btn layui-btn-primary layui-btn-sm g-theme-a-b" style="width: 80px;">保存</a>
|
||
</span>
|
||
<a href="javascript: showOrHideSpdh('hide');" class="-close" style="position: absolute; top: 0; right: 0; line-height: 20px;"><img src="images/close.png" style="width: 20px; height: 20px; border: none;"></a>
|
||
<hr class="layui-bg-gray">
|
||
</div>
|
||
<!-- 信息区 -->
|
||
<div class="-info-area" style="text-align: right; padding-right: 32px;">
|
||
<span style="display: inline-block; vertical-align: top;">我的上市周期</span>
|
||
<span class="-text" style="display: inline-block; vertical-align: middle; text-align: left; margin-left: 8px;">
|
||
<div class="-shzq"><span class="-v" style="color: red; font-weight: bold; margin-right: 2px;"></span>上市</div>
|
||
<div class="-yjsx">预计销售<span class="-v" style="color: red; font-weight: bold; margin-left: 2px; margin-right: 2px;"></span>天</div>
|
||
<div class="-ksbj"><a href="javascript: showOrHideSpdh('toggle')">开始标记<i class="layui-icon"></i></a></div>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<hr class="layui-bg-gray width-pm g-hidden">
|
||
<!-- 配码 -->
|
||
<div class="state-y layui-row">
|
||
<div id="pm" class="layui-form layui-col-lg6 layui-col-md6 layui-col-sm8 layui-col-xs12 layui-col-xxs12 layui-row layui-col-space5" lay-filter="pm g-hidden">
|
||
<div class="-opts layui-row">
|
||
<div class="-btn" style="width: 120px; display: inline-block; vertical-align: middle;">
|
||
<a class="-item1 layui-btn layui-btn-fluid g-theme-a-a">自定义配码</a>
|
||
</div>
|
||
<div class="-slct" style="width: 100px; display: inline-block; vertical-align: middle;"><select class="-item1" lay-filter="pm"></select></div>
|
||
<div class="-use" style="width: 120px; display: inline-block; vertical-align: middle; text-align: left; "><span class="-item"></span></div>
|
||
</div>
|
||
<div class="-input layui-row layui-btn-group layui-fluid g-hidden">
|
||
<input id="pm-title" placeholder="配码名称" class="-title layui-input" value="" style="height: 30px; width: 120px; display: inline-block; vertical-align: middle;">
|
||
<input id="pm-gz" placeholder="配码规则（例如1:1:1:1:1）" class="-gz layui-input" value="" style="height: 30px; width: 120px; display: inline-block; vertical-align: middle;">
|
||
<a class="-save layui-btn layui-btn-sm g-theme-a-a" style="width: 60px; display: inline-block; vertical-align: middle;">保存</a>
|
||
<a class="-del layui-btn layui-btn-sm layui-btn-primary g-theme-a-b" style="width: 60px; display: inline-block; vertical-align: middle;">删除</a>
|
||
</div>
|
||
</div>
|
||
<div id="pm-child" class="layui-form layui-col-lg6 layui-col-md6 layui-col-sm8 layui-col-xs12 layui-col-xxs12 layui-row layui-col-space5 g-hidden">
|
||
<div class="-opts layui-row" style="height: 38px; line-height: 38px;"></div>
|
||
</div>
|
||
</div>
|
||
<hr class="state-y layui-bg-gray">
|
||
<div id="dd-form" class="layui-form">
|
||
<!-- 保存 取消 -->
|
||
<div class="" style="text-align: right;">
|
||
<a href="javascript:void(0)" id="dd-save" lay-submit lay-filter="dd-save" class="layui-btn g-theme-a-a">保存订单</a>
|
||
<a href="javascript:void(0)" id="dd-reload" class="layui-btn layui-btn-primary g-theme-a-b">取消订单</a>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<!-- 订单详细 -->
|
||
<input id="khid" name="khid" class="g-hidden">
|
||
<input id="uid" name="uid" class="g-hidden">
|
||
<table id="dds" class='pck-input-wrapper layui-fluid' style="margin: auto;"></table>
|
||
</div>
|
||
<!-- 信息层 窄屏版 #2 -->
|
||
<div class="content -for-phone layui-row layui-col-space10 g-hidden">
|
||
<hr class="layui-bg-gray" style="padding: 0;">
|
||
<div class="info-area layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div info-title="gz" class="layui-row">
|
||
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
|
||
<div class="layui-col-lg6">
|
||
<i class="layui-icon layui-icon-tips"></i>
|
||
<span class="-text"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div info-title="yph" class="layui-row layui-col-space10"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">圆牌号</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="kh" class="layui-row layui-col-space10"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">款号</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="price" class="layui-row layui-col-space10"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">价格</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="ksm" class="layui-row layui-col-space10"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">款式名</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="zds"></div>
|
||
<div info-title="remark" class="layui-row layui-col-space10"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">备注</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="zxs" class="layui-row layui-col-space10 g-hidden"><span class="-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">装箱数</span><span class="-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6"></span></div>
|
||
<div info-title="ds"></div>
|
||
</div>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<!-- 相关搭配款 -->
|
||
<div class="xg-area dpks-belonging">相关搭配款</div>
|
||
<div id="dpks" class="dpks-belonging layui-row"></div>
|
||
<hr class="dpks-belonging layui-bg-gray">
|
||
<!-- 相关搭配 -->
|
||
<div class="xg-area dps-belonging">相关搭配</div>
|
||
<div id="dps" class="dps-belonging layui-row"></div>
|
||
<hr class="dps-belonging layui-bg-gray">
|
||
<!-- 相关陈列 -->
|
||
<div class="xg-area cls-belonging">相关陈列</div>
|
||
<div id="cls" class="cls-belonging layui-row"></div>
|
||
<hr class="cls-belonging layui-bg-gray">
|
||
<!-- 相关橱窗 -->
|
||
<div class="xg-area ccs-belonging">相关橱窗</div>
|
||
<div id="ccs" class="ccs-belonging layui-row"></div>
|
||
<hr class="ccs-belonging layui-bg-gray">
|
||
</div>
|
||
|
||
|
||
<script src="layuiadmin/layui/layui.js"></script>
|
||
<script src="js/function.js"></script>
|
||
<!-- universal -->
|
||
<script src="js/universal/universal.js"></script>
|
||
<!-- p_custom_keyboard js -->
|
||
<script src="js/p_custom_keyboard/p_custom_keyboard.js"></script>
|
||
<!-- viewer js -->
|
||
<script src="js/viewer/viewer.js"></script>
|
||
<script>
|
||
var is_mobile="n"
|
||
,global_dkdata = {} // 单款全局数据
|
||
,original_dd = ""
|
||
,to_page_khid
|
||
,pm_data = {_is: false} // 鞋子等，多配码，全局数据
|
||
,popup_dpm_show_index = 0
|
||
,popup_dpm_edit_index = 0
|
||
,is_scrolling = false
|
||
,scroll_timer // 滚动计时器
|
||
,scroll_count = 0
|
||
,isPadOrPhone = "pad" // 仅通过页面宽度判断客户端属于平板还是手机
|
||
|
||
var $
|
||
|
||
layui.config({
|
||
base: './layuiadmin/'
|
||
}).extend({
|
||
index: 'lib/index'
|
||
}).use(['index', 'user','element', 'table', 'slider'], function(){
|
||
$ = layui.$
|
||
|
||
var setter = layui.setter
|
||
,admin = layui.admin
|
||
,form = layui.form
|
||
,element = layui.element
|
||
,table = layui.table
|
||
,slider = layui.slider
|
||
|
||
if (get_url_param("khid") == "") layui.layer.msg("款号id错误！")
|
||
else $.ajax({
|
||
url:"./?_m=dk&_a=single&khid="+get_url_param("khid"),
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
var check_j=check_json(res);
|
||
// console.log(check_j);
|
||
if(check_j==true){
|
||
var json_data=$.parseJSON(res);
|
||
|
||
// 针对部分安卓机型没有视频全屏控件的问题，在外层frame中加入此属性后，原声量控件会变成全屏控件，并且全屏有效
|
||
$(self.frameElement).attr("allowfullscreen", true)
|
||
|
||
//alert(json_data.ver);
|
||
if(json_data.code==0){
|
||
//------------------本页返回的错误信息
|
||
layer.msg(json_data.msg);
|
||
}else if(json_data.code==1){
|
||
//------------------系统错误
|
||
var msg=json_data.msg;
|
||
var url1="error.htm?msg="+json_data.msg+"&btn_title="+json_data.btn_title+"&btn_url="+json_data.btn_url;
|
||
var obj1=window.parent.parent?window.parent.parent:window.parent;
|
||
obj1.location.href=url1;
|
||
}else if(json_data.code==2){
|
||
//------------------重新登录
|
||
url1="login.htm?error_msg="+json_data.msg;
|
||
var obj1=window.parent.parent?window.parent.parent:window.parent;
|
||
obj1.location.href=url1;
|
||
}else{
|
||
//------------------填充内容
|
||
console.log(["初始", json_data])
|
||
|
||
// 向父级.layui-layer-iframe注入class，强制.layui-layer-iframe top为0，
|
||
// 用以修复安卓端，弹出系统软键盘后，页面被顶出窗口并且无法向上滑动的问题
|
||
$(self.frameElement).parents(".layui-layer-iframe").addClass("fullscreen-iframe")
|
||
|
||
// 通过页面宽度判断属于“手机端”还是“平板端”
|
||
if (window.parent.innerWidth >= 600) isPadOrPhone = "pad"
|
||
else isPadOrPhone = "phone"
|
||
|
||
// safari中iframe内的页面宽度会莫名其妙多一点出来，此处强制将本页宽度修正
|
||
$(".pcki-page").width($(self.frameElement).parents(".layui-layer-iframe").width())
|
||
// 修复iphone端，点击按钮时自动滚到页面顶部以及附带的其他一些问题
|
||
$(".pcki-page").height($(self.frameElement).parents(".layui-layer-iframe").height())
|
||
|
||
if (isPadOrPhone == "pad") {
|
||
$(".content.-for-pad").show()
|
||
$(".content.-for-phone").hide()
|
||
} else if (isPadOrPhone == "phone") {
|
||
$(".content.-for-pad").hide()
|
||
$(".content.-for-phone").show()
|
||
}
|
||
|
||
global_dkdata = json_data
|
||
// dds_data = json_data.dds
|
||
//------------上一款
|
||
if (json_data.prev) {
|
||
$("#btn-prev").attr("href", "javascript:toPage("+json_data.prev+")")
|
||
} else {
|
||
$("#btn-prev").attr("href", "javascript:toFirst()")
|
||
}
|
||
//------------下一款
|
||
if (json_data.next) {
|
||
$("#btn-next").attr("href", "javascript:toPage("+json_data.next+")")
|
||
} else {
|
||
$("#btn-next").attr("href", "javascript:toLast()")
|
||
}
|
||
//------------展示图片与短视频
|
||
var temp_pic_n = 0
|
||
// 修改短视频后
|
||
for (var n = 0; n < json_data.pics.length; n++, temp_pic_n++) {
|
||
var pic = json_data.pics[n]
|
||
$(".content .main-img-area .-box .-show").append("<img data-src='"+pic.pic_big+"' data-original='"+pic.pic_big+"' class='-target"+(n == 0 && n == temp_pic_n ? "" : " g-hidden")+"' watermark>")
|
||
$(".content .main-img-area .-box .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item"+(n == 0 && n == temp_pic_n ? " active" : "")+"'><img data-src='"+pic.pic+"' watermark></a>")
|
||
}
|
||
// 细节图
|
||
for (var n = 0; n < json_data.xjs.length; n++, temp_pic_n++) {
|
||
var pic = json_data.xjs[n]
|
||
$(".content .main-img-area .-box .-show").append("<img data-src='"+pic.pic_big+"' data-original='"+pic.pic_big+"' class='-target"+(n == 0 && n == temp_pic_n ? "" : " g-hidden")+"' watermark>")
|
||
$(".content .main-img-area .-box .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item"+(n == 0 && n == temp_pic_n ? " active" : "")+"'><img data-src='"+pic.pic+"' watermark></a>")
|
||
}
|
||
if (json_data.vurl) {
|
||
$(".content .main-img-area .-box .-show").append("<video controls='controls' class='-target g-hidden'></video>")
|
||
$(".content .main-img-area .-box .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item'><i class='layui-icon layui-icon-play' style='width: 30px;'></i></a>")
|
||
temp_pic_n++
|
||
}
|
||
if (json_data.bs_kh_dj == "word" && json_data.kh_dj) {
|
||
$(".content .main-img-area").append("<span class='-khdj'>"+json_data.kh_dj+"</span>")
|
||
} else if (json_data.bs_kh_dj == "pic" && json_data.kh_dj) {
|
||
$(".content .main-img-area").append("<img data-src='../attachments/"+json_data.kh_dj+".png' watermark>")
|
||
}
|
||
new Viewer(document.getElementById("show-for-"+isPadOrPhone), {
|
||
url: 'data-original'
|
||
,toolbar: false
|
||
,title: false
|
||
,rotatable: false
|
||
,backdrop: false // 点击非图片层关闭
|
||
,viewed: function(event) {
|
||
USetWatermark({
|
||
el: $(event.detail.image)
|
||
,is_sy: json_data.is_sy
|
||
,text: json_data.username
|
||
,font_size: 64
|
||
})
|
||
}
|
||
})
|
||
//------------信息
|
||
if (json_data.gz) {
|
||
var gzs = json_data.gz.split("|")
|
||
for (var gi = 0; gi < gzs.length; gi++) {
|
||
if (gi != 0) $(".content .info-area [info-title=gz] .text").append("<br>")
|
||
$(".content .info-area [info-title=gz] .-text").append(gzs[gi])
|
||
}
|
||
} else {
|
||
$(".content [info-title=gz]").css("display", "none")
|
||
}
|
||
$(".content .info-area [info-title=yph] .-text").text(json_data.xh)
|
||
$(".content .info-area [info-title=kh] .-text").text(json_data.kh)
|
||
if (json_data.is_gg == 'y' || (json_data.is_xd_clothes == "y" && json_data.child_sizegroup_id === json_data.size_group_id)) { // 童装
|
||
$(".content .info-area [info-title=price]").hide()
|
||
} else {
|
||
$(".content .info-area [info-title=price] .-text").text(json_data.price.replace(/<br>/g, ';').replace(/;\s*$/, ""))
|
||
}
|
||
$(".content .info-area [info-title=ksm] .-text").text(json_data.ksm)
|
||
for (var i = 0; i < json_data.zds.length; i++) {
|
||
var zd = json_data.zds[i]
|
||
if (isPadOrPhone == "pad") {
|
||
$(".content .info-area [info-title=zds]").append("<div id='zd-"+zd.no+"' class='layui-row layui-col-space10'><span class='-title layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4'>"+zd.title+"</span><span class='-text layui-col-xs8 layui-col-sm8 layui-col-md8 layui-col-lg8'>"+zd.value+"</span></div>")
|
||
} else if (isPadOrPhone == "phone") {
|
||
$(".content .info-area [info-title=zds]").append("<div id='zd-"+zd.no+"' class='layui-row layui-col-space10'><span class='-title layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6'>"+zd.title+"</span><span class='-text layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6'>"+zd.value+"</span></div>")
|
||
}
|
||
}
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=remark] .-text").text(json_data.dkremark)
|
||
//------------星级
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=xj] .-item").html('<div id="div_pj_'+json_data.khid+'_icon_big">'+get_pj_icon(json_data.xj,json_data.khid,"big","y")+'</div>')
|
||
//------------文字评价
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=pjwz]").append('<div id="remark_'+json_data.khid+'" class="div_input_remark"><input id="input_remark_'+json_data.khid+'" placeholder="请输入评价文字" autocomplete="off" class="layui-input" style="width: 80%; margin: auto; padding: 10px;" onfocus="pj_remark_focus('+json_data.khid+')" onblur="pj_remark_blur('+json_data.khid+',\''+json_data.pjwz+'\')" value="'+json_data.pjwz+'"></div>')
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=pjwz]").append('<div id="div_save_remark_'+json_data.khid+'" class="div_save_remark g-hidden"><a class="layui-btn layui-btn-sm button_save_remark g-theme-a-a" id="button_save_remark_'+json_data.khid+'" onclick="save_pj_remark('+json_data.khid+',\''+json_data.pjwz+'\')">保存文字</botton></div>')
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=pjwz]").append('<div class="div_button_del_pj'+(json_data.xj > 0 || json_data.pjwz != "" ? "" : " g-hidden")+'" id="div_button_del_pj_'+json_data.khid+'"><a id="button_del_pj_'+json_data.khid+'" class="layui-btn layui-btn-sm button_del_pj layui-btn-primary g-theme-a-b" onclick="del_pj('+json_data.khid+')">删除评价</botton></div>')
|
||
//------------ds
|
||
if (json_data.ds_body && json_data.ds_body.length > 0) {
|
||
var ds_elem = "<table border='1'>"
|
||
ds_elem += "<tr>"
|
||
for (var i = 0; i < json_data.ds_header.length; i++) {
|
||
ds_elem += "<td>"+json_data.ds_header[i].v+"</td>"
|
||
}
|
||
ds_elem += "</tr>"
|
||
for (var j = 0; j < json_data.ds_body.length; j++) {
|
||
var ds_v = json_data.ds_body[j].v
|
||
ds_elem += "<tr>"
|
||
for (var k = 0; k < ds_v.length; k++) {
|
||
ds_elem += "<td>"+ds_v[k].v+"</td>"
|
||
}
|
||
ds_elem += "</tr>"
|
||
}
|
||
ds_elem += "</table>"
|
||
$(".content .info-area [info-title=ds]").append(ds_elem)
|
||
}
|
||
//------------dhl
|
||
if (json_data.ycList && json_data.ycList.length > 0) {
|
||
var yc_head_html = ""
|
||
yc_body_html = ""
|
||
for (var i = 0; i < json_data.ycList.length; i++) {
|
||
var yc = json_data.ycList[i]
|
||
if ((yc.ycgxd && yc.ycgxd != '0') || (yc.tjdhl && yc.tjdhl != '0')) {
|
||
yc_head_html = "<tr><td class='-col-a'></td><td class='-col-b'>预测贡献度</td><td class='-col-b'>推荐订货量</td></tr>"
|
||
yc_body_html += "<tr><td class='-col-a'>"+yc.color+"</td><td>"+yc.ycgxd+"</td><td>"+yc.tjdhl+"</td></tr>"
|
||
}
|
||
}
|
||
$(".content .info-area [info-title=dhl]").html("<table border='1'>"+yc_head_html+yc_body_html+"</table>")
|
||
}
|
||
//------------沙盘订货
|
||
if (json_data.is_spdh == "y") { // 沙盘订货开关
|
||
$("#spdh").show()
|
||
$("#spdh .-option-area .-date").append("<option value=''>选择上市日期</option>")
|
||
for (var i = 0; i < json_data.spdh.dates.length; i++) {
|
||
var di = json_data.spdh.dates[i]
|
||
$("#spdh .-option-area .-date").append("<option value='"+i+"'"+(di.id==json_data.spdh.date.id?" selected":"")+">"+di.text+"</option>")
|
||
}
|
||
spdh_slider = slider.render({ // spdh_slider为全局变量
|
||
elem: '#spdh .-option-area .-slider'
|
||
,min: 1
|
||
,max: 90
|
||
,value: json_data.spdh.yjxs
|
||
// ,input: true
|
||
,theme: "#F04122"
|
||
,change: function(value){
|
||
$("#spdh .-info-area .-text .-yjsx .-v").html(value)
|
||
$("#spdh .-option-area .-input").val(value)
|
||
}
|
||
})
|
||
$("#spdh .-option-area .-input").val(json_data.spdh.yjxs)
|
||
setSpdhContent(json_data.spdh)
|
||
// layui滑块在移动端无法拖拽，此处设置移动端手势事件使滑块可以拖拽
|
||
var obj = $("#spdh .-option-area .-slider .layui-slider .layui-slider-wrap")[0]
|
||
obj.addEventListener('touchmove', function(event) {
|
||
// 如果这个元素的位置内只有一个手指的话
|
||
if (event.targetTouches.length == 1) {
|
||
event.preventDefault();// 阻止浏览器默认事件，重要
|
||
var touch = event.targetTouches[0]
|
||
// 把元素放在手指所在的位置
|
||
var left = touch.pageX - $(this).parent().offset().left
|
||
,slider_width = $(this).parent().width()
|
||
|
||
if (left < 0) left = 0
|
||
else if (left > slider_width) left = slider_width
|
||
|
||
var rate = left / slider_width
|
||
,value = parseInt(rate * (90 - 1)) // value = rate * (max - min)
|
||
spdh_slider.setValue(value)
|
||
}
|
||
}, false)
|
||
// layui滑块自带input有点问题，此处使用自定义input和相关事件
|
||
$("#spdh .-option-area .-input").change(function() {
|
||
var value = parseInt($(this).val() ? $(this).val() : "1")
|
||
if (value < 0) value = 0
|
||
spdh_slider.setValue(value - 1)
|
||
})
|
||
// 根据宽高布局
|
||
if (Math.min(window.parent.innerWidth, window.parent.innerHeight) < 766) $("#spdh .-option-area .-br-2").show()
|
||
if (Math.min(window.parent.innerWidth, window.parent.innerHeight) < 600) $("#spdh .-option-area .-br-1").show()
|
||
}
|
||
|
||
|
||
//------------配码
|
||
if (json_data.is_xd_clothes == "y" && json_data.pmkg && json_data.pmkg != "n") {
|
||
if (json_data.child_sizegroup_id != json_data.size_group_id) { // 非童装配码
|
||
$("#pm").show()
|
||
$(".with-pm").show()
|
||
|
||
for (var i = 0; i < json_data.pms.length; i++) {
|
||
var pm = json_data.pms[i]
|
||
$("#pm .-opts .-slct .-item1").append("<option value='"+i+"'>"+pm.title+"</option>")
|
||
}
|
||
if (json_data.pms.length > 0) {
|
||
var pm0 = json_data.pms[0]
|
||
$("#pm .-opts .-use .-item").html(pm0.gz)
|
||
$("#pm .-input .-gz").val(pm0.gz)
|
||
$("#pm .-input .-title").val(pm0.title)
|
||
}
|
||
if (json_data.pmkg == "m1") { // 自由配码
|
||
$("#pm .-opts .-btn").show()
|
||
} else if (json_data.pmkg == "m2") { // 后台配码
|
||
$("#pm .-opts .-btn").hide()
|
||
}
|
||
} else { // 童装配码
|
||
$("#pm").hide()
|
||
$("#pm-child").show()
|
||
|
||
for (var i = 0; i < json_data.pms.length; i++) {
|
||
var pm = json_data.pms[i]
|
||
$("#pm-child .-opts").append("<span style='margin: 0 5px;'>"+pm.title+":"+pm.gz+"</span>")
|
||
}
|
||
}
|
||
} else if (json_data.pmkg == 'n') {
|
||
$("#pm").hide()
|
||
$("#pm-child").show()
|
||
|
||
for (var i = 0; i < json_data.pms.length; i++) {
|
||
var pm = json_data.pms[i]
|
||
$("#pm-child .-opts").append("<span style='margin: 0 5px;'>"+pm.title+":"+pm.gz+"</span>")
|
||
}
|
||
}
|
||
$("#khid").val(json_data.khid)
|
||
$("#uid").val(json_data.uid)
|
||
form.render("select") // 初始化form下的select控件
|
||
// 订单关闭标志
|
||
var do_ckinput = json_data.sys_ck_input
|
||
if (json_data.state == "n") {
|
||
do_ckinput = "n"
|
||
$(".state-y").css("display", "none")
|
||
}
|
||
//------------订单详细，尺码表
|
||
|
||
if (json_data.is_xd_clothes == "y") { // 普通下单
|
||
//--------表头
|
||
var dd_header = "<tr class='dd-header'>"
|
||
,col_count = 0 // 列数
|
||
,cm_front_count = 0 // 尺码前格数
|
||
dd_header += "<td dd-w='3'>颜色</td>"
|
||
col_count += 3
|
||
cm_front_count++
|
||
if (json_data.is_ggk != "n") {
|
||
dd_header += "<td dd-w='1'>规格</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
if (json_data.is_ggk == "y") {
|
||
for (var i = 0; i < json_data.arr_gg_zd.length; i++) {
|
||
dd_header += "<td dd-w='1'>"+json_data.arr_gg_zd[i].title+"</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
}
|
||
if (json_data.show_gg_zxs == "y") {
|
||
dd_header += "<td dd-w='1'>"+json_data.translate_dhbs+"</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
}
|
||
}
|
||
} else if (json_data.size_group_id == json_data.bx_sizegroup_id) {
|
||
dd_header += "<td dd-w='1'>杯型</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
} else if (json_data.size_group_id == json_data.child_sizegroup_id) {
|
||
dd_header += "<td dd-w='1'>款型</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
}
|
||
if (json_data.pmkg && json_data.pmkg != "n" && json_data.state != "n") {
|
||
dd_header += "<td dd-w='1'>手数</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
}
|
||
// 以上，尺码前
|
||
// 尺码格
|
||
for (var i = 0; i < json_data.cmz.length; i++) {
|
||
dd_header += "<td dd-w='1'>"+json_data.cmz[i].title+"</td>"
|
||
col_count++
|
||
}
|
||
dd_header += "<td dd-w='1'>小计</td>"
|
||
col_count++
|
||
dd_header += "</tr>"
|
||
$("#dds").append(dd_header)
|
||
$("#dds .dd-header td").each(function() {
|
||
$(this).width(100/col_count*parseInt($(this).attr("dd-w"))+"%") // 调整格宽
|
||
})
|
||
//--------表身
|
||
var same_color_flag = 0 // 同色行标志，>0：同色
|
||
,dd_col_total = []
|
||
for (var i = 0; i < json_data.dds.length; i++) {
|
||
var dd = json_data.dds[i] // 行数据
|
||
,dd_body_row = "<tr pcki-mode='row' class='dd-row'>" // 行文本
|
||
,is_disabeld = false // 是否需要禁止输入
|
||
,cm_number = 0 // 尺码位数，用于dd_col_total定位
|
||
if (same_color_flag == 0) $("#dds").append("<tr><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 分割线
|
||
for (var j = 0; j < dd.dt.length; j++) {
|
||
var dtl = dd.dt[j]
|
||
switch(dtl.no) {
|
||
case "1": // 颜色格，规格等
|
||
if (j==0) { // 颜色格
|
||
if (same_color_flag == 0) {
|
||
dd_body_row += "<td col-index='"+(j+1)+"' rowspan='"+(parseInt(dd.ggs) ? parseInt(dd.ggs) : 1)+"'>"+(dd.ka != "y" ? "<span id='"+dtl.id+"' style='display: inline-block;'>"+dtl.value+"</span>" : "<span id='"+dtl.id+"' style='display: inline-block; color: #F04122;'><s class='del-color'>"+dtl.value+"</s></span>")+(dd.link_ds==""?"":" <a href='javascript:toDpPage("+dd.link_ds+")' style='display: inline-block;'>进入搭配款</a>")+"</td>"
|
||
same_color_flag = dd.ggs - 1 >= 0 ? dd.ggs - 1 : 0
|
||
} else {
|
||
same_color_flag--
|
||
break
|
||
}
|
||
} else { // 规格等其他
|
||
if (cm_front_count <= j && j < json_data.cmz.length + cm_front_count) { // 如果 j 在尺码范围内，则
|
||
dd_body_row += "<td col-index='"+(j+1)+"'></td>"
|
||
if (dtl.disable || dd.disable_color || dd.ka=="y" || json_data.pm_ms=="m2") is_disabeld = true
|
||
cm_number++
|
||
} else {
|
||
var dtlPrice = dtl.price == '' ? 0 : dtl.price
|
||
dd_body_row += "<td col-index='"+(j+1)+"'><span id='"+dtl.id+"'>"+dtl.value+(dtl.price != undefined ? ": "+dtlPrice+'元' : "")+"</span></td>"
|
||
}
|
||
}
|
||
break
|
||
case "2": // 手数格
|
||
if (json_data.state == "y") dd_body_row += "<td col-index='"+(j+1)+"'><input type='number' pcki-nojpty pcki-move='pm' pcki-nocypm='nocypm' id='"+dtl.id+"' name='"+dtl.id+"' class='dd-sh layui-input' style='text-align: center;' pcki-change='changeSh' pcki-save='saveOrder'"+(dtl.disable || dd.disable_color || dd.ka=="y" ? (is_disabeld=true, " pcki-mode='disabled'") : "")+"></td>"
|
||
break
|
||
case "3": // 尺码格
|
||
var dtl_v = parseInt(dtl.value ? dtl.value : "0")
|
||
,dtl_kc = parseInt(dtl.value_kc ? dtl.value_kc : "0")
|
||
var pckiMode=''
|
||
if (dtl.disable || dd.disable_color || dd.ka=="y") {
|
||
is_disabeld = true
|
||
pckiMode = 'disabled'
|
||
} else if (json_data.pm_ms=="m2") {
|
||
is_disabeld = true
|
||
pckiMode = 'readonly'
|
||
}
|
||
dd_body_row += "<td col-index='"+(j+1)+"'><div><input type='number' id='"+dtl.id+"' name='"+dtl.id+"' value='"+(dtl_v?dtl_v:"")+"' class='dd-value layui-input' style='text-align: center;' pcki-change='changeOrder' pcki-save='saveOrder' pcki-mode='"+pckiMode+"'></div>"+(json_data.is_kc === "y" ? (dtl_v <= dtl_kc ? "<div class='-kc'>"+dtl_kc+"</div>" : "<div class='-kc' style='color: red;'>"+dtl_kc+"</div>") : "")+"</td>"
|
||
dd_col_total[cm_number] = dd_col_total[cm_number] ? (dd_col_total[cm_number] + dtl_v) : dtl_v
|
||
cm_number++
|
||
original_dd += dtl.value +","
|
||
break
|
||
case "4": // 小计格
|
||
dd_body_row += "<td col-index='"+(j+1)+"'><span id='"+dtl.id+"' class='dd-row-total'>"+dtl.value+"</span></td>"
|
||
break
|
||
}
|
||
}
|
||
dd_body_row += "</tr>"
|
||
$("#dds").append(dd_body_row)
|
||
}
|
||
// layer.tips("已删除", ".del-color") // 无效
|
||
$('.del-color').on('click', function(){ // 设定删除款tip
|
||
layer.tips('已删除', this); //在元素的事件回调体中，follow直接赋予this即可
|
||
})
|
||
//--------表尾
|
||
$("#dds").append("<tr><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 分割线
|
||
var dd_all_total = 0
|
||
,dd_footer = "<tr class='dd-footer'><td col-index='1' colspan='"+cm_front_count+"' style='text-align: right;'>合计</td>"
|
||
for (var k = 0; k < json_data.cmz.length; k++) {
|
||
var col_total = dd_col_total[k] ? dd_col_total[k] : 0
|
||
dd_footer += "<td col-index='"+(parseInt(k)+1+cm_front_count)+"'><span class='dd-col-total'>"+col_total+"</span></td>"
|
||
dd_all_total += col_total
|
||
}
|
||
dd_footer += "<td><span class='dd-all-total'>"+dd_all_total+"</span></td></tr>"
|
||
$("#dds").append(dd_footer)
|
||
pInitCustomKeyboard({
|
||
pck_enabled: json_data.sys_ck_input,
|
||
pck_cypm: json_data.cypm,
|
||
pck_jpty: json_data.jpty,
|
||
pck_uid: json_data.uid,
|
||
pck_page: "dk"
|
||
}) // 键盘初始化
|
||
} else { // 鞋子等下单
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=zxs] .-text").html(json_data.zxs)
|
||
$(".content.-for-"+isPadOrPhone+" .info-area [info-title=zxs]").show()
|
||
if (json_data.mrpm) { // 如果存在默认配码，自动设置没有配码的行
|
||
for (var i = 0; i < json_data.dds.length; i++) {
|
||
var arr_pm = json_data.dds[i].arr_pm
|
||
if (arr_pm.length == 0)
|
||
arr_pm.push({})
|
||
if (arr_pm.length == 1 && !arr_pm[0].pm) {
|
||
arr_pm[0].pmt = json_data.mrpm[0].title
|
||
arr_pm[0].pm = json_data.mrpm[0].gz
|
||
arr_pm[0].xh = json_data.mrpm[0].id
|
||
arr_pm[0].xs = 0
|
||
arr_pm[0].num = 0
|
||
}
|
||
}
|
||
}
|
||
reloadDdTable2()
|
||
} // end 鞋子等下单
|
||
var min_width = Math.min(window.innerWidth, window.innerHeight) // 横竖屏转换时的最小宽度
|
||
//------------相关搭配款
|
||
var dpk_max_h = 0, dpk_max_w = 0
|
||
if (json_data.dpks.length == 0) $(".dpks-belonging").css("display", "none")
|
||
else {
|
||
for (var i = 0; i < json_data.dpks.length; i++) {
|
||
var dpk = json_data.dpks[i]
|
||
,html = ""
|
||
html += "<div class='-outer' style='display: inline-block; width: 25%; float: left; margin: 10px 0;'><a class='-inner' href='javascript: openThePage(\""+json_data.face+"\", \"dk\", \"khid\", "+dpk.id+");' style='border: 1px solid #ccc; width: "+(parseInt(dpk.pic_w ? dpk.pic_w : "0")+10)+"px; display: block; margin: auto; padding: 0 5px;'>"
|
||
html += "<div style='height: 130px; line-height: 130px;'><img data-src='"+dpk.pic+"' style='width: "+dpk.pic_w+"px; height: "+dpk.pic_h+"px; margin: 5px 0;' watermark></div>"
|
||
html += "<div class='-title' style='word-wrap: break-word;'>"+dpk.title+"</div>"
|
||
html += "</a></div>"
|
||
var elem = $(html)
|
||
$("#dpks").append(elem)
|
||
var dpk_h = 130 + elem.find(".-title").height()
|
||
// var dpk_h = parseInt(dpk.pic_h ? dpk.pic_h : '0') + elem.find(".-title").height() + 10
|
||
,dpk_w = parseInt(dpk.pic_w ? dpk.pic_w : "0") + 20
|
||
dpk_max_h = dpk_max_h < dpk_h ? dpk_h : dpk_max_h
|
||
dpk_max_w = dpk_max_w < dpk_w ? dpk_w : dpk_max_w
|
||
}
|
||
|
||
var dpk_width_percentage = "" // outer宽度占比
|
||
if (dpk_max_w * 6 < min_width) dpk_width_percentage = "16.66%"
|
||
else if (dpk_max_w * 5 < min_width) dpk_width_percentage = "20%"
|
||
else if (dpk_max_w * 4 < min_width) dpk_width_percentage = "25%"
|
||
else dpk_width_percentage = "33%"
|
||
$("#dpk .-outer").width(dpk_width_percentage)
|
||
|
||
$("#dpks .-outer").height(dpk_max_h)
|
||
}
|
||
//------------相关搭配
|
||
var dp_max_h = 0, dp_max_w = 0
|
||
if (json_data.dps.length == 0) $(".dps-belonging").css("display", "none")
|
||
else {
|
||
for (var i = 0; i < json_data.dps.length; i++) {
|
||
var dp = json_data.dps[i]
|
||
,html = ""
|
||
html += "<div class='-outer' style='display: inline-block; width: 25%; float: left; margin: 10px 0;'><a class='-inner' href='javascript: openThePage(\""+json_data.face+"\", \"dp\", \"zsh\", "+dp.zsh+");' style='border: 1px solid #ccc; width: "+(parseInt(dp.pic_w ? dp.pic_w : "0")+10)+"px; display: block; margin: auto; padding: 0 5px;'>"
|
||
html += "<div style='height: 130px; line-height: 130px;'><img data-src='"+dp.pic+"' style='width: "+dp.pic_w+"px; height: "+dp.pic_h+"px; margin: 5px 0;' watermark></div>"
|
||
html += "<div class='-title' style='word-wrap: break-word;'>"+dp.title+"</div>"
|
||
html += "</a></div>"
|
||
var elem = $(html)
|
||
$("#dps").append(elem)
|
||
var dp_h = 130 + elem.find(".-title").height()
|
||
// var dp_h = parseInt(dp.pic_h ? dp.pic_h : '0') + elem.find(".-title").height() + 10
|
||
,dp_w = parseInt(dp.pic_w ? dp.pic_w : "0") + 20
|
||
dp_max_h = dp_max_h < dp_h ? dp_h : dp_max_h
|
||
dp_max_w = dp_max_w < dp_w ? dp_w : dp_max_w
|
||
}
|
||
var dp_width_percentage = "" // outer宽度占比
|
||
if (dp_max_w * 6 < min_width) dp_width_percentage = "16.66%"
|
||
else if (dp_max_w * 5 < min_width) dp_width_percentage = "20%"
|
||
else if (dp_max_w * 4 < min_width) dp_width_percentage = "25%"
|
||
else dp_width_percentage = "33.33%"
|
||
$("#dps .-outer").width(dp_width_percentage)
|
||
|
||
$("#dps .-outer").height(dp_max_h)
|
||
}
|
||
//------------相关陈列
|
||
var cl_max_h = 0, cl_max_w = 0
|
||
if (json_data.cls.length == 0) $(".cls-belonging").css("display", "none")
|
||
else {
|
||
for (var i = 0; i < json_data.cls.length; i++) {
|
||
var cl = json_data.cls[i]
|
||
,html = ""
|
||
html += "<div class='-outer' style='display: inline-block; width: 25%; float: left; margin: 10px 0;'><a class='-inner' href='javascript: openThePage(\"\", \"cl\", \"zsh\", "+cl.zsh+");' style='border: 1px solid #ccc; width: "+(parseInt(cl.pic_w ? cl.pic_w : "0")+10)+"px; display: block; margin: auto; padding: 0 5px;'>"
|
||
html += "<div style='height: 130px; line-height: 130px;'><img data-src='"+cl.pic+"' style='width: "+cl.pic_w+"px; height: "+cl.pic_h+"px; margin: 5px 0;' watermark></div>"
|
||
html += "<div class='-title' style='word-wrap: break-word;'>"+cl.title+"</div>"
|
||
html += "</a></div>"
|
||
var elem = $(html)
|
||
$("#cls").append(elem)
|
||
var cl_h = 130 + elem.find(".-title").height()
|
||
// var cl_h = parseInt(cl.pic_h ? cl.pic_h : '0') + elem.find(".-title").height() + 10
|
||
,cl_w = parseInt(cl.pic_w ? cl.pic_w : "0") + 20
|
||
cl_max_h = Math.max(cl.pic_h, cl_h)
|
||
cl_max_w = cl_max_w < cl_w ? cl_w : cl_max_w
|
||
}
|
||
|
||
var cl_width_percentage = "" // outer宽度占比
|
||
if (cl_max_w * 6 < min_width) cl_width_percentage = "16.66%"
|
||
else if (cl_max_w * 5 < min_width) cl_width_percentage = "20%"
|
||
else if (cl_max_w * 4 < min_width) cl_width_percentage = "25%"
|
||
else cl_width_percentage = "33.33%"
|
||
$("#cls .-outer").width(cl_width_percentage)
|
||
$("#cls .-outer").height(cl_max_h)
|
||
}
|
||
//------------相关橱窗
|
||
var cc_max_h = 0, cc_max_w = 0
|
||
if (json_data.ccs.length == 0) $(".ccs-belonging").css("display", "none")
|
||
else {
|
||
for (var i = 0; i < json_data.ccs.length; i++) {
|
||
var cc = json_data.ccs[i]
|
||
,html = ""
|
||
html += "<div class='-outer' style='display: inline-block; width: 25%; float: left; margin: 10px 0;'><a class='-inner' href='javascript: openThePage(\"\", \"cc\", \"zsh\", "+cc.zsh+");' style='border: 1px solid #ccc; width: "+(parseInt(cc.pic_w ? cc.pic_w : "0")+10)+"px; display: block; margin: auto; padding: 0 5px;'>"
|
||
html += "<div style='height: 130px; line-height: 130px;'><img data-src='"+cc.pic+"' style='width: "+cc.pic_w+"px; height: "+cc.pic_h+"px; margin: 5px 0;' watermark></div>"
|
||
html += "<div class='-title' style='word-wrap: break-word;'>"+cc.title+"</div>"
|
||
html += "</a></div>"
|
||
var elem = $(html)
|
||
$("#ccs").append(elem)
|
||
var cc_h = 130 + elem.find(".-title").height()
|
||
// var cc_h = parseInt(cc.pic_h ? cc.pic_h : '0') + elem.find(".-title").height() + 10
|
||
,cc_w = parseInt(cc.pic_w ? cc.pic_w : "0") + 20
|
||
cc_max_h = cc_max_h < cc_h ? cc_h : cc_max_h
|
||
cc_max_w = cc_max_w < cc_w ? cc_w : cc_max_w
|
||
}
|
||
|
||
var cc_width_percentage = "" // outer宽度占比
|
||
if (cc_max_w * 6 < min_width) cc_width_percentage = "16.66%"
|
||
else if (cc_max_w * 5 < min_width) cc_width_percentage = "20%"
|
||
else if (cc_max_w * 4 < min_width) cc_width_percentage = "25%"
|
||
else cc_width_percentage = "33.33%"
|
||
$("#ccs .-outer").width(cc_width_percentage)
|
||
|
||
$("#ccs .-outer").height(cc_max_h)
|
||
}
|
||
|
||
USetWatermark({
|
||
is_sy: json_data.is_sy
|
||
,text: json_data.username
|
||
})
|
||
}
|
||
} else {
|
||
alert(check_j)
|
||
}
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
,error: function () { layui.layer.msg("与服务器通信失败！") }
|
||
}
|
||
)
|
||
|
||
$(self.frameElement).parents(".layui-layer-iframe").scroll(function(event) {
|
||
event.stopPropagation()
|
||
})
|
||
|
||
// 提交订单，保存订单
|
||
form.on("submit(dd-save)", function(data) {
|
||
if (global_dkdata.is_spdh == "y") {
|
||
var is_spdh = true
|
||
save_spdh(is_spdh)
|
||
}
|
||
if (global_dkdata.is_xd_clothes == "n") {
|
||
// 检测装配码是否符合装箱数，以及有配码无箱数
|
||
if (!checkPmWithZxs()) return true
|
||
}
|
||
// get str_sub
|
||
if (global_dkdata.sys_ver_hy == "xz") {
|
||
var str_sub = ""
|
||
if (global_dkdata.is_xd_clothes == "y") {
|
||
$("#dds .dd-row").each(function(row_i){
|
||
if ($(this).find(".dd-row-total").html() != '0') {
|
||
str_sub += $(this).find(".dd-row-total").attr("id").split("_")[1] + "|"
|
||
$(this).find(".dd-value").each(function(col_i) {
|
||
if (col_i != 0) str_sub += ":"
|
||
str_sub += $(this).val() ? $(this).val() : '0'
|
||
})
|
||
str_sub += "|1,"
|
||
}
|
||
})
|
||
} else {
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i]
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
if (dd.arr_pm[j].xs) {
|
||
str_sub += dd.color + "_" + dd.gg + "|" + dd.arr_pm[j].pm + "|" + dd.arr_pm[j].xs + ","
|
||
}
|
||
}
|
||
}
|
||
}
|
||
data.field.str_sub = str_sub
|
||
}
|
||
console.log(["提交", data.field])
|
||
original_dd = setDdString()
|
||
var url="./?_m=dk&_a=save";
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,data: data.field
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
console.log(["反馈", res_jsondata])
|
||
if (res_jsondata.code == 101) {
|
||
if (res_jsondata.msg) layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作成功。")
|
||
// dk.htm与dk_single.htm应该平行，即dk.htm打开dk_single.htm时，应layer = parent.layer，否则dk_single.htm不能全屏
|
||
// 所有iframe都应该统一为main.htm的一级子iframe
|
||
$("iframe", top.document).each(function(index) {
|
||
if ($(this).attr("name") != window.name && typeof $(this)[0].contentWindow.update_yd == "function")
|
||
$(this)[0].contentWindow.update_yd(global_dkdata.khid)
|
||
// // 刷新spdh
|
||
// if (global_dkdata.is_spdh)
|
||
// if ($(this).attr("name") != window.name && typeof $(this)[0].contentWindow.update_reload == "function")
|
||
// $(this)[0].contentWindow.update_reload()
|
||
})
|
||
} else {
|
||
if (res_jsondata.msg) layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作失败！")
|
||
}
|
||
if (to_page_khid) location.href = "dk_single.htm?khid=" + to_page_khid
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
,error: function() { layui.layer.msg("与服务器通信失败！") }
|
||
})
|
||
// return true
|
||
})
|
||
// 取消订单，删除订单
|
||
$("#dd-reload").click(function() {
|
||
if(!confirm("您将删除该订单")) {
|
||
return true
|
||
}
|
||
original_dd = setDdString()
|
||
var url="./?_m=dk&_a=del";
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,data: {khid: global_dkdata.khid, uid: global_dkdata.uid}
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
if (res_jsondata.code == 101) {
|
||
if (res_jsondata.msg) layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作成功。")
|
||
// dk.htm与dk_single.htm应该平行，即dk.htm打开dk_single.htm时，应layer = parent.layer，否则dk_single.htm不能全屏
|
||
// 所有iframe都应该统一为main.htm的一级子iframe
|
||
$("iframe", top.document).each(function(index) {
|
||
if ($(this).attr("name") != window.name && typeof $(this)[0].contentWindow.update_yd == "function")
|
||
$(this)[0].contentWindow.update_yd(global_dkdata.khid)
|
||
})
|
||
// // main
|
||
// if (window.parent.frames["layadmin-iframe"] && typeof window.parent.frames["layadmin-iframe"].update_yd == "function") window.parent.frames["layadmin-iframe"].update_yd(global_dkdata.khid)
|
||
// // 平行iframe
|
||
// if (window.parent.frames && typeof window.parent.frames.update_yd == "function") window.parent.frames.update_yd(global_dkdata.khid)
|
||
location.reload()
|
||
} else {
|
||
if (res_jsondata.msg) layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作失败！")
|
||
}
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
, error: function() { layui.layer.msg("与服务器通信失败！") }
|
||
})
|
||
return true
|
||
})
|
||
|
||
// 监听 沙盘订货 日期 选择
|
||
form.on("select(spdh-date)", function(data) {
|
||
if (data.value) $("#spdh .-info-area .-text .-shzq .-v").html(global_dkdata.spdh.dates[data.value].text)
|
||
})
|
||
// 监听配码选择
|
||
form.on("select(pm)", function(data) {
|
||
var pm = global_dkdata.pms[data.value]
|
||
$("#pm .-opts .-use .-item").html(pm.gz)
|
||
$("#pm .-input .-gz").val(pm.gz)
|
||
$("#pm .-input .-title").val(pm.title)
|
||
})
|
||
// 自定义配码
|
||
$("#pm .-opts .-btn .-item1").click(function() {
|
||
if ($("#pm .-input").css("display") != "none") $("#pm .-input").hide(500)
|
||
else $("#pm .-input").show(500)
|
||
return true
|
||
})
|
||
// 修改配码
|
||
$("#pm .-input .-save").click(function() {
|
||
console.log({"操作": "修改/新增配码", uid: global_dkdata.uid, size_group_id: global_dkdata.size_group_id, pm_title: $("#pm .-input #pm-title").val(), pm_gz: $("#pm .-input #pm-gz").val()})
|
||
|
||
var pm_title_elem = $("#pm .-input #pm-title")
|
||
,pm_gz_elem = $("#pm .-input #pm-gz")
|
||
if (pm_title_elem.val() == "") {
|
||
layui.layer.msg("请输入配码名称！")
|
||
pm_title_elem.focus()
|
||
return true
|
||
}
|
||
if (pm_gz_elem.val() == "") {
|
||
layui.layer.msg("请输入配码规则！")
|
||
pm_gz_elem.focus()
|
||
return true
|
||
}
|
||
pm_gz = pm_gz_elem.val().replace(/：/g, ":").replace(/;/g, ":").replace(/: /g, ":").replace(/ /g, "")
|
||
var pm_total = 0
|
||
,pm_gzs = pm_gz.split(":")
|
||
for (var i = 0; i < pm_gzs.length; i++) {
|
||
pm_total += parseInt(pm_gzs[i]) ? parseInt(pm_gzs[i]) : 0
|
||
}
|
||
if (!pm_total) {
|
||
alert("配码规则输入有误！（正确规则例如 1:1:1:1:1）")
|
||
pm_gz_elem.focus()
|
||
return true
|
||
}
|
||
|
||
var url="./?_m=dk&_a=save_pm"
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,data: {uid: global_dkdata.uid, size_group_id: global_dkdata.size_group_id, pm_title: pm_title_elem.val(), pm_gz: pm_gz}
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
if (res_jsondata.code == 101) {
|
||
if (res_jsondata.msg != "") layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作成功。")
|
||
location.reload()
|
||
} else {
|
||
if (res_jsondata.msg != "") layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作失败！")
|
||
}
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
, error: function() { layui.layer.msg("与服务器通信失败！") }
|
||
})
|
||
return true
|
||
})
|
||
// 删除配码
|
||
$("#pm .-input .-del").click(function() {
|
||
console.log({"操作": "删除配码", uid: global_dkdata.uid, size_group_id: global_dkdata.size_group_id, pm_title: $("#pm .-input #pm-title").val(), pm_gz: $("#pm .-input #pm-gz").val()})
|
||
var url="./?_m=dk&_a=del_pm"
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,data: {uid: global_dkdata.uid, size_group_id: global_dkdata.size_group_id, pm_title: $("#pm .-input #pm-title").val(), pm_gz: $("#pm .-input #pm-gz").val()}
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
if (res_jsondata.code == 101) {
|
||
if (res_jsondata.msg != "") layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作成功。")
|
||
location.reload()
|
||
} else {
|
||
if (res_jsondata.msg != "") layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作失败！")
|
||
}
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
, error: function() { layui.layer.msg("与服务器通信失败！") }
|
||
})
|
||
return true
|
||
})
|
||
// 鞋子等，多配码编辑，新增
|
||
$(document).on("click", "#dds .dd-row .-pm-add", function() {
|
||
var row_index = $(this).parents("tr.dd-row").attr("id").split("_")[3]
|
||
,index = 1
|
||
,is_get = false
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i]
|
||
if (dd.arr_pm.length == 0 && row_index == index++) {
|
||
dd.count = parseInt(dd.count ? dd.count : "0") + 1
|
||
dd.arr_pm = [
|
||
{xh:"",pmt:"",pm:"",xs:0,num:0}
|
||
,{xh:"",pmt:"",pm:"",xs:0,num:0}
|
||
]
|
||
is_get = true
|
||
break
|
||
} else {
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
if (row_index == index++) {
|
||
dd.count = parseInt(dd.count ? dd.count : "0") + 1
|
||
dd.arr_pm.splice(j+1, 0, {xh:"",pmt:"",pm:"",xs:0,num:0})
|
||
is_get = true
|
||
break
|
||
}
|
||
}
|
||
}
|
||
if (is_get) break
|
||
}
|
||
reloadDdTable2()
|
||
return true
|
||
})
|
||
// 鞋子等，多配码编辑，删除
|
||
$(document).on("click", "#dds .dd-row .-pm-dlt", function() {
|
||
if (confirm("您确定要删除该行吗？")) {
|
||
var row_index = $(this).parents("tr.dd-row").attr("id").split("_")[3]
|
||
,index = 1
|
||
,is_get = false
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i]
|
||
if (dd.arr_pm.length == 0 && row_index == index++) {
|
||
is_get = true
|
||
break
|
||
} else {
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
if (row_index == index++) {
|
||
dd.count = parseInt(dd.count ? dd.count : "0") - 1
|
||
dd.count = dd.count < 1 ? 1 : dd.count
|
||
dd.arr_pm.splice(j, 1)
|
||
is_get = true
|
||
break
|
||
}
|
||
}
|
||
}
|
||
if (is_get) break
|
||
}
|
||
reloadDdTable2()
|
||
}
|
||
return true
|
||
})
|
||
// 鞋子等，多配码，显示
|
||
$(document).on("click", "#dds .dd-row .-pm-show", function() {
|
||
if (global_dkdata.pm_ms == "n") {
|
||
layer.open({
|
||
type: 1
|
||
,title: false //不显示标题栏
|
||
,closeBtn: false
|
||
,area: '300px;'
|
||
,shade: 0.5
|
||
,id: 'alert' //设定一个id，防止重复弹出
|
||
,btn: ['确定']
|
||
,btnAlign: 'c'
|
||
,moveType: 1 //拖拽模式，0或者1
|
||
,content: '<div style="padding: 20px; font-weight: bold; font-size: 18px;">配码未开启，请先开启配码。</div>'
|
||
})
|
||
return true
|
||
}
|
||
var that = this
|
||
,tr_id = $(this).parents('tr').attr('id')
|
||
,row_index = $(this).parents('tr').attr('row-index')
|
||
$.ajax({
|
||
url: "./?_m=pm&dpid="+global_dkdata.uid+"&iid="+global_dkdata.khid,
|
||
success: function(res) {
|
||
var dpm = $.parseJSON(res)
|
||
pm_data = dpm
|
||
pm_data._is = true
|
||
console.log(["pm", dpm])
|
||
|
||
var dpm_show_content_elem = ''
|
||
if (dpm.pm.length == 0) {
|
||
dpm_show_content_elem += '<div style="margin: 10px;">暂无您的配码信息，请先新增。</div>'
|
||
if (global_dkdata.pm_ms == "m1")
|
||
dpm_show_content_elem += '<div style="text-align: center; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;"><a href="javascript:editPml(-1,\''+row_index+'\');" class="-dpm-add layui-btn layui-btn-sm g-theme-a-a">新增配码</a></div>'
|
||
} else {
|
||
dpm_show_content_elem += '<div lay-filter="dpm" class="layui-form" style="padding-left: 5px; padding-right: 5px;"><table class="-table layui-table" lay-size="sm">'
|
||
dpm_show_content_elem += '<colgroup><col><col><col><col></colgroup><tbody>'
|
||
var pmid = $(that).attr("pmid")
|
||
for (var i = 0; i < dpm.pm.length; i++) {
|
||
var pml = dpm.pm[i]
|
||
dpm_show_content_elem += '<tr>' //
|
||
dpm_show_content_elem += '<td><input lay-filter="dpm-radio" type="radio" name="dpm-name" value="'+tr_id+','+row_index+','+pml.id+','+pml.title+','+pml.gz+'" title="'+pml.title+'"'+(pmid == pml.id ? 'checked' : '')+'></td>' //
|
||
dpm_show_content_elem += '<td>'+(pml.gz+"="+pml.num)+'</td>' //
|
||
if (global_dkdata.pm_ms == 'm1')
|
||
dpm_show_content_elem += '<td><a href="javascript:'+(pml.is_edit == 'y' ? 'editPml('+i+',\''+row_index+'\')' : '')+';" class="layui-btn layui-btn-xs '+(pml.is_edit == 'y' ? 'layui-btn-primary' : 'layui-btn-disabled')+'">修改</a><a href="javascript:'+(pml.is_edit == 'y' ? 'deleteDpm(\''+pml.id+'\',\''+tr_id+'\')' : '')+';" class="layui-btn layui-btn-xs '+(pml.is_edit == 'y' ? 'layui-btn-primary' : 'layui-btn-disabled')+'">删除</a></td>' //
|
||
dpm_show_content_elem += '</tr>' //
|
||
}
|
||
dpm_show_content_elem += '</tbody>'
|
||
dpm_show_content_elem += '</table></div>'
|
||
if (global_dkdata.pm_ms == "m1")
|
||
dpm_show_content_elem += '<div style="text-align: left; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;"><a href="javascript:editPml(-1,\''+row_index+'\');" class="-dpm-add layui-btn layui-btn-sm layui-btn-primary">新增配码</a></div>'
|
||
|
||
}
|
||
popup_dpm_show_index = layer.open({
|
||
type: 1
|
||
,title: '选择配码' //不显示标题栏
|
||
,closeBtn: 2
|
||
,area: "90%"
|
||
,shade: 0.5
|
||
,shadeClose: true
|
||
,id: 'popup_dpm_show'
|
||
,btnAlign: 'c'
|
||
,moveType: 1 //拖拽模式，0或者1
|
||
,content: dpm_show_content_elem
|
||
})
|
||
|
||
form.render("radio", "dpm")
|
||
}
|
||
})
|
||
|
||
return true
|
||
})
|
||
// 收起多配码编辑
|
||
$(document).on("click", "body", function(e) {
|
||
if ($(e.target).attr("id") != "layui-layer-dpm-show" && !$(e.target).parents("#layui-layer-dpm-show").length) {
|
||
$("#layui-layer-dpm-show").remove()
|
||
}
|
||
})
|
||
// 监听radio
|
||
form.on('radio(dpm-radio)', function(data){
|
||
var vs = data.value.split(",") // 0: row_index, 2: pm_id, 3: pm_title, 4: pm_gz
|
||
,tr_id_arr1 = vs[0].split("_")
|
||
,row_index = vs[1].split("-")
|
||
,pm_id = vs[2]
|
||
,pm_title = vs[3]
|
||
,pm_gz = vs[4]
|
||
,is_existing_pm = false
|
||
$("#dds .dd-row").each(function(row_i) {
|
||
var tr_id_arr2 = $(this).attr("id").split("_")
|
||
if ($(this).attr("id") != vs[0] && tr_id_arr1[1] == tr_id_arr2[1] && tr_id_arr1[2] == tr_id_arr2[2] && $(this).find(".-pm-show").attr("pmid") == vs[2]) {
|
||
is_existing_pm = true
|
||
}
|
||
})
|
||
if (is_existing_pm) {
|
||
layer.open({
|
||
type: 1
|
||
,title: false //不显示标题栏
|
||
,closeBtn: false
|
||
,area: '300px;'
|
||
,shade: 0.5
|
||
,id: 'alert' //设定一个id，防止重复弹出
|
||
,btn: ['确定']
|
||
,btnAlign: 'c'
|
||
,moveType: 1 //拖拽模式，0或者1
|
||
,content: '<div style="padding: 20px; font-weight: bold; font-size: 18px;">该配码已使用。</div>'
|
||
,yes: function(index, layero){
|
||
//do something
|
||
layer.close(index); //如果设定了yes回调，需进行手工关闭
|
||
$(data.elem).attr("checked", false)
|
||
form.render("radio")
|
||
}
|
||
})
|
||
} else {
|
||
if (global_dkdata.dds[row_index[0]].arr_pm.length == 0) global_dkdata.dds[row_index[0]].arr_pm.push({pm: "", pmt: "", xh: "", xs: 0, num: 0})
|
||
var pm = global_dkdata.dds[row_index[0]].arr_pm[row_index[1]]
|
||
,gzs = pm_gz.split(":")
|
||
,zxs = 0
|
||
for (var i = 0; i < gzs.length; i++) {
|
||
zxs += parseInt(gzs[i] ? gzs[i] : '0')
|
||
}
|
||
pm.pmt = pm_title
|
||
pm.pm = pm_gz
|
||
pm.xh = pm_id
|
||
pm.num = zxs * pm.xs
|
||
layer.close(popup_dpm_show_index)
|
||
reloadDdTable2()
|
||
}
|
||
})
|
||
// 选择图片展示
|
||
$(document).on("click", ".content .main-img-area .-box .-choose .-item", function(index) {
|
||
$(".content .main-img-area .-box .-choose .-item").removeClass('active')
|
||
$(this).addClass('active')
|
||
$(".content .main-img-area .-box .-show .-target").css("display", "none")
|
||
var elem = $(".content .main-img-area .-box .-show .-target:nth-child("+$(this).attr("index")+")")
|
||
if (elem[0].nodeName === 'VIDEO' && !elem.attr('src')) elem.attr('src', global_dkdata.vurl)
|
||
elem.show(500)
|
||
})
|
||
|
||
// 搜索，款号，圆牌号
|
||
$("#btn-search").click(function() {
|
||
if (!$("#s-title input").val().replace(/ /g, "")) return true
|
||
var url="./?_m=dk&_a=single&s_title="+$("#s-title input").val()
|
||
console.log(url)
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
console.log(["查询", res])
|
||
if (res_jsondata.code == 100) {
|
||
toPage(res_jsondata.khid)
|
||
} else if (res_jsondata.code == 101) {
|
||
var content_html = "<div style='padding: 15px;'>找到以下符合条件的多项，请选择：</div>"
|
||
for (var i = 0; i < res_jsondata.msg.length; i++) {
|
||
var msgl = res_jsondata.msg[i]
|
||
content_html += '<a href="javascript:toPage('+msgl.khid+')" style="display: block; text-align: left; padding: 10px; color: blue; text-decoration: underline;">'+msgl.title+'</a>'
|
||
}
|
||
layer.open({
|
||
type: 1
|
||
,title: false //不显示标题栏
|
||
,closeBtn: true
|
||
,area: '300px;'
|
||
,shade: 0.8
|
||
,id: 'dp-location' //设定一个id，防止重复弹出
|
||
,btnAlign: 'c'
|
||
,moveType: 1 //拖拽模式，0或者1
|
||
,content: content_html
|
||
})
|
||
} else {
|
||
if (res_jsondata.msg) layui.layer.msg(res_jsondata.msg)
|
||
else layui.layer.msg("操作失败！")
|
||
}
|
||
}
|
||
,beforeSend: function() { u_start_loading() }
|
||
,complete: function() { u_stop_loading() }
|
||
, error: function() { layui.layer.msg("与服务器通信失败！") }
|
||
})
|
||
})
|
||
|
||
// 屏幕旋转时重置部分元素的方位与尺寸
|
||
$(window).resize(function() {
|
||
$("#layui-layer-dpm-show").css({
|
||
top: ((window.innerHeight - 250) / 2)+'px',
|
||
left: (window.innerWidth*0.05)+'px',
|
||
width: (window.innerWidth*0.9)+'px'
|
||
})
|
||
})
|
||
$(window).on("orientationchange",function(){
|
||
$(self.frameElement).parents(".layui-layer-iframe").css({
|
||
"width": "100%",
|
||
"height": "100%",
|
||
"top": "0",
|
||
"left": "0"
|
||
})
|
||
})
|
||
var window_name = window.name
|
||
$(self.frameElement).parents(".layui-layer-iframe").on("resize", function() {
|
||
// safari中iframe内的页面宽度会莫名其妙多一点出来，此处强制将本页宽度修正
|
||
$(".pcki-page").width($(self.frameElement).parents(".layui-layer-iframe").width())
|
||
// 修复iphone端，点击按钮时自动滚到页面顶部以及附带的其他一些问题
|
||
$(".pcki-page").height($(self.frameElement).parents(".layui-layer-iframe").height())
|
||
// 将iframe的高度同步为其父元素.layui-layer-iframe的高度
|
||
$(this).find("[name="+window_name+"]").height($(this).height())
|
||
})
|
||
|
||
if(admin.screen()<2)
|
||
is_mobile="y";
|
||
$(window).on('resize', function(){
|
||
//自动
|
||
if(admin.screen()<2)
|
||
is_mobile="y";
|
||
});
|
||
}) // end layui
|
||
|
||
// 手数变化
|
||
function changeSh(elem) {
|
||
if (parseInt(elem.val()) < 0) {
|
||
layui.layer.msg("数值无效。")
|
||
elem.val("")
|
||
return false
|
||
}
|
||
var pmvs = []
|
||
if ($("#pm").css("display") != "none" && $("#pm .-opts .-use .-item").html()) {
|
||
pmvs = $("#pm .-opts .-use .-item").html().split(":")
|
||
} else if ($("#pm-child").css("display") != "none") {
|
||
var xh = elem.attr("id").split("_")[2]
|
||
for (var i = 0; i < global_dkdata.pms.length; i++) {
|
||
if (global_dkdata.pms[i].xh == xh) {
|
||
pmvs = global_dkdata.pms[i].gz.split(":")
|
||
break
|
||
}
|
||
}
|
||
}
|
||
var pmvsl = pmvs.length
|
||
,shv = parseInt(elem.val() ? elem.val() : "0")
|
||
,row_total = 0
|
||
,is_over_kc = false
|
||
,pmvsIndex = 0
|
||
elem.parents(".dd-row").find("td").each(function(index) {
|
||
var inputElem = $(this).find('input.dd-value')
|
||
if (inputElem.length > 0) {
|
||
var old_val = parseInt(inputElem.val() ? inputElem.val() : '0')
|
||
,new_val = inputElem.attr("pcki-mode") === "disabled" ? old_val : (pmvsIndex < pmvsl ? shv * pmvs[pmvsIndex++] : 0)
|
||
,difference = new_val - old_val
|
||
,colIndex = $(this).attr('col-index')
|
||
,col_total_elem = $("#dds .dd-footer td[col-index="+colIndex+"] .dd-col-total")
|
||
,old_col_total = parseInt(col_total_elem.html() ? col_total_elem.html() : "0")
|
||
,new_col_total = old_col_total + difference
|
||
|
||
row_total += new_val
|
||
|
||
// 库存判断
|
||
if (global_dkdata.is_kc === "y") {
|
||
var kc_elem = $(this).find(".-kc")
|
||
,kc = parseInt(kc_elem.html() ? kc_elem.html() : "0")
|
||
|
||
if (new_val > kc) {
|
||
kc_elem.css("color", "red")
|
||
is_over_kc = true
|
||
} else {
|
||
kc_elem.css("color", "")
|
||
}
|
||
}
|
||
|
||
inputElem.val(new_val != 0 ? new_val : "")
|
||
col_total_elem.html(new_col_total)
|
||
}
|
||
})
|
||
|
||
if (is_over_kc) layui.layer.msg("订单量超出库存")
|
||
var all_total = 0
|
||
$("#dds .dd-footer .dd-col-total").each(function(index) {
|
||
all_total += parseInt($(this).html() ? $(this).html() : "0")
|
||
})
|
||
elem.parents(".dd-row").find(".dd-row-total").html(row_total)
|
||
$("#dds .dd-footer .dd-all-total").html(all_total)
|
||
}
|
||
// 修改订单
|
||
function changeOrder(elem) {
|
||
// elem.val(parseInt(elem.val() ? elem.val() : "0"))
|
||
if (parseInt(elem.val() ? elem.val() : "0") < 0) {
|
||
layui.layer.msg("数值无效。")
|
||
elem.val("")
|
||
}
|
||
var dd_col_total = [] // 列和
|
||
,dd_col_xs_total = 0 // 列箱数和
|
||
,dd_all_total = 0 // 总和
|
||
elem.parents("#dds").find(".dd-row").each(function(row_i) {
|
||
var dd_row_total = 0
|
||
// ,tr_id_arr = $(this).attr("id").split("_")
|
||
,xs = global_dkdata.is_xd_clothes != "y" ? parseInt($(this).find("input.dd-xs").val() ? $(this).find("input.dd-xs").val() : "0") : 1 // 行箱数
|
||
$(this).find("input.dd-value").each(function(col_i) {
|
||
var value = parseInt($(this).val() != "" ? $(this).val() : "0")
|
||
|
||
// 库存判断
|
||
if (global_dkdata.is_kc === "y") {
|
||
var kc_elem = $(this).parents("td").find(".-kc")
|
||
,kc = parseInt(kc_elem.html() ? kc_elem.html() : "0")
|
||
|
||
if (value > kc) {
|
||
kc_elem.css("color", "red")
|
||
if (elem.attr("id") == $(this).attr("id")) layui.layer.msg("订单量超出库存")
|
||
} else {
|
||
kc_elem.css("color", "")
|
||
}
|
||
}
|
||
|
||
if (dd_col_total.length <= col_i) {
|
||
dd_col_total.push(value * xs)
|
||
} else {
|
||
dd_col_total[col_i] += value * xs
|
||
}
|
||
dd_row_total += value
|
||
})
|
||
dd_col_xs_total += xs
|
||
if (global_dkdata.is_xd_clothes != "y") // 鞋子等下单，乘上箱数
|
||
dd_row_total *= xs
|
||
// 填充行和
|
||
$(this).find(".dd-row-total").html(dd_row_total)
|
||
dd_all_total += dd_row_total
|
||
})
|
||
$("#dds .dd-footer .dd-col-total").each(function(index) {
|
||
// 填充列和
|
||
$(this).html(dd_col_total[index])
|
||
})
|
||
$("#dds .dd-footer .dd-col-xs-total").html(dd_col_xs_total)
|
||
// 填充总和
|
||
$("#dds .dd-footer .dd-all-total").html(dd_all_total)
|
||
|
||
if (global_dkdata.is_xd_clothes == "n") { // 鞋子等下单的变动
|
||
var tr_elem = elem.parents("tr.dd-row") // 行
|
||
,row_index = tr_elem.attr("id").split("_")[3] // 行数
|
||
,index = 1
|
||
,pm = ""
|
||
tr_elem.find(".dd-value").each(function(i) {
|
||
if (i != 0) pm += ":"
|
||
pm += $(this).val()
|
||
})
|
||
var a_pm = {
|
||
xh: tr_elem.find(".-pm-show").attr("pmid"),
|
||
pmt: tr_elem.find(".-pm-show").val(),
|
||
pm: pm,
|
||
xs: parseInt(tr_elem.find(".dd-xs").val() ? tr_elem.find(".dd-xs").val() : '0'),
|
||
num: parseInt(tr_elem.find(".dd-row-total").html() ? tr_elem.find(".dd-row-total").html() : '0')
|
||
}
|
||
var is_get = false
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i]
|
||
if (dd.arr_pm.length == 0 && row_index == index++) {
|
||
dd.arr_pm.push(a_pm)
|
||
is_get = true
|
||
break
|
||
} else {
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
if (row_index == index++) {
|
||
dd.arr_pm.splice(j, 1, a_pm)
|
||
is_get = true
|
||
break
|
||
}
|
||
}
|
||
}
|
||
if (is_get) break
|
||
}
|
||
}
|
||
}
|
||
// 保存订单
|
||
function saveOrder() {
|
||
$("#dd-save").click()
|
||
}
|
||
// 跳转，上一，下一
|
||
function toPage(khid) {
|
||
var current_dd = setDdString()
|
||
console.log([current_dd, original_dd])
|
||
if (original_dd !== current_dd) {
|
||
if (confirm("您修改了订单，但还没有保存，是否保存？")) {
|
||
to_page_khid = khid
|
||
$("#dd-save").click()
|
||
}
|
||
}
|
||
location.href = "dk_single.htm?khid=" + khid
|
||
}
|
||
function toFirst() {
|
||
layui.layer.msg('已经是第一款了。')
|
||
}
|
||
function toLast() {
|
||
layui.layer.msg('已经是最后一款了。')
|
||
}
|
||
// 进入搭配款
|
||
function toDpPage(dph) {
|
||
var layer = parent.layer;
|
||
index_dk_single = layer.open({
|
||
type: 2,
|
||
title: '',
|
||
content: 'dp_single'+(global_dkdata.face == 2 ? '_qj' : '')+'.htm?zsh='+dph,
|
||
offset: 'b',
|
||
closeBtn:0,
|
||
anim: 2,
|
||
});
|
||
layer.full(index_dk_single);
|
||
}
|
||
function setDdString() {
|
||
var dd_string = ""
|
||
$("#dds .dd-row").each(function() {
|
||
$(this).find("input.dd-value").each(function(index) {
|
||
dd_string += $(this).val() + ","
|
||
})
|
||
if (global_dkdata.is_xd_clothes != "y") dd_string += $(this).find("input.dd-xs").val() + ","
|
||
})
|
||
return dd_string
|
||
}
|
||
// 多配码，修改
|
||
function editPml(pm_index, row_index) {
|
||
var dpm_edit_content_elem = ""
|
||
,pm = pm_index >= 0 ? pm_data.pm[pm_index] : {gz: "",id: "",is_edit: "y",num: "0",title: ""}
|
||
dpm_edit_content_elem += '<div class="-edit-view" style="padding: 2px 5px;">'
|
||
dpm_edit_content_elem += '<table class="layui-table" lay-size="sm">'
|
||
dpm_edit_content_elem += '<colgroup><col><col><col><col></colgroup>'
|
||
dpm_edit_content_elem += '<thead><tr><th style="text-align: center;">名称</th>' // 名称
|
||
for (var i = 0; i < global_dkdata.cmz.length; i++) { // 尺码
|
||
dpm_edit_content_elem += '<th style="text-align: center;">'+global_dkdata.cmz[i].title+'</th>'
|
||
}
|
||
dpm_edit_content_elem += '<th style="text-align: center; min-width: 75px;">装箱数('+pm_data.zxs+')</th></tr></thead>' // 装箱数
|
||
dpm_edit_content_elem += '<tbody><tr>'
|
||
dpm_edit_content_elem += '<th><input pcki-mode="none" value="'+pm.title+'" class="-title layui-input" style="text-align: center; min-width: 60px;"></th>' // 名称
|
||
var gzs = pm.gz.split(":")
|
||
,zxs = 0
|
||
for (var i = 0; i < global_dkdata.cmz.length; i++) { // 尺码
|
||
var gz = gzs.length > i ? gzs[i] : ""
|
||
dpm_edit_content_elem += '<th><input type="number" value="'+(gz != "0" ? gz : "")+'" class="-gz layui-input" style="text-align: center; min-width: 30px;" pcki-change="changeEditPml" pcki-save="saveEditPml(\''+pm.id+'\',\''+row_index+'\')"></th>'
|
||
zxs += parseInt(gz ? gz : "0")
|
||
}
|
||
dpm_edit_content_elem += '<th class="-total" style="text-align: center;">'+zxs+'</th>' // 装箱数
|
||
dpm_edit_content_elem += '</tr></tbody>'
|
||
dpm_edit_content_elem += '</table>'
|
||
dpm_edit_content_elem += '</div>'
|
||
popup_dpm_edit_index = layer.open({
|
||
type: 1
|
||
,title: '修改配码（装箱数：'+global_dkdata.zxs+'）' //不显示标题栏
|
||
,closeBtn: 0
|
||
,area: "90%"
|
||
,shade: 0.5
|
||
,shadeClose: true
|
||
,id: 'popup_dpm_edit'
|
||
,btnAlign: 'c'
|
||
,moveType: 0 //拖拽模式，0或者1
|
||
,content: dpm_edit_content_elem
|
||
,btn: ['保存', '返回']
|
||
,yes: function(index, layero){
|
||
saveEditPml(pm.id, row_index)
|
||
return false
|
||
}
|
||
,success: function() {
|
||
pInitCustomKeyboard({
|
||
pck_enabled: global_dkdata.sys_ck_input,
|
||
pck_cypm: global_dkdata.cypm,
|
||
pck_jpty: global_dkdata.jpty,
|
||
pck_uid: global_dkdata.uid,
|
||
pck_page: "dk"
|
||
})
|
||
layer.close(popup_dpm_show_index)
|
||
}
|
||
,end: function() {
|
||
$("table tr[row-index="+row_index+"] .-pm-show").click()
|
||
}
|
||
})
|
||
}
|
||
// 编辑多配码
|
||
function changeEditPml(elem) {
|
||
var total = 0
|
||
,tr_elem = elem.parents("tr")
|
||
tr_elem.find(".-gz").each(function() {
|
||
total += parseInt($(this).val() ? $(this).val() : "0")
|
||
})
|
||
tr_elem.find(".-total").html(total)
|
||
}
|
||
// 保存多配码
|
||
function saveEditPml(pm_id, tr_id) {
|
||
var data = {
|
||
title: $(".layui-layer-page .layui-layer-content .-edit-view .-title").val()
|
||
}
|
||
var new_pm = ""
|
||
,pm_sizes = pm_data.size.split(",")
|
||
$(".layui-layer-page .layui-layer-content .-edit-view .-gz").each(function(row_i) {
|
||
data["gz_"+pm_sizes[row_i]] = $(this).val() ? $(this).val() : "0"
|
||
new_pm += (row_i != 1 ? ":" : "") +($(this).val() ? $(this).val() : "0")
|
||
})
|
||
var url = "./?_m=pm&dpid="+global_dkdata.uid+"&iid="+global_dkdata.khid+"&_a=save_add"+"&obj="+tr_id+"&id="+pm_id
|
||
console.log(["pm save", data])
|
||
$.ajax({
|
||
url: url
|
||
,method: "POST"
|
||
,data: data
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
console.log(["pm save return", res_jsondata])
|
||
if (res_jsondata.code == 101) {
|
||
layui.layer.msg("修改成功。")
|
||
|
||
// 更新使用该配码的行
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i]
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
var a_pm = dd.arr_pm[j]
|
||
console.log([a_pm.xh, pm_id])
|
||
if (a_pm.xh == pm_id) {
|
||
a_pm.pm = new_pm
|
||
}
|
||
}
|
||
}
|
||
reloadDdTable2()
|
||
layer.close(popup_dpm_edit_index)
|
||
} else if (res_jsondata.code == 0) {
|
||
layui.layer.msg(res_jsondata.msg ? res_jsondata.msg : "保存失败。")
|
||
}
|
||
}
|
||
})
|
||
}
|
||
// 当键盘弹出时
|
||
function popupSuccess1(elem) {
|
||
|
||
}
|
||
// 删除多配码
|
||
function deleteDpm(pm_id, tr_id) {
|
||
if (confirm("您确定要删除这个配码吗？")) {
|
||
var url = "./?_m=pm&dpid="+global_dkdata.uid+"&iid="+global_dkdata.khid+"&_a=del"+"&obj="+tr_id+"&id="+pm_id
|
||
console.log(url)
|
||
$.ajax({
|
||
url: url
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
console.log(["pm delete", res_jsondata])
|
||
if (res_jsondata.code == 101) {
|
||
layui.layer.msg("删除成功。")
|
||
layer.close(popup_dpm_show_index)
|
||
$("#"+tr_id+" .-pm-show").click()
|
||
} else if (res_jsondata.code == 0) {
|
||
layui.layer.msg(res_jsondata.msg ? res_jsondata.msg : "删除失败。")
|
||
}
|
||
}
|
||
})
|
||
}
|
||
}
|
||
// 鞋子等下单
|
||
function reloadDdTable2() {
|
||
$("#dds").html("")
|
||
//--------表头
|
||
var dd_header = "<tr class='dd-header'>" // 表头
|
||
,col_count = 0 // 列数
|
||
,cm_front_count = 0 // 尺码前格数
|
||
dd_header += "<td dd-w='3'>颜色</td>"
|
||
col_count += 3
|
||
cm_front_count++
|
||
if (global_dkdata.is_ggk != "n") {
|
||
dd_header += "<td dd-w='1'>"+global_dkdata.translate_gg+"</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
}
|
||
if (global_dkdata.sys_ver_hy == "xz") {
|
||
dd_header += "<td dd-w='2' style='min-width: 85px;'>多配码编辑</td>"
|
||
col_count += 2
|
||
cm_front_count++
|
||
}
|
||
dd_header += "<td dd-w='1'>配码</td>"
|
||
col_count++
|
||
cm_front_count++
|
||
// 以上，尺码前
|
||
// 尺码格
|
||
for (var i = 0; i < global_dkdata.cmz.length; i++) {
|
||
dd_header += "<td dd-w='1'>"+global_dkdata.cmz[i].title+"</td>"
|
||
col_count++
|
||
}
|
||
dd_header += "<td dd-w='1'>箱数</td>"
|
||
col_count++
|
||
dd_header += "<td dd-w='1'>双数</td>"
|
||
col_count++
|
||
dd_header += "</tr>"
|
||
$("#dds").append(dd_header)
|
||
$("#dds .dd-header td").each(function() {
|
||
$(this).width(100/col_count*parseInt($(this).attr("dd-w"))+"%") // 调整格宽
|
||
})
|
||
//--------表身
|
||
var current_color = "" // 当前色
|
||
,row_index = 1 // 行数
|
||
,same_row_index = 0 // 同色行数，用于rowspan
|
||
,dd_col_total = [] // 列合计
|
||
,dd_col_xs_total = 0 // 列箱数和
|
||
,dd_all_total = 0 // 总和
|
||
for (var i = 0; i < global_dkdata.dds.length; i++) {
|
||
var dd = global_dkdata.dds[i] // 行数据
|
||
,dd_body_row = '' // 行文本
|
||
,col_index = 0
|
||
dd_body_row += '<tr id="pm_'+dd.color+'_'+dd.gg+'_'+row_index+'" row-index="'+i+'-'+'0'+'-'+row_index+'" class="dd-row">' // row-index: i-j-row_i
|
||
if (dd.color != current_color) { // 新色
|
||
$("#dds .dd-row .col-color-"+current_color).attr("rowspan", same_row_index)
|
||
$("#dds").append("<tr><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 分割线
|
||
current_color = dd.color
|
||
same_row_index = 0
|
||
// 颜色格
|
||
dd_body_row += '<td col-index="'+(++col_index)+'" class="col-color-'+dd.color+'">'+dd.color+'-'+dd.colort+'</td>'
|
||
} else {
|
||
}
|
||
same_row_index += parseInt(dd.count)
|
||
// 规格格
|
||
if (global_dkdata.is_ggk != "n") dd_body_row += '<td col-index="'+(++col_index)+'" rowspan="'+dd.count+'">'+dd.ggt+'</td>'
|
||
if (dd.arr_pm.length == 0) {
|
||
// 多配码编辑格
|
||
if (global_dkdata.sys_ver_hy == "xz") dd_body_row += '<td col-index="'+(++col_index)+'"><span><a class="-pm-add layui-btn layui-btn-xs g-theme-a-a">新增</a><a class="-pm-dlt layui-btn layui-btn-xs layui-btn-primary g-theme-a-a">删除</a></span></td>'
|
||
// 配码格
|
||
var pmg_name = global_dkdata.sys_ver_hy == "xz" ?
|
||
"pm_"+dd.color+"_"+dd.gg+"_"+row_index :
|
||
"pm_"+dd.color+"_"+dd.gg
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><span style="position: relative;"><input pcki-mode="none" type="button" id="pmg-'+row_index+'-" name="'+pmg_name+'" value="" class="-pm-show layui-btn layui-btn-primary g-theme-a-b" pmid="" style="min-width: 30px; padding: 0;"></span></td>'
|
||
// 尺码格
|
||
for (var j = 0; j < global_dkdata.cmz.length; j++) {
|
||
var cmg_name = global_dkdata.sys_ver_hy == "xz" ?
|
||
"pm_num_"+dd.color+"_"+dd.gg+"_"+row_index+"_"+global_dkdata.cmz[j].no :
|
||
"num_"+dd.color+"_"+dd.gg+"_"+global_dkdata.cmz[j].no
|
||
var pckiMode = ''
|
||
if (global_dkdata.this_disable) pckiMode = 'disabled'
|
||
else if (global_dkdata.pm_ms === 'm2') pckiMode = 'readonly'
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><input type="number" name="'+cmg_name+'" value="" class="dd-value layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder" pcki-popup-success="popupSuccess1" pcki-mode="'+pckiMode+'"></td>'
|
||
original_dd += ","
|
||
if (dd_col_total.length <= j) dd_col_total.push(0)
|
||
}
|
||
// 箱数格
|
||
var xsg_id = global_dkdata.sys_ver_hy == "xz" ?
|
||
"xs_"+dd.color+"_"+dd.gg+"_"+row_index :
|
||
"xs_"+dd.color+"_"+dd.gg
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><input type="number" id="'+xsg_id+'" name="'+xsg_id+'" value="" class="dd-xs layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder"'+(global_dkdata.this_disable ? ' pcki-mode="disabled"' : '')+'></td>'
|
||
original_dd += ","
|
||
// 双数格
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><span class="dd-row-total">0</span></td>'
|
||
dd_body_row += '</tr>'
|
||
row_index++
|
||
} else {
|
||
for (var j = 0; j < dd.arr_pm.length; j++) {
|
||
if (j > 0) {
|
||
dd_body_row += '<tr id="pm_'+dd.color+'_'+dd.gg+'_'+row_index+'" row-index="'+i+'-'+j+'-'+row_index+'" class="dd-row">' // row-index: i-j-row_i
|
||
}
|
||
var pmdata = dd.arr_pm[j]
|
||
// 多配码编辑格
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><span><a class="-pm-add layui-btn layui-btn-xs g-theme-a-a">新增</a><a class="-pm-dlt layui-btn layui-btn-xs layui-btn-primary g-theme-a-b">删除</a></span></td>'
|
||
// 配码格
|
||
var pmg_name = "pm_"+dd.color+"_"+dd.gg+"_"+row_index
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><span style="position: relative;"><input pcki-mode="none" type="button" id="pmg-'+row_index+'-'+pmdata.xh+'" name="'+pmg_name+'" value="'+pmdata.pmt+'" class="-pm-show layui-btn layui-btn-primary g-theme-a-b" pmid="'+pmdata.xh+'" style="min-width: 30px; padding: 0;"></span></td>'
|
||
var cmdata = pmdata.pm.split(":") // 尺码数据
|
||
// 尺码格
|
||
var k = 0
|
||
for (;k < cmdata.length; k++) {
|
||
var cmg_name = "pm_num_"+dd.color+"_"+dd.gg+"_"+row_index+"_"+global_dkdata.cmz[k].no
|
||
var pckiMode = ''
|
||
if (global_dkdata.this_disable) pckiMode = 'disabled'
|
||
else if (global_dkdata.pm_ms === 'm2') pckiMode = 'readonly'
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><input type="number" name="'+cmg_name+'" value="'+(cmdata[k] != 0 ? cmdata[k] : '')+'" class="dd-value layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder" pcki-mode="'+pckiMode+'"></td>'
|
||
original_dd += (cmdata[k] != 0 ? cmdata[k] : "") +","
|
||
if (dd_col_total.length <= k) dd_col_total.push(parseInt(cmdata[k] ? cmdata[k] * pmdata.xs : "0"))
|
||
else dd_col_total[k] += parseInt(cmdata[k] ? cmdata[k] * pmdata.xs : "0")
|
||
}
|
||
for (; k < global_dkdata.cmz.length; k++) { // 若cmdata数少于cmz数
|
||
var cmg_name = "pm_num_"+dd.color+"_"+dd.gg+"_"+row_index+"_"+global_dkdata.cmz[k].no
|
||
var pckiMode = ''
|
||
if (global_dkdata.this_disable) pckiMode = 'disabled'
|
||
else if (global_dkdata.pm_ms === 'm2') pckiMode = 'readonly'
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><input type="number" name="'+cmg_name+'" value="" class="dd-value layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder" pcki-mode="'+pckiMode+'"></td>'
|
||
original_dd += ","
|
||
if (dd_col_total.length <= k) dd_col_total.push(0)
|
||
}
|
||
// 箱数格
|
||
var xsg_id = "xs_"+dd.color+"_"+dd.gg+"_"+row_index
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><input type="number" id="'+xsg_id+'" name="'+xsg_id+'" value="'+(pmdata.xs != 0 ? pmdata.xs : '')+'" class="dd-xs layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder"'+(global_dkdata.this_disable ? ' pcki-mode="disabled"' : '')+'></td>'
|
||
dd_col_xs_total += parseInt(pmdata.xs ? pmdata.xs : "0")
|
||
original_dd += (pmdata.xs != 0 ? pmdata.xs : "") + ","
|
||
// 双数格
|
||
dd_body_row += '<td col-index="'+(++col_index)+'"><span class="dd-row-total">'+(pmdata.num ? pmdata.num : '0')+'</span></td>'
|
||
dd_body_row += '</tr>'
|
||
dd_all_total += parseInt(pmdata.num ? pmdata.num : "0")
|
||
row_index++
|
||
}
|
||
}
|
||
|
||
$("#dds").append(dd_body_row)
|
||
}
|
||
$("#dds .dd-row .col-color-"+current_color).attr("rowspan", same_row_index) // 补充最后一行的color rowspan
|
||
$("#dds").append("<tr><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 分割线
|
||
// // layer.tips("已删除", ".del-color") // 无效
|
||
// $('.del-color').on('click', function(){ // 设定删除款tip
|
||
// layer.tips('已删除', this); //在元素的事件回调体中，follow直接赋予this即可
|
||
// })
|
||
//--------表尾
|
||
var dd_footer = "<tr class='dd-footer'><td col-index='1' colspan='"+cm_front_count+"' style='text-align: right;'>合计</td>"
|
||
for (var k = 0; k < dd_col_total.length; k++) {
|
||
dd_footer += "<td col-index='"+(k+2)+"'><span class='dd-col-total'>"+dd_col_total[k]+"</span></td>"
|
||
}
|
||
dd_footer += "<td col-index='"+(k+2)+"'><span class='dd-col-xs-total'>"+dd_col_xs_total+"</span></td>"
|
||
dd_footer += "<td><span class='dd-all-total'>"+dd_all_total+"</span></td></tr>"
|
||
$("#dds").append(dd_footer)
|
||
pInitCustomKeyboard({
|
||
pck_enabled: global_dkdata.sys_ck_input,
|
||
pck_cypm: global_dkdata.cypm,
|
||
pck_jpty: global_dkdata.jpty,
|
||
pck_uid: global_dkdata.uid,
|
||
pck_page: "dk"
|
||
}) // 键盘初始化
|
||
}
|
||
// 检测配码是否等于装箱数
|
||
function checkPmWithZxs() {
|
||
var zxs = global_dkdata.zxs ? global_dkdata.zxs.split(",") : []
|
||
,is_return = false
|
||
$("#dds .dd-row").each(function(row_i) {
|
||
var pm_v = 0
|
||
,row_elem = $(this)
|
||
row_elem.find(".dd-value").each(function() {
|
||
pm_v += parseInt($(this).val() ? $(this).val() : 0)
|
||
})
|
||
// 判断配码是否与装箱数相符
|
||
if (zxs.length > 0 && pm_v > 0 && zxs.indexOf(""+pm_v) == -1) {
|
||
layer.open({
|
||
type: 1
|
||
,title: false //不显示标题栏
|
||
,closeBtn: false
|
||
,area: '300px;'
|
||
,shade: 0.5
|
||
,id: 'alert' //设定一个id，防止重复弹出
|
||
,btn: ['确定']
|
||
,btnAlign: 'c'
|
||
,moveType: 1 //拖拽模式，0或者1
|
||
,content: '<div style="padding: 20px; font-weight: bold; font-size: 18px;">第'+(row_i+1)+'行配装错误<br>（装箱数：'+zxs+'）</div>'
|
||
,yes: function(index, layero){
|
||
layer.close(index); //如果设定了yes回调，需进行手工关闭
|
||
}
|
||
})
|
||
is_return = true
|
||
return false
|
||
}
|
||
})
|
||
return !is_return
|
||
}
|
||
|
||
// 开始沙盘订货标记
|
||
function setSpdhContent(spdh) {
|
||
$("#spdh .-info-area .-text .-shzq .-v").html(spdh.date.text ? spdh.date.text : "-")
|
||
$("#spdh .-info-area .-text .-yjsx .-v").html(spdh.yjxs ? spdh.yjxs : "-")
|
||
}
|
||
|
||
// 不要本款
|
||
function del_spdh() {
|
||
if (confirm("确定删除标记吗？")) {
|
||
var url = "./?_m=dk&uid="+global_dkdata.uid+"&iid="+global_dkdata.khid+"&_a=del_sszq"
|
||
console.log(url)
|
||
$.ajax({
|
||
url: url
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
console.log(["pm delete", res_jsondata])
|
||
if (res_jsondata.code == 101) {
|
||
layui.layer.msg("删除成功。")
|
||
spdh_slider.setValue(0)
|
||
$("#spdh .-option-area .-input").val("")
|
||
$("#spdh .-option-area .-date option:first").attr("selected", true)
|
||
layui.form.render("select", "spdh")
|
||
$("#spdh .-info-area .-text .-shzq .-v").html("-")
|
||
$("#spdh .-info-area .-text .-yjsx .-v").html("-")
|
||
// 所有iframe都应该统一为main.htm的一级子iframe
|
||
$("iframe", top.document).each(function(index) {
|
||
if ($(this).attr("name") != window.name && typeof $(this)[0].contentWindow.update_reload == "function")
|
||
$(this)[0].contentWindow.update_reload()
|
||
})
|
||
showOrHideSpdh("hide")
|
||
} else if (res_jsondata.code == 0) {
|
||
layui.layer.msg(res_jsondata.msg ? res_jsondata.msg : "删除失败。")
|
||
}
|
||
}
|
||
})
|
||
}
|
||
}
|
||
|
||
// 显隐沙盘订货
|
||
function showOrHideSpdh(p) {
|
||
if (p == 'toggle') {
|
||
$('#spdh .-option-area').toggle(500);
|
||
} else if (p == "hide") {
|
||
$('#spdh .-option-area').hide(500);
|
||
} else if (p == "show") {
|
||
$('#spdh .-option-area').show(500);
|
||
}
|
||
}
|
||
// 保存沙盘订货标记
|
||
function save_spdh(is_xd) {
|
||
var date = $("#spdhdate option:selected").text()
|
||
var yjxs = $("#spdh .-option-area .-input").val()
|
||
// 如果两个值都没有，则不做反应
|
||
if (date == "选择上市日期" && !yjxs) {
|
||
return
|
||
} else if (date == "选择上市日期") {
|
||
layui.layer.msg("请选择沙盘订货上市日期")
|
||
return
|
||
} else if (!yjxs) {
|
||
layui.layer.msg("请选择沙盘订货销售天数")
|
||
return
|
||
}
|
||
console.log([date, yjxs, "Save Spdh"])
|
||
var url = "./?_m=dk&uid="+global_dkdata.uid+"&iid="+global_dkdata.khid+"&_a=save_sszq&date="+date+"&yjxs="+yjxs
|
||
// console.log(url, "Spdh Url")
|
||
$.ajax({
|
||
url: url
|
||
,success: function(res) {
|
||
var res_jsondata = $.parseJSON(res)
|
||
//console.log(["pm delete", res_jsondata])
|
||
if (res_jsondata.code == 101) {
|
||
if (!is_xd) layui.layer.msg("保存成功。")
|
||
// 所有iframe都应该统一为main.htm的一级子iframe
|
||
$("iframe", top.document).each(function(index) {
|
||
if ($(this).attr("name") != window.name && typeof $(this)[0].contentWindow.update_reload == "function")
|
||
$(this)[0].contentWindow.update_reload()
|
||
})
|
||
showOrHideSpdh("hide")
|
||
} else if (res_jsondata.code == 0) {
|
||
layui.layer.msg(res_jsondata.msg ? res_jsondata.msg : "沙盘订货保存失败。")
|
||
}
|
||
}
|
||
})
|
||
}
|
||
// 打开相关页
|
||
function openThePage(face, htm, cate, id){
|
||
layui.use('layer', function(){
|
||
if(face == "2")
|
||
var url1 = htm+"_single_qj.htm?"+cate+"="+id;
|
||
else
|
||
var url1 = htm+"_single.htm?"+cate+"="+id;
|
||
var layer = parent.layer;
|
||
var index = layer.open({
|
||
type: 2,
|
||
title: '',
|
||
content: url1,
|
||
offset: 'b',
|
||
closeBtn:0,
|
||
anim: 2,
|
||
});
|
||
layer.full(index);
|
||
});
|
||
}
|
||
// 设置短视频自动全屏，针对安卓
|
||
var fullscreen = function(elem) {
|
||
var prefix = 'webkit';
|
||
if ( elem[prefix + 'EnterFullScreen'] ) {
|
||
return prefix + 'EnterFullScreen';
|
||
} else if( elem[prefix + 'RequestFullScreen'] ) {
|
||
return prefix + 'RequestFullScreen';
|
||
};
|
||
return false;
|
||
}
|
||
function setAutoFullscreen() {
|
||
layui.use('jquery', function(){
|
||
var $ = layui.jquery
|
||
|
||
var ua = navigator.userAgent.toLowerCase();
|
||
var Android = String(ua.match(/android/i)) == "android"
|
||
// if(!Android) return;//非android系统不使用;
|
||
|
||
if ($(".content.-for-"+isPadOrPhone+" .content .main-img-area .-box .-show video").length < 1) return;
|
||
|
||
var video_elem = $(".content.-for-"+isPadOrPhone+" .content .main-img-area .-box .-show video")[0]
|
||
var fullscreenvideo = fullscreen(document.createElement("video"));
|
||
if(!fullscreenvideo) {
|
||
alert("不支持全屏");
|
||
return;
|
||
}
|
||
video_elem.addEventListener("webkitfullscreenchange",function(e){
|
||
console.log("webkitfullscreenchange")
|
||
if(!document.webkitIsFullScreen){//退出全屏暂停视频
|
||
this.pause();
|
||
};
|
||
}, false);
|
||
video_elem.addEventListener('play',function(){
|
||
// 播放自动进入全屏
|
||
if (video_elem.requestFullscreen) {
|
||
alert("video_elem.requestFullscreen")
|
||
video_elem.requestFullscreen();
|
||
} else if (video_elem.mozRequestFullScreen) {
|
||
alert("video_elem.mozRequestFullScreen")
|
||
video_elem.mozRequestFullScreen();
|
||
} else if (video_elem.webkitRequestFullScreen) {
|
||
alert("video_elem.webkitRequestFullScreen")
|
||
video_elem.webkitRequestFullScreen();
|
||
}
|
||
})
|
||
video_elem.addEventListener('ended',function(){
|
||
//播放完毕自动退出全屏
|
||
if (document.exitFullscreen) {
|
||
document.exitFullscreen();
|
||
} else if (document.mozCancelFullScreen) {
|
||
document.mozCancelFullScreen();
|
||
} else if (document.webkitCancelFullScreen) {
|
||
document.webkitCancelFullScreen();
|
||
}
|
||
},false);
|
||
})
|
||
}
|
||
// 关闭本frame
|
||
function close_this_frame() {
|
||
var current_dd = setDdString()
|
||
console.log([current_dd, original_dd])
|
||
if (original_dd !== current_dd) {
|
||
if (confirm("您修改了订单，但还没有保存，是否保存？")) {
|
||
$("#dd-save").click()
|
||
}
|
||
}
|
||
u_close_this_div()
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |