2178 lines
107 KiB
HTML
2178 lines
107 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" />
|
||
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
||
<link rel="stylesheet" href="index.css">
|
||
<style>
|
||
/* 监听body点击冒泡，iOS没有该属性无法监听 */
|
||
body { cursor:pointer }
|
||
.pcki-page {overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
|
||
.content #info .title{color: #9b9b9b; text-align: right;}
|
||
.content #info .text{font-weight: bold; text-align: left;}
|
||
#dds td { padding: 1px; }
|
||
#dds .dd-row input { max-width: 80px; margin: auto; }
|
||
.div_input_remark {margin-bottom: 10px;}
|
||
.div_save_remark {width:80px; padding:4px; display: inline-block;}
|
||
.div_button_del_pj {padding: 4px; display: inline-block;}
|
||
#layui-layer-dpm-show .layui-form-radio {margin: 0;}
|
||
#layui-layer-dpm-show .layui-layer-btn {display: none;}
|
||
|
||
#order .layui-tab .layui-tab-title { overflow: hidden; }
|
||
#order .layui-tab-item .number .layui-btn { font-size: 24px; font-weight: bold; background-color: #f6f6f6; color: black; }
|
||
#order .layui-tab-item .number .layui-btn[disabled] { background-color: rgba(204, 204, 204, 0.4); color: white; }
|
||
#order .layui-tab-item .number .layui-btn[disabled]:hover { opacity: 1; }
|
||
#order .layui-tab-item .number input { width: 60px; vertical-align: middle; height: 30px; display: inline-block; background-color: #f6f6f6; border-radius: 0; border: none; text-align: center; }
|
||
|
||
.my-tab-more {
|
||
padding-right: 30px;
|
||
height: auto!important;
|
||
white-space: normal!important;
|
||
}
|
||
.my-tab-more .layui-tab-bar .layui-icon {
|
||
top: -2px;
|
||
top: 3px\9;
|
||
-webkit-transform: rotate(180deg);
|
||
transform: rotate(180deg);
|
||
}
|
||
.layui-tab .inner-tab-title .layui-this { background-color: #f8f8f8; }
|
||
.layui-tab-card>.my-tab-more .layui-this:after {
|
||
border: none;
|
||
}
|
||
.my-tab-more li.layui-this:after {
|
||
border-bottom-color: #e2e2e2;
|
||
border-radius: 2px;
|
||
}
|
||
.layui-tab-card>.my-tab-more .layui-this {
|
||
background: 0 0;
|
||
color: #5FB878;
|
||
}
|
||
</style>
|
||
<!-- 引入 -->
|
||
|
||
<!-- jquery -->
|
||
<script src="js/jquery.min.js"></script>
|
||
|
||
<script src="layuiadmin/layui/layui.js"></script>
|
||
<script src="js/function.js"></script>
|
||
<!-- universal -->
|
||
<script src="js/universal/universal.js"></script>
|
||
<link rel="stylesheet" href="js/universal/universal.css">
|
||
<!-- p_custom_keyboard js -->
|
||
<script src="js/p_custom_keyboard/p_custom_keyboard.js"></script>
|
||
<link rel="stylesheet" href="js/p_custom_keyboard/p_custom_keyboard.css">
|
||
<!-- viewer js -->
|
||
<script src="js/viewer/viewer.js"></script>
|
||
<link rel="stylesheet" href="js/viewer/viewer.min.css">
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="pcki-page">
|
||
<div class="state_bar">
|
||
<div class="text_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="header">
|
||
<a id="btn-prev" class="-btn-into" style="position: absolute; top: 0px; left: 20px;">
|
||
<i class="layui-icon layui-icon-left"></i>上一款</a>
|
||
<div id="s-title" class="-text layui-input-inline" style="width: 20%; margin-right: 10px; max-width: 150px; min-width: 100px;"><input type="text" placeholder="款号或圆牌号" class="layui-input" style="border-radius:10px 10px 10px 10px;"></div>
|
||
<a id="btn-search" class="-btn-query layui-btn layui-input-inline" style="border-radius:10px 10px 10px 10px; background-color: #F04122; padding: 0 10px;">查询</a>
|
||
<a id="btn-next" class="-btn-into" style="position: absolute; top: 0; right: 20px;">下一款<i class="layui-icon layui-icon-right"></i></a>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<div class="content layui-row layui-col-space10" style="padding: 0 10px;">
|
||
<div class="layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div id="pic" style="position: relative;">
|
||
<div class="-show"></div>
|
||
<div class="-choose" style="position: absolute; line-height: 40px; left: 0; bottom: 0; text-align: left;"></div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div id="xj">
|
||
<span style="display: inline-block; vertical-align: middle; color: #9b9b9b;">我的评分</span>
|
||
<span id="xj-item" style="display: inline-block; vertical-align: middle;"></span>
|
||
</div>
|
||
<div id="pjwz" style="margin: 10px 0;"></div>
|
||
<div id="dhl"></div>
|
||
</div>
|
||
</div>
|
||
<!-- 沙盘订货 -->
|
||
<div id="spdh" class="layui-form" lay-filter="spdh" style="padding: 0 10px; display: none;">
|
||
<hr class="layui-bg-gray">
|
||
<!-- 操作区 -->
|
||
<div class="-option-area" style="position: relative; display: none; 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" style="display: none;">
|
||
<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" style="display: none;">
|
||
<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" style="border-color: #F04122; color: #F04122; 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" style="border-color: #F04122; color: #F04122; 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 with-pm" style="display: none;">
|
||
<!-- 配码 -->
|
||
<div class="state-y layui-row" style="padding: 0 10px;">
|
||
<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" style="display: none;">
|
||
<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" style="background-color: #F04122;">自定义配码</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" style="width: 100%; display: none;">
|
||
<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" style="background-color: #F04122; width: 60px; display: inline-block; vertical-align: middle;">保存</a>
|
||
<a class="-del layui-btn layui-btn-sm layui-btn-primary" style="border-color: #F04122; color: #F04122; 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" style="display: none;">
|
||
<div class="-opts layui-row" style="margin-top: 16px;"></div>
|
||
</div>
|
||
</div>
|
||
<hr class="state-y layui-bg-gray">
|
||
<form id="dd-form" class="layui-form" style="padding: 0 10px;">
|
||
<!-- 保存 取消 -->
|
||
<div class="" style="text-align: right;">
|
||
<a href="javascript:void(0)" id="dd-save" lay-submit lay-filter="dd-save" class="layui-btn" style="background-color: #F04122;">保存订单</a>
|
||
<a href="javascript:void(0)" id="dd-reload" class="layui-btn layui-btn-primary" style="border-color: #F04122; color: #F04122;">取消订单</a>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<!-- 订单详细 -->
|
||
<input id="khid" name="khid" style="display: none;">
|
||
<input id="uid" name="uid" style="display: none;">
|
||
<div id="order" style="width: 100%; margin: auto;"></div>
|
||
<table id="dds" class='pck-input-wrapper' style="width: 100%; margin: auto;"></table>
|
||
</form>
|
||
<div class="content layui-row layui-col-space10" style="padding: 0 10px;">
|
||
<hr class="layui-bg-gray" style="padding: 0;">
|
||
<div id="info" class="layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-xxs12">
|
||
<div id="gz" class="layui-row"><div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12"><div class="layui-col-lg6" style="color:#00A1F8; font-weight: bold;"><i class="layui-icon layui-icon-tips" style="display: inline-block; vertical-align: middle; margin-right: 5px;"></i><span class="text" style="display: inline-block; vertical-align: middle;"></span></div></div></div>
|
||
<div id="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 id="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 id="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 id="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 id="zds"></div>
|
||
<div id="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 id="zxs" class="layui-row layui-col-space10" style="display: none;"><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 id="ds"></div>
|
||
</div>
|
||
</div>
|
||
<hr class="layui-bg-gray">
|
||
<!-- 相关搭配款 -->
|
||
<div class="dpks-belonging" style="text-align: left; padding: 0 10px;">相关搭配款</div>
|
||
<div id="dpks" class="dpks-belonging layui-row" style="padding: 0 10px;"></div>
|
||
<hr class="dpks-belonging layui-bg-gray">
|
||
<!-- 相关搭配 -->
|
||
<div class="dps-belonging" style="text-align: left; padding: 0 10px;">相关搭配</div>
|
||
<div id="dps" class="dps-belonging layui-row" style="padding: 0 10px;"></div>
|
||
<hr class="dps-belonging layui-bg-gray">
|
||
<!-- 相关陈列 -->
|
||
<div class="cls-belonging" style="text-align: left; padding: 0 10px;">相关陈列</div>
|
||
<div id="cls" class="cls-belonging layui-row" style="padding: 0 10px;"></div>
|
||
<hr class="cls-belonging layui-bg-gray">
|
||
<!-- 相关橱窗 -->
|
||
<div class="ccs-belonging" style="text-align: left; padding: 0 10px;">相关橱窗</div>
|
||
<div id="ccs" class="ccs-belonging layui-row" style="padding: 0 10px;"></div>
|
||
<hr class="ccs-belonging layui-bg-gray">
|
||
|
||
</div>
|
||
|
||
|
||
<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
|
||
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);
|
||
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")
|
||
|
||
// safari中iframe内的页面宽度会莫名其妙多一点出来，此处强制将本页宽度修正
|
||
$(".pcki-page").width($(self.frameElement).parents(".layui-layer-iframe").width())
|
||
// 修复iphone端，点击按钮时自动滚到页面顶部以及附带的其他一些问题
|
||
$(".pcki-page").height($(self.frameElement).parents(".layui-layer-iframe").height())
|
||
|
||
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-prev").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 #pic .-show").append("<img class='-target' data-src='"+pic.pic_big+"' data-original='"+pic.pic_big+"' style='"+(n == 0 && n == temp_pic_n ? "" : "display: none; ")+"width: "+pic.pic_big_w+"px; height: "+pic.pic_big_h+"px; max-width: 300px; max-height: 400px;' watermark>")
|
||
$(".content #pic .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item' style='width: 30px; height: 42px; line-height: 42px; margin: 1px; display: inline-block; border: solid 1px "+(n == 0 && n == temp_pic_n ? "#F04122" : "#9b9b9b")+"; text-align: center; cursor: pointer; vertical-align: middle;'><img data-src='"+pic.pic+"' style='width: "+pic.pic_w+"px; height: "+pic.pic_h+"px; max-width: 30px; max-height: 40px;' watermark></a>")
|
||
}
|
||
// 细节图
|
||
for (var n = 0; n < json_data.xjs.length; n++, temp_pic_n++) {
|
||
var pic = json_data.xjs[n]
|
||
$(".content #pic .-show").append("<img class='-target' data-src='"+pic.pic_big+"' data-original='"+pic.pic_big+"' style='"+(n == 0 && n == temp_pic_n ? "" : "display: none; ")+"width: "+pic.pic_big_w+"px; height: "+pic.pic_big_h+"px; max-width: 300px; max-height: 400px;' watermark>")
|
||
$(".content #pic .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item' style='width: 30px; height: 42px; line-height: 42px; margin: 1px; display: inline-block; border: solid 1px "+(n == 0 && n == temp_pic_n ? "#F04122" : "#9b9b9b")+"; text-align: center; cursor: pointer; vertical-align: middle;'><img data-src='"+pic.pic+"' style='width: "+pic.pic_w+"px; height: "+pic.pic_h+"px; max-width: 30px; max-height: 40px;' watermark></a>")
|
||
}
|
||
if (json_data.vurl) {
|
||
$(".content #pic .-show").append("<video controls='controls' class='-target' style='max-width: 280px; max-height: 340px; margin-top: 10px; display: none;'></video>")
|
||
$(".content #pic .-choose").append("<a index='"+(temp_pic_n+1)+"' class='-item' style='width: 30px; height: 42px; line-height: 42px; margin: 1px; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle;'><i class='layui-icon layui-icon-play' style='width: 30px;'></i></a>")
|
||
temp_pic_n++
|
||
}
|
||
// 设置短视频播放时自动全屏，针对安卓
|
||
// setAutoFullscreen()
|
||
if (json_data.bs_kh_dj == "word" && json_data.kh_dj) {
|
||
$(".content #pic").append("<span style='position: absolute; top: 8px; right: 8px; width: 18px; word-wrap: break-word; background-color: #F06054; color: white; padding: 4px 2px; border-radius: 4px; z-index: 9; line-height: 20px;'>"+json_data.kh_dj+"</span>")
|
||
} else if (json_data.bs_kh_dj == "pic" && json_data.kh_dj) {
|
||
$(".content #pic").append("<img data-src='../attachments/"+json_data.kh_dj+".png' style='position: absolute; top: 8px; right: 8px;' watermark>")
|
||
}
|
||
$(".content #pic").css({boxShadow: "1px 1px 10px 3px #d0d0d0", width: "300px", height: "400px", lineHeight: "400px"})
|
||
new Viewer($(".content #pic .-show")[0], {
|
||
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 #gz .text").append("<br>")
|
||
$(".content #gz .text").append(gzs[gi])
|
||
}
|
||
} else {
|
||
$(".content #gz").css("display", "none")
|
||
}
|
||
$(".content #yph .text").text(json_data.xh)
|
||
$(".content #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 #price").hide()
|
||
} else {
|
||
$(".content #price .text").text(json_data.price.replace(/<br>/g, ';').replace(/;\s*$/, ""))
|
||
}
|
||
$(".content #ksm .text").text(json_data.ksm)
|
||
for (var i = 0; i < json_data.zds.length; i++) {
|
||
var zd = json_data.zds[i]
|
||
$(".content #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 #remark .text").text(json_data.dkremark)
|
||
//------------星级
|
||
$(".content #xj #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 #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 #pjwz").append('<div id="div_save_remark_'+json_data.khid+'" class="div_save_remark" style="display:none;"><a class="layui-btn layui-btn-sm button_save_remark" id="button_save_remark_'+json_data.khid+'" onclick="save_pj_remark('+json_data.khid+',\''+json_data.pjwz+'\')" style="background-color: #F04122;">保存文字</botton></div>')
|
||
$(".content #pjwz").append('<div class="div_button_del_pj" style="'+(json_data.xj > 0 || json_data.pjwz != "" ? "" : "display: none; ")+'"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" onclick="del_pj('+json_data.khid+')" style="border-color: #F04122; color: #F04122;">删除评价</botton></div>')
|
||
//------------ds
|
||
if (json_data.ds_body && json_data.ds_body.length > 0) {
|
||
var ds_elem = "<table border='1' style='width: 100%; border: solid 1px #eee;'>"
|
||
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 #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 style='padding: 4px 0; height: 28px; width: 20%;'></td><td style='width: 40%;'>预测贡献度</td><td style='width: 40%;'>推荐订货量</td></tr>"
|
||
yc_body_html += "<tr><td style='padding: 4px 0; height: 28px;'>"+yc.color+"</td><td>"+yc.ycgxd+"</td><td>"+yc.tjdhl+"</td></tr>"
|
||
}
|
||
}
|
||
$(".content #dhl").html("<table border='1' style='width: 100%; border-width: 1px; border-color: #eee; line-height: 28px;'>"+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>")
|
||
}
|
||
}
|
||
}
|
||
$("#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 order_data = [
|
||
// {
|
||
// color: 81,
|
||
// colort: "白色",
|
||
// rowData: [
|
||
// {
|
||
// title: "",
|
||
// size_data: [
|
||
// {
|
||
// id: "",
|
||
// disabled: false,
|
||
// size: "",
|
||
// value: 0,
|
||
// stock: -1
|
||
// }
|
||
// ],
|
||
// total: 0
|
||
// }
|
||
// ],
|
||
// disabled: false,
|
||
// link_ds: "",
|
||
// ka: false,
|
||
// total: 0,
|
||
// type: ""
|
||
// }
|
||
]
|
||
var last_ggs = 0
|
||
for (var i = 0; i < json_data.dds.length; i++, last_ggs--) {
|
||
var dd = json_data.dds[i]
|
||
,ggs = parseInt(dd.ggs ? dd.ggs : "1")
|
||
|
||
var colorData = {}
|
||
,type = ""
|
||
if (json_data.is_ggk != "n") { // 规格
|
||
if (json_data.is_ggk === "b") {
|
||
type = "gg_b"
|
||
} else {
|
||
type = "gg"
|
||
}
|
||
} else if (json_data.size_group_id == json_data.bx_sizegroup_id) { // 杯型
|
||
type = "bx"
|
||
} else if (json_data.size_group_id == json_data.child_sizegroup_id) { // 款型
|
||
type = "kx"
|
||
}
|
||
|
||
if (last_ggs == 0) {
|
||
last_ggs = ggs
|
||
order_data.push({
|
||
color: "",
|
||
colort: "",
|
||
rowData: [ ],
|
||
disabled: dd.disable_color ? true : false,
|
||
link_ds: dd.link_ds,
|
||
ka: dd.ka === "y" ? true : false,
|
||
total: 0,
|
||
type: type
|
||
})
|
||
}
|
||
colorData = order_data[order_data.length - 1]
|
||
|
||
var color_total = 0
|
||
var rowData = {
|
||
gg: "",
|
||
gg_zds: [],
|
||
size_data: [],
|
||
total: 0
|
||
}
|
||
var size_index = 0 // 尺码下标
|
||
var isSize = false // 进入尺码格模式
|
||
for (var j = 0; j < dd.dt.length; j++) {
|
||
var dt = dd.dt[j]
|
||
switch(dt.no) {
|
||
case "1": // 颜色与规格
|
||
switch(j) {
|
||
case 0:
|
||
var color = dt.value.split("-")
|
||
colorData.color = color.length > 0 ? color[0] : colorData.color
|
||
colorData.colort = color.length > 1 ? color[1] : colorData.colort
|
||
break
|
||
case 1:
|
||
rowData.title = dt.value
|
||
rowData.price = dt.price
|
||
break
|
||
default:
|
||
if (isSize === true) {
|
||
size_index++
|
||
if (size_index > json_data.cmz.length) {
|
||
isSize = false
|
||
}
|
||
} else {
|
||
rowData.gg_zds.push(dt.value)
|
||
}
|
||
break
|
||
}
|
||
break
|
||
case "2":
|
||
rowData.pmID = dt.id
|
||
isSize = true
|
||
break
|
||
case "3": // 尺码
|
||
var size_data = {
|
||
id: dt.id,
|
||
disabled: dt.disable ? true : false,
|
||
size: json_data.cmz[size_index++].title,
|
||
value: parseInt(dt.value ? dt.value : "0"),
|
||
stock: parseInt(dt.value_kc ? dt.value_kc : -1)
|
||
}
|
||
rowData.size_data.push(size_data)
|
||
isSize = true
|
||
break
|
||
case "4": // 小计
|
||
rowData.total = parseInt(dt.value ? dt.value : "0")
|
||
colorData.total += rowData.total
|
||
break
|
||
}
|
||
}
|
||
colorData.rowData.push(rowData)
|
||
}
|
||
console.log("Order data", order_data)
|
||
|
||
fillOrderTab(order_data)
|
||
} //———————————————————— end 下单区
|
||
|
||
$('.del-color').on('click', function(){ // 设定删除款tip
|
||
layer.tips('已删除', this); //在元素的事件回调体中，follow直接赋予this即可
|
||
})
|
||
|
||
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 #zxs .text").html(json_data.zxs)
|
||
$(".content #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
|
||
})
|
||
}
|
||
}
|
||
}
|
||
,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" style="background-color: #F04122;">新增配码</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", "#pic .-choose .-item", function(index) {
|
||
$("#pic .-choose .-item").css("border-color", "#9B9B9B")
|
||
$(this).css("border-color", "#F04122")
|
||
$("#pic .-show .-target").css("display", "none")
|
||
var elem = $("#pic .-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
|
||
|
||
// 点击增加or减少按钮
|
||
function changeInputSub(that) {
|
||
layui.use("jquery", function() {
|
||
var $ = layui.jquery
|
||
|
||
if (!$(that).attr("disabled")) {
|
||
var input_elem = $(that).next()
|
||
var input_value = parseInt(input_elem.val() ? input_elem.val() : "0")
|
||
input_value -= 1
|
||
if (input_value > 0) {
|
||
input_elem.val(input_value)
|
||
input_elem.change()
|
||
} else if (input_value <= 0) {
|
||
input_elem.val("")
|
||
input_elem.change()
|
||
}
|
||
}
|
||
})
|
||
}
|
||
function changeInputAdd(that) {
|
||
layui.use("jquery", function() {
|
||
var $ = layui.jquery
|
||
|
||
if (!$(that).attr("disabled")) {
|
||
var input_elem = $(that).prev()
|
||
var input_value = parseInt(input_elem.val() ? input_elem.val() : "0")
|
||
input_value += 1
|
||
input_elem.val(input_value)
|
||
input_elem.change()
|
||
}
|
||
})
|
||
}
|
||
// 手数变化
|
||
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")
|
||
,gg_total = 0
|
||
,is_over_kc = false
|
||
elem.parents(".inner-tab-item").find(".row-size .number input").each(function(index) {
|
||
var old_val = parseInt($(this).val() ? $(this).val() : '0')
|
||
,new_val = $(this).attr("pcki-mode") === "disabled" ? old_val : (index < pmvsl ? shv * pmvs[index] : 0)
|
||
|
||
gg_total += new_val
|
||
|
||
// 库存判断
|
||
var kc_elem = $(this).parents(".row-size").find(".stock .value")
|
||
if (kc_elem.length > 0) {
|
||
var 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", "")
|
||
}
|
||
}
|
||
|
||
$(this).val(new_val != 0 ? new_val : "")
|
||
})
|
||
if (is_over_kc) layui.layer.msg("订单量超出库存")
|
||
|
||
var badge_gg_elem = elem.parents(".inner-tab").find(".layui-tab-title.inner-tab-title .layui-this .badge")
|
||
,badge_color_elem = elem.parents(".outer-tab").find(".layui-tab-title.outer-tab-title .layui-this .badge")
|
||
,color_total = parseInt(badge_color_elem.html() ? badge_color_elem.html() : "0")
|
||
var old_gg_total = parseInt(badge_gg_elem.html() ? badge_gg_elem.html() : "0")
|
||
// 规格标签数值变化
|
||
if (elem.parents("#order").find(".inner-tab-title").length > 0) {
|
||
if (gg_total > 0) {
|
||
badge_gg_elem.html(gg_total).addClass("layui-badge")
|
||
} else {
|
||
badge_gg_elem.html("").removeClass("layui-badge")
|
||
}
|
||
color_total += gg_total - old_gg_total
|
||
} else {
|
||
color_total = gg_total
|
||
}
|
||
// 颜色标签值变化
|
||
if (color_total > 0) {
|
||
badge_color_elem.html(color_total).addClass("layui-badge")
|
||
} else {
|
||
badge_color_elem.html("").removeClass("layui-badge")
|
||
}
|
||
}
|
||
// 修改订单
|
||
function changeOrderWithNotXz(elem) { // 非鞋子下单
|
||
var this_value = parseInt(elem.val() ? elem.val() : "0")
|
||
if (this_value < 0) {
|
||
layui.layer.msg("数值无效。")
|
||
} else if (this_value == 0) {
|
||
elem.val("")
|
||
}
|
||
// 库存判断
|
||
var kc_elem = elem.parents(".row-size").find(".stock .value")
|
||
,elem_value = parseInt(elem.val() != "" ? elem.val() : "0")
|
||
if (kc_elem.length > 0) {
|
||
var kc = parseInt(kc_elem.html() ? kc_elem.html() : "0")
|
||
|
||
if (elem_value > kc) {
|
||
kc_elem.css("color", "red")
|
||
layui.layer.msg("订单量超出库存")
|
||
} else {
|
||
kc_elem.css("color", "")
|
||
}
|
||
}
|
||
|
||
var gg_total = 0
|
||
elem.parents(".inner-tab-item").find(".row-size .number input").each(function() {
|
||
var value = parseInt($(this).val() != "" ? $(this).val() : "0")
|
||
gg_total += value
|
||
})
|
||
|
||
var badge_gg_elem = elem.parents(".inner-tab").find(".layui-tab-title.inner-tab-title .layui-this .badge")
|
||
,badge_color_elem = elem.parents(".outer-tab").find(".layui-tab-title.outer-tab-title .layui-this .badge")
|
||
,color_total = parseInt(badge_color_elem.html() ? badge_color_elem.html() : "0")
|
||
var old_gg_total = parseInt(badge_gg_elem.html() ? badge_gg_elem.html() : "0")
|
||
// 规格标签数值变化
|
||
if (elem.parents("#order").find(".inner-tab-title").length > 0) {
|
||
if (gg_total > 0) {
|
||
badge_gg_elem.html(gg_total).addClass("layui-badge")
|
||
} else {
|
||
badge_gg_elem.html("").removeClass("layui-badge")
|
||
}
|
||
color_total += gg_total - old_gg_total
|
||
} else {
|
||
color_total = gg_total
|
||
}
|
||
// 颜色标签值变化
|
||
if (color_total > 0) {
|
||
badge_color_elem.html(color_total).addClass("layui-badge")
|
||
} else {
|
||
badge_color_elem.html("").removeClass("layui-badge")
|
||
}
|
||
}
|
||
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 = ""
|
||
if (global_dkdata.is_xd_clothes === "n") { // 鞋子
|
||
$("#dds .dd-row").each(function() {
|
||
$(this).find("input.dd-value").each(function(index) {
|
||
dd_string += $(this).val() + ","
|
||
})
|
||
dd_string += $(this).find("input.dd-xs").val() + ","
|
||
})
|
||
return dd_string
|
||
} else { // 标准
|
||
$("#order .layui-tab-content .layui-tab-item.inner-tab-item").each(function() {
|
||
$(this).find(".row-size .number input").each(function(index) {
|
||
dd_string += $(this).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" style="background-color: #F04122;">新增</a><a class="-pm-dlt layui-btn layui-btn-xs layui-btn-primary" style="border-color: #F04122; color: #F04122;">删除</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" pmid="" style="border-color: #F04122; color: #F04122; 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
|
||
|
||
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" id="'+xsg_id+'" name="'+xsg_id+'" value="" class="dd-xs layui-input" style="text-align: center;" pcki-change="changeOrder" pcki-save="saveOrder" pcki-mode="'+pckiMode+'"></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" style="background-color: #F04122;">新增</a><a class="-pm-dlt layui-btn layui-btn-xs layui-btn-primary" style="border-color: #F04122; color: #F04122;">删除</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" pmid="'+pmdata.xh+'" style="border-color: #F04122; color: #F04122; 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>") // 分割线
|
||
//--------表尾
|
||
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"])
|
||
// $("#spdh .-info-area .-text .-shzq .-v").html(date)
|
||
// $("#spdh .-info-area .-text .-yjsx .-v").html(yjxs)
|
||
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 #pic .-show video").length < 1) return;
|
||
|
||
var video_elem = $(".content #pic .-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()
|
||
}
|
||
|
||
// 填充下单区域
|
||
function fillOrderTab(orderData) {
|
||
layui.use(["jquery", "element"], function() {
|
||
var $ = layui.jquery
|
||
,element = layui.element
|
||
|
||
var json_data = global_dkdata
|
||
// 布置标签卡
|
||
var html_tab_outer_title = '<ul class="layui-tab-title outer-tab-title my-tab-more">'
|
||
,html_tab_outer_content = '<div class="layui-tab-content">'
|
||
|
||
for (var i = 0; i < orderData.length; i++) {
|
||
var colorData = orderData[i]
|
||
,class_outer_layui_this = i === 0 ? ' layui-this' : ''
|
||
,class_outer_layui_show = i === 0 ? ' layui-show' : ''
|
||
,html_badge_color_total = colorData.total > 0 ? '<span class="badge layui-badge">'+colorData.total+'</span>' : '<span class="badge"></span>' // 右标
|
||
html_tab_outer_title += '<li class="'+class_outer_layui_this+'">'+colorData.colort+html_badge_color_total+'</li>'
|
||
|
||
var html_tab_inner_title = ''
|
||
,html_tab_inner_content = ''
|
||
|
||
html_tab_inner_title += '<ul class="layui-tab-title inner-tab-title my-tab-more">'
|
||
|
||
for (var j = 0; j < colorData.rowData.length; j++) {
|
||
var rowData = colorData.rowData[j]
|
||
|
||
// 有规格
|
||
var class_inner_layui_this = j == 0 ? ' layui-this' : ''
|
||
,html_badge_inner_color_total = rowData.total > 0 ? '<span class="badge layui-badge">'+rowData.total+'</span>' : '<span class="badge"></span>'
|
||
,rowPrice = rowData.price == '' ? 0 : rowData.price
|
||
html_tab_inner_title += '<li class="'+class_inner_layui_this+'">'+rowData.title+
|
||
(rowData.price != undefined ? "："+rowData.price+"元" : '')+html_badge_inner_color_total+'</li>'
|
||
|
||
var class_inner_layui_show = colorData.type ? (j === 0 ? ' layui-show' : '') : (i == 0 && j === 0 ? ' layui-show' : '')
|
||
,sh_button_disabled = colorData.disabled || colorData.ka ? ' disabled' : '' // 是否禁止改变手数输入框值
|
||
,html_sh_input_disabled = colorData.disabled || colorData.ka ? ' pcki-mode="disabled"' : '' // 是否禁止改变手数输入框值
|
||
|
||
html_tab_inner_content += '<div class="layui-tab-item inner-tab-item'+class_inner_layui_show+' pck-input-wrapper">'
|
||
|
||
// 规格相关内容
|
||
if (colorData.type === "gg") {
|
||
html_tab_inner_content += '<div style="text-align: center;">'
|
||
for (var k = 0; k < json_data.arr_gg_zd.length; k++) {
|
||
html_tab_inner_content += '<span style="margin: 0 8px;">'+json_data.arr_gg_zd[k].title+': '+rowData.gg_zds[k]+'</span>'
|
||
}
|
||
html_tab_inner_content += '</div>'
|
||
}
|
||
|
||
// 手数
|
||
if (rowData.pmID) {
|
||
html_tab_inner_content += '<div style="margin: 16px 0; background-color: #f5f5f5; border: 1px solid #e6e6e6; border-radius: 4px;">'
|
||
html_tab_inner_content += '<div style="width: 25%; display: inline-block; text-align: center;">手数</div>'
|
||
html_tab_inner_content += '<div style="width: 25%; display: inline-block; text-align: center;"></div>'
|
||
html_tab_inner_content += '<div class="number" class="layui-btn-group" style="width: 50%; display: inline-block; text-align: center;">'
|
||
html_tab_inner_content += '<a href="javascript: void(0)" onclick="changeInputSub(this)" class="-sub layui-btn layui-btn-sm"'+sh_button_disabled+'>-</a>'
|
||
html_tab_inner_content += '<input type="text" id="'+rowData.pmID+'" value="" class="layui-input layui-btn-sm"'+html_sh_input_disabled+' pcki-nojpty pcki-change="changeSh" pcki-save="saveOrder">'
|
||
html_tab_inner_content += '<a href="javascript: void(0)" onclick="changeInputAdd(this)" class="-add layui-btn layui-btn-sm"'+sh_button_disabled+'>+</a>'
|
||
html_tab_inner_content += '</div>'
|
||
html_tab_inner_content += '</div>'
|
||
}
|
||
|
||
// 尺码
|
||
for (var k = 0; k < rowData.size_data.length; k++) {
|
||
var size_data = rowData.size_data[k]
|
||
,color_stock = size_data.value > size_data.stock ? 'color: red;' : ''
|
||
,html_stock = json_data.is_kc === 'y' && size_data.stock > -1 ? '库存:<span class="value" style="'+color_stock+'">'+size_data.stock+"</span>" : ''
|
||
,size_button_disabled = colorData.disabled || size_data.disabled || colorData.ka || json_data.pm_ms === 'm2' ? ' disabled' : '' // 是否禁止改变尺码输入框值
|
||
,html_size_input_disabled = colorData.disabled || size_data.disabled || colorData.ka ? ' pcki-mode="disabled"' : (json_data.pm_ms === 'm2' ? 'pcki-mode="readonly"' : '') // 是否禁止改变尺码输入框值
|
||
// ,disabled = colorData.disabled || size_data.disabled || colorData.ka ? 'disabled' : ''
|
||
html_tab_inner_content += '<div class="row-size" style="margin: 16px 0;">'
|
||
|
||
html_tab_inner_content += '<div class="size" style="width: 25%; display: inline-block; text-align: center;">'+size_data.size+'</div>'
|
||
|
||
html_tab_inner_content += '<div class="stock" style="width: 25%; display: inline-block; text-align: center;">'+html_stock+'</div>'
|
||
|
||
html_tab_inner_content += '<div class="number" class="layui-btn-group" style="width: 50%; display: inline-block; text-align: center;">'
|
||
html_tab_inner_content += '<a type="button" class="-sub layui-btn layui-btn-sm"'+size_button_disabled+' onclick="changeInputSub(this)">-</a>'
|
||
html_tab_inner_content += '<input name="'+size_data.id+'" type="text" value="'+(size_data.value?size_data.value:'')+'" class="layui-input layui-btn-sm"'+html_size_input_disabled+' pcki-change="changeOrderWithNotXz" pcki-save="saveOrder">'
|
||
html_tab_inner_content += '<a type="button" class="-add layui-btn layui-btn-sm"'+size_button_disabled+' onclick="changeInputAdd(this)">+</a>'
|
||
html_tab_inner_content += '</div>'
|
||
|
||
html_tab_inner_content += '</div>'
|
||
|
||
original_dd += (size_data.value ? size_data.value : '') + ','
|
||
}
|
||
|
||
html_tab_inner_content += '</div>'
|
||
}
|
||
|
||
html_tab_inner_title += '</ul>'
|
||
|
||
if (colorData.type) {
|
||
html_tab_outer_content += '<div class="layui-tab-item outer-tab-item'+class_outer_layui_show+'">'
|
||
html_tab_outer_content += '<div class="layui-tab inner-tab" lay-filter="InnerTap'+colorData.color+'">'
|
||
html_tab_outer_content += html_tab_inner_title
|
||
html_tab_outer_content += '<div class="layui-tab-content">'
|
||
html_tab_outer_content += html_tab_inner_content
|
||
html_tab_outer_content += '</div>'
|
||
html_tab_outer_content += '</div>'
|
||
html_tab_outer_content += '</div>'
|
||
} else {
|
||
html_tab_outer_content += html_tab_inner_content
|
||
}
|
||
}
|
||
html_tab_outer_title += '</ul>'
|
||
html_tab_outer_content += '</div>'
|
||
$("#order").html('<div class="layui-tab layui-tab-card outer-tab">'+html_tab_outer_title+html_tab_outer_content+'</div>')
|
||
|
||
// 判断是否需要自动展开图标
|
||
// 一
|
||
var outerTabTitleWidth = $('#order .layui-tab.outer-tab .layui-tab-title.outer-tab-title').width()
|
||
var outerTabTitleLiTotalWidth = $('#order .layui-tab.outer-tab .layui-tab-title.outer-tab-title>li').length * 95
|
||
// if (outerTabTitleLiTotalWidth > outerTabTitleWidth) $('#order .layui-tab.outer-tab .layui-tab-title.outer-tab-title').append('<span class="layui-unselect layui-tab-bar" onclick="showMoreTitle(\'outer\')"><i class="layui-icon"></i></span>')
|
||
// 二
|
||
var innerTabTitleWidth = $('#order .layui-tab.inner-tab .layui-tab-title.inner-tab-title').width()
|
||
var innerTabTitleLiTotalWidth = $('#order .layui-tab.inner-tab .layui-tab-title.inner-tab-title>li').length * 95
|
||
// if (innerTabTitleLiTotalWidth > innerTabTitleWidth) $('#order .layui-tab.inner-tab .layui-tab-title.inner-tab-title').append('<span class="layui-unselect layui-tab-bar" onclick="showMoreTitle(\'inner\')"><i class="layui-icon"></i></span>')
|
||
})
|
||
}
|
||
function showMoreTitle(tab) {
|
||
// var tabTitleElem
|
||
// if (tab === 'outer') {
|
||
// tabTitleElem = $('#order .outer-tab .outer-tab-title')
|
||
// } else if (tab === 'inner') {
|
||
// tabTitleElem = $('#order outer-tab-item.layui-show .inner-tab .inner-tab-title')
|
||
// }
|
||
var tabTitleElem = $('#order .'+tab+'-tab .'+tab+'-tab-title')
|
||
if (tabTitleElem.hasClass('my-tab-more')) tabTitleElem.removeClass('my-tab-more')
|
||
else tabTitleElem.addClass('my-tab-more')
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |