projects/mescc/zhp #82
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-06-27 14:56:20
|
||||
* @LastEditTime: 2024-07-02 16:33:59
|
||||
* @LastEditors: DY
|
||||
* @Description:
|
||||
-->
|
||||
@ -16,8 +16,8 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="listQuery.type === 0 || listQuery.type === ''" label="时间范围" prop="reportTime">
|
||||
<el-date-picker size="small" clearable v-model="listQuery.reportTime" type="datetimerange" range-separator="至"
|
||||
start-placeholder="开始日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" @change="changeDayTime" end-placeholder="结束日期">
|
||||
<el-date-picker size="small" clearable v-model="listQuery.reportTime" type="daterange" range-separator="至"
|
||||
start-placeholder="开始日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" @change="changeDayTime" end-placeholder="结束日期" :picker-options="{ }">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
|
||||
@ -234,7 +234,7 @@ export default {
|
||||
{
|
||||
prop: 'goodRatio',
|
||||
label: '良品率%',
|
||||
filter: (val) => val + '%'
|
||||
filter: (val) => val.toFixed(2) + '%'
|
||||
},
|
||||
],
|
||||
tableData: [],
|
||||
@ -535,11 +535,23 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style>
|
||||
/* .blueTip { */
|
||||
/* padding-bottom: 10px; */
|
||||
/* } */
|
||||
/* .blueTi */
|
||||
.blueTip .el-date-editor .el-range__icon {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip .el-input__prefix .el-icon-date {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip .el-input__prefix .el-icon-time {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip::before{
|
||||
display: inline-block;
|
||||
content: '';
|
||||
|
@ -1,8 +1,8 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2022-01-21 14:43:06
|
||||
* @LastEditors: zhp
|
||||
* @LastEditTime: 2024-07-03 09:10:05
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2024-07-01 16:54:41
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -74,7 +74,6 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
initChart(xAxis, seriesList) {
|
||||
console.log('2', xAxis, seriesList)
|
||||
if (xAxis.length === 0) {
|
||||
this.chart.clear()
|
||||
}
|
||||
@ -100,13 +99,16 @@ export default {
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow',
|
||||
color: "rgba(237,237,237,0.5)"
|
||||
},
|
||||
formatter: function(params) {
|
||||
console.log(params);
|
||||
let result = `
|
||||
<div style="width: 270px; display: flex">
|
||||
<div style="width: 150px">${params[0].name}</div>
|
||||
<div style="width: 60px">${factoryListabbr[0]}</div>
|
||||
<div style="width: 60px">${factoryListabbr[1]}</div>
|
||||
<div style="width: 60px; text-align: right">${factoryListabbr[0]}</div>
|
||||
<div style="width: 60px; text-align: right">${factoryListabbr[1]}</div>
|
||||
</div>`
|
||||
const newArray = params.map(p => {
|
||||
console.log(factoryListabbr[p.seriesName.split('-')[1]], p.seriesName.split('-')[0])
|
||||
@ -115,14 +117,17 @@ export default {
|
||||
factoryName: factoryListabbr[p.seriesName.split('-')[1]], // 工厂名称
|
||||
value: p.value,
|
||||
name: p.name,
|
||||
marker: p.marker
|
||||
marker: p.marker,
|
||||
color: p.color
|
||||
}
|
||||
})
|
||||
const analyzeList = Object.groupBy(newArray, (member) => member.glass)
|
||||
for (let g in analyzeList) {
|
||||
// date => 玻璃类型
|
||||
let oneData = `<div style="width: 270px; display: flex">
|
||||
<div style="width: 150px">${analyzeList[g][0].marker} ${g}</div>`
|
||||
<div style="width: 150px; display: flex; align-items: center">
|
||||
<div style="background-color: ${analyzeList[g][0].color}; width: 10px; height: 10px; margin-right: 5px"></div>
|
||||
<div>${g}</div></div>`
|
||||
for (let fac of factoryListabbr) {
|
||||
let goodNum = 0
|
||||
for (let ana of analyzeList[g]) {
|
||||
@ -130,7 +135,7 @@ export default {
|
||||
goodNum = ana.value
|
||||
}
|
||||
}
|
||||
oneData += `<div style="width: 60px">${goodNum}</div>`
|
||||
oneData += `<div style="width: 60px; text-align: right">${goodNum}</div>`
|
||||
}
|
||||
result = result + oneData + '</div>'
|
||||
}
|
||||
@ -157,7 +162,7 @@ export default {
|
||||
],
|
||||
grid: {
|
||||
top: '10%',
|
||||
left: "1%",
|
||||
left: "2%",
|
||||
right: "5%",
|
||||
bottom: "0%",
|
||||
containLabel: true
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-06-20 16:41:48
|
||||
* @LastEditTime: 2024-07-02 16:35:01
|
||||
* @LastEditors: DY
|
||||
* @Description:
|
||||
-->
|
||||
@ -691,11 +691,22 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style>
|
||||
/* .blueTip { */
|
||||
/* padding-bottom: 10px; */
|
||||
/* } */
|
||||
/* .blueTi */
|
||||
.blueTip .el-date-editor .el-range__icon {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip .el-input__prefix .el-icon-date {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip .el-input__prefix .el-icon-time {
|
||||
font-size: 16px;
|
||||
color: #0b58ff;
|
||||
}
|
||||
.blueTip::before{
|
||||
display: inline-block;
|
||||
content: '';
|
||||
|
@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-06-24 15:08:34
|
||||
* @LastEditTime: 2024-07-01 17:06:29
|
||||
* @LastEditors: DY
|
||||
* @Description:
|
||||
-->
|
||||
@ -242,7 +242,7 @@ export default {
|
||||
{
|
||||
prop: 'productionProgress',
|
||||
label: '生产进度',
|
||||
filter: (val) => (val * 100) + '%'
|
||||
filter: (val) => (val * 100).toFixed(2) + '%'
|
||||
},
|
||||
{
|
||||
prop: 'orderStatus',
|
||||
|
Loading…
Reference in New Issue
Block a user