修改ui
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2023-11-06 15:15:30
|
||||
* @LastEditTime: 2024-07-05 09:31:40
|
||||
* @LastEditTime: 2024-07-05 15:16:01
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@@ -78,49 +78,51 @@
|
||||
dataForm.endDate[2] : '' }}</p>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
<div v-loading="loading">
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
<small-title slot="title" :no-padding="true">
|
||||
产品良率
|
||||
</small-title>
|
||||
<div ref="pie" :style="{ height: '40vh', width: '100%' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
待制品分布
|
||||
</small-title>
|
||||
<div ref="equipmentLine" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
<small-title slot="title" :no-padding="true">
|
||||
生产明细
|
||||
</small-title>
|
||||
<div ref="bar" :style="{ height: '40vh', width: '100%' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div v-show="dataForm.orderStatus === 2"
|
||||
style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
历史趋势
|
||||
</small-title>
|
||||
<div ref="line" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
<small-title slot="title" :no-padding="true">
|
||||
产品良率
|
||||
</small-title>
|
||||
<div ref="pie" :style="{ height: '40vh', width: '100%' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
待制品分布
|
||||
</small-title>
|
||||
<div ref="equipmentLine" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
<small-title slot="title" :no-padding="true">
|
||||
生产明细
|
||||
</small-title>
|
||||
<div ref="bar" :style="{ height: '40vh', width: '100%' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div v-show="dataForm.orderStatus === 2"
|
||||
style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
历史趋势
|
||||
</small-title>
|
||||
<div ref="line" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-drawer>
|
||||
|
||||
@@ -154,6 +156,7 @@ export default {
|
||||
barChart: null,
|
||||
equipmentLineChart: null,
|
||||
visible: false,
|
||||
loading:true,
|
||||
dataForm: {},
|
||||
colorList: ['#3E8EF7', '#69E6D8', '#F7C739'] // pie颜色
|
||||
}
|
||||
@@ -206,6 +209,7 @@ export default {
|
||||
if (id) {
|
||||
getWorkOrderDetail(id).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.loading = false
|
||||
this.dataForm = res.data.prodWorkOrderDO
|
||||
this.buildChart(this.dataForm)
|
||||
// 在制品
|
||||
|
||||
Reference in New Issue
Block a user