@{
    ViewBag.Title = "表设备管理";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<script>
    var keyValue = request('keyValue');
    var areaId = $.currentIframe().$("#hid_area_id").val();
    $(function () {
        initControl();
    })
    //初始化控件
    function initControl() {

        $("#PipeAreaId").val(areaId == "" ? "0" : areaId);
        $("#PipeLineId").val(keyValue == "" ? "0" : keyValue);
        //管线材质
        $("#PipeMaterial").ComboBox({
            description: "==请选择管线材质==",           
            height: "170px"
        });
        //压力等级
        $("#PressureLevel").ComboBox({
            description: "==请选择压力等级==",          
            height: "170px"
        });

        //使用状态
        $("#UseState").ComboBox({
            description: "==请选择使用状态==",          
            height: "170px"
        });

        //获取表单
        if (!!keyValue) {
            $.SetForm({
                url: "/PipeNetworkManage/PipeMap/GetPipeLineFromJson",
                param: { lineId: 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/PipeMap/SavePipeLine?lineId=" + keyValue,
            param: { "strLine": JSON.stringify(postData) },
            loading: "正在保存数据...",
            success: function () {
                //成功处理，管网区域列表增加。
                //$.currentIframe().$("#gridTable").trigger("reloadGrid");
                $.currentIframe().pipeLineShow(areaId);
            }
        })
    }
</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="PipeLineName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" errormsg="请输入管网名称" placeholder="请输入管网名称" />
            </td>
            <input id="PipeLineId" class="form-control" type="hidden" />
            <input id="PipeAreaId" class="form-control" type="hidden" />
            <th class="formTitle">管网编号</th>
            <td class="formValue">
                <input id="PipeLineNo" type="text" class="form-control"  placeholder="请输入管网编号" />
            </td>
        </tr>        
        <tr>
            <th class="formTitle">材质</th>
            <td class="formValue">
                <div id="PipeMaterial" type="select" class="ui-select" >
                    <ul>
                        <li data-value="1">玻璃钢</li>
                        <li data-value="2">钢</li>
                        <li data-value="3">光纤</li>
                        <li data-value="4">PE</li>
                        <li data-value="5">PVC</li>
                        <li data-value="6">球墨铸铁</li>
                        <li data-value="7">石</li>
                        <li data-value="8">石棉</li>
                        <li data-value="9">砼</li>
                        <li data-value="10">陶瓷</li>
                        <li data-value="11">铜</li>
                        <li data-value="12">铜芯铝绞线</li>
                        <li data-value="13">砖</li>
                        <li data-value="14">砖石</li>
                        <li data-value="15">铸铁</li>
                        <li data-value="99">其他</li>
                    </ul>
                </div>
            </td>
            <th class="formTitle">管径</th>
            <td class="formValue">
                <input id="PipeCaliber" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="管径只能是数字" placeholder="请输入管径" />
            </td>
        </tr>
        <tr>
            <th class="formTitle">壁厚</th>
            <td class="formValue">
                <input id="PipeThickness" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="壁厚只能是数字" placeholder="请输入壁厚" />
            </td>
            <th class="formTitle">压力等级</th>
            <td class="formValue">
                <div id="PressureLevel" type="select" class="ui-select" >
                    <ul>
                        <li data-value="1">高压</li>
                        <li data-value="2">次高压</li>
                        <li data-value="3">中压</li>
                        <li data-value="4">低压</li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">压力</th>
            <td class="formValue">
                <input id="Pressure" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="请输入压力" placeholder="请输入压力" />
            </td>
            <th class="formTitle">建设时间</th>
            <td class="formValue">
                <input id="BuidTime" type="text" class="form-control input-wdatepicker"   onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
            </td>
        </tr>
        <tr>
            <th class="formTitle">实际长度</th>
            <td class="formValue">
                <input id="RealLength" type="text" class="form-control" isvalid="yes" checkexpession="NumOrNull" errormsg="请输入实际长度" placeholder="请输入实际长度" />
            </td>
            <th class="formTitle">使用状态</th>
            <td class="formValue">                
                <div id="UseState" type="select" class="ui-select">
                    <ul>
                        <li data-value="1">规划</li>
                        <li data-value="2">在建</li>
                        <li data-value="3">再用</li>
                        <li data-value="4">废弃</li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <th class="formTitle">备注</th>
            <td class="Memo" colspan="3">
                <textarea class="form-control" rows="10" name="Memo" id="Memo"></textarea>
            </td>
        </tr>       
        <input type="hidden" id="Coordinates" value=""/>
    </table>
</div>