wj
/
ProductionLineMonitor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							@{
    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;
            }
    </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">

            <div id="app" class="col-md-12">
                <div class="box box-primary">
                    <div class="box-body">
                        <div class="col-md-1">
                            <div class="over">
                                <ul id="productionLineTree" class="ztree"></ul>
                            </div>
                        </div>
                        <div class="col-md-11">
                            <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(-7).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 id="methodchoose" class="input-group input-daterange" style="width:200px;float:left;padding-left:15px">
                                    <div class="input-group-addon">By</div>
                                    <select id="selectMonth" class="form-control" v-on:change="selected()">
                                        <option value="1">Day</option>
                                        <option value="2">Week</option>
                                        <option value="3">Month</option>
                                    </select>
                                </div>
                                <div id="menuContent" style="position:absolute; display:none; z-index:10">
                                    <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 200px;"></ul>
                                </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"
                                         class="col-md-6"
                                         style="height: 500px;">
                                    </div>

                                    <div id="tbdata" class="col-md-12" style="padding-top: 10px;">
                                        <p class="text-center">
                                            {{ outputInfo }}
                                        </p>
                                        <table id="data" height="500px" style="margin-left: 4px;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>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr v-for="(output, index) in outputs">
                                                    <td>{{ output.period }}</td>
                                                    <td>{{ output.moduleType }}</td>
                                                    <td>{{ }}</td>
                                                    <td>{{ }}</td>
                                                    <td>{{ }}</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>