PageRenderTime 64ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 0ms

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

https://gitlab.com/loda.sun.suryani/qijiatuku
PHP | 735 lines | 614 code | 58 blank | 63 comment | 81 complexity | df3bf820322d088ebd53e77841d98be4 MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    5. 

  5. <title>生成的表单相关文件</title>
    6. 

  6. <link rel="stylesheet"
    7. 

  7. 	href="<?php
    8. 

  8. 	echo base_url ()?>public/diaoding/css/css.css" type="text/css" />
    9. 

  9. <script type="text/javascript"	src="<?php	echo base_url ()?>public/diaoding/js/jquery.js"></script>
    10. 

  10. <script type="text/javascript"	src="<?php	echo base_url ()?>public/js/dialog/lhgdialog.js?self=true"></script>
    11. 

  11. <script type="text/javascript"	src="<?php	echo base_url ()?>public/diaoding/js/comm.js"></script>
    12. 

  12. <script type="text/javascript"	src="<?php	echo base_url ()?>public/js/li.js"></script>
    13. 

  13. <script>
    14. 

  14. function input_tag_changed(){
    15. 

  15. 	//alert('input_tag_changed!...');
    16. 

  16. 	if(console){
    17. 

  17. 		console.log("input_tag_changed! ...");
    18. 

  18. 	}
    19. 

  19. }
    20. 

  20. </script>
    21. 

  21. <style>
    22. 

  22. .module_list {
    23. 

  23. 	padding-top:10px;
    24. 

  24. }
    25. 

  25. </style>
    26. 

  26. <script language="javascript">   
    27. 

  27.  function CheckForm(ObjForm) {
    28. 

  28. 

  29. }
    30. 

  30.  </script>
    31. 

  31. </head>
    32. 

  32. <body>
    33. 

  33. <form name="form" id="form"  method="post" action="<?php echo modify_build_url ( array ("m"=>"insert") )?>" enctype="multipart/form-data" onSubmit="return(CheckForm(this))">
    34. 

  34. 		<div class="dd_main">
    35. 

  35. 				<h2>吊顶-新建方案</h2>
    36. 

  36. 				<div class="dd_cate">
    37. 

  37. 						<div class="prop_item">
    38. 

  38. 								<input type="hidden" name="setting_tag" id="setting_tag" value="">
    39. 

  39. 								<?php echo form_error('setting_tag', '<div class="error">', '</div>'); ?><?php echo $show_setting_tag;?> </div>
    40. 

  40. 				</div>
    41. 

  41. 				<p>房间缩略图:<?php echo $upload_file?><br>
    42. 

  42. 						<span id="message_custom_file_upload"></span></p>
    43. 

  43. 				<input name="from_date" id="from_date" type="radio"  onclick="show_from_date(this.value)" value="show" checked/>
    44. 

  44. 				显示
    45. 

  45. 				<input name="from_date"  onclick="show_from_date(this.value)" id="from_date" type="radio" value="hidden" />
    46. 

  46. 				隐藏
    47. 

  47. 				<div class="set_room">
    48. 

  48. 						<p> 方案名称：
    49. 

  49. 								<input type="text" class="inp" style="width:200px;" name="room_name">
    50. 

  50. 								房间面积：
    51. 

  51. 								<input type="text" class="inp number" name="room_width" value="300">
    52. 

  52. 								CM　X　
    53. 

  53. 								<input type="text" class="inp number" name="room_height" value="180">
    54. 

  54. 								CM　</p>
    55. 

  55. 				</div>
    56. 

  56. 				<div id="show_from_date">
    57. 

  57. 						<div class="set_room" >
    58. 

  58. 								<p> 高亮标题:<br>
    59. 

  59. 										<textarea style="overflow: auto; width: 638px; height: 58px;" name="info_highlight"><?php echo $default_highlight?></textarea>
    60. 

  60. 								</p>
    61. 

  61. 						</div>
    62. 

  62. 						<div class="set_room">
    63. 

  63. 								<p> DIY入口:<br>
    64. 

  64. 										<textarea style="overflow: auto; width: 638px; height: 58px;" name="info_extra_2"></textarea>
    65. 

  65. 								</p>
    66. 

  66. 						</div>
    67. 

  67. 				</div>
    68. 

  68. 		</div>
    69. 

  69. 		<textarea style="overflow: auto; width: 638px; height: 58px; display:none;" name="info_extra" ></textarea>
    70. 

  70. 		<div id="div1" >
    71. 

  71. 				<div class="total"> </div>
    72. 

  72. 				<input type="hidden" name="dd_images" value="">
    73. 

  73. 				<input type="hidden" value="" name="dd_type">
    74. 

  74. 		</div>
    75. 

  75. 		<ul class="set">
    76. 

  76. 				<li>
    77. 

  77. 						<div class="module_tit kb_select"> <a class="cur" href="javascript:void(0);">扣板</a> <a class="tab" href="javascript:void(0);">拼花</a> </div>
    78. 

  78. 				</li>
    79. 

  79. 				<li>
    80. 

  80. 						<?PHP if(count($element_bg)){
    81. 

  81. 		foreach($element_bg as $vbg){
    82. 

  82. 		?>
    83. 

  83. 						<div class="dd_set">
    84. 

  84. 								<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>
    85. 

  85. 								<div class="dd_set_r"> <a class="set_pp" href="javascript:;">平铺</a> <a class="set_tc" href="javascript:;">拼花</a> </div>
    86. 

  86. 						</div>
    87. 

  87. 						<?php }}?>
    88. 

  88. 						<input type="hidden" value="" name="pp_code" />
    89. 

  89. 						<input type="hidden" value="" name="tc_code" />
    90. 

  90. 				</li>
    91. 

  91. 				<li>
    92. 

  92. 						<div class="module">
    93. 

  93. 								<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>
    94. 

  94. 								<div class="module_box">
    95. 

  95. 										<dl class="module_list module_list01">
    96. 

  96. 												<?php if(count($element_2)){?>
    97. 

  97. 												<?php foreach($element_2 as $v2){?>
    98. 

  98. 												<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']?>">
    99. 

  99. 														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
    100. 

  100. 												</dd>
    101. 

  101. 												<?php }?>
    102. 

  102. 												<?php }?>
    103. 

  103. 										</dl>
    104. 

  104. 								</div>
    105. 

  105. 								<div class="module_box">
    106. 

  106. 										<dl class="module_list module_list02">
    107. 

  107. 												<?php if(count($element_4)){?>
    108. 

  108. 												<?php foreach($element_4 as $v2){?>
    109. 

  109. 												<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']?>">
    110. 

  110. 														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
    111. 

  111. 												</dd>
    112. 

  112. 												<?php }?>
    113. 

  113. 												<?php }?>
    114. 

  114. 										</dl>
    115. 

  115. 								</div>
    116. 

  116. 								<div class="module_box">
    117. 

  117. 										<dl class="module_list module_list03">
    118. 

  118. 												<?php if(count($element_3)){?>
    119. 

  119. 												<?php foreach($element_3 as $v2){?>
    120. 

  120. 												<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']?>">
    121. 

  121. 														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
    122. 

  122. 												</dd>
    123. 

  123. 												<?php }?>
    124. 

  124. 												<?php }?>
    125. 

  125. 										</dl>
    126. 

  126. 								</div>
    127. 

  127. 								<div class="module_box">
    128. 

  128. 										<dl class="module_list module_list04">
    129. 

  129. 												<?php if(count($element_5)){?>
    130. 

  130. 												<?php foreach($element_5 as $v2){?>
    131. 

  131. 												<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']?>">
    132. 

  132. 														<input name="number[<?php echo $v2['element_id']?>]" value="" type="text" />
    133. 

  133. 												</dd>
    134. 

  134. 												<?php }?>
    135. 

  135. 												<?php }?>
    136. 

  136. 										</dl>
    137. 

  137. 								</div>
    138. 

  138. 								<input type="hidden" value="" name="dqmk_group">
    139. 

  139. 						</div>
    140. 

  140. 				</li>
    141. 

  141. 				<li style="padding-bottom:10px;">
    142. 

  142. 						<div class="module_tit"><a class="cur" href="javascript:void(0);">其他</a></div>
    143. 

  143. 				</li>
    144. 

  144. 				<li>收边条：
    145. 

  145. 						<input type="text" name="sbt_price"  class="inp number">
    146. 

  146. 						元/根　辅料套装：
    147. 

  147. 						<input type="text" name="fltz_price"  class="inp number">
    148. 

  148. 						元/平米</li>
    149. 

  149. 				<li>安装费：
    150. 

  150. 						<input type="text" class="inp number" value="8.00" style="width:80px;" name="yf">
    151. 

  151. 						元/平米</li>
    152. 

  152. 				<li style="text-align:center;" >
    153. 

  153. 						<input name="scqd" type="button" class="scqd" value="生成清单" />
    154. 

  154. 						<input name="tj" type="submit" class="tj" value="保存方案" />
    155. 

  155. 				</li>
    156. 

  156. 		</ul>
    157. 

  157. 		<input type="hidden"  value=""  name="total">
    158. 

  158. </form>
    159. 

  159. <div class="set" id="qdnb" style="padding-bottom:25px;display:none">
    160. 

  160. 		<h2 style="text-align:center;height:30px;padding-top:10px;"><b>集成吊顶报价清单</b></h2>
    161. 

  161. 		<table class="qd" width="100%" border="0" cellspacing="0" cellpadding="0">
    162. 

  162. 				<tr>
    163. 

  163. 						<td>序号</td>
    164. 

  164. 						<td>材料名称/项目</td>
    165. 

  165. 						<td>单价</td>
    166. 

  166. 						<td>单位</td>
    167. 

  167. 						<td>数量</td>
    168. 

  168. 						<td>小计</td>
    169. 

  169. 				</tr>
    170. 

  170. 				<tr>
    171. 

  171. 						<td>1</td>
    172. 

  172. 						<td>扣板</td>
    173. 

  173. 						<td><span id="qb_price"></span></td>
    174. 

  174. 						<td>片</td>
    175. 

  175. 						<td><span id="qb_num"></span></td>
    176. 

  176. 						<td><span id="qb_xj"></span></td>
    177. 

  177. 				</tr>
    178. 

  178. 				<tr>
    179. 

  179. 						<td>2</td>
    180. 

  180. 						<td>拼花</td>
    181. 

  181. 						<td><span id="tc_price"></span></td>
    182. 

  182. 						<td>片</td>
    183. 

  183. 						<td><span id="tc_num"></span></td>
    184. 

  184. 						<td><span id="tc_xj"></span></td>
    185. 

  185. 				</tr>
    186. 

  186. 				<tr>
    187. 

  187. 						<td>3</td>
    188. 

  188. 						<td>收边条</td>
    189. 

  189. 						<td><span id="sbt_price"></span></td>
    190. 

  190. 						<td>根</td>
    191. 

  191. 						<td><span id="sbt_num"></span></td>
    192. 

  192. 						<td><span id="sbt_xj"></span></td>
    193. 

  193. 				</tr>
    194. 

  194. 				<tr>
    195. 

  195. 						<td>4</td>
    196. 

  196. 						<td>辅料套装</td>
    197. 

  197. 						<td><span id="fltz_price"></span></td>
    198. 

  198. 						<td>平米</td>
    199. 

  199. 						<td><span id="fltz_num"></span></td>
    200. 

  200. 						<td><span id="fltz_xj"></span></td>
    201. 

  201. 				</tr>
    202. 

  202. 				<tr>
    203. 

  203. 						<td><span id="yf_id"></span></td>
    204. 

  204. 						<td >安装费</td>
    205. 

  205. 						<td ><span id="yf_price"></span></td>
    206. 

  206. 						<td >平米</td>
    207. 

  207. 						<td ><span id="yf_num"></span></td>
    208. 

  208. 						<td><span id="yf"></span></td>
    209. 

  209. 				</tr>
    210. 

  210. 				<tr>
    211. 

  211. 						<td>合计</td>
    212. 

  212. 						<td colspan="4">&nbsp;</td>
    213. 

  213. 						<td><span id="total"></span></td>
    214. 

  214. 				</tr>
    215. 

  215. 		</table>
    216. 

  216. </div>
    217. 

  217. <div style="height:50px"></div>
    218. 

  218. </div>
    219. 

  219. <script type="text/javascript" language="javascript">
    220. 

  220. var _tj=false;	//提交保存状态
    221. 

  221. var _move=false;//移动标记
    222. 

  222. var _x,_y,x,y;//鼠标离控件左上角的相对位置
    223. 

  223. var boxW,bk_width=700;//吊顶移动宽度区域
    224. 

  224. var boxH,bk_height=420;//吊顶移动高度区域
    225. 

  225. var S_width=70; //单元格的宽度
    226. 

  226. var S_height=70;//单元格的高度
    227. 

  227. var pro_width;//产品的宽度
    228. 

  228. var pro_height;//产品的高度
    229. 

  229. loading();
    230. 

  230. 

  231. function loading(){
    232. 

  232. 	var img_attr=[],img_type=[],pp_att=[];
    233. 

  233. 	var dd_images=$("input[name=dd_images]").val();//获取吊顶背景
    234. 

  234. 	var dd_type=$("input[name=dd_type]").val();//获取吊顶背景类型
    235. 

  235. 	var pp_code=$("input[name=pp_code]").val();//获取平铺背景参数
    236. 

  236. 	
    237. 

  237. 	var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());//房间长宽
    238. 

  238. 	 $(".set_tc").css("height","0px");
    239. 

  239. 	 /*吊顶边框大小和单位格大小设置*/
    240. 

  240. 	if(room_cd == 0){room_cd = 300;}
    241. 

  241. 	if(room_kd == 0){room_cd = 180;}
    242. 

  242. 	if(pp_code.length>1){
    243. 

  243. 	pp_att = pp_code.split(",");//300,300,30.70,1
    244. 

  244. 	var kb_w=Number(pp_att[0]/10);//扣板宽度
    245. 

  245. 	var kb_h=Number(pp_att[1]/10);//扣板高度
    246. 

  246. 	var cd_num = Math.ceil(room_cd/kb_w);//横向最大扣板数
    247. 

  247. 	var kd_num = Math.ceil(room_kd/kb_h);//竖向最大扣板数
    248. 

  248. 

  249. 	var zkb_big = cd_num * kd_num; //最大扣板数
    250. 

  250. 	var bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    251. 

  251. 	var bk_height = parseInt((room_kd*70)/kb_w); //边框宽度
    252. 

  252. 	
    253. 

  253. 	unit_total(zkb_big);
    254. 

  254. 	
    255. 

  255. 	var kb_type = kb_w/kb_h;
    256. 

  256.    
    257. 

  257. 	if(kb_type<=0.5){
    258. 

  258.     	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    259. 

  259.     	bk_height = parseInt((room_kd*140)/kb_h); //边框高度
    260. 

  260. 		$(".total").css("width",cd_num*70);
    261. 

  261. 		//$(".boxS,.boxS img").css({width:"70px",height:"140px"});
    262. 

  262. 		}else if(kb_type>=1.5){
    263. 

  263. 		bk_width = parseInt((room_cd*140)/kb_w); //边框宽度
    264. 

  264.     	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
    265. 

  265. 		$(".total").css("width",cd_num*140);
    266. 

  266. 		//$(".boxS,.boxS img").css({width:"140px",height:"70px"})
    267. 

  267. 		}else{
    268. 

  268.     	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    269. 

  269.     	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
    270. 

  270. 		$(".total").css("width",cd_num*70);
    271. 

  271. 		//$(".boxS,.boxS img").css({width:"70px",height:"70px"})
    272. 

  272. 		}
    273. 

  273. 	   $("#div1").css("width",bk_width);
    274. 

  274. 	   $("#div1").css("height",bk_height);
    275. 

  275. 	   var $xt_attr=$(".boxS img");
    276. 

  276.   /*==============*/
    277. 

  277. 	 if(dd_images.length>1){
    278. 

  278. 	   img_attr = dd_images.split(",");
    279. 

  279. 	   img_type = dd_type.split(",");
    280. 

  280. 	   for(var i=0;i<$xt_attr.length;i++){ //吊顶图重现
    281. 

  281. 		   $xt_attr.eq(i).attr("src",img_attr[i]);
    282. 

  282. 		   $xt_attr.eq(i).attr("class",img_type[i]);
    283. 

  283. 		   
    284. 

  284. 		  }
    285. 

  285. 	   }
    286. 

  286. 	   
    287. 

  287. 	 }else{
    288. 

  288. 		 yqsz(70,70,10);//区域初始化
    289. 

  289. 		 unit_total(60);//区域初始化
    290. 

  290. 		 }
    291. 

  291. 	/*电器模块还原*/
    292. 

  292. 	var dqmk_group=$("input[name=dqmk_group]").val();
    293. 

  293. 	var dqmk_attr = [],dqmk_sub_attr=[],dqmk_html="";
    294. 

  294. 	if(dqmk_group.length>1){
    295. 

  295. 		dqmk_attr = dqmk_group.split("|");
    296. 

  296. 		for(var i=0;i<dqmk_attr.length-1;i++){
    297. 

  297. 			dqmk_sub_attr=dqmk_attr[i].split(",");
    298. 

  298. 			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>';			
    299. 

  299. 			}
    300. 

  300. 		$("#div1").append(dqmk_html);
    301. 

  301. 		//alert(dqmk_html);
    302. 

  302. 		}
    303. 

  303. 	}
    304. 

  304. /*移动模块*/	
    305. 

  305. $(".pro_box").die().live({
    306. 

  306.   click: function() {},
    307. 

  307.   mouseover: function(){$(this).find("i").css("display","block")},
    308. 

  308.   mousedown: function(e){
    309. 

  309. 		$(".pro_box").removeClass("start");
    310. 

  310. 		$(".pro_box").css("z-index",1);
    311. 

  311.         $(this).addClass("start");
    312. 

  312. 		$(this).css("z-index",2);
    313. 

  313.         _move=true;
    314. 

  314.         _x=e.pageX-parseInt($(this).css("left"));
    315. 

  315.         _y=e.pageY-parseInt($(this).css("top"));
    316. 

  316.         //$(this).fadeTo(20, 0.5);//点击后开始拖动并透明显示
    317. 

  317.         pro_width=$(".start").width();
    318. 

  318. 		pro_height=$(".start").height();
    319. 

  319. 		return false;
    320. 

  320.     },
    321. 

  321. 	mouseout: function(){$(this).find("i").css("display","none")}
    322. 

  322. });
    323. 

  323. $(document).mousemove(function(e){
    324. 

  324.         if(_move){
    325. 

  325. 			// boxH=$("#div1").height()-pro_height;
    326. 

  326. 			// boxW=$("#div1").width()-pro_width;
    327. 

  327. 			 boxH=bk_height-pro_height;
    328. 

  328. 			 boxW=bk_width-pro_width;
    329. 

  329.              x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
    330. 

  330.              y=e.pageY-_y;
    331. 

  331. 			 if(x<0){x=0;}
    332. 

  332. 			 if(x>boxW){x=boxW}
    333. 

  333. 			 if(y<0){y=0;}
    334. 

  334. 			 if(y>boxH){y=boxH}
    335. 

  335. 			 x=Math.round(x/(S_width))*(S_width);  
    336. 

  336. 			 y=Math.round(y/(S_height))*(S_height); 
    337. 

  337.             $(".start").css({top:y,left:x});//控件新位置
    338. 

  338. 			return false;
    339. 

  339.         }
    340. 

  340.     }).mouseup(function(){
    341. 

  341.     _move=false;
    342. 

  342.     //$(".start").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
    343. 

  343.   });
    344. 

  344. $(".pro_box i").die().live({
    345. 

  345. 	click: function(){
    346. 

  346. 		var cls_name = $(this).prev().attr("class");
    347. 

  347. 		$(".module_list dd").has("."+cls_name).find("input").val(Number($(".module_list dd").has("."+cls_name).find("input").val())-1);
    348. 

  348. 		if($(".module_list dd").has("."+cls_name).find("input").val()==0){
    349. 

  349. 			$(".module_list dd").has("."+cls_name).find("input").val("")
    350. 

  350. 			};
    351. 

  351. 		$(this).parent().remove();
    352. 

  352. 		$("#qdnb").css("display","none");
    353. 

  353. 		_tj=false;
    354. 

  354. 		}
    355. 

  355. 	
    356. 

  356. })
    357. 

  357. 

  358. 

  359. $(".boxS img").height($(".boxS").height());
    360. 

  360. $(".boxS img").width($(".boxS").width());
    361. 

  361. 

  362. 

  363. 

  364. 

  365. //容器重置
    366. 

  366. function yqsz(aa,bb,cc){
    367. 

  367. 	//S_width=aa;
    368. 

  368. 	//S_height=bb;
    369. 

  369. 	boxW=(S_width)*cc-pro_width;
    370. 

  370. 	$(".boxS").width(S_width);
    371. 

  371. 	$(".boxS").height(S_height);
    372. 

  372. 	$("#div1").width((S_width)*cc);
    373. 

  373. 	//$(".pro_box").css({top:0,left:0});
    374. 

  374. 	}
    375. 

  375. 

  376. //单元格总数
    377. 

  377. function unit_total(dd){
    378. 

  378. 	var  unit_html="";
    379. 

  379. 	for(i=1;i<=dd;i++){
    380. 

  380. 		unit_html+='<div class="boxS"><img src="<?php	echo base_url ()?>public/diaoding/images/bg00.png" class="pp" /></div>';
    381. 

  381. 		}
    382. 

  382. 	$(".total").html(unit_html);
    383. 

  383. 	}
    384. 

  384. $(".set .inp").keyup(function(){
    385. 

  385. 	val=$.trim($(this).val());
    386. 

  386. 	if(isNaN(val)){
    387. 

  387. 		$(this).val("");
    388. 

  388. 		}
    389. 

  389. 	})
    390. 

  390. //吊顶背景设置
    391. 

  391. $(".set_bg").click(function(){
    392. 

  392. 	var imgUrl=$(this).find("img").attr('src');
    393. 

  393. 	$(".set_bg").removeClass("now");
    394. 

  394. 	$(this).addClass("now");
    395. 

  395. 	if(imgUrl){
    396. 

  396. 		$(".boxS").css("background-image","url("+imgUrl+")");
    397. 

  397. 		}
    398. 

  398. 	
    399. 

  399. 	})
    400. 

  400. //产品选择
    401. 

  401. $("input[name=product]").click(function(){
    402. 

  402. 	var proImg_url=$(this).next().find("img").attr("src");
    403. 

  403. 	var proImg_W=$(this).next().find("img").attr("width");
    404. 

  404.     var proImg_H=$(this).next().find("img").attr("height");
    405. 

  405. 	
    406. 

  406. 	$(".start").find("img").attr("src",proImg_url);
    407. 

  407. 	$(".start,.start img").width(proImg_W);
    408. 

  408. 	$(".start,.start img").height(proImg_H);
    409. 

  409. 	pro_width=proImg_W;
    410. 

  410. 	pro_height=proImg_H;
    411. 

  411. 	})
    412. 

  412. 

  413. 

  414. 

  415. 

  416. 	
    417. 

  417. //平铺效果
    418. 

  418. $(".set_pp").click(function(){
    419. 

  419. 	var pp_img=$(this).parent().prev().find("img").attr("src");
    420. 

  420. 	var pp_code=$(this).parent().prev().find("img").attr("code");
    421. 

  421. 	var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());
    422. 

  422. 	var pp_att=[];
    423. 

  423. 	if(room_cd == 0 || room_kd == 0){alert("吊顶宽度和长度不能为空，请重填！");return false;}
    424. 

  424. 	if(room_cd>550 || room_kd>550){alert("吊顶宽度和长度不能大于550厘米，请重填！");return false;}
    425. 

  425. 	if(room_cd<100 || room_kd<100){alert("吊顶宽度和长度不能小于100厘米，请重填！");return false;}
    426. 

  426. 	$(".set_pp").removeClass("now");
    427. 

  427. 	$(this).addClass("now");
    428. 

  428. 	pp_att = pp_code.split(",");//300,300,30.70,1
    429. 

  429. 	var kb_w=Number(pp_att[0]/10);//扣板宽度
    430. 

  430. 	var kb_h=Number(pp_att[1]/10);//扣板高度
    431. 

  431. 	var cd_num = Math.ceil(room_cd/kb_w);//横向最大扣板数
    432. 

  432. 	var kd_num = Math.ceil(room_kd/kb_h);//竖向最大扣板数
    433. 

  433. 

  434. 	var zkb_big = cd_num * kd_num; //最大扣板数
    435. 

  435. 	 bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    436. 

  436. 	 bk_height = parseInt((room_kd*70)/kb_w); //边框宽度
    437. 

  437. 	
    438. 

  438. 	unit_total(zkb_big);
    439. 

  439. 	
    440. 

  440. 	var kb_type = kb_w/kb_h;
    441. 

  441. 

  442. 	if(kb_type<=0.5){
    443. 

  443.     	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    444. 

  444.     	bk_height = parseInt((room_kd*140)/kb_h); //边框高度
    445. 

  445. 		$(".total").css("width",cd_num*70);
    446. 

  446. 		$(".boxS,.boxS img").css({width:"70px",height:"140px"});
    447. 

  447. 		}else if(kb_type>=1.5){
    448. 

  448. 		bk_width = parseInt((room_cd*140)/kb_w); //边框宽度
    449. 

  449.     	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
    450. 

  450. 		$(".total").css("width",cd_num*140);
    451. 

  451. 		$(".boxS,.boxS img").css({width:"140px",height:"70px"})
    452. 

  452. 		}else{
    453. 

  453.     	bk_width = parseInt((room_cd*70)/kb_w); //边框宽度
    454. 

  454.     	bk_height = parseInt((room_kd*70)/kb_h); //边框高度
    455. 

  455. 		$(".total").css("width",cd_num*70);
    456. 

  456. 		$(".boxS,.boxS img").css({width:"70px",height:"70px"})
    457. 

  457. 		}
    458. 

  458. 	
    459. 

  459. 	
    460. 

  460. 	  $("#div1").css("width",bk_width);
    461. 

  461. 	  $("#div1").css("height",bk_height);
    462. 

  462. 	  if(pp_img){
    463. 

  463. 		$(".boxS img").attr("src",pp_img);
    464. 

  464. 		$("input[name=pp_code]").val(pp_code);
    465. 

  465. 		}
    466. 

  466. 		$("#qdnb").css("display","none");
    467. 

  467. 		_tj=false;
    468. 

  468. 	})
    469. 

  469. //填充效果
    470. 

  470. $(".set_tc").click(function(){
    471. 

  471. 	var $this=$(this);
    472. 

  472. 	var tc_img=$(this).parent().prev().find("img").attr("src");
    473. 

  473. 	var tc_code=$(this).parent().prev().find("img").attr("code");
    474. 

  474. 	$(".set_tc").removeClass("now");
    475. 

  475. 	$(this).addClass("now");
    476. 

  476. 	//$("input[name=tc_code]").val(tc_code);
    477. 

  477. 	var $num=$(this).parent().find(".now");
    478. 

  478. 	$(".boxS").die().live('click',function(){
    479. 

  479. 		//$(this).css("background-image","url("+tc_img+")");
    480. 

  480. 		$(this).find("img").attr("src",tc_img);
    481. 

  481. 		if($num.length < 2){
    482. 

  482. 			$(this).find("img").attr("class","tc");
    483. 

  483. 			$("input[name=tc_code]").val(tc_code);
    484. 

  484. 		}else{
    485. 

  485. 			$(this).find("img").attr("class","pp");
    486. 

  486. 			}
    487. 

  487. 		$("#qdnb").css("display","none");
    488. 

  488. 		_tj=false;
    489. 

  489. 		});
    490. 

  490. 	
    491. 

  491. 	
    492. 

  492. 	})
    493. 

  493. 

  494. 

  495. 	$(".boxS").die().live('click',function(){
    496. 

  496. 		if($("dd_set_r a:has(now)").length==0){
    497. 

  497. 			alert("请先选择拼花！");
    498. 

  498. 			}
    499. 

  499. 		})
    500. 

  500. $(".boxS img").die().live('mousemove',function(){//禁止图片拖动打开
    501. 

  501. 	return false;
    502. 

  502. 	})
    503. 

  503. //模块切换
    504. 

  504. $(".module").tabSwitcher({itemCls:".module_box"});
    505. 

  505. 

  506. //添加模块
    507. 

  507. $(".module_list dd").click(function(){
    508. 

  508. 	var img_W = $(this).find("img").width();
    509. 

  509. 	var img_H = $(this).find("img").height();
    510. 

  510. 	var img_src = $(this).find("img").attr("src"); 
    511. 

  511. 	var img_class = $(this).find("img").attr("class"); 
    512. 

  512. 	var img_code = $(this).find("img").attr("code"); 
    513. 

  513. 

  514. 	//$(".module_list dd").removeClass("now");
    515. 

  515. 	//$(this).addClass("now");
    516. 

  516. 

  517.     var html = '<div class="pro_box"><img class="'+img_class+'" width="'+img_W+'" height="'+img_H+'" src="'+img_src+'"><i></i></div>';
    518. 

  518. 	$("#div1").append(html);
    519. 

  519. 	
    520. 

  520. 	$(this).find("input").val(Number($(this).find("input").val())+1);
    521. 

  521.     $("#qdnb").css("display","none");
    522. 

  522. 		_tj=false;
    523. 

  523. 	})
    524. 

  524. 

  525. 

  526.  //生成清单
    527. 

  527.  $(".scqd").click(function(){
    528. 

  528. 	 var room_name=$("input[name=room_name]").val();//方案名称
    529. 

  529. 	 var room_width=Number($("input[name=room_width]").val());//房间宽
    530. 

  530. 	 var room_height=Number($("input[name=room_height]").val());//房间长
    531. 

  531. 	 var yf=Number($("input[name=yf]").val());//运费
    532. 

  532. 	 var room_img=$("input[name=room_img]").val();//房间缩略图
    533. 

  533. 	 if(room_name.length<1){alert("请填写方案名称");return false;}
    534. 

  534. 	 if(room_width.length<1 || room_height<1){alert("请填写房间的长度和宽度");return false;}
    535. 

  535. 	 var room_cd=Number($("input[name=room_width]").val()),room_kd=Number($("input[name=room_height]").val());
    536. 

  536. 	 if(room_cd == 0 || room_kd == 0){alert("吊顶宽度和长度不能为空，请重填！");return false;}
    537. 

  537. 	 if(room_cd>550 || room_kd>550){alert("吊顶宽度和长度不能大于550厘米，请重填！");return false;}
    538. 

  538. 	 if(room_cd<100 || room_kd<100){alert("吊顶宽度和长度不能小于100厘米，请重填！");return false;}
    539. 

  539. 	 //if(room_img==""){alert("请选择房间缩略图");return false;};
    540. 

  540. 	 var $xtp=$(".boxS img");
    541. 

  541. 	 var abc=[],efg=[];
    542. 

  542. 	  $.each($xtp, function(i){
    543. 

  543. 	  abc.push($xtp.eq(i).attr("src"));//吊顶图片地址数组
    544. 

  544. 	  efg.push($xtp.eq(i).attr("class"));//吊顶类型数组
    545. 

  545.        });
    546. 

  546. 	 $("input[name=dd_images]").val(abc);//吊顶图片数组赋到隐藏域中
    547. 

  547. 	 $("input[name=dd_type]").val(efg);//每个吊顶类型赋到隐藏域中
    548. 

  548. 	/*电器模块相关参数*/ 
    549. 

  549.     var $dqmk = $(".pro_box");
    550. 

  550. 	var dqmk_group="";
    551. 

  551. 	$.each($dqmk, function(i){ //全部电器参数合集
    552. 

  552. 	  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() + "|";
    553. 

  553. 		});
    554. 

  554. 	$("input[name=dqmk_group]").val(dqmk_group);
    555. 

  555. 

  556. 

  557. 		
    558. 

  558. 	/*价格计算开始*/
    559. 

  559.     var pp_code_attr=[],tc_code_attr=[];
    560. 

  560. 	var pp_code=$("input[name=pp_code]").val();//背景扣板参数
    561. 

  561. 	var tc_code=$("input[name=tc_code]").val();//填充扣板参
    562. 

  562. 	if(pp_code.length<1){alert("请选择平铺扣板");return false;};
    563. 

  563. 	pp_code_attr = pp_code.split(",");
    564. 

  564. 	tc_code_attr = tc_code.split(",");
    565. 

  565. 	if(pp_code_attr.length>2){
    566. 

  566. 	   var qb_width = Number(pp_code_attr[0])/10; //背景扣板宽度
    567. 

  567. 	   var qb_height = Number(pp_code_attr[1]/10);//背景扣板高度
    568. 

  568. 	   var qb_price = Number(pp_code_attr[2]);//背景扣板价格
    569. 

  569. 	   var qb_type = pp_code_attr[3];//背景扣板是否为对称
    570. 

  570. 		}
    571. 

  571. 	if(tc_code_attr.length>2){
    572. 

  572. 	  // var tc_width = Number(tc_code_attr[0])/10;//填充扣板宽度
    573. 

  573. 	  // var tc_height = Number(tc_code_attr[1])/10;//填充扣板高度
    574. 

  574. 	   var tc_price = Number(tc_code_attr[2]);//填充扣板价格
    575. 

  575. 	  // var tc_type = tc_code_attr[3];//填充扣板是否为对称
    576. 

  576. 		}
    577. 

  577.      var qb_hs = Math.floor(room_width / qb_width); //扣板列数取整
    578. 

  578. 	 var qb_ns = Math.floor(room_height / qb_height); //扣板行数取整
    579. 

  579. 	 var qb_hs_ys = room_width % qb_width; //扣板行向余板宽度
    580. 

  580. 	 var qb_ns_ys = room_height % qb_height; //扣板列向余板高度
    581. 

  581.      var yb_num;//余板数量
    582. 

  582. 	 var all_num;//占位总数量
    583. 

  583. 	 if(qb_hs_ys<=2){qb_hs_ys=0;}
    584. 

  584. 	 if(qb_ns_ys<=2){qb_ns_ys=0;}
    585. 

  585. 	 
    586. 

  586. 	 if(qb_type=="0"){  //如果扣板是非对称的
    587. 

  587. 	 if(qb_hs_ys<=2 && qb_ns_ys<=2){yb_num=0}else if(qb_hs_ys>2 && qb_ns_ys<=2){
    588. 

  588. 		 yb_num = qb_ns;
    589. 

  589. 		 }else if(qb_ns_ys>2 && qb_hs_ys<=2){
    590. 

  590. 		 yb_num = qb_hs;
    591. 

  591. 		 }else{
    592. 

  592. 		  yb_num = qb_ns + qb_hs +1;  //余板总数
    593. 

  593. 		 }
    594. 

  594. 		 all_num=qb_hs*qb_ns+yb_num; //占位总数量 
    595. 

  595. 		 }else{//如果扣板是对称的
    596. 

  596. 		 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){
    597. 

  597. 			
    598. 

  598. 			   yb_num = qb_hs>=qb_ns ? qb_hs : qb_ns;//余板总数
    599. 

  599. 			  
    600. 

  600. 			   }else{
    601. 

  601. 			   yb_num = qb_hs + qb_ns + 1;   //余板总数
    602. 

  602. 				   }
    603. 

  603. 		   all_num=qb_hs*qb_ns+yb_num; //占位总数量 
    604. 

  604. 		}
    605. 

  605. 		//计算电器所占片数
    606. 

  606. 		var dqmks=0,dqmks_attr=[],dqmk_html="",x=5,dqmk_num,dqmk_dj,dqmk_zj=0;//电器所占扣板数量
    607. 

  607. 		var $pro_num=$(".module_list dd img");
    608. 

  608. 		//alert($pro_num.length);
    609. 

  609. 		$(".qd tr").slice(5,$(".qd tr").length-2).remove();
    610. 

  610. 		for(i=0;i<$pro_num.length;i++){
    611. 

  611. 			if($pro_num.eq(i).next("input").val().length>0){
    612. 

  612. 				dqmks_attr = $pro_num.eq(i).attr("code").split(",");
    613. 

  613. 				dqmk_num = Number($pro_num.eq(i).next("input").val());
    614. 

  614. 				dqmk_dj = dqmk_num * Number(dqmks_attr[2]);
    615. 

  615. 				dqmk_zj = dqmk_zj + dqmk_dj;//电器总价
    616. 

  616. 				dqmks= dqmks+ ((Number(dqmks_attr[0])/10)/qb_width) * ((Number(dqmks_attr[1])/10)/qb_height)*dqmk_num;
    617. 

  617. 				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>';
    618. 

  618. 				x++;
    619. 

  619. 				
    620. 

  620. 				}
    621. 

  621. 		
    622. 

  622. 			}
    623. 

  623. 	dqmks = Math.ceil(dqmks); //电器所占片数
    624. 

  624. 	$(".qd tr").eq(4).after(dqmk_html);//生成电器清单
    625. 

  625.     
    626. 

  626. 	if(!tc_price){tc_price=0;};
    627. 

  627.     var bjkbs_price=(all_num-$(".tc").length-dqmks)*qb_price;//背景扣板总价
    628. 

  628. 	var qjkbs_price=$(".tc").length*tc_price;//填充扣板总价
    629. 

  629. 	// dq_price= zmmk_price*zmmk_num + hqmk_price*hqmk_num + qnmk_price*qnmk_num + dgnmk_price*dgnmk_num ;
    630. 

  630. 	 
    631. 

  631. 

  632. 	 //配件相关
    633. 

  633. 	 var room_zc = (room_width/100 + room_height/100)*2;
    634. 

  634. 	 var sbt = Math.floor( room_zc / 3);
    635. 

  635. 	 var sbt_num;//收边条数量
    636. 

  636. 	 if(room_zc - sbt*3 <= 0.02 ){sbt_num = sbt;}else{sbt_num = sbt+1;}
    637. 

  637. 

  638. 	 
    639. 

  639. 	 var room_mj = (room_width/100) * (room_height/100);//房屋面积
    640. 

  640. 	 var fltz_num = Math.ceil(room_mj);//辅料套装数量
    641. 

  641. 

  642. 	//生成清单列表
    643. 

  643. 	var sbt_price = Number($("input[name=sbt_price]").val());//收边条
    644. 

  644. 	var fltz_price = Number($("input[name=fltz_price]").val());//辅料套装
    645. 

  645.     $("#yf_id").text(x);
    646. 

  646. 	//各组件单价
    647. 

  647. 	$("#qb_price").text(qb_price);
    648. 

  648. 	$("#yf_price").text(yf.toFixed(2));
    649. 

  649. 	$("#yf_num").text(room_mj);
    650. 

  650. 	if(tc_price>0){$("#tc_price").text(tc_price);}else{$("#tc_price").text("——");}
    651. 

  651. 	if(sbt_price>0){$("#sbt_price").text(sbt_price);}else{$("#sbt_price").text("——");}
    652. 

  652. 	if(fltz_price>0){$("#fltz_price").text(fltz_price);}else{$("#fltz_price").text("——");}
    653. 

  653. 

  654. 	//各组件数量
    655. 

  655. 	$("#qb_num").text(all_num-$(".tc").length-dqmks);
    656. 

  656. 	$("#tc_num").text($(".tc").length);
    657. 

  657. 	$("#sbt_num").text(sbt_num);
    658. 

  658. 	$("#fltz_num").text(fltz_num);
    659. 

  659. 	//各组件小计
    660. 

  660. 	$("#qb_xj").text(bjkbs_price.toFixed(2));
    661. 

  661. 	$("#tc_xj").text(qjkbs_price.toFixed(2));
    662. 

  662. 	if(sbt_price>0){$("#sbt_xj").text((sbt_price*sbt_num).toFixed(2));}else{$("#sbt_xj").text("套餐内含");}
    663. 

  663. 	if(fltz_price>0){$("#fltz_xj").text((fltz_price*fltz_num).toFixed(2));}else{$("#fltz_xj").text("套餐内含");}
    664. 

  664.     yf=yf*room_mj;
    665. 

  665.     $("#yf").text(yf.toFixed(2));
    666. 

  666. 	var total = bjkbs_price + qjkbs_price + sbt_price*sbt_num +  fltz_price*fltz_num + dqmk_zj + yf; //总价
    667. 

  667.  	$("#total").text(total.toFixed(2));
    668. 

  668. 	$("input[name=total]").val(total.toFixed(2));
    669. 

  669. 	$("#qdnb").css("display","block");
    670. 

  670. 	$("html,body").animate({scrollTop:$("#qdnb").offset().top},1000);
    671. 

  671. 	//生成清单数组
    672. 

  672. 	var xls="",xls2="";
    673. 

  673. 	for(var c=1;c<$(".qd tr").length-1;c++){
    674. 

  674. 		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()+"\"]"+",";
    675. 

  675. 		}
    676. 

  676. 		xls = "["+xls2+"]";
    677. 

  677. 		$("textarea[name=info_extra]").val(xls);
    678. 

  678. 		//alert(xls);
    679. 

  679. 	//alert($(".qd tr").eq(1).find("td").eq(2).text());
    680. 

  680. 	 _tj=true;
    681. 

  681. 	 })
    682. 

  682. 	
    683. 

  683.  $(".tj").click(function(){
    684. 

  684. 	 if(_tj){return true;}else{alert("请您先点击生成清单，再点保存方案");return false;}
    685. 

  685. 	 })
    686. 

  686.   $(".kb_select a").click(function(){
    687. 

  687. 	  var text =$(this).text() ;
    688. 

  688. 	  $(".kb_select a").attr("class","tab");
    689. 

  689. 	  $(this).attr("class","cur");
    690. 

  690. 	  if(text=="扣板"){
    691. 

  691. 		  $(".set_tc").css("height","0px");
    692. 

  692. 		  $(".set_pp").css("height","18px");
    693. 

  693. 		  }else{
    694. 

  694. 		  $(".set_tc").css("height","18px");
    695. 

  695. 		  $(".set_pp").css("height","0px");
    696. 

  696. 		  }
    697. 

  697. 	  })
    698. 

  698. 

  699. 	$(".number").keyup(function(){
    700. 

  700. 	val=$.trim($(this).val());
    701. 

  701. 	if(isNaN(val)){
    702. 

  702. 		$(this).val("");
    703. 

  703. 		}
    704. 

  704. 	})
    705. 

  705. 	
    706. 

  706. 		/*$(function(){
    707. 

  707. 		var $imgList = $(".module_list dd img");
    708. 

  708. 		
    709. 

  709. 		$imgList.each(function(i){
    710. 

  710. 			var pro_w = Number($imgList.eq(i).width());
    711. 

  711. 			var pro_h = Number($imgList.eq(i).height());
    712. 

  712. 			var pro_type = pro_w/pro_h;
    713. 

  713. 			alert(pro_type);
    714. 

  714. 			if( pro_type<=0.5){
    715. 

  715. 		      $imgList.eq(i).css({width:"70px",height:"140px"});
    716. 

  716. 		     }else if(pro_type>=1.5){
    717. 

  717.                $imgList.eq(i).css({width:"140px",height:"70px"})
    718. 

  718.              }else{
    719. 

  719.                 $imgList.eq(i).css({width:"70px",height:"70px"})
    720. 

  720. 		       }
    721. 

  721. 			})
    722. 

  722. 		})*/
    723. 

  723. </script>
    724. 

  724. <script>
    725. 

  725. function show_from_date(v){
    726. 

  726. 		if(v=='hidden'){
    727. 

  727. 			$("#show_from_date").hide();
    728. 

  728. 		}
    729. 

  729. 		if(v=='show'){
    730. 

  730. 			 $("#show_from_date").show();
    731. 

  731. 		}
    732. 

  732. }
    733. 

  733. </script>
    734. 

  734. </body>
    735. 

  735. </html>
    736.