|
@@ -13,11 +13,12 @@
|
|
|
<link href="${path}/common/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
|
|
|
<#--<link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />-->
|
|
|
<style>
|
|
|
- #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(images/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
.select-box{background: url(${path}/common/images/pts/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
.select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
|
|
|
.table-bg th{background-color: #e2f6ff;}
|
|
|
.update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .my-btn-search{border: 1px solid #32a3d8;padding: 1px 25px;height: 20px;background-color: #32a3d8;color: #fff;}
|
|
|
</style>
|
|
|
<title></title>
|
|
|
</head>
|
|
@@ -119,6 +120,24 @@
|
|
|
</div>
|
|
|
<div class="formControls col-10 col-sm-10">
|
|
|
<div class="update-parts" id="repairProduct"></div>
|
|
|
+ <input type="hidden" id="closed_products" name="closed_products" />
|
|
|
+ <input type="hidden" id="closed_fittings" name="closed_fittings" />
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-9 col-sm-9 text-c" id="produceSelect" style="padding-top: 10px;display: none;">
|
|
|
+ <div>
|
|
|
+ <input type="text" oninput="showUpdateSendProduct();" onpropertychange="showUpdateSendProduct();" class="input-text" style="width: 100%" id="selectProcuct" name="selectProcuct" placeholder="请输入产品名称搜索">
|
|
|
+ </div>
|
|
|
+ <table class="table table-border table-bg table-bordered">
|
|
|
+ <thead>
|
|
|
+ <tr class="text-c">
|
|
|
+ <th style="text-align: center;" width="60">产品名称</th>
|
|
|
+ <th style="text-align: center;" width="60">产品颜色</th>
|
|
|
+ <th style="text-align: center;" width="60">产品配件</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="addProduct">
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -221,7 +240,7 @@
|
|
|
<strong>寄出产品</strong>
|
|
|
</div>
|
|
|
<div class="formControls col-10 col-sm-10">
|
|
|
- <div class="update-parts"><span>红色净水机(wx-1)x 1台</span><span>水箱 x 1件</span><span>t1 x 1件</span><span>t2 x 1件</span></div>
|
|
|
+ <div class="update-parts"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row cl">
|
|
@@ -305,8 +324,150 @@
|
|
|
increaseArea: '20%'
|
|
|
});
|
|
|
get_repair_info();
|
|
|
+ showUpdateSendProduct();
|
|
|
});
|
|
|
|
|
|
+ /*显示所有产品及配件信息*/
|
|
|
+ function showUpdateSendProduct() {
|
|
|
+ var productList = getProduct() ; //所有产品
|
|
|
+ var html = "";
|
|
|
+ for(var i=0;i<productList.length;i++) {
|
|
|
+ var product = productList[i];
|
|
|
+ var produceFittings = product.fittingsList; //获取该产品的所有配件
|
|
|
+ var colorList = product.colorList; //该产品的所有颜色
|
|
|
+
|
|
|
+
|
|
|
+ var colorHtml = '';
|
|
|
+ if(colorList != null && colorList.length >0 ){
|
|
|
+ colorHtml += '<table style="height: 100%;">';
|
|
|
+ for(var j=0;j<colorList.length;j++){
|
|
|
+ var number = "";
|
|
|
+ var color = colorList[j];
|
|
|
+ /*for(var k=0;k<orderItemList.length;k++){
|
|
|
+ var item = orderItemList[k];
|
|
|
+ if(item.itemColorId == color.colorId){
|
|
|
+ number = item.itemNum;
|
|
|
+ }
|
|
|
+ }*/
|
|
|
+ var fristInputStyle = "border-top: 1px solid #ddd;";
|
|
|
+ if(color.colorProductId == product.productId) {
|
|
|
+ colorHtml += '<tr >' +
|
|
|
+ ' <td width="75" class="input-color-name" style="border-left: none;text-align: center;'+ fristInputStyle +'">' + color.colorName + '</td>' +
|
|
|
+ ' <td width="25" style="'+ fristInputStyle +'">' +
|
|
|
+ ' <input type="hidden" class="input-produce-id" value="' + color.colorProductId + '">' +
|
|
|
+ ' <input type="hidden" class="input-color-id" value="' + color.colorId + '">' +
|
|
|
+ ' <input type="hidden" class="input-produce-name" value="' + product.productName + '">' +
|
|
|
+ ' <input type="text" class="input-text input-color-number number-input" style="width: 100%;" value="'+ number +'" placeholder="产品数量" id="" name="" onkeyup="keyFun($(this))" onpaste="keyFun($(this))" >' +
|
|
|
+ ' </td>' +
|
|
|
+ ' </tr>';
|
|
|
+ fristInputStyle = "";
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ colorHtml += '</table>';
|
|
|
+ }else{
|
|
|
+ colorHtml += '<span>暂无该产品的颜色!<span>';
|
|
|
+ }
|
|
|
+
|
|
|
+ var produceFittingsHtml = '';
|
|
|
+ if(produceFittings != null && produceFittings.length > 0){
|
|
|
+ produceFittingsHtml += '<table style="height: 100%;">';
|
|
|
+ for(var m=0;m<produceFittings.length;m++){
|
|
|
+ var produceFit = produceFittings[m];
|
|
|
+ if(produceFit.productId == product.productId) {
|
|
|
+ var fristInputStyle = "border-top: 1px solid #ddd;";
|
|
|
+ produceFittingsHtml += '<tr >' +
|
|
|
+ ' <td width="75" class="input-fittings-name" style="border-left: none;text-align: center; '+ fristInputStyle +'">' + produceFit.fittingsName +'</td>' +
|
|
|
+ ' <td width="25" style="'+ fristInputStyle +'">' +
|
|
|
+ ' <input type="hidden" class="input-produce-id" value="' + produceFit.productId + '">' +
|
|
|
+ ' <input type="hidden" class="input-fittings-id" value="' + produceFit.fittingsId +'">' +
|
|
|
+ ' <input type="text" class="input-text input-fittings-number" style="width: 100%;" value="'+ number +'" placeholder="配件数量" id="" name="" onkeyup="keyFun($(this))" onpaste="keyFun($(this))" >' +
|
|
|
+ ' </td>' +
|
|
|
+ ' </tr>';
|
|
|
+ fristInputStyle = "";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ produceFittingsHtml += '</table>';
|
|
|
+ }else{
|
|
|
+ produceFittingsHtml += '<span>暂无产品配件!<span>';
|
|
|
+ }
|
|
|
+
|
|
|
+ var produceHtml = '<input type="hidden" value="'+ product.productId +'">' +
|
|
|
+ '<span>'+ product.productName +'</span>';
|
|
|
+
|
|
|
+ html += ' <tr >' +
|
|
|
+ ' <td width="70">'+ produceHtml +'</td>' +
|
|
|
+ ' <td style="padding: 0px;text-align: center;">' +
|
|
|
+ colorHtml +
|
|
|
+ ' </td>' +
|
|
|
+ ' <td style="padding: 0px;text-align: center;">' +
|
|
|
+ produceFittingsHtml +
|
|
|
+ ' </td>' +
|
|
|
+ '</tr>';
|
|
|
+ }
|
|
|
+ html += '<tr><td colspan="3" style="text-align: center;"><button onClick="hideProductList();" class="btn btn-primary" type="button">确认</button></td></tr>'
|
|
|
+ $("#addProduct").html(html);
|
|
|
+ }
|
|
|
+
|
|
|
+ function showProductList() {
|
|
|
+ $('#produceSelect').show();
|
|
|
+ }
|
|
|
+
|
|
|
+ function hideProductList() {
|
|
|
+ var txt_product = '';
|
|
|
+ var color_numbers = '';
|
|
|
+ var fittings_numbers = '';
|
|
|
+ $("#addProduct").find(".input-color-number").each(function(){
|
|
|
+ var number = $(this).val();
|
|
|
+ if(number != null && number != ""){
|
|
|
+ var productId = $(this).parent().find(".input-produce-id").val();
|
|
|
+ var colorId = $(this).parent().find(".input-color-id").val();
|
|
|
+ var productName = $(this).parent().find(".input-produce-name").val();
|
|
|
+ //var colorName = $(this).parent().find(".input-color-name").val();
|
|
|
+ //封装更换的所有产品
|
|
|
+ color_numbers += productId + ':' + colorId + ":" + number + ",";
|
|
|
+ txt_product += '<span>'+ productName + '*' + number + '台</span>';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $("#addProduct").find(".input-fittings-number").each(function(){
|
|
|
+ var number = $(this).val();
|
|
|
+ if(number != null && number != ""){
|
|
|
+ var productId = $(this).parent().find(".input-produce-id").val();
|
|
|
+ var fittingsId = $(this).parent().find(".input-fittings-id").val();
|
|
|
+ var fittingsName = $(this).parent().parent().find(".input-fittings-name").html();
|
|
|
+ //var colorName = $(this).parent().find(".input-color-name").val();
|
|
|
+ //封装更换的所有产品
|
|
|
+ fittings_numbers += productId + ':' + fittingsId + ":" + number + ",";
|
|
|
+ txt_product += '<span>'+ fittingsName + '*' + number + '件</span>';
|
|
|
+ }
|
|
|
+ })
|
|
|
+ txt_product += '<button type="button" style="cursor:pointer; float: right;" class="my-btn-search" onclick="showProductList();">修改产品</button>';
|
|
|
+ $('#repairProduct').html(txt_product);
|
|
|
+ $('#closed_products').val(color_numbers);
|
|
|
+ $('#closed_fittings').val(fittings_numbers);
|
|
|
+ $('#produceSelect').hide();
|
|
|
+ }
|
|
|
+
|
|
|
+ /*获取产品*/
|
|
|
+ function getProduct(){
|
|
|
+ var productList;
|
|
|
+ var productName = $("#selectProcuct").val();
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data:{'productName':productName},
|
|
|
+ url: "${path}/admin/signclosed/select_product",
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ productList = data.returnMsg.productList;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return productList;
|
|
|
+ }
|
|
|
+
|
|
|
/*获取维修信息*/
|
|
|
function get_repair_info() {
|
|
|
$.ajax({
|
|
@@ -321,7 +482,6 @@
|
|
|
getProvince('repairProvinceNumber');
|
|
|
getCity('repairCityNumber',repair.provinceNumber);
|
|
|
getDistrict('repairAreaNumber',repair.cityNumber);
|
|
|
- console.log(repair);
|
|
|
var repairSchedule = '';
|
|
|
switch (repair.repairBackStatus) {
|
|
|
case 1:repairSchedule += '待寄回,';break;
|
|
@@ -350,6 +510,7 @@
|
|
|
repairProduct += '<span>'+ this.fittingName + '*' + this.closedFittingNumber + '件</span>';
|
|
|
})
|
|
|
}
|
|
|
+ repairProduct += '<button type="button" style="cursor:pointer; float: right;" class="my-btn-search" onclick="showProductList();">修改产品</button>';
|
|
|
$('#repairId').val(repair.repairId);
|
|
|
$('input[name="repairBackStatus"]').each(function(){
|
|
|
if (this.value == repair.repairBackStatus) {
|
|
@@ -380,7 +541,7 @@
|
|
|
$('#repairBackName').val(repair.repairBackName);
|
|
|
$('#repairBackTel').val(repair.repairBackTel);
|
|
|
//$('#repairBackMachineNo').val(repair.repairBackMachineNo);
|
|
|
- $('#repairBackEfastOrderId').html(repair.repairBackEfastOrderId);
|
|
|
+ $('#repairBackEfastOrderId').val(repair.repairBackEfastOrderId);
|
|
|
$('#repairSendName').val(repair.repairSendName);
|
|
|
$('#repairSendTel').val(repair.repairSendTel);
|
|
|
$('#repairSendAddress').val(repair.repairSendAddress);
|