Index.cshtml 2.31 KB
@using Hh.Mes.POJO.ViewModel.Configure
@model SnProgressVM
@{
    ViewData["Title"] = "SN查询";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="layui-container">
    <form method="post">
        <div style="margin-top:10%">
            <div class="layui-row">
                <div class="layui-col-sm4 layui-col-sm-offset3">
                    <input type="text" placeholder="请输入设备SN" name="snCode" value="@Model.SNCode" class="layui-input">
                </div>
                <div class="layui-col-sm2">
                    <button class="layui-btn layui-btn-normal" lay-submit><i class="layui-icon layui-icon-search"></i>搜索</button>
                </div>
            </div>
        </div>
        @if (Model.Status)
        {
            <div class="layui-row">
                <div class="layui-timeline layui-col-sm-offset4" style="margin-top:20px;">
                    @foreach (var item in Model.Items)
                    {
                        <div class="layui-timeline-item">
                            @if (item.Status)
                            {
                                <i class="layui-icon layui-timeline-axis layui-icon-ok-circle"></i>
                            }
                            else
                            {
                                <i class="layui-icon layui-timeline-axis layui-icon-close-fill layui-bg-gray"></i>
                            }
                            <div class="layui-timeline-content layui-text">
                                <h5 class="layui-timeline-title">@item.Title</h5>
                                <p></p>
                            </div>
                        </div>
                    }
                </div>
            </div>
        }
        @if (!Model.Status && !string.IsNullOrWhiteSpace(Model.Message))
        {
            <blockquote class="layui-elem-quote layui-quote-nm">
                @Model.Message
            </blockquote>
        }
    </form>
</div>

@section Scripts
{
    <script type="text/javascript">
        layui.use('form', function () {
            var form = layui.form;
            //监听提交
            //form.on('submit(formDemo)', function (data) {
            //    layer.msg(JSON.stringify(data.field));
            //    return false;
            //});
        });
    </script>
}