wj
/
ProductionLineMonitor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <meta name="google" content="notranslate" />
    <meta http-equiv="Content-Language" content="zh-cn" />
    <link rel="stylesheet" href="/lib/adminlte/bower/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/lib/adminlte/bower/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/lib/adminlte/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/lib/adminlte/dist/css/skins/skin-blue.min.css">
    <script src="~/axios/axios.min.js"></script>
    <script src="~/lib/vue/vue.min.js"></script>
    <link rel="stylesheet" href="/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/lib/zTree.v3/css/zTreeStyle/zTreeStyle.min.css">
    <link rel="stylesheet" href="~/lib/adminlte/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" />
    <style>
        table {
            border-right: 1px solid WhiteSmoke;
            border-bottom: 1px solid WhiteSmoke;
            text-align: center;
        }

            table th {
                border-left: 1px solid WhiteSmoke;
                border-top: 1px solid WhiteSmoke;
                text-align: center;
            }

            table td {
                border-left: 1px solid WhiteSmoke;
                border-top: 1px solid WhiteSmoke;
            }

        #main_body {
            height: 100vh;
        }
    </style>
</head>
@* skin-blue sidebar-mini sidebar-collapse
hold-transition skin-blue sidebar-mini *@
<body id="main_body" class="skin-blue sidebar-mini sidebar-collapse">
    <div class="wrapper">
        <div class="content" style="height:100vh">
            <div id="app" class="col-md-12">
                <div class="box box-primary">
                    <div class="box-body">
                        <div class="col-md-1">
                            <div class="over" style="visibility: hidden">
                                <ul id="productionLineTree" class="ztree"></ul>
                            </div>
                        </div>
                        <div class="col-md-10">
                            <div id="form1" class="col-md-12">
                                <div class="input-group input-daterange" style="width:400px;float:left;padding:0px">
                                    <div class="input-group-addon">起止日期</div>
                                    <input id="date1" type="text" class="form-control date" value="@DateTime.Now.AddDays(-10).ToString("yyyy-MM-dd")">
                                    <div class="input-group-addon">-</div>
                                    <input id="date2" type="text" class="form-control date" value="@DateTime.Now.AddDays(-1).ToString("yyyy-MM-dd")">
                                </div>
                                <div class="input-group input-daterange" style="width:200px;float:left;padding-left:15px">
                                    <div class="input-group-addon">By</div>
                                    <select id="selectPeroid" class="form-control" v-on:change="selected()">
                                        <option value="0">Shift</option>
                                        <option value="1">Day</option>
                                        <option value="2">Week</option>
                                        <option value="3">Month</option>
                                    </select>
                                </div>
                                <div class="col-md-1" style="padding-left:15px">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-block btn-default"
                                                v-on:click="getOEES()">
                                            <i class="fa fa-search"></i> 查询
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12" style="padding-top: 20px;">
                                <div class="box-body">
                                    <p class="text-center">
                                        <strong>稼动曲线</strong>
                                    </p>
                                    <div id="container1"
                                         style="height: 500px;">
                                    </div>
                                    <div id="container2"
                                         style="height: 500px;">
                                    </div>

                                    <div id="tbdata" class="col-md-12" style="padding-top: 10px;">
                                        <p class="text-center">
                                            {{ outputInfo }}
                                        </p>
                                        <table id="data" style="margin:auto;">
                                            <thead>
                                                <tr>
                                                    <th style="width: 10%">时段</th>
                                                    <th style="width: 10%">机种</th>
                                                    <th style="width: 10%">运行时间</th>
                                                    <th style="width: 10%">报警时间</th>
                                                    <th style="width: 10%">待料时间</th>
                                                    <th style="width: 10%">换料时间</th>
                                                    <th style="width: 10%">产能</th>
                                                    <th style="width: 10%">TT</th>
                                                    <th style="width: 10%">报警次数</th>
                                                </tr>
                                            </thead>
                                            @* <tbody>
                                            <tr v-for="(output, index) in outputs">
                                            <td>{{ output.period }}</td>
                                            <td>{{ output.moduleType }}</td>
                                            <td>{{ Math.round(output.autoRunTime/60*10)/10 }}</td>
                                            <td>{{ Math.round(output.alarmTime/60*10)/10 }}</td>
                                            <td>{{ Math.round(output.idleTime/60*10)/10 }}</td>
                                            <td>{{ Math.round(output.loadMATTime/60*10)/10 }}</td>
                                            <td>{{ output.outPut }}</td>
                                            <td>{{ output.tt }}</td>
                                            <td>{{ output.alarmSum }}</td>
                                            </tr>
                                            </tbody> *@
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="~/lib/adminlte/bower/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/adminlte/bower/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="~/lib/adminlte/dist/js/adminlte.min.js"></script>
    <script src="~/js/adminlte-extend.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    <script src="/lib/zTree.v3/js/jquery.ztree.core.min.js"></script>
    <script src="~/lib/xlsx/xlsx.full.min.js"></script>
    <script src="~/lib/adminlte/bower/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="~/lib/adminlte/bower/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-cn.js"></script>
    <script src="~/lib/echarts/echarts.min.js"></script>
    <script src="~/lib/ztree.v3/js/jquery.ztree.excheck.min.js"></script>
    <script src="~/lib/moment.js/moment-with-locales.min.js"></script>
    <script src="~/js/eyz-manufacturing-platform/eyz-manufacturing-platform.js"></script>
</body>
</html>