明源售楼系统技术解析（二）付款方式定义——查询

最新推荐文章于 2015-06-13 18:34:44 发布
置顶 最新推荐文章于 2015-06-13 18:34:44 发布
阅读量2.8k 收藏
点赞数
分类专栏： MVC 文章标签： mvc web 界面 解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GX_WuZhenJian/article/details/46127955
版权

                                                         

付款方式定义--查询篇

                                                              1.1主界面效果图如下
                                 

                               

从界面上可以看到我们这里用到的控件有 


查询功能实现：

第一步：数据库

1、表与关系：

（1）付款方式定义关系图

涉及到的表有：

 表一：付款方式表（SYS_PaymentTypeTable）



表二：项目表


表三：

按揭明细表


表四：按揭表


表五：

按揭银行表（SYS_MortgageBankTable）：

表六：

付款方式名表

第二步：

存储过程



第二步：逻辑层：


第三步：控制器：


第四步：界面层：


<pre name="code" class="html"><div class="easyui-panel" style="width:1090px;height:490px;">
          <div class="easyui-layout" style="width:1085px;height:480px;">
            <div data-options="region:'west'" style="width:160px;height:470px;">
                <div class="easyui-panel" style="width:155px;height:390px;">
                <ul id="tre项目"  class="easyui-tree" style="width:150px;height:385px;">
                  
                </ul>
                </div>
             </div>
             <div data-options="region:'center'" style="width:915px;height:480px">
             <table>
               <tr>
                   <td align="right">
                       <a οnclick="addFuKuanFangShiGaiYao()" class="easyui-linkbutton" id="btnZengJia">增加</a>
                       <a οnclick="XiuGaiFuKuanFangShiGaiYao()" class="easyui-linkbutton" id="btnXiuGai">修改</a>
                       <a οnclick="ShanChufukuan()" class="easyui-linkbutton" id="btnShanChu">删除</a>
                   </td>
               </tr>
               <tr>
               <td>
               <table id="tbFuKuanFangShi" class="easyui-datagrid" title="付款方式定义" style="width:910px;height:200px;"
                              data-options="singleSelect:true,onClickRow:DanJiFuKuanFangShi">
		        <thead>
			        <tr>
                        <th data-options="field:'PaymentTypeID',width:100,hidden:true, align:'center'">付款方式ID</th>
                        <th data-options="field:'ProjectCode',width:100, align:'center'">项目代码</th>
                        <th data-options="field:'ProjectName',width:100, align:'center'">项目名称</th>
                        <th data-options="field:'PaymentTypeCode',width:100, align:'center'">付款方式代码</th>
                        <th data-options="field:'PaymentTypeMingCheng',width:100, align:'center'">付款方式名称</th>
                         <th data-options="field:'PaymentTypeNameID',hidden:true,width:100, align:'center'">付款方式名称ID</th>
                        <th data-options="field:'StartUsingDate1',width:100, align:'center'">启用日期</th>
                        <th data-options="field:'MortgageBankName',width:100, align:'center'">按揭银行</th>
                        <th data-options="field:'MortgageBankID',width:10,hidden:true, align:'center'">按揭银行ID</th>
                        <th data-options="field:'MortgageID',width:10,hidden:true, align:'center'">按揭ID</th>
                        <th data-options="field:'MortgageDetailID',width:10,hidden:true, align:'center'">按揭明细ID</th>
                        <th data-options="field:'Discount',width:100,hidden:true, align:'center'">折扣（%）</th>
                        <th data-options="field:'PaymentTypeExplain',width:100, align:'center'">备注说明</th>
                    </tr> 
                </thead>
                </table>
                </td>
                </tr>
                <tr>
                    <td align="right">
                       <a οnclick="addFuKuanFangShiMingXi()" class="easyui-linkbutton" id="btnZengJia1">增加</a>
                       <a οnclick="XiuGaiFuKuanFangShiMingXi()" class="easyui-linkbutton" id="btnXiuGai1">修改</a>
                       <a οnclick="ShanChufukuanMingXi()" class="easyui-linkbutton" id="btnShanChu1">删除</a>
                   </td>
                </tr>
                <tr>
                    <td>
                        <table id="tbFuKuanFangShiMingXi" class="easyui-datagrid" title="付款方式明细" style="width:910px;height:200px;"
                              data-options="singleSelect:true">
                           <thead>
			                  <tr>
                                  <th data-options="field:'OrderNumber',width:100, align:'center'">序号</th>
                                  <th data-options="field:'PaymentTypeCode',width:100, align:'center'">代码</th>
                                  <th data-options="field:'FundName',width:100, align:'center'">款项名称</th>
                                  <th data-options="field:'AttributeAssembleDetailName',width:100, align:'center'">币种</th>
                                  <th data-options="field:'Money',width:100, align:'center'">金额</th>
                                  <th data-options="field:'PaymentEventName',width:100, align:'center'">时间</th>
                                  <th data-options="field:'ScheduleTime',width:100, align:'center'">指定时间</th>
                                  <th data-options="field:'Ratio',width:100, align:'center'">比例</th>
                              </tr> 
                           </thead>
                        </table>
                    </td>
                </tr>
                </table>
             </div>
          </div>
       </div>


 

