计件薪酬、成品线看板
parent
b94f462316
commit
49e7dd494e
@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取工厂下拉列表
|
||||||
|
export function finishProductBoard(data) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/mesborad/finishProductBoard',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,51 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询unitprice列表
|
||||||
|
export function listChildprocess(query) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 查询全部列表
|
||||||
|
export function listChildprocessall(query) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess/listall',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 查询unitprice详细
|
||||||
|
export function getChildprocess(childprocessId) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess/' + childprocessId,
|
||||||
|
method: 'get'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增unitprice
|
||||||
|
export function addChildprocess(data) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改unitprice
|
||||||
|
export function updateChildprocesse(data) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除unitprice
|
||||||
|
export function delChildprocesse(childprocessId) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/childprocess/' + childprocessId,
|
||||||
|
method: 'delete'
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,44 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询unitPrice列表
|
||||||
|
export function listUnitPrice(query) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/unitPrice/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询unitPrice详细
|
||||||
|
export function getUnitPrice(picId) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/unitPrice/' + picId,
|
||||||
|
method: 'get'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增unitPrice
|
||||||
|
export function addUnitPrice(data) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/unitPrice',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改unitPrice
|
||||||
|
export function updateUnitPrice(data) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/unitPrice',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除unitPrice
|
||||||
|
export function delUnitPrice(picId) {
|
||||||
|
return request({
|
||||||
|
url: '/mes/unitPrice/' + picId,
|
||||||
|
method: 'delete'
|
||||||
|
});
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<div class="top-left-cmp">
|
||||||
|
<div class="dc-left">
|
||||||
|
<dv-border-box-5>
|
||||||
|
<div class="main-value"><span>{{ data.sumplanquantity }}</span>件</div>
|
||||||
|
<!-- <div class="compare-value"><span>同比</span>81</div>-->
|
||||||
|
<!-- <div class="compare-value"><span>环比</span>15</div>-->
|
||||||
|
</dv-border-box-5>
|
||||||
|
<div class="dc-text">
|
||||||
|
当日产量
|
||||||
|
<dv-decoration-3 style="width:200px;height:20px;" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dc-right">
|
||||||
|
<div class="dc-text">
|
||||||
|
当日计划
|
||||||
|
<dv-decoration-3 style="width:200px;height:20px;" />
|
||||||
|
</div>
|
||||||
|
<dv-border-box-5 :reverse="true">
|
||||||
|
<div class="main-value"><span>{{ data.sumFinshQuantity }}</span>件</div>
|
||||||
|
<!-- <div class="compare-value"><span>同比</span>66</div>-->
|
||||||
|
<!-- <div class="compare-value"><span>环比</span>9</div>-->
|
||||||
|
</dv-border-box-5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'TopLeftCmp',
|
||||||
|
props: {
|
||||||
|
data: []
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// Accessing the prop directly in the data function
|
||||||
|
receivedValue: this.data,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
data(newVal) {
|
||||||
|
// Watching the data prop for changes
|
||||||
|
this.receivedValue = newVal;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.top-left-cmp {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.dc-left, .dc-right {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dv-border-box-5 {
|
||||||
|
height: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dc-text {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 40%;
|
||||||
|
font-size: 20px;
|
||||||
|
padding: 20px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dc-left .dc-text {
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dc-right .dc-text {
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dc-left .dv-border-box-5 {
|
||||||
|
padding: 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dc-right .dv-border-box-5 {
|
||||||
|
padding: 40px;
|
||||||
|
padding-left: 75px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-value {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 30px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 40px;
|
||||||
|
color: #00c0ff;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.compare-value {
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<div class="top-right-cmp">
|
||||||
|
<div class="chart-name">
|
||||||
|
产线停机次数
|
||||||
|
<dv-decoration-3 style="width:200px;height:20px;" />
|
||||||
|
</div>
|
||||||
|
<dv-charts :option="option" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'TopRightCmp',
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
option: {
|
||||||
|
legend: {
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
name: '停机次数',
|
||||||
|
color: '#00baff'
|
||||||
|
}
|
||||||
|
|
||||||
|
],
|
||||||
|
textStyle: {
|
||||||
|
fill: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
data: [
|
||||||
|
],
|
||||||
|
axisLine: {
|
||||||
|
style: {
|
||||||
|
stroke: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
axisLabel: {
|
||||||
|
style: {
|
||||||
|
fill: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
axisTick: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
data: 'value',
|
||||||
|
splitLine: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
axisLine: {
|
||||||
|
style: {
|
||||||
|
stroke: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
axisLabel: {
|
||||||
|
style: {
|
||||||
|
fill: '#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
axisTick: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
min: 0,
|
||||||
|
max: 8
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '停机次数',
|
||||||
|
data: [
|
||||||
|
|
||||||
|
],
|
||||||
|
type: 'bar',
|
||||||
|
barStyle: {
|
||||||
|
fill: 'rgba(0, 186, 255, 0.4)'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.top-right-cmp {
|
||||||
|
position: relative;
|
||||||
|
padding: 0 50px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.chart-name {
|
||||||
|
position: absolute;
|
||||||
|
right: 70px;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 20px;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue