@{
    ViewBag.Title = "表设备管理";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<script>
    var keyValue = request('keyValue');

    $(function () {
        initControl();
    })
    //初始化控件
    function initControl() {

        //类型
        $("#IsKaoHe").ComboBox({
            description: "==请选择类型==",
            height: "170px"
        });
        
        //表类型
        $("#MeterTypeId").ComboBoxTree({
            url: "/PipeNetworkManage/Meter/GetTreeJson",
            id: "ItemValue",
            text: "ItemName",
            description: "==请选择==",
            height: "200px"
        });

        //厂商编号
        $("#ManufacturerCode").ComboBoxTree({
            url: "/PipeNetworkManage/Meter/GetManufacturerCode",
            id: "ItemValue",
            text: "ItemName",
            description: "==请选择==",
            height: "200px"
        });


        $("#MeterAssessmentId").val(keyValue == "" ? "0" : keyValue);

        //获取表单
        if (!!keyValue) {
            $.SetForm({
                url: "/PipeNetworkManage/Meter/GetMeterFormJson",
                param: { keyValue: keyValue },
                success: function (data) {
                    $("#form1").SetWebControls(data);
                }
            });
        }
    }
    //保存表单
    function AcceptClick() {
        if (!$('#form1').Validform()) {
            return false;
        }
        var postData = $("#form1").GetWebControls(keyValue);

        //postData 格式化 将&nbsp; 替换为 ""
        for (var i in postData) {
            if (postData[i] == "&nbsp;") {
                postData[i] = "";
            }
        }

        $.SaveForm({
            url: "/PipeNetworkManage/Meter/SaveMeterForm?keyValue=" + keyValue,
            param: { "keyValue": keyValue, "strMeter": JSON.stringify(postData) },
            loading: "正在保存数据...",
            success: function () {
                $.currentIframe().$("#gridTable").resetSelection();
                $.currentIframe().$("#gridTable").trigger("reloadGrid");
            }
        })
    }

    // 调出百度地图
    // 添加
    function btnMap() {
        dialogOpen({
            id: "BaiduMap",
            title: '添加测点',
            url: '/PipeNetworkManage/Meter/BaiduMap',
            width: "1100px",
            height: "700px",
            callBack: function (iframeId) {
                top.frames[iframeId].AcceptClick(function callback(result) {
                    $("#LngAndLat").val(result);
                });
            }
        });
    }
</script>
<style type="text/css">
    .form .formTitle {
        width: 80px;
    }
</style>
<div style="margin-left: 10px; margin-top: 20px; margin-right: 30px;">
    <table class="form">
        <tr>
            <th class="formTitle">考核表名称<font face="宋体">*</font></th>
            <td class="formValue">
                <input id="MeterAssessmentName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="请输入表名称" placeholder="请输入表名称" />
            </td>
            <input id="MeterAssessmentId" class="form-control" type="hidden" />
            <th class="formTitle">考核表类型<font face="宋体">*</font></th>
            <td class="formValue">
                <div id="MeterTypeId" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择表类型">
                </div>
            </td>
        </tr>
        <tr>            
            <th class="formTitle">考核表编号<font face="宋体">*</font></th>
            <td class="formValue">
                <input id="MeterAssessmentCode" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="考核表编号不能为空" placeholder="请输入考核表编号" />
            </td>
            <th class="formTitle">厂商编码<font face="宋体">*</font></th>
            <td class="formValue">
                <div id="ManufacturerCode" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择厂商编码">
                </div>                
            </td>
        </tr>
        <tr>
            <th class="formTitle">表类型<font face="宋体">*</font></th>
            <td class="formValue">
                <div id="IsKaoHe" type="select" class="ui-select" isvalid="yes" checkexpession="NotNull" errormsg="请选择表类型">
                    <ul>
                        <li data-value="0">贸易表</li>
                        <li data-value="1">考核表</li>                       
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">经纬度</th>
            <td class="formValue">
                <input id="LngAndLat" type="text" class="form-control" readonly />
            </td>            
            <td>
                &nbsp;&nbsp;
                <a id="lr-add" class="btn btn-primary " onclick="btnMap()"><i class="fa fa-plus"></i>&nbsp;地图</a>
            </td>
        </tr>
    </table>
</div>