1、把查询到的数据绑到界面中的代码（jQuery代码）：
 


 
 

                                    
 

附上部分控件使用方法：
                                                           

 

1、 日期控件（easyui-datebox）
 

作用：显示时间，可以通过时间段来查询数据
 

 
 

日期控件截图：
 
                
 

 
 
创建日期控件界面代码：
 
 
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><input id="dtpKaiShiShiJian" class="easyui-datebox" style="width: 95px; height: 28px" data-options="editable:false,formatter:RiQi" ></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><input id="dtpJieShuJian" class="easyui-datebox" style="width: 95px; height: 28px" data-options="editable:false,formatter:RiQi" /></span></div>
 
 
赋值给界面控件代码：
 
 
</pre><pre name="code" class="javascript"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">//设置时间的默认值</span></div><div style="text-align: left;"> function SetStarRiQi() {</div><div style="text-align: left;">    var curr_time = new Date();//获取当前时间</div><div style="text-align: left;">    var strDate = curr_time.getFullYear() + "-";//获取年和拼接字符“-”</div><div style="text-align: left;">    var vMon = curr_time.getMonth() - 2;//获取月，减2是为了获取前3个月，获取月是从0~11，0就是一月···</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">    var vDay = curr_time.getDate();//获取天</span></div><div style="text-align: left;">    strDate += (vMon < 10 ? "0" + vMon : vMon) + "-";//这里有一个三目运运算符，vMon < 10是判断条件，如果符合条件就返回（"0" + vMon），否则就返回（vMon）</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">    strDate += (vDay < 10 ? "0" + vDay : vDay);</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">    $('#dtpKaiShiShiJian').datebox('setValue', strDate);//给日期控件赋值</span></div><div style="text-align: left;">}</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">    var date = curr_time.getFullYear() + "-" + curr_time.getMonth() + 1 + curr_time.getDate();</span></div><div style="text-align: left;">    $('#dtpJieShuJian').datebox('setValue', date);</div>
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
 
获取界面控件的值代码：
 
 
$('#dtpKaiShiShiJian').datebox("getValue")
 
 
 
 
 
更改样式代码：
 
 
<div style="text-align: left;">//转换时间格式</div><div style="text-align: left;"> function RiQi(date) {</div><div style="text-align: left;">    var y = date.getFullYear();</div><div style="text-align: left;">    var m = date.getMonth() + 1;</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">    var d = date.getDate();</span></div><div style="text-align: left;">    return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);</div><div style="text-align: left;">}</div>
 
 
 
  
 
 
 
 
2、下拉框（easyui-combobox）
 
 
下拉框截图：
 
 
 
   
 
 
 
 
 
