旧版报表、仓库
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

@{
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>