@page "{handler?}"
@model YBDevice.NWeb.Pages.Device.EditModel
@{
    ViewData["Title"] = "设备编辑";
}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="form-horizontal layui-form">
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="Name">设备名称</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="Name" lay-verType="tips" lay-reqText="请输入设备名称" name="Name" value="@Model.data.Name" placeholder="请输入设备名称" lay-verify="required" />
                </div>
                <label class="layui-form-label col-md-2" for="Type">设备类型</label>
                <div class="col-md-4">
                    @if (Model.isedit)
                    {
                        <select id="Type" name="Type" disabled>
                            @foreach (var item in Model.types)
                            {
                                if (Model.data.Type == item.Code)
                                {
                                    <option value="@item.Code" selected>@item.Name</option>
                                }
                                else
                                {
                                    <option value="@item.Code">@item.Name</option>
                                }
                            }



                        </select>
                    }
                    else
                    {
                        <select id="Type" name="Type">
                            @foreach (var item in Model.types)
                            {
                                if (Model.data.Type == item.Code)
                                {
                                    <option value="@item.Code" selected>@item.Name</option>
                                }
                                else
                                {
                                    <option value="@item.Code">@item.Name</option>
                                }
                            }
                        </select>
                    }

                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="FacCode">设备序列号</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="FacCode" readonly="@Model.isedit" name="FacCode" value="@Model.data.FacCode" placeholder="请输入设备序列号" lay-verify="required" />
                    <span class="tiptext">唯一的设备序列号</span>
                </div>
                <label class="layui-form-label col-md-2" for="Ecode">机器码</label>
                <div class="col-md-4">
                    <input type="text" class="layui-input" id="Ecode" readonly="@Model.isedit" name="Ecode" value="@Model.data.Ecode" placeholder="请输入设备机器码" />
                    <span class="tiptext">唯一的设备机器码</span>
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="Remark">备注</label>
                <div class="col-md-10">
                    <textarea type="text" class="layui-textarea" id="Remark" name="Remark" value="@Model.data.Remark" placeholder="请输入备注">@Model.data.Remark</textarea>
                </div>
            </div>
            <div class="text-center col-md-7">
                <button class="btn btn-primary btn-lg" lay-submit lay-filter="submit" type="button">提交</button>
            </div>
        </div>
    </div>
</div>
@section Scripts
{
    <script type="text/javascript">
        layui.use(['form', 'common'], function () {
            var form = layui.form,
                common = layui.common;
            form.on("submit(submit)", function (data) {
                if ('@Model.data.Id' > 0) {
                    data.field['id'] = '@Model.data.Id';
                }
                common.ajax({
                    url: "/api/device/Submit",
                    type: "post",
                    data: data.field
                });
            })
        });
    </script>
}