This repository has been archived on 2026-06-20. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
EDT/ipad/cc_single.htm
wsh5485 7e47ce238b chore: 添加多个图片和资源文件
添加了管理后台所需的图片资源、Excel文件、安装程序以及设计相关的图片文件
2025-06-15 13:04:37 +08:00

471 lines
23 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>
.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;}
#ccs td>div {padding: 1px;}
.kh_list-container {position: relative;}
.kh_list-container .kh_hide{display:none;min-width:100%;position:absolute;right:0px;bottom:23px;background:#f5f5f5;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.kh_list-container .kh_hide table {margin: auto;}
#ccs .-body input { max-width: 80px; margin: auto;}
</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 -->
<link rel="stylesheet" href="js/p_custom_keyboard/p_custom_keyboard.css">
<script src="js/p_custom_keyboard/p_custom_keyboard.js"></script>
<!-- viewer js -->
<script src="js/viewer/viewer.min.js"></script>
<link rel="stylesheet" href="js/viewer/viewer.min.css">
</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: 0; left: 20px;"><i class="layui-icon layui-icon-left"></i>上一组</a>
<div id="s-title" class="layui-input-inline" style="width: 20%; margin-right: 10px; max-width: 150px; min-width: 100px;"><input type="text" name="" placeholder="橱窗号" class="layui-input" style="border-radius:10px 10px 10px 10px;"></div>
<a id="btn-search" class="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>
<!-- 信息层 -->
<div id="content" style="padding: 0 10px;">
<div class="" style="margin-top: 20px; margin-bottom: 20px;">
<div id="pic" style="width: 400px; height: 300px; line-height: 300px; box-shadow: 1px 1px 10px 3px #d0d0d0;"></div>
</div>
</div>
<hr class="layui-bg-gray">
<div id="cc-option" style="text-align: left; padding: 0 10px;">
<label for="batch-input" style="vertical-align: middle;">批量</label>
<input id="batch-input" type="number" class="layui-input" style="width: 80px; height: 30px; vertical-align: middle; display: inline-block; text-align: center; margin-right: 10px;">
<button id="batch-cover" class="layui-btn layui-btn-sm lyaui-inline" style="vertical-align: middle; background-color: #F04122;">应用</button>
<button id="batch-reset" class="layui-btn layui-btn-sm lyaui-inline layui-btn-primary" style="vertical-align: middle; border-color: #F04122; color: #F04122;">还原</button>
</div>
<hr class="layui-bg-gray">
<form class="layui-form">
<!-- 单款详细 -->
<input id="zsh" name="zsh" style="display: none;">
<input id="uid" name="uid" style="display: none;">
<table id="ccs" class="pck-input-wrapper" style="width: 96%; margin: auto;"></table>
<hr class="layui-bg-gray">
<!-- 保存 -->
<div id="cc-opt-box" style="text-align: right;">
<a href="javascript:void(0)" id="cc-save" lay-submit lay-filter="cc-save" class="layui-btn" style="background-color: #F04122; margin-right: 10px;">保存订单</a>
<hr class="layui-bg-gray">
</div>
</form>
</div>
<script>
var is_mobile="n"
,cc_data
,original_dd = ""
,to_page_zsh
layui.config({
base: './layuiadmin/'
}).extend({
index: 'lib/index'
}).use(['index', 'user','rate'], function(){
var $ = layui.$
,setter = layui.setter
,admin = layui.admin
,form = layui.form
,rate = layui.rate
var url="./?_m=cc&_a=single&zsh="+get_url_param("zsh");
$.ajax(
{
url:url,
contentType: "application/json",
method: 'POST',
success: function (res) {
var json_data=$.parseJSON(res);
//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 if (json_data.code == 102) {
if (json_data.msg) layui.layer.msg(json_data.msg)
else layui.layer.msg("数据获取失败。")
} else {
//------------------填充内容
console.log(["初始", json_data])
// safari中iframe内的页面宽度会莫名其妙多一点出来,此处强制将本页宽度修正
$(".pcki-page").width($(self.frameElement).parents(".layui-layer-iframe").width())
// 修复iphone端,点击按钮时自动滚到页面顶部以及附带的其他一些问题
$(".pcki-page").height($(self.frameElement).parents(".layui-layer-iframe").height())
cc_data = json_data
//------------上一组
if (json_data.prev != "") {
$("#btn-prev").attr("href", "javascript:toPage("+json_data.prev+")")
} else {
$("#btn-prev").attr("href", "javascript:layui.layer.msg('已经是第一组了。')")
}
//------------下一组
if (json_data.next != "") {
$("#btn-next").attr("href", "javascript:toPage("+json_data.next+")")
} else {
$("#btn-next").attr("href", "javascript:layui.layer.msg('已经是最后一组了。')")
}
//------------展示图片
$("#content #pic").css("max-width", Math.min($("#content").width()-20, 400))
$("#content #pic").append("<img layui-src='"+json_data.pic_big+"' src='"+json_data.pic_big+"' style='width: "+json_data.pic_big_w+"px; height: "+json_data.pic_big_h+"px; max-width: "+Math.min($("#content").width()-20, 400)+"px; max-height: 300px;' watermark>")
new Viewer(document.getElementById("pic"), {
url: 'data-original'
,toolbar: false
,title: false
,rotatable: false
,backdrop: false // 点击非图片层关闭
,viewed: function() {
USetWatermark({
el: $(".viewer-container .viewer-canvas img")
,is_sy: json_data.is_sy
,text: json_data.username
,font_size: 64
})
}
})
//------------zsh
$("#zsh").val(json_data.zsh)
//------------uid
$("#uid").val(json_data.uid)
//------------单款详细
//--------表头
var dk_header = "<tr class='-header'>"
,col_count = 0 // 表头单元列列数(单元列:长度1的列),用于调整列宽
,cm_front_count = 0 // 尺码前列数,用于放置“合计”的位置
dk_header += "<td cc-w='4'></td>" // 单款详细
col_count += 4
cm_front_count++
dk_header += "<td cc-w='5' class='-col-cm'></td>" // 尺码
col_count += 5
dk_header += "<td cc-w='1'></td>" // 小计
col_count++
dk_header += "</tr>"
$("#ccs").append(dk_header)
$("#ccs .-header td").each(function() {
$(this).width(100/col_count*parseInt($(this).attr("cc-w"))+"%") // 调整列宽
})
//--------表身
var dk_all_total = 0 // 总合计
,max_cm_col_count = 0 // 最大尺码列数,用于规范尺码列数样式
,is_all_total = false // 当所有data.length == 0时,不显示合计值
for (var i = 0; i < json_data.ccs.length; i++) {
var dk = json_data.ccs[i] // 行数据
,dk_body_elem = "<tr pcki-mode='row' class='-body'>" // 行文本
,current_cm_col_count = 0 // 当前行实际尺码列数
if (i != 0) $("#ccs").append("<tr class='-line'><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 单款分割线
//----列1
dk_body_elem += "<td class='layui-row kh_list-container'>"
dk_body_elem += "<div class='layui-col-lg4 layui-col-md4 layui-col-sm4 layui-col-xs4 layui-col-xxs12' style=''><a href='javascript: openDkSingle("+dk.khid+")'><div style='width: 60px; height: 60px; line-height: 60px;'><img src='"+dk.pic+"' style='width: "+dk.pic_w+"px; max-height: "+dk.pic_h+"px;' watermark></div></a></div>"
// div1 > pic
dk_body_elem += "<div class='layui-col-lg8 layui-col-md8 layui-col-sm8 layui-col-xs8 layui-col-xxs12 layui-row' style='text-align: center;'>" // div2
dk_body_elem += "<a href='javascript: openDkSingle("+dk.khid+")'><div class='layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6 layui-col-xxs12'>"+dk.kh+"</div><div class='layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6 layui-col-xxs12'>"+dk.color+"-"+dk.colort+"</div></a>"
// > info
//---- > xj_big
dk_body_elem += "<div id='kh_hide_"+dk.khid+"' class='kh_hide'>"
dk_body_elem += "<div id='div_pj_"+dk.khid+"_icon_big'>"+get_pj_icon(dk.xj,dk.khid,"big","y")+"</div>"
dk_body_elem += "<div class='div_button_del_pj' style='display:"+(dk.xj > 0 ? "" : "none")+"; padding: 1px;' id='div_button_del_pj_"+dk.khid+"'><button type='button' id='button_del_pj_"+dk.khid+"' class='layui-btn layui-btn-sm button_del_pj' onclick='del_pj("+dk.khid+")' style='background-color:#F04122;'>删除评价</button></div>"
dk_body_elem += "</div>"
// end > xj_big
dk_body_elem += "<div class='xj' id='div_pj_"+dk.khid+"_icon_mini' onclick='show_hide_kh_hide("+dk.khid+")'>"+get_pj_icon(dk.xj,dk.khid,"mini","n")+"</div>"
// > xj_mini
dk_body_elem += "</div>"
dk_body_elem += "</td>"
//----列2
var dk_row_total = 0 // 小计
dk_body_elem += "<td class='-col-cm'>"
for (var j = 0; j < dk.data.length; j++) {
var dkl = dk.data[j]
dk_body_elem += "<div class='-item' style='display: inline-block; box-sizing: border-box; float: left; max-width: 80px; margin-left: 5px;'><div>"+dkl.cm+"</div><div><input type='number' id='"+dkl.id+"' name='"+dkl.id+"' value='"+dkl.value+"' class='layui-input' style='text-align: center;' pcki-change='changeOrder' pcki-save='saveOrder'></div></div>"
dk_row_total += parseInt(dkl.value ? dkl.value : "0")
max_cm_col_count = Math.max(max_cm_col_count, ++current_cm_col_count)
original_dd += dkl.value + ","
}
dk_body_elem += "</td>"
if (dk.data.length != 0) {
dk_body_elem += "<td class='-row-total'><div style='height: 20px;'>小计</div><div class='-value'>"+dk_row_total+"</div></td>"
is_all_total = true
}
dk_all_total += dk_row_total
dk_body_elem += "</tr>"
$("#ccs").append(dk_body_elem)
}
$("#ccs .-body .-col-cm .-item").width(100/max_cm_col_count+"%") // 补全表头尺码的跨度
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: "cc"
}) // 键盘初始化
//--------表尾
$("#ccs").append("<tr><td colspan='"+col_count+"'><hr class='layui-bg-gray'></td></tr>") // 分割线
var dk_footer = "<tr class='-footer'><td colspan='"+cm_front_count+"' style='text-align: right;'>合计</td>"
dk_footer += "<td></td>"
if (is_all_total) dk_footer += "<td class='-all-total'>"+dk_all_total+"</td></tr>"
$("#ccs").append(dk_footer)
//------------订单操作
if (json_data.face == "2") $("#cc-opt-box").css("display", "none")
// 添加水印
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("与服务器通信失败!") }
}
);
// 提交订单,保存订单
form.on("submit(cc-save)", function(data) {
console.log(data.field)
original_dd = setDdString()
var url="./?_m=cc&_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()
})
} else {
if (res_jsondata.msg != "") layui.layer.msg(res_jsondata.msg)
else layui.layer.msg("操作失败!")
}
if (to_page_zsh) location.href = "cc_single.htm?zsh=" + to_page_zsh
}
,beforeSend: function() { u_start_loading() }
,complete: function() { u_stop_loading() }
,error: function () { layui.layer.msg("与服务器通信失败!") }
})
})
//-----------批量,应用
$("#cc-option #batch-cover").click(function () {
if ($("#ccs #cc-option #batch-input").val() != "") {
var batch_value = parseInt($("#cc-option #batch-input").val() ? $("#cc-option #batch-input").val() : "0")
,cc_total_total = 0
$("#ccs .-body").each(function() {
var cc_row_total = 0
$(this).find(".-col-cm input").each(function () {
$(this).val(batch_value)
cc_row_total += batch_value
})
$(this).find(".-row-total").html(cc_row_total)
cc_total_total += cc_row_total
})
$("#ccs .-footer .-all-total").html(cc_total_total)
}
})
//-----------批量,还原
$("#cc-option #batch-reset").click(function () {
var cc_total_total = 0
$("#ccs .-body").each(function(i) {
var cc_row_total = 0
$(this).find(".-col-cm input").each(function (j) {
var value = parseInt(cc_data.ccs[i].data[j].value ? cc_data.ccs[i].data[j].value : 0)
$(this).val(value)
cc_row_total += value
})
$(this).find(".-row-total").html(cc_row_total)
cc_total_total += cc_row_total
})
$("#ccs .-footer .-all-total").html(cc_total_total)
})
// 搜索,橱窗号
$("#btn-search").click(function() {
if (!$("#s-title input").val().replace(/ /g, "")) return true
var url="./?_m=cc&_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_jsondata)
if (res_jsondata.code == 100) {
location.href = "javascript:toPage("+res_jsondata.zsh+")"
} 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.zsh+')" style="display: block; float: left; width: 60px; padding: 10px; color: blue; text-decoration: underline;">'+msgl.title+'</a>'
}
layer.open({
type: 1
,title: false //不显示标题栏
,closeBtn: true
,area: '300px;'
,shade: 0.8
,id: 'cc-location' //设定一个id,防止重复弹出
// ,btn: ['火速围观', '残忍拒绝']
,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("与服务器通信失败!") }
})
})
if(admin.screen()<2)
is_mobile="y";
$(window).on('resize', function(){
//自动
if(admin.screen()<2)
is_mobile="y";
})
$(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())
})
})
// 修改订单
function changeOrder(elem) {
layui.use('jquery', function(){
var $ = layui.jquery
elem.val(parseInt(elem.val()))
if (parseInt(elem.val()) < 0) {
layui.layer.msg("数值无效。")
elem.val("")
}
var dk_row_total = 0
elem.parents(".-body").find(".-col-cm input").each(function() {
dk_row_total += parseInt($(this).val() != "" ? $(this).val() : "0")
})
elem.parents(".-body").find(".-row-total .-value").html(dk_row_total)
var dk_all_total = 0
$("#ccs .-body .-row-total .-value").each(function() {
dk_all_total += parseInt($(this).html() ? $(this).html() : 0)
})
$("#ccs .-footer .-all-total").html(dk_all_total)
})
}
// 保存订单
function saveOrder() {
layui.use('jquery', function(){
var $ = layui.jquery
$("#cc-save").click()
})
}
//显示,隐藏评价层
function show_hide_kh_hide(id){
layui.use('jquery', function(){
var $=layui.jquery;
$("#kh_hide_"+id).toggle(500);
})
}
function openDkSingle(khid) {
layui.use('layer', function(){
var layer = parent.layer;
var index = layer.open({
type: 2,
title: '',
content: "dk_single"+(cc_data.face == "2" ? "_qj" : "")+".htm?khid="+khid,
offset: 'b',
closeBtn: 0,
anim: 2
});
layer.full(index);
})
}
// 跳转,上一,下一
function toPage(zsh) {
layui.use('jquery', function(){
var $ = layui.jquery
var current_dd = setDdString()
if (original_dd !== current_dd) {
if (confirm("您修改了订单,但还没有保存,是否保存?")) {
to_page_zsh = zsh
$("#cc-save").click()
}
}
location.href = "cc_single.htm?zsh=" + zsh
})
}
function setDdString() {
var dd_string = ""
layui.use('jquery', function(){
var $ = layui.jquery
$("#ccs .-body .-col-cm input").each(function() {
dd_string += $(this).val() + ","
})
})
return dd_string
}
// 关闭本frame
function close_this_frame() {
layui.use('jquery', function(){
var $ = layui.jquery
var current_dd = setDdString()
if (original_dd !== current_dd) {
if (confirm("您修改了订单,但还没有保存,是否保存?")) {
$("#cc-save").click()
}
}
u_close_this_div()
})
}
</script>
</body>
</html>