root/screen-shunhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

生产

Browse Source
This commit is contained in:
xiangxy
2023-09-21 15:15:27 +08:00
parent d7c0574fdd
commit b4237012a7
2 changed files with 210 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/shunhe/ProdCount.vue
View File

@@ -2,7 +2,7 @@
<section class="bg">
<!-- <t-header title="顺安大屏监控-生产统计">
</t-header> -->
<t-header title="顺安大屏监控——物流工艺">
<t-header title="顺安大屏监控——生产统计">
<div class="pages">
<router-link to="/LogisticsProcess">物流工艺</router-link>
<router-link to="/StorageMonitor">仓储监控</router-link>
@@ -74,12 +74,12 @@
<div class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
</div>
<div class="list_scroll_title">
<span>订单</span><span>工序</span><span>设备</span><span>物料号</span><span>生产物料</span><span>厂家</span><span>计划量</span><span>生产量</span><span>生产状态</span><span>计划开始时间</span><span>开始时间</span><span>结束时间</span>
<span>工单号</span><span>设备</span><span>物料号</span><span>生产物料</span><span>厂家</span><span>计划量</span><span>生产量</span><span>生产状态</span><span>开始时间</span><span>结束时间</span>
</div>
<vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
<ul class="content-block-scroll-ul">
<li v-for="(e, i) in workOrder" :key="i">
<span>{{e.workOrderCode}}</span><span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialCode}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.planStartTime}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
<span>{{e.workOrderCode}}</span><span>{{e.equipment}}</span><span>{{e.materialCode}}</span><span>{{e.materialName}}</span><span>{{e.customer}}</span><span>{{e.planned}}</span><span>{{e.completed}}</span><span>{{e.status}}</span><span>{{e.startTime}}</span><span>{{e.endTime}}</span>
<!-- <span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.device_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.material_code}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.plan_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.real_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.qualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.unqualified_qty}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.order_status_name}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproducestart_date}}</span><span :class="{blue:e.order_status ==='1',yellow:e.order_status ==='2',green:e.order_status ==='3',red:e.order_status ==='4',orange:e.order_status ==='5'}">{{e.realproduceend_date}}</span> -->
</li>
</ul>
@@ -201,13 +201,14 @@ export default {
legend: {
// orient: 'vertical',
orient: 'horizontal',
top: '0%',
top: '-1%',
// right: 0,
textStyle: {
color: '#fff',
fontWeight: 'bold',
fontSize: 14
fontSize: 12
},
itemGap: 30.86,
itemGap: 10.86,
itemWidth: 14.16,
itemHeight: 7.38,
data: dataName
@@ -220,12 +221,13 @@ export default {
radius: ['43%', '70%'],
label: {
normal: {
show: false,
// position: 'inner',
formatter: '{d}%',
textStyle: {
color: '#fff',
fontWeight: 'bold',
fontSize: 14
fontSize: 12
}
}
},
@@ -283,6 +285,9 @@ export default {
xAxis: {
// data: ['1号砖', '2号砖', '3号砖', '4号砖'],
data: materArr,
axisLabel: {
fontSize: 10
},
axisLine: {
lineStyle: {
color: '#fff'
@@ -729,10 +734,12 @@ export default {
line-height 32px
// float left
font-size 14px
&:nth-child(1)
width 8%
&:nth-child(2)
width 12%
&:nth-child(3)
width 16%
&:nth-child(4)
width 16%
&:nth-child(9)
width 10%
.content-block-scroll
_wh(calc(100% - 0px), calc(100% - 113px))
margin 0 auto 25px auto
@@ -754,8 +761,10 @@ export default {
line-height 38px
box-sizing border-box
// float left
&:nth-child(1)
width 8%
&:nth-child(2)
width 12%
&:nth-child(3)
width 16%
&:nth-child(4)
width 16%
&:nth-child(9)
width 10%
</style>