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

<div id="listForm" class="layui-tab-item layui-show">
    <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">SIM卡号</label>
                            <div class="layui-input-inline">
                                <input name="simNumber" type="text" autocomplete="off" maxlength="35" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">IP地址</label>
                            <div class="layui-input-inline">
                                <input name="ip" type="text" autocomplete="off" maxlength="35" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">供应商</label>
                            <div class="layui-input-inline">
                                <input name="suppliersInfo" type="text" autocomplete="off" maxlength="35" class="layui-input">
                            </div>
                        </div>

                    </div>
                </div>
            </fieldset>
        </div>
    </form>
    <table id="mainList" lay-filter="mainList"></table>
</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">
            <fieldset>
                <legend>SIM卡信息录入</legend>
                <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="simNumber" lay-verify="required" autocomplete="off" maxlength="35" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">IP<span class="lable-required">*</span></label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input type="text" name="ip" lay-verify="required" autocomplete="off" maxlength="35" 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="suppliersInfo" value="长沙华恒机器人有限公司" lay-verify="required" autocomplete="off" maxlength="35" 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 name="factoryDate" type="text" lay-verify="required" autocomplete="off" class="layui-input layui-date">
                    </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="remarks" autocomplete="off" maxlength="350" 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 name="isDelete" type="checkbox" lay-verify="required" lay-skin="switch" lay-text="启用|删除" checked="checked" value="1">
                    </div>
                </div>
            </fieldset>

            <fieldset>
                <legend>网关设备信息录入</legend>
                <!--网关-->
                <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="serialNumber"  autocomplete="off" maxlength="35" class="layui-input">
                    </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="gateway" autocomplete="off" maxlength="35" class="layui-input">
                    </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="password" name="password" autocomplete="off" maxlength="35" class="layui-input">
                    </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="gatewayRemark" autocomplete="off" maxlength="350" class="layui-input">
                    </div>
                </div>
            </fieldset>

            <fieldset>
                <legend>SIM卡和OPENVPN关联绑定</legend>
                <!--VPN配置-->
                <div class="layui-col-sm12">
                    <label class="layui-form-label layui-col-sm3 lable-width">VPN</label>
                    <div class="layui-col-sm6" style="display: flex;">
                        <input name="accountNumber" id="accountNumber" type="text" placeholder="请点击选择VPN" style="width:150px;" readonly class="layui-input form-readonly-color">
                    </div>
                </div>
            </fieldset>

            <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="getCardDate" type="text" class="layui-input">
            <input name="debugDate" 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="AddUseSimForm" 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">领卡日期</label>
                <div class="layui-input-inline layui-col-sm6">
                    <input id="getCardDate" name="getCardDate" type="text" time="datetime" value="@DateTime.Now.ToString("yyyy-MM-dd HH:dd:ss")" class="layui-input layui-date">
                </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 id="debugDate" name="debugDate" type="text"  autocomplete="off" class="layui-input layui-date">
                </div>
            </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="updateTime" type="text" class="layui-input">
            <input name="updateBy" type="text" class="layui-input">
        </div>
    </form>
</div>

<script type="text/html" id="toolbarTable">
    <div class="layui-table-tool" style="display: flex; padding: 0; min-height: 51px; ">
      <div class="layui-btn-container layui-unselect">
          <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("BaseSim", 1) }}
      </div>
      <span style="line-height: 34px;color:red;">SIM卡信息录入,配置网关信息,VPN信息,再关联设备,设备所属项目是新增设备时选择。</span>
    </div>
</script>

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