MaintenanceOverview.cshtml 4.07 KB
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    ViewData["title"] = "设备保养概述";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
    {
    <link href="~/css/iot/iconfont.css" rel="stylesheet" />
    <style type="text/css">
        .flex-div {
            display: flex;
            margin-top: 1vh;
        }

        .layui-colla-content {
            padding: 10px 15px;
        }

        .header {
            position: fixed;
            background: #ffffff;
            z-index: 99999;
            width: 100%;
        }

        layui-header {
            position: fixed;
            background: #ffffff;
            z-index: 99999;
            width: 100%;
        }
    </style>
}

<div id="listForm" class="layui-tab-item layui-show">
    <div class="layui-col-xs12">
        <div style="display:flex;margin-top: 12px">
            <div style="text-align: center;" class="layui-col-md1">
                <img class="eqImg" src="/images/equipment/404.jpg" style="margin:3%;height:56px;" />
            </div>
            <div class="layui-col-md2">
                <div id="eqCode"></div>
                <div id="projectInfo"></div>
                <div id="eqStatusIP"></div>
            </div>
            <div style="width: 20vw;background:#2f4056;text-align:center;padding-top: 0.6vw;margin-right: 0.6vw;" class="layui-col-md2">
                <div style="font-size:1.5vw;color:#fff" id="maintainNumber">0</div>
                <div style="color:#fff">总保养次数</div>
            </div>
            <div style="width: 20vw;background:#1e9fff;text-align:center;padding-top: 0.6vw;margin-right: 0.6vw;" class="layui-col-md2">
                <div style="font-size:1.5vw;color:#fff" id="toBeMaintainNumber">0</div>
                <div style="color:#fff">部件待保养次数</div>
            </div>
            <div style="width: 20vw;background:#ffb800;text-align:center;padding-top: 0.6vw;margin-right: 0.6vw;" class="layui-col-md2">
                <div style="font-size:1.5vw;color:#fff" id="lastMaintainTime"></div>
                <div style="color:#fff">最近保养时间</div>
            </div>
            <div style="width: 20vw;background:#009688;text-align:center;padding-top: 0.6vw;margin-right: 0.6vw;" class="layui-col-md2">
                <div style="font-size:1.5vw;color:#fff" id="sumAmount">0</div>
                <div style="color:#fff">保养总价格</div>
            </div>

        </div>
        <!--部件列表-->
        <div >
            <span style="font-size: larger;">部件列表</span>
            <div style=" width:100%;">
                <table id="equipmentPartDt" lay-filter="equipmentPartDt">
                    <!-- table内容 -->
                </table>
            </div>
        </div>
        <!--已保养、未保养-->
        <div style="display:flex;width:100%;">
            <div style="width:49%;margin-right:20px;">
                <span style="font-size: larger;">未保养部件记录</span>
                <div style="width:100%;overflow-x:auto;">
                    <table lay-size="sm" lay-filter="unMaintainDt" id="unMaintainDt">
                    </table>
                </div>
            </div>
            <div style="width:49%;">
                <span style="font-size: larger;">已保养部件记录</span>
                <div style="width:100%;overflow-x:auto;">
                    <table lay-size="sm" lay-filter="maintainedDt" id="maintainedDt">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="MaintainStatus">
    {{# if(d.status==sysEnumData.EnumMaintainStatus.ToBeMaintain){ }}
    <span class="layui-badge  layui-bg-orange">待保养</span>
    {{# }else if(d.status==sysEnumData.EnumMaintainStatus.Maintained){ }}
    <span class="layui-badge layui-bg-green">已保养</span>
    {{# }else{ }}
    <span class="layui-badge layui-bg-red">逾期</span>
    {{# } }}
</script>

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