LeeWeiCheng
/
altob.st123
1
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
VM暫存
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
3 коммитов
5 Ветки
790KB
Дерево: 3bbc85e280
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из '3bbc85e280'
${ noResults }
altob.st123/views/admins_station/_20170220/member_add.php

419 строки
20KB
Исходник Blame История 

  1. 			<!-- ----- 會員加入填寫資料 ----- -->  

  2.             <div data-items="member_add" class="row" style="display:none;"><!-- 會員加入填寫資料 -->

  3.                 <div class="col-lg-12">

  4.                     <div class="panel panel-default">

  5.                         <div id="member_data_type" class="panel-heading">新增會員資料</div><!-- 資料顯示區灰色小表頭 -->

  6.                         <div class="panel-body">

  7.                             <div data-rows class="row">

  8.                                 <div class="col-lg-6">

  9.                                     <!--form id="member_add" role="form" method="post" data-src="action::APP_URL::member_add"-->  

  10.                                     <form id="member_add" role="form" method="post" data-src="/admins_station.html/member_add">  

  11.                                         <div class="form-group">

  12.                                             <label>*場站</label>

  13.                                             <select class="form-control" id="station_no_modify" name="station_no">

  14.                                             </select>

  15.                                         </div>

  16.                                         <div class="form-group">

  17.                                             <label>*車牌號碼</label>

  18.                                             <input id="ma_lpr" name="lpr" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase" />

  19.                                             <input id="ma_old_lpr" name="old_lpr" type="hidden" />

  20.                                         </div> 

  21.                                         <div class="form-group">

  22.                                             <label>eTag</label>

  23.                                             <input id="ma_etag" name="etag" class="form-control" placeholder="限英數字碼" style="text-transform:uppercase">

  24.                                         </div> 

  25.                                         <div class="form-group">

  26.                                             <label>*不足月開始日期（開始日）</label>

  27.                                             <input id="ma_demonth_start_date" type="datetime" name="demonth_start_date" class="form-control" onchange="calculate_rents_amt();"/>

  28.                                         </div> 

  29. 										<div class="form-group">

  30.                                             <label>*不足月結束日期</label>

  31.                                             <input id="ma_demonth_end_date" type="datetime" name="demonth_end_date" class="form-control" />

  32.                                         </div>   	

  33. 										<div class="form-group">

  34.                                             <label>*足月開始日期</label>

  35.                                             <input id="ma_start_date" type="datetime" name="start_date" class="form-control" />

  36.                                         </div>   

  37.                                         <div class="form-group">

  38.                                             <label>*足月結束日期（到期日）</label>

  39.                                             <input id="ma_end_date" type="datetime" name="end_date" class="form-control" />

  40.                                         </div> 	

  41. 										<div class="form-group">

  42. 											<label class="select-inline">

  43. 												<button type="button" class="btn btn-default btn-xl btn-primary pull-left" onclick="member_park_time();">*進出場時段</button>&nbsp;                             

  44. 											</label>

  45. 										</div> 											

  46. 										<div class="form-group">

  47. 											<label class="select-inline">*首期繳期

  48. 												<select class="form-control input-sm" id="fee_period1" name="fee_period1" onClick="calculate_rents_amt();"></select>

  49. 											</label>

  50.                                             <label class="select-inline">*首期租金 (依使用天數拆分)

  51. 												<input id="ma_amt1" name="amt1" class="form-control" value="0" onblur="re_amt();">

  52. 											</label>

  53. 											<label class="select-inline" id="amt1_max_view">

  54. 												&nbsp;說明：&nbsp;

  55. 												&nbsp;每日租金（&nbsp;<span id="amt1_max">0</span>&nbsp;元

  56. 												&nbsp;/ &nbsp;<span id="amt1_days_total">0</span>&nbsp;天）

  57. 												&nbsp;* 實際天數&nbsp;<span id="amt1_days">0</span>&nbsp;天

  58. 											</label>		

  59. 										</div> 

  60. 										<div class="form-group">

  61. 											<label class="select-inline">*例行繳期

  62. 												<select class="form-control input-sm" id="fee_period" name="fee_period" onClick="calculate_rents_amt();"></select>

  63. 											</label>                      

  64.                                             <label class="select-inline">*例行租金 (依使用月數拆分)

  65. 												<input id="ma_amt" name="amt" class="form-control" value="0" onblur="re_amt();">

  66. 											</label>

  67. 											<!-- 第一版, 按日拆

  68. 												label class="select-inline" id="amt2_max_view">

  69. 												&nbsp;*說明：&nbsp;

  70. 												&nbsp;每日租金（&nbsp;<span id="amt2_max">0</span>&nbsp;元

  71. 												&nbsp;/ &nbsp;<span id="amt2_days_total">0</span>&nbsp;天）

  72. 												&nbsp;* 實際天數&nbsp;<span id="amt2_days">0</span>&nbsp;天

  73. 											</label-->

  74. 											<label class="select-inline" id="amt2_max_view">

  75. 												&nbsp;說明：&nbsp;

  76. 												&nbsp;每月租金（&nbsp;<span id="amt2_max">0</span>&nbsp;元

  77. 												&nbsp;/ &nbsp;<span id="amt2_months_total">0</span>&nbsp;個月）

  78. 												&nbsp;* 實際月數&nbsp;<span id="amt2_months">0</span>&nbsp;個月

  79. 											</label>

  80.                                         </div>  

  81. 																			

  82.                                         <div class="form-group">

  83. 											<label class="select-inline">*會員身份

  84. 												<select class="form-control input-sm" id="member_attr" name="member_attr" onClick="calculate_rents_amt();"></select>

  85. 											</label>

  86.                                             <label class="select-inline">*押金（不列入發票金額）

  87. 												<input id="ma_deposit" name="deposit" class="form-control" value="0" onblur="re_amt();">

  88. 											</label>	

  89. 											<label class="select-inline" id="amt_accrued_view">

  90. 												&nbsp;&nbsp;應計金額 (原價)：<span id="amt_accrued">0</span>

  91. 											</label>											

  92.                                         </div>

  93. 										<div class="form-group">

  94. 											<label class="select-inline" style="color:blue;font-size:18px;" id="amt_tot_view">

  95. 												租金：<span id="amt_tot">0</span>

  96. 											</label>

  97. 										</div>                

  98.                                         <div class="form-group">

  99.                                             <label>合約號碼</label>

  100.                                             <input id="ma_contract_no" name="contract_no" class="form-control">

  101.                                         </div> 

  102.                                         <div class="form-group">

  103.                                             <label>*姓名/公司名稱</label>

  104.                                             <input id="ma_member_name" name="member_name" class="form-control" style="font-size:48px;height:56px;">

  105.                                         </div>

  106.                                         <div class="form-group">

  107.                                             <label>*手機</label>

  108.                                             <input id="ma_mobile_no" name='mobile_no' class="form-control">

  109.                                         </div> 

  110.                                         <div class="form-group">

  111.                                             <label>身份證號</label>

  112.                                             <input id="ma_member_id"  name="member_id" class="form-control">

  113.                                         </div>   

  114.                                         <div class="form-group">

  115.                                             <label>會員統一編號</label>

  116.                                             <input id="ma_member_company_no"  name="member_company_no" class="form-control">

  117.                                         </div>

  118.                                         <div class="form-group">

  119.                                             <label>電話(宅)</label>

  120.                                             <input id="ma_tel_h" name='tel_h' class="form-control">

  121.                                         </div> 

  122.                                         <div class="form-group">

  123.                                             <label>電話(公)</label>

  124.                                             <input  id="ma_tel_o" name='tel_o' class="form-control">

  125.                                         </div> 

  126.                                         <div class="form-group">

  127.                                             <label>地址</label>

  128.                                             <input id="ma_addr" name='addr' class="form-control">

  129.                                         </div>

  130.                                         <div class="form-group">

  131.                                         <button type="submit" class="btn btn-large btn-success pull-left">存檔</button>

  132. 										&nbsp;&nbsp;

  133.                                         <!--button type="reset" class="btn btn-large btn-cancel">重填</button-->

  134. 										

  135.                                         <input id="ma_member_no" type="hidden" name="member_no" value="0" />

  136.                                         <input id="ma_company_no" type="hidden" name="company_no" />

  137.                                         <input id="ma_park_time" type="hidden" name="park_time" />  

  138.                                         <input id="ma_amt_tot" type="hidden" name="amt_tot" />  

  139.                                         <input id="ma_amt_accrued" type="hidden" name="amt_accrued" />  

  140. 										

  141. 										<input id="ma_demonth_start_date_done" type="hidden" name="demonth_start_date_done"/>

  142. 										<input id="ma_demonth_end_date_done" type="hidden" name="demonth_end_date_done"/>

  143. 										<input id="ma_start_date_done" type="hidden" name="start_date_done"/>

  144. 										<input id="ma_end_date_done" type="hidden" name="end_date_done"/>

  145. 										<!--input id="ma_fee_period1_done" type="hidden" name="fee_period1_done"/>

  146. 										<input id="ma_fee_period_done" type="hidden" name="fee_period_done"/>

  147. 										<input id="ma_member_attr_done" type="hidden" name="member_attr_done"/-->

  148. 										

  149.                                         </div>

  150.                                     </form>

  151.                                 </div>

  152.                                 <!-- /.col-lg-6 (nested) -->

  153.                             </div>

  154.                             <!-- /.row (nested) -->

  155.                         </div>

  156.                         <!-- /.panel-body -->

  157.                     </div>

  158.                     <!-- /.panel -->

  159.                 </div>

  160.                 <!-- /.col-lg-12 -->

  161.             </div>

  162.             <!-- ----- 會員加入填寫資料(結束) ----- --> 

  163. 			

  164. <script>  

  165. 

  166. 	// 設定場站資訊 

  167.     for(station_no in st)

  168.     {

  169.     	$(new Option(st[station_no],station_no)).appendTo('#station_no_modify');		// 會員修改場站編號  

  170.     }    

  171. 	

  172. 	// 會員身份類別 

  173.     for(idx in mem_attr)

  174.     {

  175.     	$(new Option(mem_attr[idx],idx)).appendTo('#member_attr');  

  176.     }

  177.          

  178.     // 繳期表(首期) 

  179.     for(idx in period_name)

  180.     {

  181.     	$(new Option(period_name[idx],idx)).appendTo('#fee_period1');  

  182.     }   

  183.          

  184.     // 繳期表(例行) 

  185.     for(idx in period_name)

  186.     {

  187.     	$(new Option(period_name[idx],idx)).appendTo('#fee_period');  

  188.     }

  189. 

  190. 	// 設定時段表

  191.     str = "";

  192.     for(pt_id in pt)

  193.     {                  

  194.     	str += "<tr>";

  195.         str += "<td style='text-align:center;'><input type='checkbox' id='pt_id_"+pt_id+"' class='pt_id_checkbox' value='"+pt_id+"' /></td>";

  196.         str += "<td style='text-align:center;'>"+pt_id+"</td>";

  197.         str += "<td style='text-align:left;'>"+pt[pt_id]['remarks']+"</td>";

  198.     	str += "</tr>";	  	

  199.     }      

  200.     $("#pt_list").html(str);

  201. 

  202. 	$("#ma_demonth_start_date").datetimepicker({language:"zh-TW",autoclose:true,minView:2,format:"yyyy-mm-dd"});

  203.     $("#ma_demonth_end_date").datetimepicker({language:"zh-TW",autoclose:true,minView:2,format:"yyyy-mm-dd"});

  204.     $("#ma_start_date").datetimepicker({language:"zh-TW",autoclose:true,minView:2,format:"yyyy-mm-dd"});

  205.     $("#ma_end_date").datetimepicker({language:"zh-TW",autoclose:true,minView:2,format:"yyyy-mm-dd"});

  206. 	$("#stop_rents_end_date").datetimepicker({language:"zh-TW",autoclose:true,minView:2,format:"yyyy-mm-dd"});

  207. 

  208. 	// 會員新增修改

  209. 	$("#member_add").submit(function(event)

  210. 	{                   

  211.     	event.preventDefault();

  212.         

  213.         // 停車時段

  214.         $("#ma_park_time").val($('input:checkbox:checked.pt_id_checkbox').map(function(){ return this.value; }).get().join(","));

  215. 		

  216. 		if ($("#ma_member_no").val() == "0")

  217.         {

  218.         	$("#ma_old_lpr").val($("#ma_lpr").val());

  219. 			

  220. 			// 新增：檢查必填欄位

  221. 			if ($("#ma_lpr").val() == "" ||

  222. 				$("#ma_start_date").val() == "" ||

  223. 				$("#ma_end_date").val() == "" ||

  224. 				$("#ma_member_name").val() == "" ||

  225. 				$("#ma_mobile_no").val() == "" ||

  226. 				$("#ma_park_time").val() == ""

  227. 				)

  228. 			{

  229. 				alertify_msg("必填欄位不可空白");

  230. 				return false;

  231. 			}

  232.         }

  233. 		else

  234. 		{

  235. 			// 修改：檢查必填欄位

  236. 			if ($("#ma_lpr").val() == "" ||

  237. 				//$("#ma_start_date").val() == "" ||

  238. 				$("#ma_end_date").val() == "" ||

  239. 				$("#ma_member_name").val() == "" ||

  240. 				$("#ma_mobile_no").val() == "" ||

  241. 				$("#ma_park_time").val() == ""

  242. 				)

  243. 			{

  244. 				alertify_msg("必填欄位不可空白");

  245. 				return false;

  246. 			}

  247. 		}

  248.         

  249.         $("#ma_amt_tot").val($("#amt_tot").text());    

  250.         $("#ma_amt_accrued").val($("#amt_accrued").text()); 

  251.         if($("#ma_member_company_no").val() == "")	$("#ma_member_company_no").val(0); 

  252. 		

  253. 		// 禁止直接輸入，補值

  254. 		$("#ma_demonth_end_date_done").val($("#ma_demonth_end_date").val()); 

  255. 		$("#ma_start_date_done").val($("#ma_start_date").val());

  256. 		$("#ma_end_date_done").val($("#ma_end_date").val());

  257.            

  258.         $.ajax

  259.         ({

  260.         	url: APP_URL+"member_add",

  261.             type: "post", 

  262.             dataType:"json",

  263.             data: $(this).serialize(),

  264. 			error:function(xhr, ajaxOptions, thrownError)

  265. 			{

  266. 				alertify_msg(xhr.responseText);

  267. 				console.log("error:"+xhr.responseText+"|"+ajaxOptions+"|"+thrownError);  

  268. 			},

  269.             success: function(jdata)

  270.             {       

  271. 				if(jdata == 'update_error')

  272. 				{

  273. 					alertify_msg("更新失敗, 請稍候再試");

  274. 				}

  275. 				else if(jdata == 'trans_error')

  276. 				{

  277. 					alertify_msg("操作失敗, 請稍候再試");

  278. 				}

  279. 				else if (jdata["member_no"] != "0")

  280.                 {                                                                

  281. 					if(jdata["action_code"] == "A")

  282. 					{

  283. 						// 新增會員資料, 印發票

  284. 						xvars["rents"] = Array();             

  285. 						xvars["rents"]["tx_no"] = jdata["tx_no"];

  286. 						xvars["rents"]["station_no"] = station_no;

  287. 						xvars["rents"]["member_no"] = jdata["member_no"];

  288. 						xvars["rents"]["member_company_no"] = $("#ma_member_company_no").val();

  289. 						xvars["rents"]["company_no"] = company_no;

  290. 						xvars["rents"]["fee_period"] = $("#fee_period").val();

  291. 						xvars["rents"]["amt"] = parseInt($("#ma_amt").val());

  292. 						xvars["rents"]["amt1"] = parseInt($("#ma_amt1").val());

  293. 						xvars["rents"]["invoice_amt"] = jdata["invoice_amt"];

  294. 						xvars["rents"]["remain_amt"] = jdata["remain_amt"];

  295. 						xvars["rents"]["period_3_amt"] = jdata["period_3_amt"];

  296. 						

  297. 						$("#first_rents_name").text($("#ma_member_name").val()+" ("+ $("#ma_lpr").val() +")");

  298. 						$("#first_rents_station_name").text(st[xvars["rents"]["station_no"]]);

  299. 						$("#first_rents_start_date").text($("#ma_demonth_start_date").val());	// 上期開始日

  300. 						$("#first_rents_end_date").text($("#ma_end_date").val());				// 本期結束日

  301. 						$("#first_rents_deposit").text($("#ma_deposit").val());

  302. 						$("#first_rents_period").text(period_name[xvars["rents"]["fee_period"]]);

  303. 						$("#first_rents_amt").text(xvars["rents"]["amt"]);

  304. 						$("#first_rents_amt1").text(xvars["rents"]["amt1"]);

  305. 						

  306. 						$("#first_rents_invoice_amt").text(xvars["rents"]["invoice_amt"]);

  307. 						$("#first_rents_remain_desc").html(get_invoice_desc(xvars["rents"]["amt"], xvars["rents"]["amt1"], xvars["rents"]["invoice_amt"], xvars["rents"]["remain_amt"], xvars["rents"]["period_3_amt"]));	// 發票說明

  308. 						

  309. 						$("#first_rents_company_no").val(xvars["rents"]["company_no"]); // 賣方統編

  310. 						

  311. 						if(xvars["rents"]["member_company_no"] == 0 || xvars["rents"]["member_company_no"] == '')

  312. 						{

  313. 							$("#first_rents_member_company_no").val("");

  314. 						}

  315. 						else

  316. 						{

  317. 							$("#first_rents_member_company_no").val(xvars["rents"]["member_company_no"]); // 買方統編

  318. 						}

  319. 						

  320. 						$("#first_rents_dialog").modal({backdrop:false,keyboard:false});

  321. 						

  322. 					}

  323. 					else if(jdata["action_code"] == "U")

  324. 					{

  325. 						// 更新會員資料

  326. 						alertify_msg("月租資料存檔完成 !");

  327. 					}

  328. 					else

  329. 					{

  330. 						// 未知

  331. 						alertify_msg("未知的操作..");

  332. 					}

  333. 					

  334. 					show_item('member_query', 'member_query');

  335.                 } 

  336.                 else

  337.                 {

  338.                  	alertify_msg(jdata["msg"]);

  339.                 }

  340.             }

  341.         }); 

  342.     });

  343. 	

  344. 	

  345. // 計算租金

  346. function calculate_rents_amt()

  347. {     

  348. 	// 計算月租金額 

  349. 	$.ajax

  350.     ({

  351.         url:APP_URL+"calculate_rents_amt", 

  352.         dataType:"json",

  353.         type:"post",

  354.         data:

  355.         {             

  356.         	"cmd":"calculate_rents_amt",

  357.         	"station_no":station_no, 

  358.             "demonth_start_date":$("#ma_demonth_start_date").val(),

  359.         	"member_attr":$("#member_attr").val(),  

  360.         	"period_1":$("#fee_period1").val(),		// 首期繳期  

  361.         	"period_2":$("#fee_period").val()		// 例行繳期

  362.         },

  363.         success:function(jdata)

  364.         {   

  365. 			$("#ma_demonth_start_date").val(jdata["demonth_start_date"]); 

  366. 			$("#ma_demonth_end_date").val(jdata["demonth_end_date"]).prop("disabled",true); 

  367. 			$("#ma_start_date").val(jdata["start_date"]).prop("disabled",true); 

  368. 			$("#ma_end_date").val(jdata["end_date"]).prop("disabled",true);

  369. 			

  370. 			$("#amt1_max").text(jdata["demonth_amt"]);

  371. 			$("#amt1_days").text(jdata["demonth_days"]);

  372. 			$("#amt1_days_total").text(jdata["demonth_days_total"]);

  373. 			$("#amt1_max_view").show();

  374. 			

  375. 			// 第一版: 依天數拆分

  376. 			/*

  377. 			$("#amt2_max").text(jdata["amonth_amt"]);

  378. 			$("#amt2_days").text(jdata["amonth_days"]);

  379. 			$("#amt2_days_total").text(jdata["amonth_days_total"]);

  380. 			$("#amt2_max_view").show();

  381. 			*/

  382. 			

  383. 			// 第二版: 依月數拆分 2017-02-13 updated

  384. 			$("#amt2_max").text(jdata["amonth_amt"]);

  385. 			$("#amt2_months").text(jdata["amonth_months"]);

  386. 			$("#amt2_months_total").text(jdata["amonth_months_total"]);

  387. 			$("#amt2_max_view").show();

  388. 			

  389.         	$("#ma_amt1").val(jdata["rents_amt1"]);   

  390.         	$("#ma_amt").val(jdata["rents_amt2"]);   

  391.         	$("#ma_deposit").val(jdata["rents_deposit"]);   

  392.         	$("#amt_accrued").text(parseInt(jdata["rents_amt1"])+parseInt(jdata["rents_amt2"])+parseInt(jdata["rents_deposit"])); 

  393.         	$("#ma_amt_accrued").val($("#amt_accrued").text()); 

  394.             re_amt(true);  

  395.     	}                                                                          

  396.     }); 

  397. }   

  398. 

  399. // 重新計算實際租金

  400. function re_amt(show_sccured_view=false)

  401. {

  402. 	if ($("#ma_amt1").val() == "")	$("#ma_amt1").val(0);

  403. 	if ($("#ma_amt").val() == "")	$("#ma_amt").val(0);

  404. 	if ($("#ma_deposit").val() == "")	$("#ma_deposit").val(0);

  405.     

  406.     $("#amt_tot").text(parseInt($("#ma_amt1").val())+parseInt($("#ma_amt").val())+parseInt($("#ma_deposit").val()));

  407. 	//$("#amt_tot").text(parseInt($("#ma_amt1").val())+parseInt($("#ma_amt").val())); // 無押金

  408.     $("#ma_amt_tot").val($("#amt_tot").text());

  409. 	

  410. 	$("#amt_tot_view").show();

  411. 	

  412. 	if(show_sccured_view)

  413. 	{

  414. 		$("#amt_accrued_view").show();	

  415. 	}

  416. }

  417. 

  418. 	

  419. </script>