创建下拉框控件界面代码：
 
 
<input id="cboAnJieJiXiBanFa2" class="easyui-combobox" style="width:133px" />
 
 
 
  
 
 
 
 
下拉框的存储过程：
 
 
</pre><pre name="code" class="sql"><div style="text-align: left;">if @type='Banding_JiXi'--绑定下拉框</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">     begin</span></div><div style="text-align: left;">     SELECT     AttributeAssembleDetailID, AttributeAssembleDetailName,      AttributeAssembleID</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">FROM         SYS_AttributeAssembleDetailTable</span></div><div style="text-align: left;">     where  SYS_AttributeAssembleDetailTable.AttributeAssembleID=17  </div>
 
 
 
 
 
  
 
 
 
 
注：where是条件的意思
 
 
下拉框的逻辑层：
 
 
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></div><pre name="code" class="csharp" style="text-align: left;"><div style="text-align: left;">#region 查询绑定计息方法</div><div style="text-align: left;">        public DataTable JiXiBangDing()</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">        {</span></div><div style="text-align: left;">            SqlParameter[] SQlCMDpas = {</div><div style="text-align: left;">                                             new SqlParameter("@Type", SqlDbType.Char),</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">                                            </span></div>                                        };
<div>            DataTable dt = myDALMethod.DAL_SelectDB_Par("PW_PaymentType", SQlCMDpas);</div>            SQlCMDpas[0].Value = "Banding_JiXi";

            return dt;
        }
<div>        #endregion</div>
 
 
 
 
 
   
 
 
 
 
 
下拉框的控制器代码：
 
 
<div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></div><pre name="code" class="csharp" style="text-align: left;"><div style="text-align: left;">#region 绑定计息</div><div style="text-align: left;"></div><div style="text-align: left;">        public ActionResult bangdingJiXi()</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">        {</span></div><div style="text-align: left;">            DataTable dt = myfrmXiangMuChuShiHua.JiXiBangDing();</div><div style="text-align: left;">            List<Dictionary<string, object>> ListReturn = ConvertHelper.DtToList(dt);</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">            return Json(ListReturn, JsonRequestBehavior.AllowGet);//格式相同</span></div>        }

<div>        #endregion</div>
 
 
 
  
 
 
 
 
 
   
 
 
 
 
 
 
  
绑定数值到下拉框的代码（也就是jQuery代码）
  $.getJSON("/FuKuanFangShiDingYi/bangdingJiXi",
              function (data) {   //注：“cboAnJieJiXiBanFa2'”就是下拉框控件的ID
                  $('#cboAnJieJiXiBanFa2').combobox({ data: data, valueField: 
'AttributeAssembleDetailID',
                      textField: 'AttributeAssembleDetailName'
                  });
                  BangDing1++;
              }
              );
 
  
 
  
 
 
 
 
3、进度条的使用：
 
 
进度条的截图
 
 

 
 
 
进度条jQuery代码：
 
 
 
 
</pre><pre name="code" class="javascript" style="text-align: left;"><div style="text-align: left;">var BangDing;//进度条方法</div><div style="text-align: left;">   function start() {</div><div style="text-align: left;"></div><div style="text-align: left;">       $('#wstart').window('open');</div><div style="text-align: left;">       var value = $('#p').progressbar('getValue');</div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">       if (value < 100) {</span></div>
<div>           $('#p').progressbar('setValue', value);</div>           value = BangDing * 35;
<div>       else {</div>           setTimeout(arguments.callee, 200);
       }
<div>           $('#wstart').window('close');</div>           BindingMingXi();
           $('#p').progressbar('setValue', 0);
<div>   }</div>           BangDing = 0;
<div>       }</div>
 
 
 
  
 
 
 
 
 
  
 
 
 
 
</pre><p style="text-align: left;"></p><p style="text-align: left;">//‘BangDing’ 为声明的一个参数，它代表要加载的这个窗体的要绑定数据的下拉框个数，必须在下拉框代码中插入。如图：</p><div style="text-align: left;"><img src="https://img-blog.csdn.net/20150528205350053?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR1hfV3VaaGVuSmlhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></div><div style="text-align: left;"></div><pre name="code" class="csharp"><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;"></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"></div></span></div>
 
 
进度条窗体代码：
 
 
 
 
<div style="text-align: left;">    <div id="wstart" class="easyui-window" title="数据加载中"  data-options="modal:true,iconCls:'icon-产品资料'" style="width:440px;height:100px;padding:10px;  top: 150px; left:300px;"></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">        <div id="p"   class="easyui-progressbar" style="width:400px;"></div></span></div><div style="text-align: left;">   </div>@*//进度条窗口*@</div>
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 

 

 
 
 

 

                                                                                       仅供学习，禁止用于商业用途，违者后果自负。                           

                

        

        

    

  


    

      

        

            

              
                
                  广信_吴振健
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
明源售楼系统技术解析  MVC架构与房源生成（一）

				
			

			

				

					
				

				

					05-27
					
					4401
					
				

			

		

		

			
				
