You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
428 lines
23 KiB
428 lines
23 KiB
@{
|
|
ViewBag.Title = "SpecifiedChanLiangrate";//访问报表的名称
|
|
Layout = "~/Views/Shared/iframeLayout.cshtml";//模板
|
|
}
|
|
|
|
<link href="/3rd/AdminLTE/plugins/iCheck/flat/_all.css" rel="stylesheet" />
|
|
|
|
<style>
|
|
|
|
#listcbx label {
|
|
padding-left: 10px;
|
|
padding-right: 60px;
|
|
}
|
|
|
|
#dashtitle {
|
|
font-size: 30px;
|
|
/*color: #000000;*/ /*颜色修改*/
|
|
}
|
|
|
|
.box-header {
|
|
text-align: center;
|
|
}
|
|
|
|
#rightsidebar {
|
|
position: fixed;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
/*.content {
|
|
background-color: #131C42;
|
|
|
|
}*/
|
|
/**{color:#0f76ce}*/
|
|
.panel{height:18%;width:100%;background-color:#0d1950;margin-bottom:0px} /*display:flex;align-items:center;justify-content:center;*/
|
|
/*.meiti{height:100%}*/
|
|
.box-body{height:100%}
|
|
.bootstrap-table{height:100%}
|
|
.fixed-table-container{height:100%}
|
|
.fixed-table-body{height:100%;}
|
|
#tbRole{height:100% !important}
|
|
.rpt{width:95%}
|
|
.highcharts-container {width:100%}
|
|
.highcharts-root{width:100%}
|
|
.center>div{position:relative}
|
|
.knob{margin:0 !important;top:-33px;left:15px;font-size:17px !important;}
|
|
.inner{display:flex;flex-direction:column}
|
|
.text-center{font-size:16px;font-weight:600;width:70%;border-bottom-left-radius:18px;border-bottom-right-radius:18px;
|
|
background:linear-gradient(45deg, #009aae, #0051c5);margin:0 auto 25px;color:#ffffff}
|
|
.text-center+.row{display:flex;align-items:center}
|
|
.quan{width:100%}
|
|
td{display:table-cell;vertical-align:middle}
|
|
.tb{height:40%}
|
|
.radio{height:60%;margin-top:0px}
|
|
.label{font-size:15px;text-align:left;padding-left:25px}
|
|
/*.label{color:#0f76ce}*/
|
|
|
|
.input{width:100px;font-weight:700}
|
|
.color{color:white}
|
|
.form-group>div{margin-bottom:5px}
|
|
.content{background-color:#0d0e2d;padding-top:0px}
|
|
.table-hover>tbody>tr:hover{background-color:#0d1950 !important}
|
|
#tbRole>thead{color:#169bd1}
|
|
</style>
|
|
<!--容器-->
|
|
<section class="content">
|
|
<!--标题-->
|
|
<div class="box-header with-border" style="border-bottom:0px;font-weight:600;color:#0f76ce">
|
|
<i class="fa fa-bar-chart-o"></i>
|
|
<a class="box-title" id="dashtitle" data-toggle="control-sidebar"><span id="wotitle">1</span><span>车间订单完成率&成品率</span></a>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-2 col-sm-6 col-lg-2 meiti col-xs-12" style="display:flex;flex-wrap:wrap;align-content:space-between" id="leftStation">
|
|
<!--焊接-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">焊接</p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner ">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<!--weld(焊接)-->
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="50%" data-width="60" data-height="60" data-fgcolor="#e46321" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: #e46321; padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--叠层-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">叠层 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--层压-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">层压 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" id="tst" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--层压后检验-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">层压后检验 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--装框-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">装框 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--清洗-->
|
|
<div class="col-md-2 col-sm-6 col-lg-2 meiti col-xs-12" style="display:flex;flex-wrap:wrap;align-content:space-between" id="middleStation">
|
|
<div class="panel"> @*bg-aqua 用来移除各站点背景颜色*@
|
|
<div class="quan">
|
|
<p class="text-center">清洗 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<!--cleanout(清洗)-->
|
|
<label id="cleanout" class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--IV测试-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">IV </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<!--IV-->
|
|
<label id="IV" class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" value="30%" data-width="60" data-height="60">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--EL测试-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">EL </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8" style="margin-top: 6px;">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left ;margin-left: 11px;
|
|
margin-top: -2px;">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--全检-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">全检 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--包装-->
|
|
<div class="panel">
|
|
<div class="quan">
|
|
<p class="text-center">包装 </p>
|
|
<div class="row">
|
|
<div class="col-sm-7 col-xs-8">
|
|
<div class="inner">
|
|
<div class="label">
|
|
<label >实时产能:</label>
|
|
<label class="weld" type="text">100</label>
|
|
</div>
|
|
<div class="label">
|
|
<label >理论产能:</label>
|
|
<label type="text">2000</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-5 col-xs-4">
|
|
<div class="center">
|
|
@*<input type="text" class="knob" data-readonly="true" value="20%" data-width="60" data-height="60" data-fgcolor="39CCCC" readonly="readonly" style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; -webkit-appearance: none; text-align:left">*@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--图表-->
|
|
<div class="col-md-8 col-sm-12 col-lg-8 meiti col-xs-12" id="chart">
|
|
<!--图表的占用行数-->
|
|
<div class="tb">
|
|
<div class="box box-primary" style="display:flex;align-items:center;justify-content:center;height:95%;background-color:#0d1950">
|
|
<div class="rpt" id="rptweld" style="height:90%"></div>
|
|
</div>
|
|
</div>
|
|
<!--表格数据-->
|
|
<!--box box-prinmar底板-->
|
|
<div class="box box-primary radio" style="background-color:#0d1950;color:#fff">
|
|
<div class="box-body ">
|
|
<table id="tbRole" style="height:50px"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--右侧边栏-->
|
|
<!-- Control Sidebar -->
|
|
<aside id="rightsidebar" class="control-sidebar control-sidebar-dark">
|
|
<!-- Create the tabs -->
|
|
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
|
|
|
|
<li class="active"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
|
|
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
|
|
</ul>
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<!-- Home tab content -->
|
|
<div class="tab-pane" id="control-sidebar-home-tab">
|
|
<h3 class="control-sidebar-heading">待开发</h3>
|
|
|
|
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
<!-- Settings tab content -->
|
|
<div class="tab-pane active" id="control-sidebar-settings-tab">
|
|
<h3 class="control-sidebar-heading">车间</h3>
|
|
<div class="form-group">
|
|
<select id="cbxWorkshop" class="form-control">
|
|
</select>
|
|
</div>
|
|
<h3 class="control-sidebar-heading">各站点理论产能</h3>
|
|
<div class="form-group">
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="weld" value="焊接" /><label for="weld" class="color">焊接</label><input id="weld" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="叠层" /><label for="laminate" class="color">叠层</label><input id="laminate" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="层压" /><label for="lamination" class="color">层压</label><input id="lamination" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="层压后检验" /><label for="laminationTest" class="color">层压后检验</label><input id="laminationTest" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="装框" /><label for="frameUp" class="color">装框</label><input id="frameUp" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="清洗" /><label for="rinse" class="color">清洗</label><input id="rinse" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="IV" /><label for="iv" class="color">IV</label><input id="iv" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="EL" /><label for="el" class="color">EL</label><input id="el" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="全检" /><label for="fullInspection" class="color">全检</label><input id="fullInspection" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
<div style="display:flex;flex-wrap:nowrap;justify-content:space-between">
|
|
<input type="checkbox" name="" value="包装" /><label for="pack" class="color">包装</label><input id="pack" class="input" type="text" disabled autocomplete="off" />
|
|
</div>
|
|
</div>
|
|
<button id="save" style="width:100%" data-toggle="control-sidebar">确定</button>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<div class="control-sidebar-bg"></div>
|
|
</section>
|
|
<script src="~/3rd/node_modules/vue/dist/vue.min.js"></script>
|
|
<script src="~/3rd/underscore/underscore-min.js"></script>
|
|
<script src="~/3rd/AdminLTE/bower_components/select2/dist/js/select2.min.js"></script>
|
|
<script src="~/3rd/blockui-master/jquery.blockUI.js"></script>
|
|
<script src="~/3rd/AdminLTE/bower_components/jquery-knob/js/jquery.knob.js"></script>
|
|
<script src="~/3rd/Highcharts/highcharts.js"></script>
|
|
<script src="~/3rd/Highcharts/no-data-to-display.js"></script>
|
|
<script src="~/3rd/Highcharts/exporting.js"></script>
|
|
@*<script src="~/3rd/node_modules/babel-polyfill/dist/polyfill.js"></script>*@
|
|
<!--<script src="~/Scripts/Report/SiteCapacity.js"></script>-->
|
|
<script src="~/Scripts/Report/SpecifiedChanLiangrate.js?v=11"></script>
|
|
|