qijiatuku /src/testSource/phpcms/content/application/views/diaoding_setting/default_add_view.php

Language PHP Lines 735
MD5 Hash df3bf820322d088ebd53e77841d98be4
Repository https://gitlab.com/loda.sun.suryani/qijiatuku.git View Raw File
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>生成的表单相关文件</title>
<link rel="stylesheet"
	href="<?php
	echo base_url ()?>public/diaoding/css/css.css" type="text/css" />
<script type="text/javascript"	src="<?php	echo base_url ()?>public/diaoding/js/jquery.js"></script>
<script type="text/javascript"	src="<?php	echo base_url ()?>public/js/dialog/lhgdialog.js?self=true"></script>
<script type="text/javascript"	src="<?php	echo base_url ()?>public/diaoding/js/comm.js"></script>
<script type="text/javascript"	src="<?php	echo base_url ()?>public/js/li.js"></script>
<script>
function input_tag_changed(){
	//alert('input_tag_changed!...');
	if(console){
		console.log("input_tag_changed! ...");
	}
}
</script>
<style>
.module_list {
	padding-top:10px;
}
</style>
<script language="javascript">   
 function CheckForm(ObjForm) {

}
 </script>
</head>
<body>
<form name="form" id="form"  method="post" action="<?php echo modify_build_url ( array ("m"=>"insert") )?>" enctype="multipart/form-data" onSubmit="return(CheckForm(this))">
		<div class="dd_main">
				<h2>吊顶-新建方案</h2>
				<div class="dd_cate">
						<div class="prop_item">
								<input type="hidden" name="setting_tag" id="setting_tag" value="">
								<?php echo form_error('setting_tag', '<div class="error">', '</div>'); ?><?php echo $show_setting_tag;?> </div>
				</div>
				<p>房间缩略图:<?php echo $upload_file?><br>
						<span id="message_custom_file_upload"></span></p>
				<input name="from_date" id="from_date" type="radio"  onclick="show_from_date(this.value)" value="show" checked/>
				显示
				<input name="from_date"  onclick="show_from_date(this.value)" id="from_date" type="radio" value="hidden" />
				隐藏
				<div class="set_room">
						<p> 方案名称:
								<input type="text" class="inp" style="width:200px;" name="room_name">
								房间面积:
								<input type="text" class="inp number" name="room_width" value="300">
								CM X 
								<input type="text" class="inp number" name="room_height" value="180">
								CM </p>
				</div>
				<div id="show_from_date">
						<div class="set_room" >
								<p> 高亮标题:<br>
										<textarea style="overflow: auto; width: 638px; height: 58px;" name="info_highlight"><?php echo $default_highlight?></textarea>
								</p>
						</div>
						<div class="set_room">
								<p> DIY入口:<br>
										<textarea style="overflow: auto; width: 638px; height: 58px;" name="info_extra_2"></textarea>
								</p>
						</div>
				</div>
		</div>
		<textarea style="overflow: auto; width: 638px; height: 58px; display:none;" name="info_extra" ></textarea>
		<div id="div1" >
				<div class="total"> </div>
				<input type="hidden" name="dd_images" value="">
				<input type="hidden" value="" name="dd_type">
		</div>
		<ul class="set">
				<li>
						<div class="module_tit kb_select"> <a class="cur" href="javascript:void(0);">扣板</a> <a class="tab" href="javascript:void(0);">拼花</a> </div>
				</li>
				<li>
						<?PHP if(count($element_bg)){
		foreach($element_bg as $vbg){
		?>
						<div class="dd_set">
								<div class="dd_set_l"><img src="<?php echo $vbg['lay_img_path']?>" code="<?php echo $vbg['attributeValue']?>,<?php echo $vbg['qeekaPrice']?>,<?php echo $vbg['qb_type']?>" /></div>
								<div class="dd_set_r"> <a class="set_pp" href="javascript:;">平铺</a> <a class="set_tc" href="javascript:;">拼花</a> </div>
						</div>
						<?php }}?>
						<input type="hidden" value="" name="pp_code" />
						<input type="hidden" value="" name="tc_code" />
				</li>
				<li>
						<div class="module">
								<div class="module_tit"> <a class="tab" href="javascript:void(0);">照明模块</a> <a class="tab" href="javascript:void(0);">换气模块</a> <a class="tab" href="javascript:void(0);">取暖模块</a> <a class="tab" href="javascript:void(0);">多功能</a> <span>点击下列模块添加电器,默认在左上方显示</span> </div>
								<div class="module_box">
										<dl class="module_list module_list01">
												<?php if(count($element_2)){?>
												<?php foreach($element_2 as $v2){?>
												<dd><img name="<?php echo $v2['element_name']?>" class="<?php echo $v2['element_id']?>"  src="<?php echo $v2['lay_img_path']?>" code="<?php echo $v2['attributeValue']?>,<?php echo $v2['qeekaPrice']?>">
														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
												</dd>
												<?php }?>
												<?php }?>
										</dl>
								</div>
								<div class="module_box">
										<dl class="module_list module_list02">
												<?php if(count($element_4)){?>
												<?php foreach($element_4 as $v2){?>
												<dd><img name="<?php echo $v2['element_name']?>" class="<?php echo $v2['element_id']?>"  src="<?php echo $v2['lay_img_path']?>" code="<?php echo $v2['attributeValue']?>,<?php echo $v2['qeekaPrice']?>">
														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
												</dd>
												<?php }?>
												<?php }?>
										</dl>
								</div>
								<div class="module_box">
										<dl class="module_list module_list03">
												<?php if(count($element_3)){?>
												<?php foreach($element_3 as $v2){?>
												<dd><img name="<?php echo $v2['element_name']?>" class="<?php echo $v2['element_id']?>"  src="<?php echo $v2['lay_img_path']?>" code="<?php echo $v2['attributeValue']?>,<?php echo $v2['qeekaPrice']?>">
														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
												</dd>
												<?php }?>
												<?php }?>
										</dl>
								</div>
								<div class="module_box">
										<dl class="module_list module_list04">
												<?php if(count($element_5)){?>
												<?php foreach($element_5 as $v2){?>
												<dd><img  name="<?php echo $v2['element_name']?>" class="<?php echo $v2['element_id']?>"  src="<?php echo $v2['lay_img_path']?>" code="<?php echo $v2['attributeValue']?>,<?php echo $v2['qeekaPrice']?>">
														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
												</dd>
												<?php }?>
												<?php }?>
										</dl>
								</div>
								<input type="hidden" value="" name="dqmk_group">
						</div>
				</li>
				<li style="padding-bottom:10px;">
						<div class="module_tit"><a class="cur" href="javascript:void(0);">其他</a></div>
				</li>
				<li>收边条:
						<input type="text" name="sbt_price"  class="inp number">
						元/根 辅料套装:
						<input type="text" name="fltz_price"  class="inp number">
						元/平米</li>
				<li>安装费:
						<input type="text" class="inp number" value="8.00" style="width:80px;" name="yf">
						元/平米</li>
				<li style="text-align:center;" >
						<input name="scqd" type="button" class="scqd" value="生成清单" />
						<input name="tj" type="submit" class="tj" value="保存方案" />
				</li>
		</ul>
		<input type="hidden"  value=""  name="total">