第1章 使用Vs2010 版本搭建MVC3框架

1.1 新建项目
第一步：打开Vs界面，点击左上角文件，点击新建，选择项目


                                                                                      1.1（图一）



第二步：点击网站Web类型，选择ASP.net MVC3

			
		

	



                

              
                



	

		

			

				
					
明源售楼系统技术解析（三）付款定义新增、修改、删除

				
			

			

				

					广信-吴振健的博客
				

				

					05-30
					
					2374
					
				

			

		

		

			
				
1.新增功能实现
                                                                                                                                                     
              1.1 主界面效果图如下：


1.1图（1

			
		

	



                


  
              

                


	

		

			

				
					
明源售楼系统数据结构

				
			

			

				

					08-19
				

			

		

		

			
				
明源系统主要数据表说明，主要相关业务涉及表间关系说明，不包含具体字段释义

			
		

	





	

		

			

				
					
明源售楼系统源码附带mysql数据库

				
			

			

				

					04-26
				

			

		

		

			
				
明源售楼系统源码附带mysql数据库

			
		

	



		

			
		



	

		

			

				
					
售楼管理系统专业版无限制破解版

				
			

			

				

					03-19
				

			

		

		

			
				
《售楼管理系统专业版》是专门针对于房地产企业的销售管理而开发的一套房地产销售管理软件。

			
		

	





	

		

			

				
					
明源售楼系统技术解析—MVC架构

				
			

			

				

					
				

				

					05-27
					
					1825
					
				

			

		

		

			
				
1.1新建项目

第一步：打开Vs界面，点击左上角文件，点击新建，选择项目


第二步：点击网站Web类型，选择ASP.net MVC3 Web应用程序，在名称中输入项目名称（解决方案名称），位置可自行选择存放该项目的路径，完成后点击确定

第三步：选择空项目，点击确定，然后MVC项目创建成功



1.2 DAL层的添加(用于与数据库构建连接)

第一步，点击右键选择.

			
		

	





	

		

			

				
					
明源售楼系统技术解析 销售控制（更名查询与变更查询）

				
			

			

				

					FHF的博客
				

				

					06-01
					
					2628
					
				

			

		

		

			
				
在销售控制模块里
点击更名查询打开更名查询界面：



查询功能实现：
第一步：数据库
1、表与表的关系


表1、SYS_RenameTable(SYS_更名表)
用于存放更名信息




列名


数据类型


主键/外键


说明




RenameID


int


主键


更名ID




Ty

			
		

	





	

		

			

				
					
明源售楼系统技术解析（四）右键菜单

				
			

			

				

					广信-吴振健的博客
				

				

					06-02
					
					1303
					
				

			

		

		

			
				
1、右键菜单
1.1右键菜单截图


