@page
@model YBDevice.NWeb.Pages.Device.EditAppModel
@{
}
<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="AppId">小程序</label>
                <div class="col-md-4">
                    <select id="AppId" name="AppId" lay-verify="required">
                        <option value="">请选择小程序</option>
                        @foreach (var item in Model.offlist)
                        {
                            if (item.authorizer_appid == Model.data.AppId)
                            {
                                <option value="@item.authorizer_appid" selected>@item.nick_name</option>
                            }
                            else
                            {
                                <option value="@item.authorizer_appid">@item.nick_name</option>
                            }
                        }
                    </select>
                </div>
            </div>
            <div class="layui-form-item row">
                <label class="layui-form-label col-md-2" for="DevType">设备类型</label>
                <div class="col-md-4">
                    <select xm-select="DevType" name="DevType" xm-select-skin="normal" xm-select-show-count="3">
                        <option value="">选择绑定的设备类型</option>
                        @foreach (var item in Model.types)
                        {
                            if (Model.typelist.Contains($"{item.Code}"))
                            {
                                <option value="@item.Code" selected>@item.Name</option>
                            }
                            else
                            {
                                <option value="@item.Code">@item.Name</option>
                            }
                        }
                    </select>
                </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 css
{
<link href="~/js/layuiformselects/formSelects-v4.css" rel="stylesheet" />
<style>
    .layui-card {
        height: 100%;
    }

    .layui-form-select dl {
        z-index: 100001;
    }

    .xm-form-select dl {
        z-index: 100001 !important;
    }
</style>
}
@section Scripts{
<script type="text/javascript" src="~/js/layuiformselects/formSelects-v4.js"></script>
<script type="text/javascript">
         layui.use(['form', 'common'], function () {
             var form = layui.form,
                 common = layui.common;
             var formSelects = layui.formSelects;
             formSelects.render("DevType");
             form.on("submit(submit)", function (data) {
                 data.field['id'] = '@Model.data.Id';
                  var pdata = formSelects.value('DevType', 'val');
                 if(pdata.length == 0){
                     common.alert("请先选择绑定的设备类型");
                     return;
                 }
                  common.ajax({
                        url: "/api/device/SubmitDeviceApp",
                        type: "post",
                        data: data.field
                    });
        })
    });
</script>
}