</form>
<div class="set" id="qdnb" style="padding-bottom:25px;display:none">
		<h2 style="text-align:center;height:30px;padding-top:10px;"><b>集成吊顶报价清单</b></h2>
		<table class="qd" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
						<td>序号</td>
						<td>材料名称/项目</td>
						<td>单价</td>
						<td>单位</td>
						<td>数量</td>
						<td>小计</td>
				</tr>
				<tr>
						<td>1</td>
						<td>扣板</td>
						<td><span id="qb_price"></span></td>
						<td></td>
						<td><span id="qb_num"></span></td>
						<td><span id="qb_xj"></span></td>
				</tr>
				<tr>
						<td>2</td>
						<td>拼花</td>
						<td><span id="tc_price"></span></td>
						<td></td>
						<td><span id="tc_num"></span></td>
						<td><span id="tc_xj"></span></td>
				</tr>
				<tr>
						<td>3</td>
						<td>收边条</td>
						<td><span id="sbt_price"></span></td>
						<td></td>
						<td><span id="sbt_num"></span></td>
						<td><span id="sbt_xj"></span></td>
				</tr>
				<tr>
						<td>4</td>
						<td>辅料套装</td>
						<td><span id="fltz_price"></span></td>
						<td>平米</td>
						<td><span id="fltz_num"></span></td>
						<td><span id="fltz_xj"></span></td>
				</tr>
				<tr>
						<td><span id="yf_id"></span></td>
						<td >安装费</td>
						<td ><span id="yf_price"></span></td>
						<td >平米</td>
						<td ><span id="yf_num"></span></td>
						<td><span id="yf"></span></td>
				</tr>
				<tr>
						<td>合计</td>
						<td colspan="4">&nbsp;</td>
						<td><span id="total"></span></td>
				</tr>
		</table>
