@model HttpServerParams
@{
    Layout = "~/Views/Shared/Main.cshtml";
    HttpServerParams httppar= ViewBag.httpar;
    //ViewData["Title"] = "Home Page";
}
<style>
    .body {
    font-size:18px;
    }
</style>
<blockquote style="background:#fafafa;" class="layui-elem-quote layui-quote-nm"><h1>@($"{ Model.Service}  {DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss fff")}")</h1></blockquote>

<div class="layui-col-md3" style="padding: 10px;background: #fafafa;">
    <div class="layui-card">
        <div class="layui-card-header layui-btn-normal" style=" color: white;"><span>服务器配置信息</span><a href="/Home/EditConfig" style=" right: 0px; position: absolute; color: red;" class="layui-btn layui-btn-primary" >修改</a></div>
        <div class="layui-card-body">
            服务器地址：   @ViewBag.Url<br />
            配置服务地址： @Model.Host<br />
            服务器端口：@Model.Port<br />
            服务名称：@Model.Service<br />
            是否验证：@Model.isAuth<br />
            验证Key:@Model.Auth<br/>
           Log路径： @Model.LogPath<br />
        </div>
    </div>
</div>
<div class="layui-col-md3" style="padding:10px">
    <div class="layui-card">
        <div class="layui-card-header">运行状态</div>
        <div class="layui-card-body">
            @if (ServerHander.ApiStatus)
            {
                <div>  <span>网络状态:</span><span style="color:green">运行中</span></div>
            }
            else
            {
                <div>  <span>网络状态:</span><span style="color:red">停止</span></div>
            }
            @if (ServerHander.IFixStatus)
            {
                <div>  <span>IFIX状态:</span><span style="color:green">运行中</span></div>
            }
            else
            {
                <div>  <span>IFIX状态:</span><span style="color:red">停止</span></div>
            }
            
        </div>
    </div>
</div>
<div class="layui-col-md3" style="padding:10px">
    <div class="layui-card">
        <div class="layui-card-header">卡片面板</div>
        <div class="layui-card-body">
            结合 layui 的栅格系统<br>
            轻松实现响应式布局
        </div>
    </div>
</div>
<div class="layui-col-md3" style="padding:10px">
    <div class="layui-card">
        <div class="layui-card-header">卡片面板</div>
        <div class="layui-card-body">
            结合 layui 的栅格系统<br>
            轻松实现响应式布局
        </div>
    </div>
</div>
@*<fieldset class="layui-elem-field">
    <legend>功能测试</legend>
    <div class="layui-field-box">
        任意内容
    </div>
</fieldset>
<fieldset class="layui-elem-field">
    <legend>接口查询</legend>
    <div class="layui-field-box">
        任意内容
    </div>
</fieldset>
*@

<script>
    setTimeout("changeState()", 1000);
    function changeState() {
        window.location.reload();
    }
</script>