|
@@ -1,7 +1,14 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh">
|
|
|
-
|
|
|
+<style>
|
|
|
+
|
|
|
+.marker { font-size: 12px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
|
|
<head>
|
|
|
+
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
|
|
<!-- 一个小时刷新一下当前页 -->
|
|
@@ -71,7 +78,7 @@
|
|
|
<div class="col-lg-12 col-md-12" style="height:240px" id="charts_11"></div>
|
|
|
</div>
|
|
|
<div class="row block-padding">
|
|
|
- <div class="col-lg-12 col-md-12 center block-title">良率</div>
|
|
|
+ <div class="col-lg-12 col-md-12 center block-title">产品良率</div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
<div class="col-lg-12 col-md-2" style="height:240px" id="charts_12"></div>
|
|
@@ -83,9 +90,9 @@
|
|
|
<div class="col-lg-12 col-md-2" style="height:240px" id="charts_13"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-lg-7" >
|
|
|
+ <div class="col-lg-7" style="padding-left: 50px;">
|
|
|
<div class="row block-padding" style="height: 350px;">
|
|
|
- <div style="height: 180px;" class="col-lg-4 col-md-4 padding-around" v-for="task in doingTaskList">
|
|
|
+ <div style="height: 180px;padding: 0px 30px;" class="col-lg-4 col-md-4 " v-for="task in doingTaskList">
|
|
|
<div class="task-block" :class="task.bgcss">
|
|
|
<div class="row ">
|
|
|
<div class="col-lg-12 col-md-12 center task-block-title">{{task.displayName}}</div>
|
|
@@ -132,36 +139,38 @@
|
|
|
<div class="col-lg-12 col-md-12 center block-title">生产计划</div>
|
|
|
</div>
|
|
|
<div class="row block-padding">
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">项目名称</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">工单号</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">物料编码</div>
|
|
|
+ <!-- <div class="col-lg-1 col-md-1 center no-padding">项目名称</div> -->
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 8%;">工单号</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 12%;">物料编码</div>
|
|
|
<!-- <div class="col-lg-2 col-md-2 center no-padding">型号规格</div> -->
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">物料名称</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">计划数量</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">标准工时</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">完成数量</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">完成工时</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">作业人员</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">达成率</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">生产效率</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">状态</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 14%;">物料名称</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">计划数量</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">派工数量</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">标准工时</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">完成数量</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">完成工时</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 8%;">作业人员</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 8%;">达成率</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 8%;">生产效率</div>
|
|
|
+ <div class="col-lg-1 col-md-1 center no-padding" style="width: 7%;">状态</div>
|
|
|
<!-- <div class="col-lg-2 col-md-2 center no-padding">完成进度(已/未)</div> -->
|
|
|
</div>
|
|
|
<div class="row" v-for="product in dayProduceTaskList">
|
|
|
- <div style="overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 center no-padding">{{product.projectName}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.orderSheetCode}}</div>
|
|
|
- <div style="overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 center no-padding">{{product.materialCode}}</div>
|
|
|
+ <!-- <div style="overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 center no-padding">{{product.projectName}}</div> -->
|
|
|
+ <div style="width: 8%;" class="col-lg-1 col-md-1 center no-padding">{{product.orderSheetCode}}</div>
|
|
|
+ <div style="width: 12%;overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 center no-padding">{{product.materialCode}}</div>
|
|
|
<!-- <div class="col-lg-2 col-md-2 center no-padding">{{product.specs}}</div> -->
|
|
|
- <div style="overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 left no-padding">{{product.materialName}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.planSum}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.workHour}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.latestCompletedQuantity}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.manHoursCompleted}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.name}}</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.productionEfficiency}}%</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">{{product.productionEfficiency}}%</div>
|
|
|
- <div class="col-lg-1 col-md-1 center no-padding">
|
|
|
- {{product.stateName}}
|
|
|
+ <div style="width: 14%;overflow:hidden; word-break:break-all;white-space:nowrap" class="col-lg-1 col-md-1 left no-padding">{{product.materialName}}</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">{{product.planSum}}</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">{{product.numberOfTasks}}</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">{{product.workHour}}</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">{{product.latestCompletedQuantity}}</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">{{product.manHoursCompleted}}</div>
|
|
|
+ <div style="width: 8%;" class="col-lg-1 col-md-1 center no-padding">{{product.name}}</div>
|
|
|
+ <div style="width: 8%;" class="col-lg-1 col-md-1 center no-padding">{{product.achievementRate}}%</div>
|
|
|
+ <div style="width: 8%;" class="col-lg-1 col-md-1 center no-padding">{{product.productionEfficiency}}%</div>
|
|
|
+ <div style="width: 7%;" class="col-lg-1 col-md-1 center no-padding">
|
|
|
+ <strong style="font-size:large;" :style="{color:product.color}">·</strong>{{product.stateName}}
|
|
|
</div>
|
|
|
<!-- <div class="col-lg-2 col-md-2 center no-padding progress">
|
|
|
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
|
|
@@ -205,6 +214,7 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- jQuery -->
|
|
|
+
|
|
|
<script src="/lib/jquery.min.js"></script>
|
|
|
<script src="/lib/vue.min.js"></script>
|
|
|
<script src="/lib/echarts/echarts.min.js"></script>
|
|
@@ -303,7 +313,7 @@
|
|
|
ChartsService.initCommonPie("charts_24", ServicePerson.getDayAttendance(), [ '#37a2da','#ff9f7f']);
|
|
|
this.loadData();
|
|
|
// 开启定时器
|
|
|
- this.timer_short = setInterval(this.scrollData, 5000);
|
|
|
+ this.timer_short = setInterval(this.scrollData, 30000);
|
|
|
},
|
|
|
// 轮播数据
|
|
|
scrollData: function () {
|