</div>
<div style="height:50px"></div>
</div>
<script type="text/javascript" language="javascript">
var _tj=false;	//提交保存状态
var _move=false;//移动标记
var _x,_y,x,y;//鼠标离控件左上角的相对位置
var boxW,bk_width=700;//吊顶移动宽度区域
var boxH,bk_height=420;//吊顶移动高度区域
var S_width=70; //单元格的宽度
var S_height=70;//单元格的高度
var pro_width;//产品的宽度
var pro_height;//产品的高度
loading();

function loading(){
	var img_attr=[],img_type=[],pp_att=[];
	var dd_images=$("input[name=dd_images]").val();//获取吊顶背景
	var dd_type=$("input[name=dd_type]").val();//获取吊顶背景类型
	var pp_code=$("input[name=pp_code]").val();//获取平铺背景参数
	
	var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());//房间长宽
	 $(".set_tc").css("height","0px");
	 /*吊顶边框大小和单位格大小设置*/
	if(room_cd == 0){room_cd = 300;}
	if(room_kd == 0){room_cd = 180;}
	if(pp_code.length>1){
	pp_att = pp_code.split(",");//300,300,30.70,1
	var kb_w=Number(pp_att[0]/10);//扣板宽度
	var kb_h=Number(pp_att[1]/10);//扣板高度
	var cd_num = Math.ceil(room_cd/kb_w);//横向最大扣板数
	var kd_num = Math.ceil(room_kd/kb_h);//竖向最大扣板数

	var zkb_big = cd_num * kd_num; //最大扣板数
	var bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
	var bk_height = parseInt((room_kd*70)/kb_w); //边框宽度
	
	unit_total(zkb_big);
	
	var kb_type = kb_w/kb_h;
   
	if(kb_type<=0.5){
    	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*140)/kb_h); //边框高度
		$(".total").css("width",cd_num*70);
		//$(".boxS,.boxS img").css({width:"70px",height:"140px"});
		}else if(kb_type>=1.5){
		bk_width = parseInt((room_cd*140)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
		$(".total").css("width",cd_num*140);
		//$(".boxS,.boxS img").css({width:"140px",height:"70px"})
		}else{
    	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
		$(".total").css("width",cd_num*70);
		//$(".boxS,.boxS img").css({width:"70px",height:"70px"})
		}
	   $("#div1").css("width",bk_width);
	   $("#div1").css("height",bk_height);
	   var $xt_attr=$(".boxS img");
  /*==============*/
	 if(dd_images.length>1){
	   img_attr = dd_images.split(",");
	   img_type = dd_type.split(",");
	   for(var i=0;i<$xt_attr.length;i++){ //吊顶图重现
		   $xt_attr.eq(i).attr("src",img_attr[i]);
		   $xt_attr.eq(i).attr("class",img_type[i]);
		   
		  }
	   }
	   
	 }else{
		 yqsz(70,70,10);//区域初始化
		 unit_total(60);//区域初始化
		 }
	/*电器模块还原*/
	var dqmk_group=$("input[name=dqmk_group]").val();
	var dqmk_attr = [],dqmk_sub_attr=[],dqmk_html="";
	if(dqmk_group.length>1){
		dqmk_attr = dqmk_group.split("|");
		for(var i=0;i<dqmk_attr.length-1;i++){
			dqmk_sub_attr=dqmk_attr[i].split(",");
			dqmk_html = dqmk_html +'<div class="pro_box" style="left:'+dqmk_sub_attr[0]+';top:'+dqmk_sub_attr[1]+';"><img src="'+dqmk_sub_attr[2]+'" class="'+dqmk_sub_attr[3]+'" width="'+dqmk_sub_attr[4]+'" height="'+dqmk_sub_attr[5]+'"><i style="display: none;"></i></div>';			
			}
		$("#div1").append(dqmk_html);
		//alert(dqmk_html);
		}
	}
