@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    ViewData["title"] = "设备管理";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
{
   
}

<div id="listForm" class="layui-tab-item layui-show">
    <div class="layui-col-xs2">
        <ul id="tree" class="ztree" style="padding: 2px; padding-top:10px; border: 1px solid #ddd; overflow: auto; box-sizing: content-box;"></ul>
    </div>
    <div class="layui-col-xs10">
        <!--搜索框-->
        <form class="layui-form layui-form-pane" action="" lay-filter="listForm">
            <div class="layui-form-item" id="panelSearch" hidden>
                <fieldset class="layui-elem-field">

                    <div class="layui-field-box" id="qform">
                        <div class="layui-form-item layui-col-sm12">
                            <div class="layui-inline toolList">
                                <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius" data-type="btnQuery"><i class="layui-icon">&#xe615;</i>查询</a>
                                <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" data-type="btnReset"><i class="layui-icon">&#xe66c;</i>重置</a>
                                <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" data-type="btnClose"><i class="layui-icon">&#xe6a7;</i>关闭</a>
                            </div>
                        </div>
                        <div class="layui-row">
                            <div class="layui-col-sm3">
                                <label class="layui-form-label">设备编码</label>
                                <div class="layui-input-inline">
                                    <input name="equipmentCode" type="text" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-col-sm3">
                                <label class="layui-form-label">设备名</label>
                                <div class="layui-input-inline">
                                    <input name="equipmentName" type="text" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <!--网关信息、VPN信息查询-->
                        @* <div class="layui-row">
                        <div class="layui-col-sm3">
                        <label class="layui-form-label">VPN虚拟IP</label>
                        <div class="layui-input-inline">
                        <input name="virtualIP" type="text" autocomplete="off" class="layui-input">
                        </div>
                        </div>
                        <div class="layui-col-sm3">
                        <label class="layui-form-label">SIM卡IP</label>
                        <div class="layui-input-inline">
                        <input name="simIP" type="text" autocomplete="off" class="layui-input">
                        </div>
                        </div>
                        <div class="layui-col-sm3">
                        <label class="layui-form-label">网关序列号</label>
                        <div class="layui-input-inline">
                        <input name="serialNumber" type="text" autocomplete="off" class="layui-input">
                        </div>
                        </div>
                        </div>*@
                    </div>
                </fieldset>
            </div>
        </form>
        <!--列表-->
        <div class="layui-col-xs12">
            <table id="mainList" lay-filter="mainList"></table>
        </div>
    </div>
</div>

<div id="modifyForm" class="layui-tab-item">
    <form class="layui-form layui-form-pane" action="" lay-filter="modifyForm" onsubmit="return false;">
        <div class="layui-row">
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">设备编码<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="equipmentCode" lay-verify="required" maxlength="50" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">设备名<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="equipmentName" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">所属项目<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <select name="projectKeys" class="layui-select" lay-verify="required">
                    </select>
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">所属厂房<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <select name="factoryCode" class="layui-select" lay-verify="required">
                    </select>
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">设备类型<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <select name="equipmentTypeCode" lay-verify="required" class="layui-select"></select>
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">保养规则</label>
                <div class="layui-input-inline layui-col-sm6">
                    <select name="equipmentMaintainRuleCode"  class="layui-select"></select>
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">所在区域</label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="destinationArea" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">IP地址</label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="ip" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">出厂时间<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="startTime" value="@DateTime.Now.ToString("yyyy-MM-dd")" autocomplete="off" class="layui-input layui-date" lay-verify="required">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">外部编码<span class="lable-required">*</span></label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="text" name="otherCode"  autocomplete="off" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">描述</label>
                <div class="layui-input-inline layui-col-sm6">
                    <textarea name="remark" cols="22" rows="5" maxlength="250"></textarea>
                </div>
            </div>
            <div class="layui-col-sm6">
                <label class="layui-form-label layui-col-sm3">是否启用</label>
                <div class="layui-input-inline layui-col-sm6">
                    <input type="checkbox" name="isEnable" lay-skin="switch" lay-text="启用|停用" checked="checked">
                </div>
            </div>
             
            <div id="protocolId" class="layui-col-sm8" style=" margin-top: 3vh;margin-left: 0.6vw;">
                <!-- https://www.hadsky.com/read-6136-1.html -->
                <input type="checkbox" class="layui-checkbox-sys-register" name="register" lay-filter="register" lay-skin="primary">我已阅读并同意 <i id="userAgreement" style="color:#97d1c4;cursor: pointer;">《用户协议》</i>和<i id="privacyPolicy" style="color:#97d1c4;cursor: pointer;">《隐私条款》</i>
            </div>  
              
            <div class="layui-form-item">
                <!--表单验证按钮-->
                <button class="layui-btn" style="display:none" name="fromAdd" lay-filter="fromAdd" lay-submit>fromAdd</button>
                <button class="layui-btn" style="display:none" name="fromUpdate" lay-filter="fromUpdate" lay-submit>fromUpdate</button>
            </div> 
        </div> 
        <div hidden>  
            <input name="id" type="text" class="layui-input">
            <input name="isMaintain" type="text" class="layui-input">
            <input name="createBy" type="text" class="layui-input">
            <input name="createBy" type="text" class="layui-input">
            <input name="createTime" type="text" class="layui-input">
            <input name="updateTime" type="text" class="layui-input">
            <input name="updateBy" type="text" class="layui-input">
        </div>
    </form>
</div>

<!--设备图片编辑添加-->
<div id="ImportData" class="layui-tab-item">
    <form class="layui-form layui-form-pane" action="" lay-filter="ImportData">
        <div class="layui-card">
            <div class="layui-row">
                <div class="layui-form-item">
                    <label class="layui-form-label">设备编码</label>
                    <div class="layui-input-block">
                        <input type="text" name="equipmentCode" readonly class="layui-input form-readonly-color">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">设备名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="equipmentName" readonly class="layui-input form-readonly-color">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">图片文件<span class="lable-required">*</span></label>
                    <div class="layui-input-block">
                        <input type="file" name="excelfile" id="excelfile" class="layui-btn layui-btn-primary layui-border-green" />
                    </div>
                </div>
            </div>
            <div hidden>
                <input name="id" readonly type="text" class="layui-input">
            </div>
        </div>
    </form>
</div>

<script type="text/html" id="toolbarTable">
    <div class="layui-btn-container">
        <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-mini" lay-event="btnSelect"><i class="layui-icon">&#xe628;</i>检索</a>
        <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-mini" lay-event="btnRefresh"><i class="layui-icon">&#xe9aa;</i>刷新</a>
        {{ loadMenus("BaseEquipment", 1) }}
    </div>
</script>

<script type="text/html" id="isMaintain">
    <input type="checkbox" name="isMaintain" disabled value="{{d.isMaintain}}" lay-skin="switch" lay-text="是|否" {{ d.isMaintain == true ? "checked" :"" }}>
</script>

@section Scripts
    {
    <script type="text/javascript" src="/productjs/equipment/BaseEquipment.js" asp-append-version="true"></script>
}