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

                                                                      1、开发商销控

1.1主界面截图：

1.1图（1）

1.2主界面代码：

 <div id="w开发商销控" class="easyui-window" title="开发商销控" data-options="fit:true" style="width:1108px;height:585px">
         <div class="easyui-layout" data-options="fit:true" style="width:1108px;height:505px">
                    <div data-options="region:'north'" style="width:1108px;height:30px">
                       <table>
                            <tr>
                                <td>项目名称</td><td><input class="easyui-combobox" id="comXiangMuMC" data-options="onSelect:onXiangMuSelect"  style="width:150px" /></td>
                                <td style="width:20px"></td>
                                 <td>项目分区</td><td><input class="easyui-combobox" id="comXiangMuFQ" data-options="onSelect:onXiangMuFenQuSelect"  style="width:150px" /></td>
                                <td style="width:20px"></td>
                                 <td>楼栋</td><td><input class="easyui-combobox" id="comXiangLD" data-options="onSelect:onChangeHouse"   style="width:150px" /></td>
                                <td style="width:20px"></td>
                                
                                <td><a id="LouPanSouShuo" href="../XiaoShouQianTai/KaiFaShangXiaoKong" class="easyui-linkbutton">刷新</a></td>
                                  <td><a id="ShuaXin" οnclick="" class="easyui-linkbutton">顺序显示</a></td>
                                <td><a id="YiXiangChaXun" οnclick="OpenChuangTi('#w意向查询')" class="easyui-linkbutton">意向查询</a></td>
                               <td><a id="LouPanSouShuo" οnclick="" class="easyui-linkbutton">多楼栋</a></td>
                                  <td><a id="ShuaXin" οnclick="" class="easyui-linkbutton">关闭</a></td>
                            </tr>
                       </table>
                   </div>
                   <div data-options="region:'center'" style="width:1108px;height:475px">
                         <div class="easyui-layout" data-options="fit:true" style="width:1108px;height:585px">
                            <div data-options="region:'west'" style="width:650px;height:432px">
                                <table id="tbFangJianZiLiao" class="easyui-datagrid" 
                                    data-options="singleSelect:true,onClickCell:onClickRoom">
                                    
                                    </table>
                            </div>
                    <div data-options="region:'east'" style="width:550px;height:432px">
                        <fieldset style="padding:5px;border:1px solid #C0C0C0;width:480px;height:250px;margin-left:15px;" >
                        <legend>房间资料</legend>
                            <table>
                                <tr>
                                    <td>房间</td> <td colspan=2><input id="fangjian" style="width:130px" /></td>
                                </tr>
                                <tr>
                                    <td>销售状态</td> <td colspan=2><input id="xiaoshouzhuangtai" style="width:80px" /></td>
                                </tr>
                                <tr>
                                    <td>房间类型</td> <td colspan=2><input id="fangjianleixing" style="width:80px" /></td> 
                                    <td>朝向</td> <td colspan=2><input id="chaoxiang" style="width:80px" /></td>
                                </tr>
                                <tr>
                                    <td>建筑面积</td> <td><input id="jianzhumianji" style="width:80px" /></td> <td>平米</td>
                                    <td>建筑实测</td> <td><input id="jianzhushice" style="width:80px" /></td> <td>平米</td>
                                </tr>
                                <tr>
                                    <td>套内面积</td> <td><input id="taoneimianji" style="width:80px" /></td> <td>平米</td>
                                    <td>套内实测</td> <td><input id="taoneishice" style="width:80px" /></td> <td>平米</td>
                                </tr>
                                <tr>
                                    <td>标准单价</td> <td><input id="biaozhundanjia" style="width:80px" /></td> <td>元/平米</td>
                                    <td>套内单价</td> <td><input id="taoneidanjia" style="width:80px" /></td> <td>元/平米</td>
                                </tr>
                                <tr>
                                    <td>标准总价</td> <td><input id="biaozhunzongjia" style="width:80px" /></td> <td>元</td>
                                </tr>
                            </table>
                        </fieldset>



                   <div id="menu" class="easyui-menu" style="width: 30px; display: none;">
      <!--放置一个隐藏的菜单Div-->
      <div id="btn_WeiShou" data-options="iconCls:'icon-remove'" οnclick="sahj()">1.未售状态</div>
      <!--具体的菜单事件请自行添加，跟toolbar的方法是基本一样的-->
      <div id="btn_BaoLiu" data-options="iconCls:'icon-edit'"οnclick="bl()">2.保留状态</div>@*菜单选项*@
     <div id="btn_YuLiu" data-options="iconCls:'icon-edit'"οnclick="yl()">3.预留状态</div>
      <div id="btn_YuDing" data-options="iconCls:'icon-edit'"οnclick="yd()">4.预定状态</div>
      <div id="btn_RenGou" data-options="iconCls:'icon-edit'"οnclick="yy()">5.认购状态</div>
     <div id="btn_QianYue" data-options="iconCls:'icon-edit'"οnclick="qy()">6.签约状态</div>
 </div>


                        <table id="tbFangJianSuoYouZiLiao" class="easyui-datagrid" 
                                    data-options="singleSelect:true@*,onRowContextMenu:YouJian*@" style="width:1px;height:1px;">
                                    <thead>
                                       <tr>
                                            <th data-options="field:'RoomDataID',width:50,hidden:true, align:'center'">房间资料ID</th>
                                            <th data-options="field:'FangHao',width:50,hidden:true, align:'center'">房号</th>
                                            <th data-options="field:'SellStatusName',width:50,hidden:true, align:'center'">销售状态名称</th>
                                            <th data-options="field:'RoomType',width:50,hidden:true, align:'center'">房间类型</th>
                                            <th data-options="field:'RoomFaceDirection',width:50,hidden:true, align:'center'">朝向</th>
                                            <th data-options="field:'CoveredArea',width:50,hidden:true, align:'center'">套内面积</th>
                                            <th data-options="field:'BuildingMeasurement',width:50,hidden:true, align:'center'">建筑实测</th>
                                            <th data-options="field:'BuilDingExceptArea',width:50,hidden:true, align:'center'">建筑面积</th>
                                            <th data-options="field:'CoverInnerMeasurement',width:50,hidden:true, align:'center'">套内实测</th>
                                            <th data-options="field:'CoverInnerUnivalent',width:50,hidden:true, align:'center'">套内面积单价</th>
                                            <th data-options="field:'BuildingUnivalent',width:50,hidden:true, align:'center'">建筑面积单价</th>
                                            <th data-options="field:'BiaoZhunZongJia',width:50,hidden:true, align:'center'">标准总价</th>
                                            <th data-options="field:'XiaoShouJiaID',width:50,hidden:true, align:'center'">销售状态ID</th>
                                       </tr>
                                    </thead>
                                    </table>


                        <fieldset style="padding:5px;border:1px solid #C0C0C0;width:480px;height:130px;margin-left:15px;" >