/*移动模块*/	
$(".pro_box").die().live({
  click: function() {},
  mouseover: function(){$(this).find("i").css("display","block")},
  mousedown: function(e){
		$(".pro_box").removeClass("start");
		$(".pro_box").css("z-index",1);
        $(this).addClass("start");
		$(this).css("z-index",2);
        _move=true;
        _x=e.pageX-parseInt($(this).css("left"));
        _y=e.pageY-parseInt($(this).css("top"));
        //$(this).fadeTo(20, 0.5);//点击后开始拖动并透明显示
        pro_width=$(".start").width();
		pro_height=$(".start").height();
		return false;
    },
	mouseout: function(){$(this).find("i").css("display","none")}
});
$(document).mousemove(function(e){
        if(_move){
			// boxH=$("#div1").height()-pro_height;
			// boxW=$("#div1").width()-pro_width;
			 boxH=bk_height-pro_height;
			 boxW=bk_width-pro_width;
             x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
             y=e.pageY-_y;
			 if(x<0){x=0;}
			 if(x>boxW){x=boxW}
			 if(y<0){y=0;}
			 if(y>boxH){y=boxH}
			 x=Math.round(x/(S_width))*(S_width);  
			 y=Math.round(y/(S_height))*(S_height); 
            $(".start").css({top:y,left:x});//控件新位置
			return false;
        }
    }).mouseup(function(){
    _move=false;
    //$(".start").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
  });
$(".pro_box i").die().live({
	click: function(){
		var cls_name = $(this).prev().attr("class");
		$(".module_list dd").has("."+cls_name).find("input").val(Number($(".module_list dd").has("."+cls_name).find("input").val())-1);
		if($(".module_list dd").has("."+cls_name).find("input").val()==0){
			$(".module_list dd").has("."+cls_name).find("input").val("")
			};
		$(this).parent().remove();
		$("#qdnb").css("display","none");
		_tj=false;
		}
	
})


$(".boxS img").height($(".boxS").height());
$(".boxS img").width($(".boxS").width());




//容器重置
function yqsz(aa,bb,cc){
	//S_width=aa;
	//S_height=bb;
	boxW=(S_width)*cc-pro_width;
	$(".boxS").width(S_width);
	$(".boxS").height(S_height);
	$("#div1").width((S_width)*cc);
	//$(".pro_box").css({top:0,left:0});
	}

//单元格总数
function unit_total(dd){
	var  unit_html="";
	for(i=1;i<=dd;i++){
		unit_html+='<div class="boxS"><img src="<?php	echo base_url ()?>public/diaoding/images/bg00.png" class="pp" /></div>';
		}
	$(".total").html(unit_html);
	}
$(".set .inp").keyup(function(){
	val=$.trim($(this).val());
	if(isNaN(val)){
		$(this).val("");
		}
	})
//吊顶背景设置
$(".set_bg").click(function(){
	var imgUrl=$(this).find("img").attr('src');
	$(".set_bg").removeClass("now");
	$(this).addClass("now");
	if(imgUrl){
		$(".boxS").css("background-image","url("+imgUrl+")");
		}
	
	})