界面JQuery代码：
 //DataGrid右键菜单代码：
        $("#tbFangJianZiLiao").datagrid({//tbFangJianZiLiao是要右击的当前DataGrid
            onRowContextMenu: function (e, rowIndex, rowData) { //当你点击

			
		

	





	

		

			

				
					
明源售楼系统数据结构.doc

				
			

			

				

					07-11
				

			

		

		

			
				
《明源售楼系统数据结构解析》  明源售楼系统是一个综合性的房地产销售管理系统，其数据结构设计精细，涵盖了从系统配置到销售流程的各个环节。以下是对系统主要数据表的详细解读：  1. **公共业务表**  - **数据...

			
		

	





	

		

			

				
					
明源售楼系统技术解析   销售控制（三）

				
			

			

				

					FHF的博客
				

				

					05-28
					
					3484
					
				

			

		

		

			
				
2.5 销售前台管理
2.51  销售控制

房源生成完毕后，系统自动传递至销售模块，此时房间的销售状态为未售状态。在开盘前用户可通过【销售控制】模块，进行保留单位的设置，从而达到辅助销售的目的，如图2.5.1（图1）所示。另，该模块提供换退房查询、更名查询和变更查询功能，用户可更方便的查询各种销售变更信息。

			
		

	





	

		

			

				
					
明源售楼系统技术解析—诚意认购（一）

				
			

			

				

					
				

				

					05-28
					
					4048
					
				

			

		

		

			
				
诚意认购主要包括房间的诚意认购、诚意认购退订与诚意认购转号，以及修改和删除。在开盘前客户往往可交一定的诚意金，对项目或者房间进行预先排队，待开盘时再正式对房间进行认购，如有不满还可以进行退订与转好操作，且该操作记录可以在该窗体的分页面中查询出来。本次分析的是添加诚意认购前逻辑处理。

			
		

	





	

		

			

				
					
明源售楼系统技术解析 签约管理（一）

				
			

			

				

					FHF的博客
				

				

					06-13
					
					3232
					
				

			

		

		

			
				
签约管理

签约管理是对各房间合同资料、资料补齐日期、合同备案日期等信息的管理，同时包括查询收款情况及补充协议信息。在【销售后台】下点击【签约管理】模块，打开如图1所示的签约管理窗口。


                                                                                                 图（1

			
		

	





	

		

			

				
					
钟表维修管理系统技术解析 工单查询（五）

				
			

			

				

					广信-龙钦的博客
				

				

					05-26
					
					2371
					
				

			

		

		

			
				
工单查询
工单查询这个模块可以查看各个门店录入的单据。可以通过日期、状态、工单编号、关键字等条件对单据进行筛选查询。还可以对单据进行修改、报废、导出Excel等操作，
还具有分页功能，调整数据显示行数等。
 
功能实现思路：
查询数据的条件有日期、状态、工单编号、关键字，工单查询页面打开时会自动查询出前三个月的单据，如果状态选择全部则查询全部的数据，否则就通过选择的状态来筛选单据，如过工

			
		

	





	

		

			

				
					
数据库建立与解析 （一）

				
			

			

				

					广信-吴振健的博客
				

				

					05-27
					
					2965
					
				

			

		

		

			
				
1.1、新数据库的建立：
第一步：右击数据库，选择新建数据库选项





1.1（图1）

第二步：填写新建数据库的名称，并且选择数据库的保存路径




1.1图（2）
新建数据库完成后的效果图


1.2、新建表
第一步：点开新建数据库，右击表，选择新建表

1.2图（1）

第二步：点击新建表后得到下图，并设置主键ID和数据类型

1.2图

			
		

	





	

		

			

				
					
明源售楼系统技术解析（一）搭建MVC3框架

				
			

			

				

					广信-吴振健的博客
				

				

					05-27
					
					2651
					
				

			

		

		

			
				
第1章 使用Vs2010 版本搭建MVC3框架
1.1 新建项目
第一步：打开Vs界面，点击左上角文件，点击新建，选择项目



                                         1.1（图1）
第二步：点击网站Web类型，选择ASP.net MVC3 Web应用程序，在名称中输入项目名称（解决方案名称），位置可自行选择存放该项目的路径，完成后点击确定

			
		

	





	

		

			

				
					
明源售楼系统技术解析（五）开发商销控、客户自助查询

				
			

			

				

					广信-吴振健的博客
				

				

					06-03
					
					2381
					
				

			

		

		

			
				
1、开发商销控
1.1主界面截图：


1.1图（1）
1.2主界面代码：
 
         
                    
                       
                            
                                项目名称

			
		

	





	

		

			

				
					
基于Matlab面板版的卡尔曼小球运动跟踪[Matlab面板版].zip

					
最新发布

				
			

			

				

					10-16
				

			

		

		

			
				
大模型实战教程

			
		

	





	

		

			

				
					
Day01(1).py

				
			

			

				

					10-16
				

			

		

		

			
				
Day01(1).py

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值