This commit is contained in:
2023-09-21 15:15:27 +08:00
parent d7c0574fdd
commit b4237012a7
2 changed files with 210 additions and 186 deletions

View File

@@ -28,223 +28,238 @@ export const storageMonitor = (id) => post('api/dashboard/warehouseMonitor', {})
export const productionStatistics = () => { export const productionStatistics = () => {
let res = { let res = {
'pressProduction': { 'pressProduction': {
'dailyProductionQty': 32.25, 'dailyProductionQty': '0.11',
'equipmentProduction': [ 'equipmentProduction': [
{ {
'qty': 11000, 'qty': 633.0,
'name': '压机1', 'name': '压机1',
'weight': 13000 'weight': 0.0
}, },
{ {
'qty': 4000, 'qty': 0.0,
'name': '压机2', 'name': '压机2',
'weight': 19000 'weight': 0.0
}, },
{ {
'qty': 5000, 'qty': 497.0,
'name': '压机3', 'name': '压机',
'weight': 6000 'weight': 0.0
}, },
{ {
'qty': 9120, 'qty': 0.0,
'name': '压机4',
'weight': 8010
},
{
'qty': 9000,
'name': '压机5',
'weight': 16200
},
{
'qty': 5900,
'name': '压机6',
'weight': 2000
},
{
'qty': 2220,
'name': '压机7',
'weight': 9010
},
{
'qty': 3000,
'name': '压机8', 'name': '压机8',
'weight': 8200 'weight': 0.0
},
{
'qty': 5000,
'name': '压机9',
'weight': 12000
},
{
'qty': 6220,
'name': '压机10',
'weight': 16010
},
{
'qty': 3900,
'name': '压机11',
'weight': 10200
},
{
'qty': 6300,
'name': '压机12',
'weight': 9200
},
{
'qty': 3020,
'name': '压机13',
'weight': 17010
},
{
'qty': 5500,
'name': '压机14',
'weight': 9500
},
{
'qty': 7200,
'name': '压机15',
'weight': 18000
} }
], ],
'dailyProductionWeight': 64.25 'dailyProductionWeight': '0.00'
}, },
'workOrder': [ 'workOrder': [
{ {
'planStartTime': '2023-08-18 14:02:48', 'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': 'DD001', 'workOrderCode': '230915001',
'equipment': '压机1', 'equipment': '分拣拆垛机械手1',
'materialCode': 'WL01', 'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-08-18 14:02:48', 'startTime': '2023-09-15 15:16:21',
'planned': '1000kg', 'planned': '1000',
'completed': '827kg', 'completed': '0块',
'endTime': '2023-08-18 14:02:48', 'endTime': '2023-09-15 15:27:35',
'customer': '厂家1', 'customer': '客户',
'status': '完成' 'status': '完成'
}, },
{ {
'planStartTime': '2023-08-18 14:02:48', 'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': 'DD002', 'workOrderCode': '230915004',
'equipment': '混料机2', 'equipment': '分拣拆垛机械手1',
'materialCode': 'WL02', 'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-08-18 14:02:48', 'startTime': '',
'planned': '1000kg', 'planned': '1000',
'completed': '894kg', 'completed': '0块',
'customer': '厂家2', 'endTime': '2023-09-15 15:27:20',
'status': '已下发' 'customer': '客户',
'status': '完成'
}, },
{ {
'planStartTime': '2023-08-18 14:02:48', 'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': 'DD003', 'workOrderCode': '230915007',
'equipment': '压机3', 'equipment': '分拣拆垛机械手1',
'materialCode': 'WL03', 'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'planned': '3000kg', 'startTime': '2023-09-19 14:36:40',
'completed': '627kg', 'planned': '1000块',
'customer': '厂家3', 'completed': '211块',
'status': '未生产' 'endTime': '2023-09-19 14:30:53',
'customer': '客户',
'status': '生产中'
}, },
{ {
'planStartTime': '2023-08-18 14:02:48', 'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': 'DD004', 'workOrderCode': '230915010',
'equipment': '混料机4', 'equipment': '混料机4',
'materialCode': 'WL04', 'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-08-18 14:02:48', 'startTime': '2023-09-15 15:59:54',
'planned': '8000kg', 'planned': '10000千克',
'completed': '6137kg', 'completed': '485.000千克',
'customer': '厂家4', 'endTime': '',
'status': '暂停' 'customer': '客户',
'status': '完成'
}, },
{ {
'planStartTime': '2023-08-18 14:02:48', 'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': 'DD005', 'workOrderCode': '230915013',
'equipment': '混料机5', 'equipment': '混料机5',
'materialCode': 'WL05', 'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-08-18 14:02:48', 'startTime': '2023-09-15 16:04:15',
'planned': '1000kg', 'planned': '10000千克',
'completed': '894kg', 'completed': '千克',
'customer': '厂家5', 'endTime': '',
'customer': '',
'status': '完成'
},
{
'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': '230915016',
'equipment': '混料机6',
'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-09-15 16:04:17',
'planned': '10000千克',
'completed': '0.000千克',
'endTime': '',
'customer': '',
'status': '完成'
},
{
'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': '230917004',
'equipment': '液压机',
'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-09-17 10:08:43',
'planned': '1000块',
'completed': '914块',
'endTime': '',
'customer': '22',
'status': '生产中'
},
{
'materialName': '镁碳砖-包壁',
'workOrderCode': '230918031',
'equipment': '压机5',
'materialCode': '90205',
'startTime': '2023-09-18 16:17:47',
'planned': '628块',
'completed': '0块',
'endTime': '2023-09-19 13:27:22',
'customer': '唐钢长材',
'status': '完成'
},
{
'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': '230918034',
'equipment': '压机8',
'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '2023-09-18 14:06:28',
'planned': '1000块',
'completed': '0块',
'endTime': '',
'customer': '22',
'status': '生产中'
},
{
'materialName': '镁碳砖MGL8343P10-K23Z006',
'workOrderCode': '230918037',
'equipment': '混料机4',
'materialCode': 'WGBMMC00002MGL8343P10-K23Z006',
'startTime': '2023-09-19 08:55:47',
'planned': '4999千克',
'completed': '11158.000千克',
'endTime': '',
'customer': 'GW5',
'status': '生产中'
},
{
'materialName': '镁碳砖MGL8343P20-K23Z006',
'workOrderCode': '230918040',
'equipment': '混料机5',
'materialCode': 'WGBMMC00002MGL8343P20-K23Z006',
'startTime': '2023-09-19 09:10:22',
'planned': '4999千克',
'completed': '6319.000千克',
'endTime': '',
'customer': 'GW5',
'status': '生产中'
},
{
'materialName': '镁碳砖MGL8343P10-K23Z006',
'workOrderCode': '230918043',
'equipment': '压机1',
'materialCode': 'WGBMMC00002MGL8343P10-K23Z006',
'startTime': '2023-09-19 09:42:32',
'planned': '428块',
'completed': '633块',
'endTime': '',
'customer': 'GW5',
'status': '生产中'
},
{
'materialName': '镁碳砖MGL8343P20-K23Z006',
'workOrderCode': '230918046',
'equipment': '压机2',
'materialCode': 'WGBMMC00002MGL8343P20-K23Z006',
'startTime': '2023-09-19 09:42:24',
'planned': '428块',
'completed': '0块',
'endTime': '',
'customer': 'GW5',
'status': '生产中'
},
{
'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
'workOrderCode': '230919001',
'equipment': '分拣拆垛机械手1',
'materialCode': 'ZLMMC00001MASC-6532K23Z001',
'startTime': '',
'planned': '10000块',
'completed': '块',
'endTime': '',
'customer': '客户',
'status': '已下发' 'status': '已下发'
},
{
'planStartTime': '2023-08-18 14:02:48',
'workOrderCode': 'DD006',
'equipment': '压机6',
'materialCode': 'WL06',
'planned': '3000kg',
'completed': '627kg',
'customer': '厂家6',
'status': '未生产'
},
{
'planStartTime': '2023-08-18 14:02:48',
'workOrderCode': 'DD007',
'equipment': '混料机7',
'materialCode': 'WL07',
'startTime': '2023-08-18 14:02:48',
'planned': '8000kg',
'completed': '6137kg',
'customer': '厂家7',
'status': '暂停'
},
{
'planStartTime': '2023-08-18 14:02:48',
'workOrderCode': 'DD008',
'equipment': '混料机8',
'materialCode': 'WL08',
'startTime': '2023-08-18 14:02:48',
'planned': '1000kg',
'completed': '894kg',
'customer': '厂家8',
'status': '已下发'
},
{
'planStartTime': '2023-08-18 14:02:48',
'workOrderCode': 'DD009',
'equipment': '压机9',
'materialCode': 'WL09',
'planned': '3000kg',
'completed': '627kg',
'customer': '厂家9',
'status': '未生产'
} }
], ],
'total': { 'total': {
'pressWeight': 30.25, 'pressWeight': '0.00',
'dryWeight': 20.25, 'dryWeight': '0.00',
'sortWeight': 16.25 'sortWeight': '0.00'
}, },
'finishedProductCompletionRate': [ 'finishedProductCompletionRate': [
{ {
'uncompleted': 5000, 'uncompleted': 12789,
'name': '物料1', 'name': '转炉镁碳砖MASC-65鞍钢23Z001',
'completed': 4000 'completed': 211
}, },
{ {
'uncompleted': 3000, 'uncompleted': 11222,
'name': '物料2', 'name': '转炉镁碳砖MASC-65鞍钢23Z888',
'completed': 4000 'completed': 2988
},
{
'uncompleted': 4000,
'name': '物料3',
'completed': 3000
} }
], ],
'mixProduction': [ 'mixProduction': [
{ {
'name': '物料1', 'name': '镁碳砖MGL8343P10-K23Z006',
'value': 800.25 'value': 3654.0
}, },
{ {
'name': '物料2', 'name': '镁碳砖MGL8343P99-K23Z099',
'value': 800.25 'value': 2400.0
}, },
{ {
'name': '物料3', 'name': '镁碳砖MGL8343P99-K23Z666',
'value': 900.25 'value': 1100.0
}, },
{ {
'name': '物料4', 'name': '镁碳砖MGL8343P99-K23Z888',
'value': 600.25 'value': 3200.0
},
{
'name': '镁碳砖MGL8343P99-K23Z222',
'value': 1800.0
} }
] ]
} }

View File

@@ -2,7 +2,7 @@
<section class="bg"> <section class="bg">
<!-- <t-header title="顺安大屏监控-生产统计"> <!-- <t-header title="顺安大屏监控-生产统计">
</t-header> --> </t-header> -->
<t-header title="顺安大屏监控——物流工艺"> <t-header title="顺安大屏监控——生产统计">
<div class="pages"> <div class="pages">
<router-link to="/LogisticsProcess">物流工艺</router-link> <router-link to="/LogisticsProcess">物流工艺</router-link>
<router-link to="/StorageMonitor">仓储监控</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 class="title"><span class="dotIncon"></span><span class="tltxt">生产任务</span></div>
</div> </div>
<div class="list_scroll_title"> <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> </div>
<vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll"> <vue-seamless-scroll :data="workOrder" :class-option="classOption" class="content-block-scroll">
<ul class="content-block-scroll-ul"> <ul class="content-block-scroll-ul">
<li v-for="(e, i) in workOrder" :key="i"> <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> --> <!-- <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> </li>
</ul> </ul>
@@ -201,13 +201,14 @@ export default {
legend: { legend: {
// orient: 'vertical', // orient: 'vertical',
orient: 'horizontal', orient: 'horizontal',
top: '0%', top: '-1%',
// right: 0,
textStyle: { textStyle: {
color: '#fff', color: '#fff',
fontWeight: 'bold', fontWeight: 'bold',
fontSize: 14 fontSize: 12
}, },
itemGap: 30.86, itemGap: 10.86,
itemWidth: 14.16, itemWidth: 14.16,
itemHeight: 7.38, itemHeight: 7.38,
data: dataName data: dataName
@@ -220,12 +221,13 @@ export default {
radius: ['43%', '70%'], radius: ['43%', '70%'],
label: { label: {
normal: { normal: {
show: false,
// position: 'inner', // position: 'inner',
formatter: '{d}%', formatter: '{d}%',
textStyle: { textStyle: {
color: '#fff', color: '#fff',
fontWeight: 'bold', fontWeight: 'bold',
fontSize: 14 fontSize: 12
} }
} }
}, },
@@ -283,6 +285,9 @@ export default {
xAxis: { xAxis: {
// data: ['1号砖', '2号砖', '3号砖', '4号砖'], // data: ['1号砖', '2号砖', '3号砖', '4号砖'],
data: materArr, data: materArr,
axisLabel: {
fontSize: 10
},
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#fff' color: '#fff'
@@ -729,10 +734,12 @@ export default {
line-height 32px line-height 32px
// float left // float left
font-size 14px font-size 14px
&:nth-child(1) &:nth-child(3)
width 8% width 16%
&:nth-child(2) &:nth-child(4)
width 12% width 16%
&:nth-child(9)
width 10%
.content-block-scroll .content-block-scroll
_wh(calc(100% - 0px), calc(100% - 113px)) _wh(calc(100% - 0px), calc(100% - 113px))
margin 0 auto 25px auto margin 0 auto 25px auto
@@ -754,8 +761,10 @@ export default {
line-height 38px line-height 38px
box-sizing border-box box-sizing border-box
// float left // float left
&:nth-child(1) &:nth-child(3)
width 8% width 16%
&:nth-child(2) &:nth-child(4)
width 12% width 16%
&:nth-child(9)
width 10%
</style> </style>