//产品选择
$("input[name=product]").click(function(){
	var proImg_url=$(this).next().find("img").attr("src");
	var proImg_W=$(this).next().find("img").attr("width");
    var proImg_H=$(this).next().find("img").attr("height");
	
	$(".start").find("img").attr("src",proImg_url);
	$(".start,.start img").width(proImg_W);
	$(".start,.start img").height(proImg_H);
	pro_width=proImg_W;
	pro_height=proImg_H;
	})




	
//平铺效果
$(".set_pp").click(function(){
	var pp_img=$(this).parent().prev().find("img").attr("src");
	var pp_code=$(this).parent().prev().find("img").attr("code");
	var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());
	var pp_att=[];
	if(room_cd == 0 || room_kd == 0){alert("吊顶宽度和长度不能为空,请重填!");return false;}
	if(room_cd>550 || room_kd>550){alert("吊顶宽度和长度不能大于550厘米,请重填!");return false;}
	if(room_cd<100 || room_kd<100){alert("吊顶宽度和长度不能小于100厘米,请重填!");return false;}
	$(".set_pp").removeClass("now");
	$(this).addClass("now");
	pp_att = pp_code.split(",");//300,300,30.70,1
	var kb_w=Number(pp_att[0]/10);//扣板宽度
	var kb_h=Number(pp_att[1]/10);//扣板高度
	var cd_num = Math.ceil(room_cd/kb_w);//横向最大扣板数
	var kd_num = Math.ceil(room_kd/kb_h);//竖向最大扣板数

	var zkb_big = cd_num * kd_num; //最大扣板数
	 bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
	 bk_height = parseInt((room_kd*70)/kb_w); //边框宽度
	
	unit_total(zkb_big);
	
	var kb_type = kb_w/kb_h;

	if(kb_type<=0.5){
    	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*140)/kb_h); //边框高度
		$(".total").css("width",cd_num*70);
		$(".boxS,.boxS img").css({width:"70px",height:"140px"});
		}else if(kb_type>=1.5){
		bk_width = parseInt((room_cd*140)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
		$(".total").css("width",cd_num*140);
		$(".boxS,.boxS img").css({width:"140px",height:"70px"})
		}else{
    	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
		$(".total").css("width",cd_num*70);
		$(".boxS,.boxS img").css({width:"70px",height:"70px"})
		}
	
	
	  $("#div1").css("width",bk_width);
	  $("#div1").css("height",bk_height);
	  if(pp_img){
		$(".boxS img").attr("src",pp_img);
		$("input[name=pp_code]").val(pp_code);
		}
		$("#qdnb").css("display","none");
		_tj=false;
	})
//填充效果
$(".set_tc").click(function(){
	var $this=$(this);
	var tc_img=$(this).parent().prev().find("img").attr("src");
	var tc_code=$(this).parent().prev().find("img").attr("code");
	$(".set_tc").removeClass("now");
	$(this).addClass("now");
	//$("input[name=tc_code]").val(tc_code);
	var $num=$(this).parent().find(".now");
	$(".boxS").die().live('click',function(){
		//$(this).css("background-image","url("+tc_img+")");
		$(this).find("img").attr("src",tc_img);
		if($num.length < 2){
			$(this).find("img").attr("class","tc");
			$("input[name=tc_code]").val(tc_code);
		}else{
			$(this).find("img").attr("class","pp");
			}
		$("#qdnb").css("display","none");
		_tj=false;
		});
	
	
	})


	$(".boxS").die().live('click',function(){
		if($("dd_set_r a:has(now)").length==0){
			alert("请先选择拼花!");
			}
		})
$(".boxS img").die().live('mousemove',function(){//禁止图片拖动打开
	return false;
	})
//模块切换
$(".module").tabSwitcher({itemCls:".module_box"});

//添加模块
$(".module_list dd").click(function(){
	var img_W = $(this).find("img").width();
	var img_H = $(this).find("img").height();
	var img_src = $(this).find("img").attr("src"); 
	var img_class = $(this).find("img").attr("class"); 
	var img_code = $(this).find("img").attr("code"); 

	//$(".module_list dd").removeClass("now");
	//$(this).addClass("now");

    var html = '<div class="pro_box"><img class="'+img_class+'" width="'+img_W+'" height="'+img_H+'" src="'+img_src+'"><i></i></div>';
	$("#div1").append(html);
	
	$(this).find("input").val(Number($(this).find("input").val())+1);
    $("#qdnb").css("display","none");
		_tj=false;
	})


 //生成清单
 $(".scqd").click(function(){
	 var room_name=$("input[name=room_name]").val();//方案名称
	 var room_width=Number($("input[name=room_width]").val());//房间宽
	 var room_height=Number($("input[name=room_height]").val());//房间长
	 var yf=Number($("input[name=yf]").val());//运费
	 var room_img=$("input[name=room_img]").val();//房间缩略图
	 if(room_name.length<1){alert("请填写方案名称");return false;}
	 if(room_width.length<1 || room_height<1){alert("请填写房间的长度和宽度");return false;}
	 var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());
	 if(room_cd == 0 || room_kd == 0){alert("吊顶宽度和长度不能为空,请重填!");return false;}
	 if(room_cd>550 || room_kd>550){alert("吊顶宽度和长度不能大于550厘米,请重填!");return false;}
	 if(room_cd<100 || room_kd<100){alert("吊顶宽度和长度不能小于100厘米,请重填!");return false;}
	 //if(room_img==""){alert("请选择房间缩略图");return false;};
	 var $xtp=$(".boxS img");
	 var abc=[],efg=[];
	  $.each($xtp, function(i){
	  abc.push($xtp.eq(i).attr("src"));//吊顶图片地址数组
	  efg.push($xtp.eq(i).attr("class"));//吊顶类型数组
       });
	 $("input[name=dd_images]").val(abc);//吊顶图片数组赋到隐藏域中
	 $("input[name=dd_type]").val(efg);//每个吊顶类型赋到隐藏域中
	/*电器模块相关参数*/ 
    var $dqmk = $(".pro_box");
	var dqmk_group="";
	$.each($dqmk, function(i){ //全部电器参数合集
	  dqmk_group = dqmk_group + ($dqmk.eq(i).css("left") + "," +  $dqmk.eq(i).css("top") + "," + $dqmk.eq(i).find("img").attr("src") + "," + $dqmk.eq(i).find("img").attr("class")) + "," + $dqmk.eq(i).width() + "," + $dqmk.eq(i).height() + "|";
		});
	$("input[name=dqmk_group]").val(dqmk_group);


		
	/*价格计算开始*/
    var pp_code_attr=[],tc_code_attr=[];
	var pp_code=$("input[name=pp_code]").val();//背景扣板参数
	var tc_code=$("input[name=tc_code]").val();//填充扣板参
	if(pp_code.length<1){alert("请选择平铺扣板");return false;};
	pp_code_attr = pp_code.split(",");
	tc_code_attr = tc_code.split(",");
	if(pp_code_attr.length>2){
	   var qb_width = Number(pp_code_attr[0])/10; //背景扣板宽度
	   var qb_height = Number(pp_code_attr[1]/10);//背景扣板高度
	   var qb_price = Number(pp_code_attr[2]);//背景扣板价格
	   var qb_type = pp_code_attr[3];//背景扣板是否为对称
		}
	if(tc_code_attr.length>2){
	  // var tc_width = Number(tc_code_attr[0])/10;//填充扣板宽度
	  // var tc_height = Number(tc_code_attr[1])/10;//填充扣板高度
	   var tc_price = Number(tc_code_attr[2]);//填充扣板价格
	  // var tc_type = tc_code_attr[3];//填充扣板是否为对称
		}
     var qb_hs = Math.floor(room_width / qb_width); //扣板列数取整
	 var qb_ns = Math.floor(room_height / qb_height); //扣板行数取整
	 var qb_hs_ys = room_width % qb_width; //扣板行向余板宽度
	 var qb_ns_ys = room_height % qb_height; //扣板列向余板高度
     var yb_num;//余板数量
	 var all_num;//占位总数量
	 if(qb_hs_ys<=2){qb_hs_ys=0;}
	 if(qb_ns_ys<=2){qb_ns_ys=0;}
	 
	 if(qb_type=="0"){  //如果扣板是非对称的
	 if(qb_hs_ys<=2 && qb_ns_ys<=2){yb_num=0}else if(qb_hs_ys>2 && qb_ns_ys<=2){
		 yb_num = qb_ns;
		 }else if(qb_ns_ys>2 && qb_hs_ys<=2){
		 yb_num = qb_hs;
		 }else{
		  yb_num = qb_ns + qb_hs +1;  //余板总数
		 }
		 all_num=qb_hs*qb_ns+yb_num; //占位总数量 
		 }else{//如果扣板是对称的
		 if(qb_hs_ys<=2 && qb_ns_ys<=2){yb_num=0}else if(qb_hs_ys + qb_ns_ys <= qb_width && qb_hs_ys + qb_ns_ys > 4){
			
			   yb_num = qb_hs>=qb_ns ? qb_hs : qb_ns;//余板总数
			  
			   }else{
			   yb_num = qb_hs + qb_ns + 1;   //余板总数
				   }
		   all_num=qb_hs*qb_ns+yb_num; //占位总数量 
		}
		//计算电器所占片数
		var dqmks=0,dqmks_attr=[],dqmk_html="",x=5,dqmk_num,dqmk_dj,dqmk_zj=0;//电器所占扣板数量
		var $pro_num=$(".module_list dd img");
		//alert($pro_num.length);
		$(".qd tr").slice(5,$(".qd tr").length-2).remove();
		for(i=0;i<$pro_num.length;i++){
			if($pro_num.eq(i).next("input").val().length>0){
				dqmks_attr = $pro_num.eq(i).attr("code").split(",");
				dqmk_num = Number($pro_num.eq(i).next("input").val());
				dqmk_dj = dqmk_num * Number(dqmks_attr[2]);
				dqmk_zj = dqmk_zj + dqmk_dj;//电器总价
				dqmks= dqmks+ ((Number(dqmks_attr[0])/10)/qb_width) * ((Number(dqmks_attr[1])/10)/qb_height)*dqmk_num;
				dqmk_html=dqmk_html +'<tr><td>'+x+'</td><td>'+$pro_num.eq(i).attr("name")+'</td><td><span class="dqmk_price">'+dqmks_attr[2]+'</span></td><td>个</td><td><span class="dqmk_num">'+dqmk_num+'</span></td><td><span class="dqmk_xj">'+dqmk_dj+'</span></td></tr>';
				x++;
				
				}
		
			}
	dqmks = Math.ceil(dqmks); //电器所占片数
	$(".qd tr").eq(4).after(dqmk_html);//生成电器清单
    
	if(!tc_price){tc_price=0;};
    var bjkbs_price=(all_num-$(".tc").length-dqmks)*qb_price;//背景扣板总价
	var qjkbs_price=$(".tc").length*tc_price;//填充扣板总价
	// dq_price= zmmk_price*zmmk_num + hqmk_price*hqmk_num + qnmk_price*qnmk_num + dgnmk_price*dgnmk_num ;
	 

	 //配件相关
	 var room_zc = (room_width/100 + room_height/100)*2;
	 var sbt = Math.floor( room_zc / 3);
	 var sbt_num;//收边条数量
	 if(room_zc - sbt*3 <= 0.02 ){sbt_num = sbt;}else{sbt_num = sbt+1;}

	 
	 var room_mj = (room_width/100) * (room_height/100);//房屋面积
	 var fltz_num = Math.ceil(room_mj);//辅料套装数量

	//生成清单列表
	var sbt_price = Number($("input[name=sbt_price]").val());//收边条
	var fltz_price = Number($("input[name=fltz_price]").val());//辅料套装
    $("#yf_id").text(x);
	//各组件单价
	$("#qb_price").text(qb_price);
	$("#yf_price").text(yf.toFixed(2));
	$("#yf_num").text(room_mj);
	if(tc_price>0){$("#tc_price").text(tc_price);}else{$("#tc_price").text("——");}
	if(sbt_price>0){$("#sbt_price").text(sbt_price);}else{$("#sbt_price").text("——");}
	if(fltz_price>0){$("#fltz_price").text(fltz_price);}else{$("#fltz_price").text("——");}

	//各组件数量
	$("#qb_num").text(all_num-$(".tc").length-dqmks);
	$("#tc_num").text($(".tc").length);
	$("#sbt_num").text(sbt_num);
	$("#fltz_num").text(fltz_num);
	//各组件小计
	$("#qb_xj").text(bjkbs_price.toFixed(2));
	$("#tc_xj").text(qjkbs_price.toFixed(2));
	if(sbt_price>0){$("#sbt_xj").text((sbt_price*sbt_num).toFixed(2));}else{$("#sbt_xj").text("套餐内含");}
	if(fltz_price>0){$("#fltz_xj").text((fltz_price*fltz_num).toFixed(2));}else{$("#fltz_xj").text("套餐内含");}
    yf=yf*room_mj;
    $("#yf").text(yf.toFixed(2));
	var total = bjkbs_price + qjkbs_price + sbt_price*sbt_num +  fltz_price*fltz_num + dqmk_zj + yf; //总价
 	$("#total").text(total.toFixed(2));
	$("input[name=total]").val(total.toFixed(2));
	$("#qdnb").css("display","block");
	$("html,body").animate({scrollTop:$("#qdnb").offset().top},1000);
	//生成清单数组
	var xls="",xls2="";
	for(var c=1;c<$(".qd tr").length-1;c++){
		xls2=xls2+"[\""+$(".qd tr").eq(c).find("td").eq(1).text()+"\",\""+$(".qd tr").eq(c).find("td").eq(2).text()+"\",\""+$(".qd tr").eq(c).find("td").eq(3).text()+"\",\""+$(".qd tr").eq(c).find("td").eq(4).text()+"\",\""+$(".qd tr").eq(c).find("td").eq(5).text()+"\"]"+",";
		}
		xls = "["+xls2+"]";
		$("textarea[name=info_extra]").val(xls);
		//alert(xls);
	//alert($(".qd tr").eq(1).find("td").eq(2).text());
	 _tj=true;
	 })
	
 $(".tj").click(function(){
	 if(_tj){return true;}else{alert("请您先点击生成清单,再点保存方案");return false;}
	 })
  $(".kb_select a").click(function(){
	  var text =$(this).text() ;
	  $(".kb_select a").attr("class","tab");
	  $(this).attr("class","cur");
	  if(text=="扣板"){
		  $(".set_tc").css("height","0px");
		  $(".set_pp").css("height","18px");
		  }else{
		  $(".set_tc").css("height","18px");
		  $(".set_pp").css("height","0px");
		  }
	  })

	$(".number").keyup(function(){
	val=$.trim($(this).val());
	if(isNaN(val)){
		$(this).val("");
		}
	})
	
		/*$(function(){
		var $imgList = $(".module_list dd img");
		
		$imgList.each(function(i){
			var pro_w = Number($imgList.eq(i).width());
			var pro_h = Number($imgList.eq(i).height());
			var pro_type = pro_w/pro_h;
			alert(pro_type);
			if( pro_type<=0.5){
		      $imgList.eq(i).css({width:"70px",height:"140px"});
		     }else if(pro_type>=1.5){
               $imgList.eq(i).css({width:"140px",height:"70px"})
             }else{
                $imgList.eq(i).css({width:"70px",height:"70px"})
		       }
			})
		})*/
</script>
<script>
function show_from_date(v){
		if(v=='hidden'){
			$("#show_from_date").hide();
		}
		if(v=='show'){
			 $("#show_from_date").show();
		}
}
</script>
</body>
</html>
Back to Top